MODEL DATA RELASIONAL

Pengertian Model Data Relasional

Model Relasional merupakan model data yang paling banyak digunakan saat ini. Hal ini disebabkan oleh bentuknya yang sederhana dibandingkan dengan model jaringan/network atau model hirarki. Bentuk yang sederhana ini membuat pekerjaan seorang programmer menjadi lebih mudah, yaitu dalam melakukan berbagai operasi data (query, insert, update, delete, dan lainnya).

Model Data Relasional adalah model basis data yang menggunakan tabel dua dimensi,  yang terdiri dari baris dan kolom untuk menggambarkan sebuah berkas data.

Keuntungan Model Data Relasional

1. Bentuknya sederhana sehingga mudah dalam penggunaannya.

1. Mudah melakukan berbagai operasi data (query, update/edit, delete).

Istilah-istilah dalam Model Data Relasional :

Relasi yaitu sebuah tabel yang terdiri dari beberapa kolom dan beberapa baris.

Atribut yaitu kolom pada sebuah relasi.

Tupel yaitu baris pada sebuah relasi.

Domain yaitu kumpulan nilai yang valid untuk satu atau lebih atribut

Derajat yaitu jumlah atribut dalam sebuah relasi (jumlah field)

Cardinality yaitu jumlah tupel dalam sebuah relasi (jumlah record)

Relational Key

Super key

Satu/kumpulan atribut yang secara unik mengidentifikasi sebuah tupel di dalam relasi (satu atau lebih field yang dapat dipilih untuk membedakan antara 1 record dengan record lainnya).

Candidate key

Atribut di dalam relasi yang biasanya mempunyai nilai unik  (super key dengan jumlah field yang paling sedikit)

Primary key

Candidate key yang dipilih untuk mengidentifikasikan tupel secara unik dalam relasi

Alternate key

Candidate key yang tidak dipilih sebagai primary key

Foreign key

Atribut dengan domain yang sama yang menjadi kunci utama pada sebuah relasi tetapi pada relasi lain atribut tersebut hanya sebagai atribut biasa

Relational Integrity Rules

Null

Nilai suatu atribut yang tidak diketahui dan tidak cocok untuk baris (tuple) tersebut

Entity Integrity

Tidak ada satu komponen primary key yang bernilai null.

Referential Integrity

Suatu domain dapat dipakai sebagai kunci primer bila merupakan atribut tunggal pada domain yang bersangkutan.

Bahasa Pada Model data Relasional

Menggunakan bahasa query, yaitu pernyataan yang diajukan untuk mengambil informasi, yang terbagi 2 yaitu :

a. Bahasa Query Formal

Bahasa query yang diterjemahkan dengan menggunakan simbol-simbol matematis.

Terbagi 2, yaitu:

a. Prosedural, yaitu pemakai memberi spesifikasi data apa yang dibutuhkan dan bagaimana cara mendapatkannya.

Misal : Aljabar Relasional , yaitu dimana query diekspresikan dengan cara menerapkan operator tertentu terhadap suatu tabel / relasi.

b. Non Prosedural, yaitu pemakai menspesifikasikan data apa yang dibutuhkan tanpa menspesifikasikan bagaimana untuk mendapatkannya.

Misal : Kalkulus Relasional, dimana query menjelaskan set tuple yang diinginkan dengan cara menjelaskan predikat tuple yang diharapkan.

Terbagi 2 :

1. Kalkulus Relasional Tupel
2. Kalkulus Relasional Domain

b. Bahasa Query Komersial

Bahasa Query yang dirancang sendiri oleh programmer   menjadi suatu program aplikasi agar pemakai lebih mudah menggunakannya (user friendly).

Contoh :

• QUEL, berbasis bahasa kalkulus relasional

• QBE, berbasis bahasa kalkulus relasional

• SQL, berbasis bahasa kalkulus relasional dan  aljabar relasional

Sumber referensi :

http://rizarulham.wordpress.com/2009/10/14/pengenalan-model-data-relasional/

http://fungkysaraswati.blogspot.co.id/2015/12/makalah-model-data-relasional.html

› Read More

Mari Belajar HTML menggunakan Sublime Text 3 (HTML Table&List) Part 3

Hallo, Kembali lagi dengan saya admin kece dunia akhirat. Kali ini saya ingin melanjutkan Tutorial membuat website sederhana menggunakan Sublime text 3. Materi yang saya berikan kali ini yaitu Cara membuat Table dan List. Penasaran? Langsung saja kita mulai. Check it out.

