6 2.1. Konsep Dasar Web
Menurut Arief (2011:8) “situs web adalah dokumen-dokumen web yang terkumpul menjadi satu kesatuan yang memiliki Unified Resource Locator (URL) domain dan biasanya diterbitkan pada internet atau intranet dan dapat diakses semua pengguna dengan cara mengetikkan alamatnya”. Sedangkan URL adalah alamat- alamat sebuah halaman web yaitu halaman suatu dokumen atau program yang ingin ditampilkan atau digunakan.Secara umum URL perlu memasukkan tiga informasi untuk menuju ke alamat tertentu yaitu protokol, alamat server dan path file.
A. Website
Menurut Alexander F. K. Sibero (2013:11) Website adalah system yang berkaitan dengan dokumen, digunakan sebagai media yang digunakan untuk menampilkan teks, gambar, multimedia dan lainya dengan penyajian yang informasi yang lebih menarik, dinamis dan dengan pengelolaan yang terorganisasi.
1. Internet
Menurut Alexander F.K Sibero (2013:10) “Internet (Interconnected Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas”. Seperti halnya jaringan
komputer lokal maupun jaringan komputer area, internet juga menggunakan protokol komunikasi yang sama yaitu TCP/IP (Transmission Control Protocol / Internet Protocol). TCP (Transmission Control Protokol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protokol) yang mentransmisikan data dari satu komputer ke komputer yang lain. TCP/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat digunakan, mengatur dan mengirimkan paket-paket pengiriman data.
Menggunakan fasilitas internet, harus berlangganan ke salah satu ISP (Internet Service Provider) yang ada dan melayani daerah yang menggunakan layanan ini.ISP ini biasanya disebut penyelenggara jasa internet memberikan banyak sekali manfaat, ada yang bisa memberikan manfaat baik dan buruk.Baik bila digunakan untuk pembelajaran informasi dan buruk bila digunakan untuk sesuatu yang berbau pornografi, informasi kekerasan dan lain-lainya yang negatif.
Internet memungkinkan pengguna komputer diseluruh dunia untuk saling berkomunikasi dan berbagi informasi dengan cara saling mengirimkan email, menghubungkan komputer satu dengan komputer yang lainnya, mengirim dan menerima file dalam bentuk text, gambar, audio, video dan lainnya.
2. Web Browser
Menurut Alexander F.K Sibero (2013:12) Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web.
Sumber informasi web diidentifikasi dengan Uniform Resource Identfier (URI) yang dapat terdiri dari halaman web, video, gambar dan konten lainya.
3. Web Server
Menurut Alexander F.K Sibero (2013:11) mengemukakan bahwa “Web server adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web dimana komputer ini akan melayani permintaan dokumen web dari kliennya”. Untuk itu kita membutuhkan beberapa server yang mempunyai dokumen-dokumen media ke Browser.Browser web seperti, Netscape, InternetExplorer, Mosaic, Firefox.Berkomunikasi melalui jaringan ke Server Web dengan menggunakan HTTP (Hypertext Transfer Protokol).Browser mengirim suatu perintah kepada server yaitu meminta dokumen jika ada pada ProtocolHTTP.Browserakan menerima dan mengerti isi dokumen tersebut. Server Web juga dapat menjalankan suatu program berdasarkan informasi yang diisi pada form isian, seperti menjalankan aplikasi pengakses database dan mengirim e-mail.
4. WWW (World Wide Web)
Menurut Alexander F.K Sibero (2013:11)World Wide Web (WWW), adalah suatu ruang informasi yang digunakan oleh pengenal global yang disebut Uniform Resource Identifier (URI) untuk mengidentifikasi sumber-sumber daya yang berguna.
WWW sering dianggap sama dengan internet secara keseluruhan, walaupun sebenarnya ia hanya bagian daripadanya.
World Wide Web merupakan kumpulan dari web server dari seluruh dunia yang berfungsi menyediakan data dan informasi yang dapat digunakan bersama.Melalui
web, dapat mengakses informasi yang tidak hanya berbentuk teks, tetapi juga bisa berupa gambar, audio, video dan animasi. Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language).
5. HTTP (Hyper Text Transfer Protocol)
Menurut Alexander F.K Sibero (2013:10), HypertextTransferProtocol (HTTP) adalah sebuah protokol jaringan lapisanaplikasi yang digunakan untuk sistem informasi terdistribusi, kolaboratif dan menggunakan hipermedia. HTTP merupakan suatu protokol meminta/menjawab antara klien dan server.Sebuah klien HTTP (seperti webbrowser), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah serverWeb hosting tertentu (biasanya port 80).
Klien yang mengirimkan permintaan HTTP juga dikenal dengan useragent.Server yang meresponnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server.Di antara useragent dan juga origin server bisa saja ada penghubung seperti halnya proxy, gateway dan juga tunnel.
B. Bahasa Pemrograman 1. Javascript
Menurut Alexander F.K Sibero (2013:150), “Javascript adalah scripting language yang digunakan untuk memanipulasi, menyesuaikan, atau mengotomatisasikan fasilitas dalam web browser”. Javascript behubungan dengan
teknologi HTML, CSS, dan XML. Javascript adalah bahasa yang relatif sederhana, yang sebagian besar kemampuannya disediakan oleh web browser.
2. PHP (Perl Hypertext Preprocessor)
Menurut Arief (2011 :43) PHP (PHP : Perl Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser dengan format HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat oleh user sehingga keamanan halaman web lebih terjamin.
PHP dirancang untuk membentuk halaman web lebih dinamis, yaitu halamam web yang dapat membentuk suatu tampilan beradasarkan permintaan terkini seperti menampilkan isi baris data ke halaman web.Salah satu keunggulan yang dimiliki oleh PHP adalah kemampuannya untuk melakukan koneksi ke berbagai macam software sistem manajemen basis data/Database Management System (DBMS), sehingga dapat menciptakan halaman web yang dinamis.
3. CSS (Cascading Style Sheet)
Menurut Alexander F.K Sibero (2013:112)CSS (Cascading Style Sheet) dikembangkan untuk menata gaya pengaturan halaman web. CSS (Cascading Style Sheet) sendiri memiliki arti gaya menata halaman bertingkat, yang berarti setiap satu elemen yang telah diformat, maka anak dari elemen tersebut secara otomatis
mengikuti format elemen induknya. CSS (Cascading Style Sheet) terdiri dari Selector, Properti, dan nilai, seperti halnya HTML, PHP dan bahasa pemrograman lainnya.
4. HTML (Hypertext Markup Language)
Menurut Alexander F.K. Sibero (2011:19) Hypertext Markup Language (HTML) adalah “bahasa yang digunakan pada dokumen web untuk pertukaran dokumen web”. HTTP dalam ilmu komputer merupakan bahasa pemformatan teks untuk dokumen-dokumen pada jaringan komputer yang dikenal sebagai World Wide Web (WWW) yang sering disebut web. Dokumen-dokumen HTML merupakan berkas text yang mengandung dua buah bagian isi, yaitu segala sesuatu yang ingin ditampilkan dan diperlihatkan dalam dokumen Web dan Tag yang merupakan informasi pemformatan, yang tersembunyi dari pandangan pengguna, yang memberitahu browser tentang bagaimana caranya menampilkan isi dokumen kedalam hadapan pengguna.
5. jQuery
Menurut Alexander F.K Sibero (2011:218) jQuery adalah salah satu javascript framework terbaik saat ini.jQuery dikembangkan oleh John Resig pada tahun 2006 di BarCamp NYC. Pada awal perkembangannya, jQuery pertama dibuat untuk meringkas penggunaan CSS Selector dalam suatu pustaka fungsi.
jQuery memiliki ciri khas pada penggunaan perintahnya, prefix untuk jQuery dengan tanda $ kemudian dilanjutkan dengan fungsi atau perintah.Keunggulan menggunakan
jQuery dibandingkan dengan JavaScript standar, yaitu menyederhanakan kode JavaScript dengan cara memanggil fungsi-fungsi yang disediakan oleh jQuery.
JavaScript sendiri merupakan bahasa Scripting yang bekerja disisi Client/Browser sehingga website bisa lebih interaktif.
C. Basis Data 1. XAMPP
Menurut Muhammad Sadeli (2013:161) Xampp adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkan Linux masih berupa perintah-perintah di dalam console. Oleh karena itu yang versi untuk Linux sulit untuk dioperasikan. Dulu XAMPP untuk Linux dinamakan LAMPP, sekarang diganti namanya menjadi XAMPP for LINUX.
2. MySQL ( My Structure Query Language )
Menurut Alexander F.K Sibero (2013:97) MySQL atau dibaca “My Sekuel”
adalah suatu RDBMS (Relational Data Base Management System) yang menjalankan fungsi pengolahan data. MySQL merupakan sebuah database server. Jadi dengan menggunakan database ini, kita dapat menghubungkannya ke media internet sehingga dapat diakses dari jauh. Selain itu, MySQL juga dapat melakukan query yang mengakses database pada server. Jadi MySQL dapat juga berperan sebagai client.
3. Database
Menurut Muhammad Sadeli (2013:167) Database adalah sekumpulan file-file yang mempunyai kaitan antara satu file dengan file lain sehingga membentuk satu bangunan data untuk menginformasikan sesuatu. Sebuah database mempunyai elemen-elemen antara lain:
1. Entity, adalah orang, tempat, kejadian atau konsep yang informasinya direkam.
2. Atribute atau Field, adalah sebutan atau symbol untuk mewakili suatu entity.
3. Data Value, adalah data aktual atau informasi yang disimpan pada tiap field atau attribute.
4. Record atau Tuple, adalah kumpulan elemen yang saling berkaitan menginformasikan tentang suatu entity yang lengkap.
5. File, adalah kumpulan record-record yang sejenis yang mempunyai panjang elemen dan attribute yang sama, namun berbeda data valuenya.
4. Adobe Dreamweaver CS6
Menurut Muhammad Sadeli (2013:2) Dreamweaver merupakan suatu perangkat lunak web editor keluaran Adobe System yang digunakan untuk membangun dan mendesain suatu website dengan fitur – fitur yang menarik dan kemudahan dalam penggunaanya. Dreamweaver CS6 tergabung dalam paket Adobe Creative Suite (CS) yang di dalamnya terdapat paket desain grafis, video editing, dan pengembangan web aplikasi. Adobe Creative Suite 6 (CS6), dirilis pada tanggal 21 April 2012. Pada Dreamweaver CS6 terdapat beberapa fitur baru dari versi sebelumnya seperti Fluid Grid Layout yang dapat mengatur multi halaman web dengan mudah, Web Fronts Manager manajemen yang memungkinkan pengguna untuk menggunakan font yang tersedia di web server, CSS Style Panel tambahan untuk membuat grafis seperti bayangan pada elemen tertentu, gradien, membuat sudut oval dsb.
Sumber : Muhammad Sadeli (2013:3)
Gambar II.1. Tampilan ruang kerja AdobeDreamweaver CS6
Dengan fasilitas yang optimal Dreamweaver juga memberikan keleluasaan dalam penggunaanya sebagai media penulisan bahasa pemograman web, berikut ini keterangan untuk ruang kerja Adobe Dreamweaver CS6 :
1. Properties Bar berada paling atas jendela aplikasi Dreamweaver CS6. Baris ini berisi baris workspace (Workspace Switcher), CS Live, menu dan yang lainnya.
2. DocumentToolbaradalah sekumpulan menu yang digunakan untuk menampilkan menu-menu toolbaryang akan digunakan sesuai dengan kebutuhan serta mengatur tampilan dokumen dan fungsi lainnya.
3. Document Windows, berisi lembar kerja tempat membuat atau mengedit desain halaman web.
4. Property Inspector, digunakan untuk mengatur properties dari objek – objek yang digunakan seperti mengatur jenis huruf (font), warna, ukuran teks, dsb.
5. Panel Groups, berfungsi untuk mengorganisir, mengatur serta pelengkap website yang akan dibuat contoh : Panel CSS, berfungsi untuk mempercantik tampilan web yang dibuat. Pada Dreamweaver CS6 ini terdapat beberapa panel baru, salah satunya seperti Browser Labs.
6. Search & CS Live Search, digunakan sebagai pencarian informasi yang akan menuju ke kotak dialog Adobe Community help. CS Live merupakan kumpulan menu – menu terbaru dari CS Serviceseperti Adobe Browser Live, CS Review, dsb.
7. Tag Selector, diletakkan dibawah jendela dokumen, satu baris dengan status bar, bagian ini menampilkan hirarki pekerjaan yang sedang terpilih pada jendela dokumen, memilih objek pada jendela desain berdasarkan jenis atau ketegori objek juga menampilkan informasi format dari bagian yang sedang aktif pada lembar kerja desain.
5. Photoshop CS5
Menurut Andi (2011:2) “Adobe Photoshop CS5 merupakan versi terbaru aplikasi pengolah grafil paling populer dari adobe. Tidak jauh berbeda dari versi sebelumnya, adobe photoshop memberikan kemudahan bagi para desainer. Aplikasi ini menyediakan fitur dan fungsi yang lengkap untuk segala kebutuhan pengolah image. Tools dan efek yang ada akan mendukung para desainer dalam mewujutkan imajiansi desain grafis tanpa batas.
Sumber : Andi (2011:2)
Gambar II.2. Ruang kerja Adobe Photoshop CS5
1. Toolbox, berisikan seperangkat fasilitas untuk mengedit dan memanipuasi image.
2. Title bar, menampilkan judul dokumen, persentase tampilan, mode warna, dan warna yang sedang digunakan saat ini.
3. Menu bar, berisikan perintah-perintah yang dikelompokan sedemikian rupa untuk memudahkan para desainer dalam menggunakan Photoshop CS5.
4. Jendela dokumen, berisikan lembar kerja utama yang menampilkan objek, gambar atau foto yang sedang dimanipulasi. Jendela dokumen dilengkapi dengan tab documentyang terletak pada bagian atas dan berisi nama dokumen yang sedang aktif.
5. Workspace, berisikan bagian yang digunakan untuk mengubah tampilan daftar pilihan panel yang akan ditampilkan dalam lembar lembar kerja Photoshop.
6. Panel, digunakan untuk memonitor dan memodifikasi image.
D. Model Pengembangan Perangkat Lunak
Menurut Sommerville (2011:30) Model ini merupakan yang paling pertama dipublikasikan. Model ini berasal dari proses sistem enginering yang lebih umum, model ini dikenal sebagai waterfall model atau siklus hidup software. Terdapat 5 tahapan pada waterfall model, yaituAnalysis,design,coding, testing dan maintenance.
Sumber : Sommerville (2011:30)
Gambar II.3. Waterfall Model
1. Analisa(Analysis)
Merupakan tahapan yang berkaitan dengan kebutuhan sistem. Pengumpulan data dilakukan dengan melakukan sebuah penelitian, wawancara atau study literatur.
Seorang sistem analis akan menggali informasi dari narasumber dan user sehingga akan tercipta sebuah sistem yang bisa menyesuaikan seperti yang diinginkan oleh user tersebut. Tahapan ini akan menghasilkan dokumen user reqruitment atau bisa dikatakan sebagai data yang berhubungan dengan keinginan user dalam pembuatan sistem dan dokumen inilah yang akan menjadi acuan sistem analis untuk menterjemahkan ke dalam bahasa pemrograman.
2. Perancangan (Design)
Dalam tahapan ini akan dibentuk suatu arsitektur sistem berdasarkan persyaratan yang telah ditetapkan. Dan juga mengidentifikasi dan menggambarkan abstraksi dasar sistem perangkat lunak dan hubungan-hubungannya.
3. Pemrograman (Coding)
Pemrograman (Coding) merupakan proses menulis, menguji dan memperbaiki (debug), dan memelihara kode yang membangun sebuah program komputer. Kode ini ditulis dalam berbagaibahasa pemrograman.Tujuan dari pemrograman adalah untuk memuat suatu program yang dapat melakukan suatu perhitungan atau 'pekerjaan' sesuai dengan keinginanuser kepada si pemrogram (programmer).
4. Pengujian(Testing)
Dalam tahapan ini, hasil dari desain perangkat lunak akan direalisasikan sebagai satu set program atau unit program. Setiap unit akan diuji apakah sudah memenuhi spesifikasinya atau belum.
5. Pemeliharaan(Maintenance)
Dalam tahapan ini, sistem diinstal dan mulai digunakan.Selain itu juga memperbaiki error yang tidak ditemukan pada tahap pembuatan.Dalam tahap ini juga dilakukan pengembangan sistem seperti penambahan fitur dan fungsi baru.
2.2. Teori Pendukung A. StrukturNavigasi
Menurut Prihatna (2005:51)“Struktur navigasi dalam situs web melibatkan sistem navigasi situs web secara keseluruhan dan desain interface situs web tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”. Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Ada empat macam bentuk dasar yaitu :
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya, pengguna akan melakukan navigasi secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.
Sumber: Prihatna (2005b:51)
Gambar II.4.Struktur Navigasi Linier
2. StrukturNavigasiHirarki
Struktur dasar ini disebut juga struktur linier dengan percabangan karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber: Prihatna (2005c:51)
Gambar II.5.Struktur Navigasi Hirarki
3. Struktur Navigasi Tidak Berurut (Non-Linier)
Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.
Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
Sumber: Prihatna (2005d:51)
Gambar II.6.Struktur Navigasi Non Linier
4. Struktur Navigasi Campuran (Composite)
Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.
Sumber: Prihatna (2005e:51)
Gambar II.7.Struktur Navigasi Composite
B. ERD (Entity Relationship Diagram)
1. Definisi ERD (Entity Relationship Diagram)
Menurut Brady dan Loonam (2010), Entity Relationship diagram (ERD) adalah teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga memberikan dasar untuk desain database relasional yang mendasari system informasi yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk database. Dalam pembentukan ERD terdapat 3 komponen yang akan dibentuk yaitu :
a. Entitas
Pada post sebelumnya mengenai basis data telah dijelaskan sedikit tentang pengertian entity(entitas) yaitu suatu obyek yang dapat dibedakan dari lainnya yang dapat diwujudkan dalam basis data. Pengertian lainnya menurut Brady dan Loonam (2010), entitas adalah objek yang menarik di bidang organisasi yang dimodelkan.
Contoh : Mahasiswa, Kartu Anggota Perpustakaan (KAP), dan Buku.
b. Hubungan (relationship)
Suatu hubungan adalah hubungan antara dua jenis entitas dan direpresentasikan sebagai garis lurus yang menghubungkan dua entitas.
Contoh : Mahasiswa mendaftar sebagai anggota perpustakaan (KAP), relasinya adalah mendaftar.
c. Atribut
Atribut menunjukkan fungsinya sebagai pembentuk karakteristik yang melekat pada setiap entitas.Disamping penamaan yang unik berdasarkan fungsinya, atribut-atribut dapat dibedakan berdasarkan sejumlah pengelompokkannya.
2. Derajat Relationship (Relationship Degree)
Definisi derajat relationship menurut Al-Bahra (2005:144) menyatakan bahwa
“Relationship Degree atau derajat relationship adalah jumlah entitas yang berpartisipasi dalam satu relationship.” Derajat relationship yang sering dipakai di dalam ERD sebagai berikut :
a. Unary Relationship
Unary Relationship adalah model relationship yang terjadi antara entity yang berasal dari entity set yang sama. Model ini juga sering disebut sebagai Recursive Relationship atau Reflective Relationship.
Contoh :
Pegawai Menikah
Sumber: Al-Bahra (2005:142)
Gambar II.8. Diagram Relationship Unari
b. Binary Relationship
Binary Relationship adalah model relationship antara instance-intance dari suatu tipe entitas (dua entity yang berasal dari entity yang sama). Relationship ini paling umum digunakan dalam pembuatan model data.
Contoh :
Sumber : Al-Bahra (2005:142)
Gambar II.9. Diagram Relationship Binary
c. Ternary Relationship
Ternary Relationship merupakan relationship antara intance-intance dari tiga tipe entitas secara serentak.
Contoh :
Sumber : Al-Bahra (2005:142)
Gambar II.10.Diagram Relationship Ternary
1) Kardinalitas Relasi
Definisi kardinalitas menurut Al-Bahra (2005:147) “Kardinalitas Relasi menunjukkan jumlah maksimum tupel yang dapat berelasi dengan entitas yang lain.”
Terdapat 3 macam kardinalitas relasi yaitu sebagai berikut : a) Relasi Satu ke Satu (One to One)
Tingkat hubungan ini menunjukkan hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, dan hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya.
Contoh :
Sumber : Al-Bahra (2005:147)
Gambar II.11. One to One
b) Relasi Satu ke Banyak atau Banyak ke Satu (One to Many atau Many to One) Tingkat hubungan satu ke banyak adalah sama dengan banyak ke satu, tergantung dari mana hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas yang kedua. Sebaliknya, satu kejadian pada entitas yang kedua hanya dapat mempunyai satu hubungan dengan satu kejadian pada entitas yang pertama.
Contoh :
Sumber : Al-Bahra (2005:147)
Gambar II.12. One to Many
Contoh :
Sumber : Al-Bahra (2005:147)
Gambar II.13. Many to One
c) Relasi Banyak ke Banyak (Many to Many)
Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua.
Contoh :
Sumber : Al-Bahra (2005:147)
Gambar II.14. Many to Many
C. Logical Relational Structure (LRS)
Logical Record Structure (LRS) Adalah representasi dari struktur record-record pada tebel-tabel yang terbentuk dari hasil antar himpunan entitas. Menentukan kardinalitas, jumlah table dan Foreign Key (FK).
D. Pengujian Web A. Black Box
Menurut Pressman (2010:10) Black BoxTesting atau pengujian kotak hitam atau juga disebut Behavioral Testing, berfokus pada persyaratan fungsional dari perangkat lunak, artinya teknik Black Box Testing memungkinkan untuk mendapat set kondisi masukan yang sepenuhnya akan melaksanakan semua persyaratan fungsional untuk suatu program. Black Box Testing bukan merupakan alternatif dari pengujian White Box Testing. Sebaliknya, Black Box Testing adalah pendekatan komlementer yang mungkin untuk mengungkap kelas yang berbeda dari kesalahan daripada metode White Box Testing.
Black Box Testing mencoba untuk menemukan kesalahan dalam kategori berikut:
1. Fungsi tidak benar atau hilang.
2. Kesalahan interface atau antarmuka.
3. Kesalahan dalam struktur data atau akses database eksternal.
4. Kesalahan kinerja atau perilaku.
5. Kesalahan inisialisasi dan terminasi.
Tidak seperti White Box Testing yang dilakukan pada awal proses pengujian, Black Box Testing cenderung diterapkan pada tahap selanjutnya dari pengujian.
