LANDASAN TEORI
2.1.
Konsep Dasar WebPembuatan tugas akhir ini tidak lepas dari teori-teori yang mendukung kemudahan dalam mempelajari dan merancang program aplikasi.
A. Website
(Anonymous, 2018)” Website adalah kumpulan informasi/kumpulan page yang biasa diakses lewat jalur internet. Setiap orang di berbagai tempat dan segala waktu bisa menggunakannya selama terhubung secara online di jaringan internet.
Secara teknis, website adalah kumpulan dari page, yang tergabung kedalam suatu domain atau subdomain tertentu. Website-website yang ada berada di dalam World Wide Web(WWW) Internet”.
(Waryanto, 2018)” 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”.
Dalam pembuatan website ini dibutuhkan beberapa tools perangkat lunak, diantaranya sebagai berikut:
1. Internet
(Yasha, 2018)” nternet adalah suatu jaringan komunikasi yang menghubungkan satu media elektonik dengan media yang lainnya. Standar teknologi pendukung yang dipakai secara global adalah Transmission Control
6
7
merupakan protokol pertukaran paket (dalam istilah asingnya Switching Communication Protocol) yang bisa digunakan untuk miliaran lebih pengguna yang ada di dunia”.
(Meutia, 2015)” merupakan suatu jaringan yang menghubungkan berbagai objek yang memiliki identitas pengenal serta alamat IP, sehingga dapat saling berkomunkasi dan bertukar informasi mengenai dirinya maupun lingkungan yang diinderanya”.
2. Web browser
(Sibero, 2015)”Pengertian web browser adalah suatu aplikasi yang dapat menjelajahi, mengambil, dan menyajikan konten yang terdapat pada berbagai sumber informasi di jaringan internet (WWW)”.
(Munah, 2018)” Secara umum Pengertian Web browser ialah sebuah perangkat lunak (software) yang dipakai untuk mencari berbagai informasi yang ada di dunia maya atau internet. Perangkat lunak ini akan memudahkan user dalam mengakses data atau mencari informasi yang dibutuhkan”.
3. Web server
(IDCloudHost, 2015)” Server atau Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dan biasanya kita kenal dengan nama web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen HTML”.
(Tedyyana & Kurniati, 2016)” Web server adalah suatu perangkat yang digunakan untuk menjadi server tidak terbatas hanya untuk publikasi situs web
dalam World Wide Web, pada prakteknya server web banyak pula digunakan dalam perangkat-perangkat keras lain seperti printer, router yang menyediakan akses layanan http dalam jaringan lokal”.
4. Sublime text
(M. Faridl, 2015)” Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan developer (pengembang), penulis dan desainer”.
(Supono dan Putratama, 2016)“Sublime text merupakan perangkat lunak text editor yang digunakan untuk membuat atau meng-edit suatu aplikasi. Sublime text mempunyai fitur plugin tambahan yang memudahkan programmer”.
B. Bahasa Pemrograman
1. HTML (Hyper Text MarkupLanguage)
(Lipson, Lispson, & Lipson, 2019)” HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet”.
(Setiawan, 2017)” 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). HTML pada dasarnya merupakan dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu”.
2. PHP (PHP HyperText Preprocessor)
(Subagja, 2018)” php adalah bahasa scripting yang paling mudah karena referensi yang banyak. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapaPHP atau Hypertext Preprocessor adalah bahasa pemrograman server side yang sudah banyak digunakan pada saat ini, terutama untuk pembuatan website dinamis. Untuk hal-hal tertentu dalam pembuatan web, bahasa pemrograman PHP memang diperlukan, misalnya saja untuk memproses data yang dikirimkan oleh pengunjung web”.
(Putra, 2017)” PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum . PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client)”.
3. CSS (Cascannding style sheet)
(Christy, 2019)” CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs”.
(Hasiholan Sianipar, 2015)” Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS dapat
mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya”.
4. BOOSTRAP
(sopyana, 2020)“Bootstrap adalah sebuah framework css yang banyak di minati oleh progammer dalam bidang front end web developer karna framework ini memiliki fitur yang modern (responsive design) serta mudah dalam penerapannya”.
(Sulistiono, 2018)“Boostrap adalah sebuah pustaka open source yang merupakan framework CSS dan Javascript untuk membuat website yang responsive”.
5. Codeigniter
(CloudHost, 2017)” CodeIgniter adalah sebuah web application network yang bersifat open source yang digunakan untuk membangun aplikasi php dinamis”.
(anton subagia, 2018)“Codeigniter merupakan sebuah framework yang sangat berguna bagi seseorang yang ingin membangun aplikasi berbasis web menggunakan PHP, sedangkan Ajax merupakan teknik komunikasi ke server untuk mengatasi permasalahan pada web tradisional”.
6. CKEditor
(Panugali, 2017)” CKEditor adalah teks editor yang digunakan di lingkungan web. CKEditor adalah sebuah WYSIWYG editor, yang berarti teks yang diedit akan sama dengan yang akan tampil. Memakai CKEditor sebagai teks editor mirip seperti kita menggunakan Microsoft Word “.
7. Javascript
(Vivian Siahaan, 2018)“JavaScript merupakan bahasa skript populer yang dipakai untuk menciptakan halaman Web yang dapat berinteraksi dengan pengguna dan dapat merespon event yang terjadi pada halaman.
JavaScript merupakan perekat yang menyatukan halaman-halaman Web. Akan sangat susah menjumpai halaman Web komersial yang tidak memuat kode JavaScript”.
(Didik Setiawan, 2017)“JavaScript adalah bahasa scripting yang populer disebagian besar browser. JavaScript disisipkan pada halaman web menggunakan tag <script>”.
C. Basis Data
(Edu Pambudi S.Kom, 2015)” Basis data atau yang dalam istilah teknologi dikenal dengan nama Database merupakan salah satu hal yan mendasar untuk dipelajari dalam jaringan komputer. Basis data atau database, merupakan kumpulan dari semua data yang ada di dalam suatu organisasi dan semacamnya.
Biasanya, basis data disimpan di dalam server, yang sewaktu-waktu dapat diakses untuk kepentingan tertentu”.
(Adyanata Lubis, 2016)“Basis Data merupakan gabungan file data yang dibentuk dengan hubungan /relasi yang logis dan dapat diungkapkan dengan catatan serta bersifat indenpenden”.
1. MySQL
(Achmad Yusron Arif, 2019)” Pengertian MySQL adalah sebuah software atau perangkat lunak system manajemen berbasis data SQL atau juga multi user dan DBMD Multithread. Pada dasarnya, MySQL ini sebenarnya adalah turunan
yang berasal dari salah satu konsep utama dalam database yang memang telah ada sebelumnya yaitu SQL atau Structured Query Language”.
(Yasin, 2019)” MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional yang mempunyai kompatibel dengan berbagai sistem operasi.
MySQL adalah DBMS yang open source dengan dua bentuk lisensi, yaitu Free Software (perangkat lunak bebas) dan Shareware (perangkat lunak berpemilik yang penggunaannya terbatas)”.
2. PHPMyAdmin
(Admin, 2016)” PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui World Wide Web. PhpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perizinan (permissions), dan lain-lain)”.
(Nugroho, 2017)”PhpMyAdmin adalah salah satu aplikasi yang digunakan untuk memudahkan dalam melakukan pengelolaan database MySQL.
phpMyAdmin merupakan aplikasi web yang bersifat opensource”.
3. XAMPP
(Ratnasari, 2018)” XAMPP ialah perangkat lunak bebas yang mendukung banyak sistem operasi, merupakan campuran dari beberapa program. Yang mempunyai fungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari program MySQL database, Apache HTTP Server, dan penerjemah ditulis dalam bahasa pemrograman PHP dan Perl”.
(Azam, 2019)” Software yang satu ini bernama XAMPP yang merupakan singkatan dari Apache, MySQL, PHP dan Perl sedangkan huruf “X” dimaksudkan
sebagai suatu software yang dapat dijalankan di empat OS utama seperti Windows, Mac OS, Linux dan Solaris. Istilah ini seringkali disebut dengan cross platform (software multi OS)”.
D. Model Pengembangan Perangkat Lunak
(Budi, Siswa, & Abijono, 2017)” Model waterfall merupakan salah satu model untuk perencanaan dari sebuah perangkat lunak. Model waterfall adalah salah satu model klasik yang bersifat sistematis. Karena model ini dikerjakan secara berurutan. Penggunaan model ini dalam penerapan di kehidupan sehari-hari sangatlah memakan waktu dan sangat sedikit dipakai membuat software”.
Sumber : (Budi, Siswa dan Abijono, 2017)
Gambar II.1 Ilustrasi Model Waterfall
Kelebihan Model Waterffal :
1. Merupakan model pengembangan paling handal dan paling lama digunakan
2. Cocok untuk sistem software yang bersifat generik.
3. Pengerjaan projek sistem akan terjadwal dengan baik dan mudah dikontrol
Kekurangan Model Waterfall:
1. Persyaratan sistem harus digambarkan dengan jelas.
2. Rincian proses harus benar-benar jelas dan tidak boleh berubah ubah.
3. Sulit untuk mengadaptasi jika terjadi perubahan spesifikasi pada suatu tahapan pengembangan.
2.2. Tools Program
Adapun tools program yang mendukung untuk memudahkan dalam mempelajari dan merancang program ini sebagai berikut :
A. Struktur Navigasi
(Andriansyah, 2016)”Struktur navigasi dapat diartikan sebagai alur dari suatu program yang menggambarkan rancangan hubungan antar area yang berbeda sehingga memudahkan proses pengorganisasian seluruh elemen website”.
(Petrus, 2017)”Dalam menciptakan sebuah website, hal pertama yang harus kita lakukan adalah menentukan struktur navigasi. Struktur 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”.
1. Struktur Navigasi Linier
Struktur navigasi linier adalah struktur paling sederhana dalam mendesain aliran aplikasi. Dalam mendesain suatu aliran aplikasi pengguna akan melakukan navigasi secara berurutan, dari frame atau byte informasi yang satu ke yang lainnya, seperti yang terlihat pada gambar berikut:
Sumber : (Suryani & Hendriyani, 2020)
Gambar II.2 Struktur Navigasi Linier
2. Struktur Navigasi Non-Linier(Tidak Berurutan)
Pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya, seperti gambar berikut:
Sumber : (Karmila & Yeka, 2020)
Gambar II.3 Struktur Navigasi Non- Linier
3. Struktur Navigasi Hirarki
Struktur dasar ini disebut struktur “linier dengan percabangan” karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi, seperti gambar berikut :
Sumber : (Karmila & Yeka, 2020)
Gambar II.4 Struktur Navigasi Hierarki
4. Struktur Navigasi Composite (Campuran)
Struktur navigasi composite adalah struktur yang penggunaan nya lebih dari satu dalam merancang aliran aplikasi. Dalam mendesain aplikasi Pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi penting dan atau pada data yang paling terorganisasi secara logis pada suatu hierarki, seperti gambar berikut :
Sumber : (Karmila & Yeka, 2020)
Gambar II.5 Struktur Navigasi Composite
B. Entity Relationship Diagram (ERD)
(Pendidikanku, 2016)”Entity Relationship Diagram (ERD) merupakan suatu model data yang dikembangkan berdasarkan objek.” Entity Relationship Diagram (ERD) digunakan untuk menjelaskan hubungan antar data dalam basis data kepada pengguna secara logis. Entity Relationship Diagram (ERD) didasarkan pada suatu persepsi bahwa real world terdiri atas obyek-obyek dasar tersebut”.
(Ibeng, 2018)” ERD adalah suatu model untuk menjelaskan mengenai hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang memiliki hubungan antar relasi. Entity Relationship Diagram oyi untuk memodelkan struktur data serta hubungan antar data, untuk dapat menggambarkannya digunakan beberapa notasi serta simbol”.
Menurut Sukamto dan Shalahuddin (2016:53), “ERD (entity relationship diagram) digunakan untuk pemodelan basis data relasional. Sehingga jika penyimpanan basis data menggunaan OODBMS maka perancangan basis data tidak perlu menggunakan ERD”.
Dengan diagram hubungan entitas ini kita dapat menguji model dengan mengabaikan proses yang harus dilakukan. Diagram hubungan entitas dapat membantu dalam menjawab persoalan tentang datayang diperlukan dan bagaimana data tersebut saling berhubungan. ERD terbagi atas empat komponen, yaitu:
1. Entitas (Entity)
Entitas merupakan benda yang memiliki data dan harus disimpan datanya agar dapat diakses oleh aplikasi komputer, penamaan entitas biasanya lebih kekata benda dan belum merupakan nama table. Entitas dinyatakan dengan simbol persegi panjang.
2. Atribut (Atributte)
Atribut (atributte) merupakan field atau kolom data yang butuh disimpan dalam suatu entitas. Atribut digambarkan dalam bentuk lingkaran atau elips.
Atribut yang menjadi kunci entitas atau key diberi garis bawah.
3. Relasi (Relation)
Relasi atau hubungan adalah kejadian atau transaksi yang terjadi diantara dua entitas yang keterangannya perlu disimpan dalam basis data. Penghubung antara himpunan relasi dengan himpunan entitas dengan atribut dinyatakan dalam bentuk garis. Relasi biasanya diawali dengan kata kerja.
4. Kardinalitas (Kardinality)
Menunjukan julmah maksimum entitas yang dapat berelasi dengan entitas pada himpunan entitas yang lain.
C. Logical Record structure (LRS)
(Fridayanthie & Mahdiati, 2016)” Logical Record Structured (LRS) adalah representasi dari struktur record- record pada tabel-tabel yang terbentuk dari hasil relasi antar himpunan entitas. Menentukan kardinalitas, jumlah tabel, dan ForeignKey (FK)”.
2.3. Pengujian Web
(Fernanda Yuwanda, 2016)” Black box testing adalah pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkatlunak. Jadi dianalogikan seperti kita melihat suatu koatak hitam, kit hanya bisa melihat penampilan luarnya saja, tanpa tau ada apa dibalik bungkus hitam nya. Sama seperti pengujian black box, mengevaluasi hanya dari tampilan luarnya(interface nya) , fungsionalitasnya.tanpa mengetahui apa sesungguhnya yang terjadi dalam proses detilnya (hanya mengetahui input dan output)”.
(Mustaqbal, Firdaus, & Rahmadi, 2015) 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. Salah satu dari jenis pengujian yang ada adalah Black Box Testing
