BAB II LANDASAN TEORI 2.1 Konsep Dasar Web 1. Web Menjelaskan tentang definisi Web, dan Aplikasi Web. Menurut Sibero (2013:11) World Wide Web (W3) atau yang dikenal dengan istilah web adalah suatu sistem yang berkaitan dengan dokumen digunakan sebagai media untuk menampilkan teks, gambar, multimedia dan lainnya pada jaringan internet. World Wide Web atau lebih sering dikenal Web adalah suatu layanan sajian informasi yang menggunakan konsep hyperlink (tautan), yang memudahkan surfer (sebutan para pemakai komputer yang melakukan browsing atau penelusuran informasi melalui internet). (Ardhana, 2012:3). Penulis menyimpulkan bahwa web adalah layanan sajian informasi dapat berupa teks, gambar, multimedia dan lainnya di internet. 2. Aplikasi Web Menurut Simarmata (2010:56) Aplikasi Web adalah sebuah sistem yang mendukung interaksi pengguna melalui antarmuka berbasis web. Aplikasi web atau yang lebih sering disebut web application ialah suatu website yang membuat pengguna dapat mengakses internet melalui software dan berbagai komputer atau device yang terkoneksi dcngan internet. (Irwansyah dan Moniaga, 2014:62). 7
8 Penulis menyimpulkan bahwa aplikasi web adalah sistem yang mendukung interaksi pengguna melalui antarmuka berbasis web di internet. 2.1.1 Website Berisikan tentang definisi website, internet, web server, dan web browser. 1. Website Website merupakan halaman yang mengandung informasi pada sebuah domain yang terdapat di internet. (Yuhefizar, 2013:2). Sedangkan menurut Dipraja (2013:10), website (situs web) adalah tempat penyimpanan data dan informasi berdasarkan topik tertentu Penulis menyimpulkan webiite adalah halaman tempat penyimpanan data dan informasi pada sebuah domain di internet. 2. Interconnected Network (Internet) Menurut Hidayatullah dan Kawistara (2015:1) Internet adalah jaringan global yang menghubungkan komputer-komputer di seluruh dunia. Menurut Sibero (2013:10) Internet (interconnected Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet juga dapat juga disebut jaringan dalam suatu jaringgan yang luas. Penulis menyimpulkan internet itu jaringan global yang mehubungkan komputer seluruh dunia yang jaringannya luas. 3. Web Server Menurut Saputra (2010:2) Webserver adalah server internet yang digunakan sebagai koneksi dan data transfer data (HTML, Asp, Aspx, PHP,Js, dan lain sebagainya).
9 Menurut Fathansyah (2012:466), Server Web (Web Server) merujuk pada perangkat keras (server) dan perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP ataupun variannya (seperti FTP dan HTTPS) atau berkas-berkas yang terdapat pada suatu URL ke pemakai. Penulis meyimpulkan web server adalah layanan server yang digunakan sebagai koneksi dan data tranfer data kepada pengguna melalui protokol komunikasi HTTP ataupun variannya (seperti FTP dan HTTPS). 4. Web Browser Menurut Sibero (2013:12) Web Browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web. Menurut Irawan (2011:3), Web browser adalah aplikasi yang digunakan untuk menampilkan halaman web beserta kontennya. Penulis menyimpulkan web browser adalah aplikasi perangkat lunak yang digunakan untuk manampilkan halaman web beserta kontennya. 2.1.2 Bahasa Pemrograman Membahas definisi PHP, HTML, Jquery, Javascript, CSS, dan Bootstrap. 1. Hypertext Preprocessor (PHP) Menurut Hidayatullah dan Kawistara (2015:231) Php Hypertext Preprocessor atau disingkat dengan php adalah suatu bahasa scripting khususnya digunakan untuk web delevopment. Menurut Sibero (2013:49) PHP adalah pemrograman interpreter yaitu proses penerjemahan baris kode sumber menjadi kode mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan.
10 Penulis menyimpulkan Hypertext Preprocessor (PHP) adalah bahasa pemrograman untuk web delevopment yang diterjemahkan dari baris kode sumber menjadi kode mesin yang dimengerti komputer saat baris kode dijalankan. 2. HyperText Markup Language (HTML) Menurut Hidayatullah dan Kawistara (2015:13), Hypertext Markup Language adalah bahasa standard yang digunakan untuk menampilkan halaman web. Menurut Sibero (2013:19) HyperText Markup Languange atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa pertukaran dokumen web. Penulis menyimpulkan HyperText Markup Language (HTML) adalah bahasa yang digunakan untuk menampilkan halaman web untuk pertukaran dokumen web. 3. JQuery Menurut Hidayatullah dan Kawistara (2015:426), Jquery adalah kumpulan fungsi-fungsi JavaScript yang sudah dibentuk sebagai suatu objek. Dan menurut Sibero (2013:218) mengemukakan Jquery adalah salah satu javascript framework terbaik saat ini. Penulis menyimpulkan Jquery adalah framework javascript yang sudah dibentuk sebagai objek. 4. Javascript Menurut Sibero (2013:150) Javascript adalah bahasa skrip (Scripting Languange), yaitu kumpulan intruksi perintah yang digunakan untuk mengendalikan beberapa dari sistem operasi. Menurut Purbandian (2015:54)
11 Javascript merupakan bahasa pemrograman script yang berada pada sisi client atau browser. Penulis menyimpulkan Javascript itu bahasa pemrograman yang digunakan di web yang berada pada sisi client atau browser.. 5. Cascading Style Sheet (CSS) Menurut Sibero (2013:112) Mengacu dari arti bahasa, Cascading Style Sheet memiliki arti Gaya Menata Halaman Bertingkat, yang berarti setiap satu elemen yang telah diformat dan memiliki anak dan telah diformat, maka dari elemen tersebut secara otomatis mengikuti format elemen induknya. Menurut Ardhana (2012:108) Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Penulis menyimpulkan Cascading Style Sheet (CSS) itu bahasa pemrograman pengatur tampilan halaman web agar tertruktur dan seragam. 6. Bootstrap Bootstrap merupakan alat bantu untuk mendesain halaman web oleh pengembang website. (Ridha, 2007:4). Sedangkan menurut Utomo (2016:11) Mengemukakan Bootstrap merupakan salah satu framework HTML, CSS, dan Js yang cukup populer, serta banyak digunakan oleh para pengembang web saat ini. Penulis menyimpulkan Bootstrap adalah framework yang digunakan untuk mendesain halaman web.
12 2.1.3 Basis Data Membahas definisi dari database, mysql, phpmyadmin, dan wamp server. 1. Basis Data Menurut Fathansyah dalam Hidayatullah dan Kawistara (2015:147) Basis data dapat didefinisikan sebagai himpunan kelompok data yang saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah. Basis Data (Database) sendiri dapat didefinisikan sebagai data yang saling berhubungan yang disimpan pada media elektronis. (Fathansyah, 2012:2). Penulis menyimpulkan Basis Data adalah himpunan kelompok data yang saling berhubungan yang disimpan pada media elektronis agar dapat dimanfaatkan kembali dengan cepat dan mudah. 2. MySQL Menurut Hidayatullah dan Kawistara (2015:180), MySQL adalah salah satu aplikasi DBMS yang sudah sangat banyak digunakan oleh para pemrograman aplikasi web. Menurut Sibero (2013:97) MySQL atau dibaca My Sekuel dengan adalah suatu RDBMS (Relational Database Management System) yaitu aplikasi sistem yang menjalankan fungsi pengolahan data. Penulis menyimpulkan MySQL adalah aplikasi sistem yang menjalankan fungsi pengolahan data. 3. PhpMyAdmin Menurut website www.phpmyadmin.net dalam Hidayatullah dan Kawistara (2015:184) PhpMyAdmin adalah tool open source yang ditulis dalam
13 bahasa PHP untuk menangani administrasi MySQL berbasis World Wide Web. PhpMyAdmin adalah perangkat lunak yang digunakan untuk administrasi MySQL. (Sibero, 2013:376). Penulis menyyimpulkan PhpMyAdmin itu perangkat lunak untuk administrasi MySQL yang open source. 4. Wamp Server Menurut Hirin dan Virgi (2011:3) Wamp adalah sebuah aplikasi paket server yang didalamnya berisi beberapa software pendukung untuk sebuah server dan web berbasis php. Menurut Kadir (2010:6) Wampserver 2 adalah program yang mengemas MySQL, Php, dan Apache sehingga memudahkan para pengembang sistem yang hendak menggunakan ketiga perangkat lunak tersebut untuk membuat aplikasi web berbasis database. Penulis menyimpulkan bahwa Wamp Server itu aplikasi paket server untuk pengembangan web yang dapat memudahkan para pengembang web. 2.1.4 Model Pengembangan Perangkat Lunak Aspek teknis dalam pengembangan perangkat lunak sudah menjadi lebih mudah dengan peningkatan otomatisasi yang tersedia bagi pengembang yang memungkinkan pengguna nonteknis dapat memodifikasidan mengustomisasi aplikasi untuk memenuhi kebutuhan khusus dan pilihan pengguna. (Janner Simarmata, 2010:29). Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model waterfall yang terbagi menjadi lima tahapan menurut Rosa A. S dan Shalahuddin (2014:28), yaitu:
14 1. Analisa Kebutuhan 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. 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 jugu perlu didokumentasikan. 3. Pembuatan Kode Program Desain harus di translasikan 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 dari segi lojik 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.
15 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 pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru. Tahap tahap model waterfall menurut Rosa A. S dan Shalahuddin (2014:29) adalah sebagai berikut: Sistem/Rekayasa Informasi Analisis Desain Pengodean Pengujian Sumber: Rosa A. S dan Shalahuddin (2014:29) Gambar II.1 Model waterfall 2.2 Teori Pendukung 2.2.1 Struktur Navigasi Struktur navigasi adalah struktur terpenting dalam pembuatan suatu web, struktur ini merupakan rancangan hubungan yang dapat membantu mengorganisasikan seluruh elemen page. (Evi dan Malabay, 2009:124). Struktur
16 navigasi dikelompokan menjadi 4 struktur yang berbeda menurut Evi dan Malabay (2009:125-126), yaitu : linear, hirarki, non linear serta hybrid. Dimana semua struktur memiliki perbedaan, yaitu: 1. Struktur Linear Merupakan struktur yang hanya memiliki satu rangkaian cerita yang terurut dan tidak diperkenankan adanya percabangan, struktur ini cocok digunakan untuk presentasi multimedia yang tidak terlalu membutuhkan interaktifitas. Sumber: Evi dan Malabay (2009:125) Gambar II.2 Struktur Linear 2. Struktur Hirarki Struktur ini menggunakan percabangan untuk menampilkan data berdasarkan kriteria tertentu, pada tampilan utama disebut sebagai master page sedangkan untuk tampilan cabang disebut slavepage. Sumber: Evi dan Malabay (2009:125) Gambar II.3 Struktur Hirarki
17 3. Struktur Non Linear Ini merupakan struktur linear yang memperkenankan percabangan, kedudukan pada stuktur ini disamakan, oleh karena itu tidak ada masterpage atau pun slavepage. Sumber: Evi dan Malabay (2009:125) Gambar II.4 Struktur Non Linear 4. Struktur Hybrid Struktur gabungan dimana struktur ini menggabungkan semua struktur yang ada. Struktur ini dapat memberikan interaksi yang tinggi kepada pemakai. Sumber: Evi dan Malabay (2009:126) Gambar II.5 Struktur Hybrid
18 2.2.2 Enterprise Relationship Diagram (ERD) Menjelaskan tentang definisi Entity Relationship Diagram (ERD), komponen Entity Relationship Diagram (ERD), derajat relationship, dan Logical Relation Structure (LRS). 1. Entity Relationship Diagram (ERD) Entity Relationship Diagram (ERD) adalah pemodelan awal basis data yang paling banyak digunakan (Rosa. A. S dan Shalahuddin, 2014:50). Berikut adalah simbol-simbol yang digunakan pada ERD dengan notasi Chen: Tabel II.1 Simbol ERD Entitas/entity Simbol Nama_entitas Deskripsi Entitas merupakan data inti yang akan disimpan; bakal tabel pada basis data; benda yang memiliki data yang harus disimpan datanya agar dapat diakses oleh aplikasi komputer; penamaan entitas biasanya lebih ke kata benda dan belum merupakan nama tabel. Atribut Nama_atribut Atribut kunci primer Field atau kolom data yang butuh disimpan dalam suatu entitas. Field atau kolomdata yang butuh disimpan dalam suatu entitas dan digunakan sebagai kunci akses Nama_kunci_prime r record yang diinginkan; biasanya berupa id; kunci primer dapat lebih dari satu kolom, asalkan kombinasi dari beberapa kolom tersebut dapat bersifat unik (berbeda tanpa ada yang sama).
19 Atribut multinilai / multivalue Nama_atribut Field atau kolom data yang butuh disimpan dalam suatu entitas yang dapat memiliki nilai lebih dari satu. Relasi Relasi yang menghubungkan antar entitas; Nama_relasi Asosiasi / association biasanya diawali dengan kata kerja. Penghubung antar relasi dan entitas dimana di kedua ujungnya memiliki multiplicity kemungkinan jumlah pemakaian. N Kemungkinan jumlah maksimal keterhubungan Sumber: Rosa. A. S dan Shalahuddin (2014:50) 2. Derajat Relationship antar entitas satu dengan entitas yang lain disebut dengan kardinalitas. Misalkan dari kardinalitas 1 ke N atau sering di sebut one to many menghubungkan entitas A dan entitas B. Menurut Fathansyah (2012:78), Kardinalitas atau derajat Relationship menunjukan jumlah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain. Adapun gambar Kardinalitas atau Derajat Relationship menurut Fathansyah (2012:79) adalah sebagai berikut: a. Satu ke satu (one to one) Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan paling banyak dengan satu entitas pada himpunan entitas B, dan begitu juga sebaliknya.
20 A B Entitas 1 Entitas 2 Entitas 3 Entitas 4 Entitas 1 Entitas 2 Entitas 3 Entitas 4 Sumber: Fathansyah (2012:79) Gambar II.6 Derajat Relationship Satu ke Satu b. Satu ke Banyak (one to many) A B Entitas 1 Entitas 2 Entitas 3 Entitas 1 Entitas 2 Entitas 3 Entitas 4 Entitas 5 Sumber: Fathansyah (2012:80) Gambar II.7 Derajat Relationship Satu ke Banyak c. Banyak ke Satu (many to one) Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan paling banayak dengan satu entitas pada himpunan entitas B, tetapi tidak sebaliknya.
21 A B Entitas 1 Entitas 2 Entitas 3 Entitas 1 Entitas 2 Entitas 3 Entitas 4 Entitas 5 Sumber: Fathansyah (2012:80) Gambar II.8 Derajat Relationship Banyak ke Satu d. Banyak ke Banyak (many to many) Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas, dan demikian juga sebaliknya. A B Entitas 1 Entitas 2 Entitas 3 Entitas 4 Entitas 1 Entitas 2 Entitas 3 Entitas 4 Sumber: Fathansyah (2012:80) Gambar II.9 Derajat Relationship Banyak ke Banyak
22 2.2.3 Logical Relation Structure (LRS) Menurut Rahmayu dalam Frieyadie (2007:13), LRS merupakan hasil dari pemodelan Entity Relational Ship (ER) beserta atributnya sehingga bisa terlihat hubungan-hubungan antar entitas. Dalam pembuatan LRS terdapat 3 hal yang dapat mempengaruhi yaitu: 1. Jika tingkat hubungan (cardinality) satu pada satu (one-to-one), maka di gabungkan dengan entitas yang lebih kuat (strong entity), atau digabungkan dengan entitas yang memiliki atribut yang lebih sedikit. 2. Jika tingkat hubungan (cardinality) satu pada banyak (one-to-many), maka hubungan relasi atau 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. 2.2.4 Pengujian Web Pengujian web sangat diperlukan untuk memastikan software yang sudah atau sedang dibuat dapat berjalan sesuai dengan fungsionalitas yang diharapkan, pada tahap ini penulis menggunakan pengujian black-box testing. 1. Black-Box Testing (pengujian kotak hitam) Menurut Rosa A.S dan Shalahudin (2014:275) black-box testing yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program.
23 Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan kasus benar dan kasus salah, misalkan untuk kasus proses login maka kasus uji yang dibuat (Rosa A.S dan Shalahudin, 2014:276) adalah: a. Jika user memasukan nama pemakai (username) dan kata sandi (password) yang benar b. Jika user memasukan nama pemakai (username) dan kata sandi (password) yang salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah. 2.2.5 E-Commerce Menurut Hakim (2010:11) E-commerce adalah kepanjangan dari Electronic commerce, yaitu perdagangan dengan menggunakan fasilitas elektronik (internet). Sedangkan menurut Wong (2010:33) E-commerce adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem elektronik. Jadi penulis menyimpulkan E-commerce adalah perdagangan bisa berupa pemasaran barang dan jasa dengan menggunakan fasilitas internet. 2.2.6 Sublime Code editor yang memudahkan programmer untuk menyunting source code yang dikerjakan yang dibuat dengan menggunakan phyton API adalah sublime text dalam jurnalnya (Ramadhan, 2015:15) Sedangkan Handayono (2015:2) dalam jurnalnya menyatakan bahwa Sublime Text adalah perangkat lunak aplikasi yang digunakan untuk mengedit code/syntax yang mendukung beberapa bahasa pemograman. Penulis menyimpulkan sublime adalah aplikasi editor untuk mengedit code/syntax yang mendukung beberapa bahasa pemrograman.