<table>      : untuk membuat sebuah table seperti microsoft excel, tetapi bedanya ini dalam sebuah Web
<caption>  : untuk membuat judul di sebuah table
<th>         :Kepanjangan dari table heading, digunakan untuk membuat judul sebuah table seperti No, dn nama. biasanya di tanda dengan hurufnya menjadi bold
<td>          :Kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di Excel seperti celll
<h2>         : untuk membuat tulisan menjadi besar, biasanya digunakan sebagai untuk judul
<ul>          : digunakan untuk membuat daftar dengan penanda simbol. Tag ini mempunyai attribute, yaitu mengubah simbol dari daftar. valuenya adalah disc, square, atau circle. value default disc
<li>           : tag ini digunakan bersamaan dengan <ul> yaitu dengan menyisipkan item ke dalam tag pembuka dan tag penutup. misal <html> <body> <ul> <li>handphone</li></ul></body></html>


Baiklah kita sudah melihat dasar dasar codenya. sekarang kita memprakrtekkannya.. go..

Pertama tama coba anda ketik script dibawah ini.

maksud script diatas yaitu Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehinga satu unit kolom atau row ini menjadi lebih lebar.Colspan adalah kependekan dari "column span" yang bisa diartikan sebagai "seberapa kotak kesamping", sedangkan rowspan adalah "seberapa kotak kebawah". lebih lengkap anda bisa mengunjungi link ini http://elevenmillion.blogspot.co.id/2009/12/colspan-dan-rowspan-di-table-html.html

Ini Output yang dihasilkan dari kode diatas

Selanjtunya coba ketikkan script dibawah ini.

Maksud Script diatas yaitu
<div style="border: 5px double #00FFFF;"></div>  : yaitu membuat sebuah garis bergaya "border" dan berukuran 5px double. #00FFFF adalah warna menggunakan sebuah HEX.
<h2>3 barang yang terdapat di Tas saya</h2>        : yaitu <h2> ukuran font tulisan
<ul style="list-style-type:circle">                           : yaitu kode u/ membuat simbol, misal circle(bulat)
  <li>Handphone</li>                                           : nah gunakan <li> agar symbol muncul disini
  <li></li>
</ul>.

<ol type="a">                                                     : yaitu kode untuk membuat huruf,maupun angka
  <li>Menjadi Pengusaha Sukses</li>                     : berhubungan sy pakai a.jadi huruf yg akan muncul
  <li></li>
</ol>                                                         

<marquee><h1 style="font-family:comic;"><font color="#330000"><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: right;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>Thanks for your Attention</font></marquee>        yaitu ,<marquee> digunakan untuk tulisan berjalan, <h1 untuk memperbesar huruf.  dan masalah gift saya ambil gif bergerak spongebob di google.

Ini output kode ketika sudah dijalankan.

    
ini saya berikan source code lengkapnya.. :D
file:///D:/3b.MATA%20KULIAH%20SEM.2/Pemrograman%20Web/Tugas%203-%20HTML%20Table&List/pemrogramanweb.html

Semoga Membantu ya, dan nantikan tutorial pemrograman berikutnya.. jangan lupa tinggalkan Komentar, untuk saran dan kritik diterima untuk kemajuan blog ini menjadi lebih baik

› Read More

Mari Belajar HTML menggunakan Sublime Text 3 (HTML Style&Formatting) Part 2

Hallo kembali dengan saya, kali ini saya ingin melanjutkan tutorial membuat website sederhana menggunakan sublime text 3. Materi yang saya berikan kali ini yaitu menggunakan HTML Tags. Penasaran? baiklah langsung saja kita mulai.

HTML Tags yaitu sebuah attribut dasar HTML. HTML tag adalah kata kunci yang dikelilingi oleh kurung sudut < > dan selalu di tutup dengan </ >. Tag pada HTML sangat banyak, tetapi kali ini kita akan membahas beberapa HTML Tag berikut ini:
<b>         :  Membuat Tulisan Menjadi Tebal                       ex:The lightning
<strong>  : Membuat Tulisan Menjadi Tebal                        ex:The lightning
<em>       : Membuat Tulisan Miring                                    ex:The lightning
<i>           : Membuat Tulisan Miring(sama seperti em)         ex:The lightning
<small>    : Membuat Tulisan Menjadi Kecil Rapat              ex:The lightning
<sub>      : Membuat Tulisan Menjadi Kecil dan Kebawah  ex: _subscript text.
<sup>      :Membuat Tulisan Menjadi Kecil dan Keatas       ex:^superscript text.
<ins>       :Membuat Tulisan Mempunyai Garis Bawah         ex:red
<del>      :Membuat Tulisan Menjadi Tercoret                     ex;blue
<mark>   :Membuat Tulisan Menjadi Tanda                        ex:xxxx

