BAB II
LANDASAN TEORI
2.1 Konsep Dasar Web A. Program
Menurut KKBI Program adalah rancangan mengenai asas serta usaha (dalam ketatanegaraan, Perekonomian, dan sebagainya) yang akan dijalankan. Sedangkan secara umum program adalah penjabaran dari suatu rencana dalam hal ini program merupakan bagian dari perencanaan sering pula diartikan bahwa program adalah kerangka dasar dari pelaksanaan suatu kegiatan (Mustafa, 2016). program adalah kumpulan intruksi yang ditujukan untuk komputer supaya peralatan tersebut dapat melakukan tindakan-tindakan yang dikehendaki oleh pemakai program (user) (Kadir, 2015).
A. Website
1. Definisi Website
“Website adalah sebuah kumpulan halaman pada suatu domain di internet yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses secara luas melalui halaman depan (home page) menggunakan sebuah browser” (Waryanto, 2018).
Website atau sering disebut web, situs, site adalah tempat dimana web pages disimpan. Website terdiri dari sebuah kumpulan halaman web yang saling berhubungan dapat diakses melalui halaman depan atau home page menggunakan browser dan jaringan internet.
2. Definisi Web Browser
“Web Browser adalah suatu aplikasi yang dapat menjelajahi, mengambil, dan menyajikan konten yang terdapat pada berbagai sumber informasi di jaringan internet (WWW)” (Sibero, 2015).
Web browser merupakan perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh web server.
Web Browser merupakan program aplikasi untuk menjembatani pengguna dengan internet atau halaman sebuah website.
3. Definisi Web Server
“Web Server adalah komputer yang digunakan untuk menyimpan dokumen- dokumen web komputer ini akan melayani permintaan dokumen web dari kliennya”
(Vazquez & Vazquez, 2016).
Web server adalah sebuah program aplikasi pada jaringan internet yang bertugas untuk melayani pemintaan dokumen suatu browser, contohnya Internet Explorer, Netscape Navigator melalui suatu protokol, biasanya protokol HTTP.
Dokumen bisa berupa HTML (HyperText Markup Language), teks, gambar, video, dan sebagainya.
B. Bahasa Pemrograman
1. Definisi Bahasa Pemrograman
“Bahasa Pemrograman adalah perintah-perintah atau instruksi yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu” (Wisky, 2017).
Berdasarkan uraian di atas Bahasa Pemrograman merupakan himpunan intruksi yang dapat dimengerti oleh manusia kemudian diterjemahkan kedalam komputer untuk melakukan tugas tertentu.
2. Definisi PHP (Hypertext Preprocessor)
“PHP (Hypertext Preprocessor) adalah bahasa script yang dapat ditanamkan atau disisipkan ke dalam HTML”. PHP banyak dipakai untuk membuat program situs web dinamis. PHP sering juga digunakan untuk membangun sebuah CMS.PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Disebut bahasa pemrograman server side karena PHP di proses pada komputer server. (Aziz Setyawan Hidayat, Ahmad Fauzi, Wandy Ubleeuw, 2019).
Dari pengertian diatas PHP adalah sebuah bahasa pemrograman dapat disisipkan kedalam HTML dan sudah banyak digunakan atau dipakai saat ini dan didesain untuk pengembangan web dan dapat diproses pada komputer server.
3. Definisi Javascript
JavaScript adalah bahasa scripting kecil, ringan, berorientasi objek yang ditempelkan pada kode HTML dan di proses di sisi client.
Dari uraian diatas java script adalah bahasa scripting yang pada umumnya diawali dengan tag <script type=”javascript”> dan diakhiri dengan tag </script>.
4. Definisi HTML (Hypertext Markup Languange)
“HTML (Hypertext Markup Languange) adalah bahasa yang digunkaan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks, yaitu Standard Generalized Markup Languange (SGML)” (Setiawan, 2017).
HTML (Hypertext Markup Language) merupakan bahasa markah yang digunakan untuk membuat sebuah halaman web dengan pemformatan hiperteks sederhana yang ditulis dalam format ASCII agar dapat menghasilkan tampilan yang
terintegrasi. Pada umumnya HTML diawali dengan tag pembuka dan tag penutup seperti <html> ... </html>.
5. Definisi CSS (Cascading Style Sheet)
“CSS (Cascading Style Sheet) adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan” (Krause & Krause, 2016).
CSS digunakan untuk mengatur tata letak, warna, dan jenis huruf yang digunakan pada halaman web. Kode CSS yang telah dibuat dapat digunakan berulang-ulang dalam tag HTML sehingga dalam merancang halaman web dapat lebih cepat dan efisien.
6. Definisi React Native
“React Native adalah framework javascript yang dikembangkan oleh facebook dan memungkinkan kita membuat aplikasi mobile android ataupun ios.
Dengan expo yang berbasis framework react native memungkinkan pengembang aplikasi dapat secara langsung melihat hasil atau compile proyek pengerjaan code editor” (Yunandar & Priyono, 2018).
React native merupakan framework javascript yang dikembangkan oleh facebook digunakan untuk mengembangkan mobile app di dua sistem operasi sekaligus yaitu Android dan IOS.
C. Basis Data
1. Definisi Basis Data
“Basis Data adalah kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redundansi), untuk memenuhi berbagai kebutuhan” (Yanto, 2016).
Tujuan utama basis data adalah kemudahan dan kecepatan dalam pengambilan kembali data. Media penyimpanan basis data menggunakan media penyimpanan elektronis seperti disk (Flashdisk, Harddisk, MicroSD).
2. Definisi Database Management System (DBMS)
“Database Management System (DBMS) merupakan paket program (software) yang dibuat agar memudahkan dan mengefisienkan pemasukan, pengeditan, penghapusan dan pengambilan informasi terhadap database” (Yanto, 2016).
DBMS atau Database Management System merupakan perngakat lunak atau software yang digunakan untuk membangun basis data berbasis komputerisasi.
Software yang tergolong kedalam DBMS antara lain, Microsoft SQL, MySQL, Oracle, MS. Access, dan lain-lain.
3. Definisi MySQL
“Mysql merupakan system manajemen database yang bersifat open source atau gratis” (Yanto, 2016).
“MySQL adalah database server yang gratis dengan lisensi GNU General Public License (GPL) sehingga dapat Anda pakai untuk keperluan pribadi atau komersil tanpa harus membayar lisensi yang ada” (Yasin, 2019).
Berdasarkan uraian di atas Mysql merupakan jenis RDBMS (Relational Database Management System) yang berlisensi gratis sehingga dapat digunakan
untuk keperluan pribadi atau komersil tanpa harus membayar lisensi.
D. Rapid Application Development (RAD)
“Rapid Aplication Development (RAD) adalah sebuah model proses perkembangan perangkat lunak sekuensial linier yang menekankan siklus perkembangan yang sangat pendek (kira-kira 60 sampai 90 hari)” (Rad, 2018).
Rapid Application Development (RAD) adalah proses pengembangan
perangkat lunak yang tergolong dalam teknik incremental (bertingkat). RAD menekankan pada siklus pembangunan yang pendek, singkat, dan cepat. Pada saat Rapid Application Development (RAD) diimplementasikan, maka para pemakai bisa
menjadi bagian dari keseluruhan proses pengembangan sistem dengan bertindak sebagai pengambil keputusan pada setiap tahapan pengembangan. RAD bisa menghasilkan suatu sistem dengan cepat karena sistem yang dikembangkan dapat memenuhi keinginan dari para pemakai sehingga dapat mengurangi waktu untuk pengembangan ulang setelah tahap implementasi.
Tahapan RAD antara lain, “Requirements Planning merupakan tahap perencanaan kebutuhan sistem, melibatkan pengguna untuk merancang dan membangun sistem. RAD Design Workshop merupakan tahapan menentukan arsitektur, rancangan layar, spesifikasi sistem. Implementation merupakan tahapan pengimplementasian seluruh kegiatan sebelumnya” (Fauzi & Harli, 2017).
2.2. Teori Pendukung
A. Struktur Navigasi
Dalam menciptakan sebuah website, hal pertama yang harus kita lakukan adalah menentukan struktur navigasi. “Navigasi merupakan struktur atau alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Website” (Petrus, 2017).
Ada empat struktur navigasi dasar yang digunakan Binanto dalam (Yuni Eka Achyani, 2018), yaitu linear, hierarkis, nonlinear, dan komposit.
1. Linear
Pengguna akan melakukan navigasi secara berurutan dari frame atau byte informasi yang satu ke yang lainnya.
Sumber : (Yuni Eka Achyani, 2018)
Gambar II.1.
Struktur Navigasi Linear 2. Hierarkis
Struktur dasar ini disebut juga struktur “linear dengan percabangan” karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber : (Yuni Eka Achyani, 2018)
Gambar II.2.
Struktur Navigasi Hierarkis 3. Nonlinear
Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terkait dengan jalur yang sudah ditentukan sebelumnya.
Sumber : (Yuni Eka Achyani, 2018)
Gambar II.3.
Struktur Navigasi Nonlinear
4. Komposit
Pengguna akan melakukan navigasi dengan bebas (secara nonlinear), tetapi terkadang dibatasi presentasi linear film atau informasi penting dan atau pada data yang paling terorganisasi secara logis pada suatu hierarki.
Sumber : (Yuni Eka Achyani, 2018)
Gambar II.4.
Struktur Navigasi Komposit
B. Enterprise Relationship Diagram (ERD)
“ERD adalah suatu diagram untuk menggambarkan desain konseptual dari model konseptual suatu basis data relasional. ERD juga merupakan gambar yang merelasikan antara objek yang satu dengan objek yang lain dari objek di dunia nyata yang sering dikenal dengan hubungan antar entitas” (Yanto, 2016).
ERD terdiri dari 3 Komponen Utama, yaitu antara lain:
1. Entitas (Entity)
Entitas adalah suatu objek di dunia nyata yang dapat dibedakan denga objek lainnya. Objek tersebut dapat berupa orang, benda ataupun hal lainnya. Entitas digambarkan dalam bentuk persegi panjang seperti pada gambar II.5.
Sumber : (Yanto, 2016)
Gambar II.5.
Komponen Entitas
2. Atribut (Attribute)
Atribut merupakan semua informasi yang berkaitan dengan entitas. Atribut sering dikenal dengan property dari suatu entitas atau objek. Atribut digambarkan dalam bentuk lingkaran elips seperti pada gambar II.6.
Sumber : (Yanto, 2016)
Gambar II.6.
Komponen Atribut
3. Relasi
Gambar belah ketupat merupakan perlambangan relasi antar entitas atau sering disebut kerelasian. Ada 2 macam penggambaran relasi yaitu relasi kuat dan relasi lemah. Relasi kuat adalah untuk menghubungkan antar entitas sedangkan entitas lemah untuk menghubungkan antar entitas kuat dengan entitas lemah.
Sumber : (Yanto, 2016)
Gambar II.7.
Komponen Relasi
C. Impelemtasi dan Pengujian Web Black Box Testing
Dalam sebuah pengujian perangkat lunak, validasi adalah salah satu proses pemeriksaan atau pengecekan apakah perangkat lunak memenuhi spesifikasi dan tujuan yang diharapkan atau tidak. Proses validasi data yang belum maksimal dapat mengakibatkan ketidak sesuaian data yang akan disimpan pada basis data.
“Pengujian adalah suatu proses pelaksanaan suatu program dengan tujuan menemukan suatu kesalahan. Suatu kasus test yang baik adalah apabila test tersebut mempunyai kemungkinan menemukan sebuah kesalahan yang tidak terungkap. Suatu test yang sukses adalah bila test tersebut membongkar suatu kesalahan yang awalnya tidak ditemukan” (Mustaqbal, Firdaus, & Rahmadi, 2015)
