BAB II LANDASAN TEORI 2.1. Konsep Dasar Web Dalam merancang suatu program web diperlukan landasan teori yang digunakan sebagai landasan utama untuk menyusun teori-teori yang digunakan. Pada bab ini penulis mencoba mengemukakan beberapa teori yang diambil dari berbagai macam buku sebagai referensi pembuatan program dan desain web. Namun teori-teori tersebut tidak dijelaskan secara keseluruhan, melainkan hanya sebagian dan yang ada kaitannya serta mendukung dalam pelaksanaan pembuatan desain maupun program web ini. A. Website Menurut Soetejo (2012:11) berpendapat bahwa: Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait di mana masingmasing dihubungkan dengan link-link. Berikut istilah-istilah yang ada hubungannya dengan website antara lain : 1. Internet Menurut Kustiyahningsih dan Anamisa (2011:2), Internet adalah sebuah jaringan komputer dunia, semua berbicara dengan bahasa yang sama. 7
8 Banyak keuntungan yang didapat dari jaringan komputer, diantaranya produktivitas dan efisien. Jaringan komputer menurut area atau lokasi dapat dibagi menjadi empat yaitu : a. Local Area Network (LAN), yaitu jaringan komputer dimana komputer-komputer yang terhubung masih dalam satu area atau lokasi. b. Wide Area Network (WAN), yaitu koneksi antara LAN-LAN yang berbeda lokasi atau area. Ciri utamanya adalah memiliki jangkauan yang terbatas karena disesuaikan dengan fungsi harga, adanya problem delay antar stasiun. c. Metropolitan Area Network (MAN), yaitu sama seperti LAN hanya saja lebih luas areanya semisal dalam satu kota/daerah dengan jarak jangkauan mencapai 50 km. d. Internet, yaitu kepanjangan dari Interconnection networking atau juga yang telah menjadi internasional networking merupakan suatu jaringan yang menghubungkan komputer diseluruh dunia tanpa dibatasi oleh jumlah unit menjadi satu jaringan yang bisa saling mengakses. 2. Web Browser Menurut Kustiyahningsih dan Anamisa (2011:8), Web browser adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukuan point and click untuk pindah antar dokumen. Contoh dari web browser antara lain : Internet Explorer, Netscape Navigator, Opera, Mozilla Firefox, Google Chrome.
9 3. Web Server Menurut Kustiyahningsih dan Anamisa (2011:8), Web server adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen dari kliennya. Web browser berkomunikasi melalui jaringan (termasuk jaringan internal) dengan web server, menggunakan HTTP. Browser akan mengirimkan permintaan ke server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP. Contoh web server adalah : Apache, IIS (Internet Information Service), PWS (Personal Web Server). 4. World Wide Web (WWW) Menurut Sarwono dan Martadirejda (2008:20) mengemukakan bahwa, WWW merupakan jaringan yang menghubungkan jaringan-jaringan lokal ke dalam suatu jaringan global di mana satu komputer di negara tertentu dapat secara langsung berkomunikasi dengan komputer lain di negara lain. WWW atau sering disingkat Web berisi halaman-halaman yang dapat menampilkan teks, gambar, grafik, suara, animasi, serta elemen-elemen multimedia lainnya dan elemen-elemen yang ditampilkan bersifat interaktif. Halaman-halaman di WWW disusun dengan menggunakan bahasa HTML (Hypertext Markup Language).
10 5. E-Commerce Menurut Sunarto (2009:48) mengemukakan bahwa, Electronic Commerce adalah konsep baru yang bisa digambarkan sebagai proses jual beli barang atau jasa pada world wide web internet atau pertukaran produk, jasa, dan informasi termasuk internet. E-commerce bagian dari e-bussines, dimana e-commerce mengacu pada internet untuk belanja online dan jangkauannya lebih sempit sebagai sub perangkat dari bisnis. B. Bahasa Pemrograman Menurut Kusrini dan Andri (2007:171), Bahasa pemrograman adalah perintahperintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. 1. PHP Menurut Madcoms (2011:186), Bahasa pemrograman PHP (PHP Hypertext Preprocessor) adalah bahasa pemrograman yang bekerja dalam sebuah web server. Script-script PHP harus tersimpan dalam sebuah server dan dieksekusi atau diproses dalam server tersebut. Dengan menggunakan program PHP, sebuah website akan lebih interaktif dan dinamis. Media yang digunakan untuk penulisan script PHP dapat menggunakan Notepad, Dreamweaver, atau PHP Expert Editor. 2. HTML (Hyper Text Markup Language) Menurut Kustiyahningsih dan Anamisa (2011:13), HTML kependekan dari Hyper Text Markup Language adalah file text murni yang dapat dibuat dengan editor teks sembarang.
11 Dokumen ini dikenal sebagai web page. Ada dua cara untuk membuat sebuah web page yaitu dengan HTML editor (menggunakan software Dreamweaver) atau dengan editor teks biasa (misal Notepad atau Editplus). File-file HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di komputer client sehingga isi informasinya dapat ditampilkan secara visual di komputer pengguna. 3. Javascript Menurut Kustiyahningsih dan Anamisa (2011:65), Javascript adalah bahasa yang berbentuk kumpulan skrip berjalan pada suatu dokumen HTML. Bahasa pemrograman ini digunakan untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusian perintah-perintah di sisi user yang artinya di sisi browser bukan di sisi server web. 4. JQuery Menurut Hidayatullah (2014:426), JQuery adalah kumpulan fungsi-fungsi Javascript yang sudah dibentuk sebagai suatu objek. Sehingga penggunaan JQuery ini bisa dikategorikan sebagai suatu library yang nantinya hanya akan menggunakan fungsi-fungsi didalam library tersebut.
12 5. CSS Menurut Madcoms (2011:88), Cascading Style Sheets (CSS) adalah suatu kumpulan kode-kode untuk memformat, yang mengendalikan tampilan isi dalam suatu halaman web. Penggunaan style CSS pada format suatu halaman diletakkan terpisah dari tampilan halaman. Isi dari halaman kode HTML Anda terletak di dalam file HTML, sedangkan kode CSS dapat berupa kode yang berada di dalam file lain atau dalam salah satu bagian dari dokumen HTML, dan biasanya diletakkan di bagian kepala atau tag <head>. Kelebihan lain dari penggunaan CSS dibandingkan dengan menggunakan kode HTML saja yaitu lebih hemat waktu dan lebih mudah dalam mengubah tampilan web. Hal ini dikarenakan CSS fungsinya seperti master halaman. Jadi ketika ingin mengubah seluruh web hanya cukup mengubah dari file CSS-nya tanpa perlu satu per satu dari tiap halaman. C. Basis Data Menurut Kustiyahningsih dan Anamisa (2011:145), Basis data adalah sekumpulan informasi yang diatur agar mudah dicari. Dalam arti umum basis data adalah sekumpulan data yang diproses dengan bantuan komputer yang memungkinkan data dapat diakses dengan mudah dan tepat, yang dapat digambarkan sebagai aktivitas dari satu atau lebih organisasi yang berelasi.
13 1. PhpMyAdmin Menurut Puspitosari (2011:10), PhpMyAdmin adalah program yang membantu pembuatan basis data (database) MySQL. PhpMyAdmin sudah terinstal bersamaan saat menginstal XAMPP. Dengan adanya PhpMyAdmin akan memudahkan dalam membuat dan mengelola database. PhpMyAdmin merupakan software Open Source, berbasis web, serta mendukung PHP dan MySQL. 2. MySQL (My Structure Query Language) Menurut Gunawan (2010:15) mengemukakan bahwa, MySQL adalah aplikasi atau sistem untuk mengelola database atau manajemen data. Untuk menyimpan data dan informasi ke komputer kita menggunakan data, contoh kita menyimpan data karyawan pada suatu perusahaan dan memasukkan data pada suatu file. File data yang dikelompokkan inilah yang disebut database, dan MySQL bertugas mengatur dan mengelola data-data pada database. Dalam mengelola database MySQL menggunakan struktur atau kerangka yang berbentuk tabel. Dalam tabel-tabel itulah data diatur dan dikelompokkan.
14 D. Model Pengembangan Perangkat Lunak Menurut Rosa dan Shalahuddin (2013:28) menjelaskan bahwa, Model SDLC (Systems Development Life Cycle) air terjun (waterfall) sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle). Berikut adalah gambar model air terjun : Sistem/ Rekayasa Informasi Analisis Desain Pengodean Pengujian Sumber : Rosa dan Shalahuddin (2013:29) Gambar II.1. Ilustrasi Model Waterfall Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengodean, pengujian dan tahap pendukung (support). Berikut penjelasannya : 1. Analisis kebutuhan perangkat lunak Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.
15 2. Desain Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan. 3. Pembuatan kode program Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. 4. Pengujian Pengujian fokus pada perangkat lunak secara segi logik dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. 5. Pendukung (support) atau pemeliharaan (maintenance) Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau
16 pemeliharaan dapat mengulangi proses pengembangan mulai dari tahap analisis spesifikasi untuk perubahan perangkat lunak baru. 2.2. Teori Pendukung Teori pendukung yang penulis gunakan dalam pembuatan web ini sebagai berikut : A. Struktur Navigasi Menurut Binanto (2010:269), Struktur navigasi adalah susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web. Struktur navigasi suatu situs web sangat di pengaruhi oleh tujuan dari situs web yang akan dibuat. Struktur navigasi dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian, keinteraktifitasannya, dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu situs web. Bentuk dasar dari struktur navigasi sebagai berikut : 1. Struktur Navigasi Linier Pengguna akan melakukan navigasi secara berurutan dari frame atau byte informasi yang satu ke yang lainnya.
17 Sumber : Binanto (2010:269) Gambar II.2. Struktur Navigasi Linier 2. Struktur Navigasi Hierarkis Struktur dasar ini disebut juga struktur linier dengan percabangan karena melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi. Sumber : Binanto (2010:269) Gambar II.3. Struktur Navigasi Hierarkis
18 3. Struktur Navigasi Non Linear Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya. Sumber : Binanto (2010:270) Gambar II.4. Struktur Navigasi Non Linear
19 4. Struktur Navigasi Komposit Pengguna akan melakukan navigasi dengan bebas (secara non linear), tetapi terkadang dibatasi presentasi linier film atau informasi penting dari data yang paling terorganisai secara logis pada suatu hierarki. Sumber : Binanto (2010:270) Gambar II.5. Struktur Navigasi Komposit B. ERD (Entity Relationship Diagram) Menurut Rosa dan Shalahuddin (2013:50) menjelaskan bahwa, Entity Realationship Diagram adalah pemodelan data utama dan akan membantu mengorganisasikan data dalam suatu proyek kedalam entitas-entitas dan menentukan hubungan antar entitas. ERD dikembangkan berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk pemodelan basis data relasional.
20 Berikut komponen-komponen yang digunakan dalam ERD : 1. Entitas/ entity Entitas merupakan data inti yang akan disimpan atau bakal tabel pada basis data. 2. Atribut Atribut adalah field atau kolom yang akan disimpan dalam suatu entitas. 3. Atribut kunci primer Atribut kunci primer adalah field atau kolom data yang akan disimpan dalam suatu entitasn dan digunakan sebagai kunci akses record yang diinginkan, biasanya berupa id. 4. Atribut multinilai/ multivalue Atribut multinilai adalah field atau kolom data yang akan disimpan dalam suatu entitas yang dapat memiliki nilai lebih dari satu. 5. Relasi Relasi yang menghubungkan antarentitas, biasanya diawali dengan kata kerja. 6. Asosiasi/ association Asosiasi yaitu penghubung antara relasi dan entitas di mana kedua ujungnya memiliki multiplicity kemungkinan jumlah pemakaian.
21 C. LRS (Logical Relationship Structure) Menurut Frieyadie (2007:13), LRS merupakan hasil dari pemodelan Entity Relationship (ER) beserta atributnya sehingga bisa terlihat hubungan-hubungan antar entitas. Dalam pembuatan LRS terdapat tiga hal yang dapat mempengaruhi, yaitu : 1. Jika tingkat hubungan (cardinality) satu pada satu (one-to-one), maka digabungkan dengan entitas yang lebih kuat (strong entity), atau digabungkan dengan entitas yang memiliki atribut lebih sedikit. 2. Jika tingkat hubungan (cardinality) satu pada banyak (one-to-many), maka hubungan relasinya digabungkan dengan entitas yang tingkat hubungannya banyak. 3. Jika tingkat hubungan (cardinality) banyak pada banyak (many-to-many), maka hubungan relasi tidak akan digabungkan dengan entitas manapun, melainkan menjadi sebuah LRS. D. Black Box Testing Menurut Rosa dan Shalahuddin (2013:275), Black-box testing yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi masukan dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat
22 dengan kasus benar dan kasus salah, misalkan untuk kasus proses login maka kasus uji coba yang dilakukan adalah: 1. Jika user memasukkan nama pemakai (username) dan kata sandi (password) yang benar. 2. Jika user memasukkan nama pemakai (username) dan kata sandi (password) yang salah, misalkan nama pemakai benar tapi kata sandi salah, atau sebaliknya atau keduanya salah.