Baiklah Langkahnya:

1.Buka Aplikasi Sublime Text3 terlebih dahulu dan buka NewFile

2.Baiklah Selanjutnya Ketik Source Code Berikut ini

    Maksud dari Code diatas yaitu,
    -span { } digunakan untuk memperbesar tulisan Paragraf Pertama.
    -<body style="background-color:Pink"> digunakan untuk mengubah warna background website
    -<h1 ukuran Tulisan Terbesar
    -align="center"> digunakan untuk peletakan tulisan rata kiri tengah ataupun kanan. dalam kasus ini saya menggunakan rata tengah
    -<font color="#9488D3"> biasanya digunakan Sebagai warna tulisan ( menggunakan angka HEX)
    -<hr color=" "> digunakan untuk membuat garis vertikal berwarna

 Jika Source Code dijalankan:

3.Selanjutnya, Ketikkan Source Code berikut ini

  Maksud dari Source Code diatas yaitu:
   -<p align="justify"><font color="purple"> <span> S </span></p><font color="Black">
    -<p :Membuat Sebuah Paragraf
    -align="justify"> membuat tulisan rata kiri
    -<font color="purple"> mengubah warna tulisan
    -<span> S </span> mengubah tulisan menjadi Sangat Besar, nah ini fungsi span yg diatas tadi
    - Mau tau fungsi beberapa Tag HTML dgambar ini, bisa anda lihat ditulisan saya yang paling atas
    -<marquee><b><i>  </b></i></marquee> code membuat tulisan bergerak, mempertebal, dan miring

  Jika Source Code dijalankan:

4. Langkah yang terakhir.Coba ketik Source COde berikut ini

   Maksud dari Source Code diatas yaitu
   -<p align="center"><img src=" " widht=" " height=" " alt="not found" usemap="#Warung Lala"></p>     </map> yaitu
   -<img src=" " untuk meletakkan source file sebuah gambar
   - widht=" " dan height=" " mengatur lebar dan tinggi gambar
   -alt="not found" untuk mengarahkan ke tab lain jika klik gambar
   - usemap=" " menamai gambar biar ada tulisannya
   - jika ingin melihat fungsi beberapa HTML diatas bisa melihat dihalaman atas tutorial ini.

Jika Source Code diatas dijalankan:

Sekian Tutorial Sederhana saya. Silahkan beri Komentar jika masih ada yang belum mengerti. Disarankan Memberi Kritik dan Saran yang membangun untuk terus memajukkan Blog ini menjadi lebih baik. Tetap pantengin Blog saya ,dilain kesempatan pasti akan ada lagi Tutorial yang Bermanfaat bagi kalian Semua. Akhir Kata Wasalamualaikum wr.wb

› Read More

Mari Belajar HTML menggunakan Sublime Text 3 (HTML Dasar) Part 1

                                   
Tugas 1 Pemrograman Web (09031181621003) 

Halo Kembali dengan saya, Admin Kece. Kali ini saya ingin membuat Tutorial membuat Website Sederhana menggunakan Sublime Text 3.Check it Out langsung saja kita ke TKP

Berikut ini adalah Langkah Langkahnya:

1.Buka Aplikasi Sublime Text 3 terlebih dahulu

2.Kemudian Klik File lalu New File. Seperti Contoh Gambar di bawah ini

3.Sebelum itu kita Save As  terlebih dahulu kita ubah dengan format HTML. seperti contoh diatas. saya menggunakan nama pemrogramanweb.html

4.Dibaris pertama kita buat <!DOCTYPE html> yang berfungsi mendefinisikan informasi type dokumen yang dibuat.

5.Setelah <!DOCTYPE html> selanjutnya membuat <head> yang biasanya sebuah Title. Dalam gambar saya menamai title dengan Tugas 1 dan NIM saya sendiri. Jangan Lupa Kita harus mengakhiri dengan </head>  untuk mengakhiri head agar tidak tercampur dengan Body. Lebih jelas bisa lihat gambar dibawah ini

6.Nah, selanjutnya membuat body. formatnya yaitu <body> ,dan jika ingin diberi background, kita hanya perlu meletakkan gambar yang ingin dijadikan background tersebut kedalam folder yang sama dengan file html kita tadi. Kemudian ketik <body background="backgroundku.jpg> .kenapa saya memberikan nama backgroundku.jpg karena gambar yang saya ingin jadikan background web bernama "backgroundku.jpg" jika gambar bernama "sesukahati.jpg" maka kita harus mengetik dengan format <body background="sesukahati.jpg .

7.Selanjutnya, <h1><font color="blue"> maksudnya yaitu <h1> adalah sebuah format ukuran huruf yang paling besar(biasanya dijadikan sebuah judul web), sedangkan <h6> adalah format ukuran huruf yang paling kecil. lalu <font color=" "> digunakan untuk mewarnai sebuah huruf. Jika anda ingin membuat baris baru cukup tambahkan format <br>  .jangan lupa diakhiri dengan format </br> untuk mengakhiri judul web tersebut. Lebih jelasnya bisa lihat gambar dibawah ini

Lalu ketika dijalankan akan menjadi tampilan seperti gambar dibawah ini

8.Selanjutnya, <p align="justify"><font color="purple"> .maksudnya yaitu <p menunjukkan sebuah paragraf. align="justify">  menunjukkan rata suatu paragraf apakah ke kanan, kekiri, ataupun tengah. saya menggunakan justify untuk rata kiri kanan. <font color="purple"> untuk mengubah warna suatu paragraf. dalam kasus diatas saya menggunakan warna purple(ungu).Disamping itu baru kita ketik paragraf yang ingin kita buat.Jika sudah, jangan lupa menutup sebuah paragraf dengan format </p>
Jika ingin membuat paragraf baru anda tinggal mengulangi cara diatas saja.
Lebih jelas bisa anda lihat gambar dibawah ini

Lalu ketika dijalankan akan menjadi tampilan seperti gambar dibawah ini

9.Langkah selanjutnya yaitu menyisipkan sebuah gambar (jika diperlukan) ,kita juga bisa membuat gambar jika gambar itu diklik maka kita dapat membuka situs tertentu ke halaman baru.Untuk seperti itu saya menggunakan format usemap

#gedung fasilkom menunjukkan nama usemap-nya. Sedangkan Fasilkom.jpg itu gambar yang dietakkan di folder yang sama. Nah Map fungsinya pemetaan, yaitu area yang di klik akan menuju situs tertentu, bisa dibentuk dari beberapa bangun datar,segitiga,ataupun bulat.

widht dan height dalam gambar diatas digunjakan sebagai ukuran gambar,semakin besar angka yg kita masukkan semakin besar pula gambar yg akan muncul. Lalu jika kita klik bagian kiri gambar tersebut maka akan menuju web ilkom unsri, jika klik kanan gambar tersebut maka akan menuju web unsri.

Beginilah tampilan ketika kita jalankan

10. Cara membuat garis kita hanya memasukkan format <hr color=" "> .jika anda ingin membuat garis berwarna kuning. kita bisa membuatnya dengan format <hr color="yellow"> 

11.Selanjutnya tentang <font size="5" color="firebrick"><b>HTML Entities</b></font><br> maksudnya yaitu <font size="5" yaitu ukuran sebuah font, color="firebrick" yaitu sebuah warna font
Lebih jelas bisa lihat gambar di bawah ini

ketika dijalankan akan menjadi seperti gambar di bawah ini

12.Dilangkah terakhir saya ingin membuat sebuah pantun 4 bait, tentunya judul harus dibuat terlebih dahulu.Agar tidak sama ukurannya dengan judul web bisa kita gunakan format <h2>. Untuk membuat pantun cukup gunakan <pre> dan juga saya menggunakan ukuran huruf format <h3> yang lebih kecil dari judul pantun yang berukuran <h2> 
Anda dapat melihat contoh gambar dibawah ini

dan ketika dijalankan akan seperti gambar dibawah ini.

13. Klik Save (Ctrl+S) dan klik kanan mouse dan klik "open with browser", akhirnya web sederhana anda telah berhasil dibuat. Yeayyyy
'
Sekian tutorial membuat web sederhana menggunakan Sublime Text 3. Mohon Maaf bila masih banyak kesalahan dan penempatan kata kata yang masih sangat kurang. Kalian bisa tinggal kan Saran dan Kritik dibawah Kolom Komentar dibawah ini.
Saya Akhiri. Wassalamualaikum Warrahmatullahi Wabarakattu

› Read More