BAB II LANDASAN TEORI

Transkripsi

1 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web Web merupakan halaman situs sistem informasi yang dapat diakses secara cepat. Web ini di dasari dari adanya perkembangan teknologi informasi dan komunikasi. A. Website Website merupakan istilah yang sudah tidak asing lagi dewasa ini. Secara umum website dapat diartikan sebagai sebuah halaman yang tersedia dalam sebuah server yang dapat diakses menggunakan jaringan internet dimana didalamnya berisi bermacam-macam informasi dari suatu konten tertentu (Herliana dan Rasyid, 2016) Sidik dan Pohan (2014:1) menyimpulkan bahwa World Wide Web (WWW) lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang di tampilkan dalam browser web. Website adalah sebuah halaman yang tersedia dalam sebuah server yang dapat diakses menggunakan jaringan internet, web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Di dalam sebuah website, ada beberapa komponen pendukung agar website dapat diakses oleh pemakai, diantaranya: 8

2 9 1. Web Browser Menurut Sidik dan Pohan (2014:5) mengemukakan bahwa: 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 melakukan point dan click untuk pindah antardokumen. 2. Web Server Menurut Sidik dan Pohan (2014:6), Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. 3. Internet Menurut Hidayatullah dan Kawistara (2015:1), Internet adalah global yang menghubungkan komputer-komputer diseluruh dunia. Dengan internet, sebuah komputer bisa mengakses data yang terdapat pada komputer lain di benua yang berbeda. B. Bahasa Pemrograman Terdapat banyak bahasa pemograman dalam membangun aplikasi berbasis website. Dalam tugas akhir ini penulis hanya membahas 5 bahasa pemograman web yaitu: 1. Hypertext Markup Language (HTML) Menurut Hidayatullah dan Kawistara (2015:13) HTML adalah bahasa standard yang gunakan untuk menampilkan halaman web. 2. Personal Home Page (PHP) Menurut Winarno dan Zaki (2013:9), PHP adalah Bahasa pemograman yang memungkinkan anda mengenerate kode HTML secara dinamis, Artinya anda

3 10 bisa membuat tampilan halaman web yang dinamis bisa berubah-ubah sesuai dengan keinginan programernya. 3. Cassading Style Sheet (CSS) Menurut Suryana dan Koesheryatin (2014:101) menyimpulkan bahwa: CSS (Cascading Style Sheet) adalah suatu Bahasa stylesheet yang digunakan untuk mengatur tampilan suatu website, baik tata letaknya, jenis huruf, warna, dan semua yang berhubungan dengan tampilan. Pada umumnya CSS digunakan untuk memformat halaman web yang ditulis dengan HTML atau XHTML. 4. JavaScript Menurut Hidayatullah dan Kawistara (2015:81), Dengan JavaScript, Anda bisa membuat game, animasi dan bentuk interkatif-interaktif lain di web. Animasi bisa saja menggunakan flash, tapi kita tahu bahwa untuk membuat animasi flash harus menggunakan program adobe flash yang tidak murah. 5. Framework Codeigniter Menurut (Cahya et al,. 2018), CodeIgniter adalah Sebuah framework php yang bersifat open source dan menggunakan metode MVC (Model, View, Controller) untuk memudahkan developer atau programmer dalam membangun sebuah aplikasi berbasis web tanpa harus membuatnya dari awal. C. Basis Data Menurut Sukamto dan Shalahuddin (2014:43) Basis data adalah sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan. Menurut Hidayatullah dan Kawistara (2015:147), Basis data dapat didefinisikan sebagai himpunan kelompok data yang saling berhubungan yang

4 11 diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah. Basis data adalah sistem terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau himpunan dua kelompok (arsip) yang saling berhubungan di organisasi dan dapat dimanfaatkan kembali dengan mudah dan cepat. D. Model Pengembangan Perangkat Lunak 1. Waterfall Menurut Sukamto dan Shalahuddin (2014:28) mengemukakan bahwa: Metode SDLC air terjun (waterfall) sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain, pengkodean, pengujian dan tahap pendukung (support). Tahap tahap model waterfall menurut Sukamto & Shalahuddin, (2014:28) adalah sebagai berikut: Sumber: Sukamto dan Shalahuddin (2014:28) Gambar II.1. Tahap Model Waterfall

5 12 a. Analisis Kebutuhan Perangkat Lunak Proses pengumpulan kebutuhan dilakukan secara intensif untuk mengintensifkan kebutuhan perangkata lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan. b. Desain Desain perangkat lunak adalah proses multi langkah yang focus pada design pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisa kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan. c. Pembuatan Kode Program. Desain harus ditranslasikan kedalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. d. Pengujian Pengujian fokus terhadap 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.

6 13 e. 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 pengembahan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru Teori Pendukung Untuk mendesain suatu model sistem informasi maka diperlukan peralatan pendukung (tool system) untuk menggambarkan bentuk sistem secara structural dan actual dengan suatu pendekatan analisa terstruktur, tool system juga berguna untuk mempermudah dalam pembuatan program aplikasi yang akan dibuat, contohnya adalah dalam pembuatan logika dan algoritma program mulai dari input, proses dari output yang akan dihasilkan. Adapun tool system yang akan dijelaskan sebagai model sistem yang akan dirancang, yaitu: A. Struktur Navigasi Struktur navigasi dapat diartikan sebagai alur dari suatu program yang menggambarkan rancangan hubungan antar area yang berbeda sehingga memudahkan proses pengorganisasian seluruh elemen website (Imaniawan, 2017).

7 14 Ada empat macam bentuk dasar navigasi dalam (Purwanto, 2015), yaitu : 1. Linear (Satu alur) Linear (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Dengan kata lain struktur ini hanya dapat 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: (Purwanto, 2015) Gambar II.2 Struktur Navigasi Linear 2. Hierarchical (Hirarki) Struktur dasar ini disebut juga struktur linier dengan percabangan karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.

8 15 Sumber: (Purwanto, 2015) Gambar II.3 Struktur Navigasi Hierarchical (Hirarki) 3. Non Linear (Tidak Berurut) 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.

9 16 Sumber: (Purwanto, 2015) Gambar II.4 Struktur Navigasi Non Linear 4. Composite (Campuran) 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: (Purwanto, 2015) Gambar II.5 Struktur Navigasi Composite

10 17 B. Enterprise Relationship Diagram (ERD) Menurut Sukamto dan Shalahuddin, (2014) Entity Relationship Diagram (ERD) dikembangkan berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk pemodelan basis data rasional. A. Definisi Entity Relationship Diagram (ERD) 1. Entity Relationship Diagram (ERD) Menurut Sukamto dan Shalahuddin, (2014), mengemukakan bahwa: Entity Relationship Diagram (ERD) merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya yang menggunakan beberapa notasi dan simbol. 2. Komponen ERD Menurut Sukamto dan Shalahuddin, (2014) Komponen ERD adalah sebagai berikut: a. Entitas Merupakan data inti yang akan disimpan; bakal tabel pada basis data; benda yang memiliki data dan harus disimpan datanya agar dapat di akses oleh aplikasi komputer; penamaan entitas biasanya lebih ke kata benda dan belum merupakan nama tabel. b. Atribut Field atau kolom data yang butuh disimpan dalam suatu entitas. c. Atribut kunci primer Field atau kolom data yang butuh disimpan dalam suatu entitas dan digunakan sebagai kunci akses record yang diinginkan; biasanya berupa id; kunci primer dapat lebih dari satu kolom, asalkan

11 18 kombinasi dari beberapa kolom tersebut dapat bersifat unik (berbeda tanpa ada yang sama). d. Atribut multinilai / multivalue Field atau kolom data yang butuh disimpan dalam suatu entitas yang dapat memiliki nilai lebih dari satu. e. Relasi Relasi yang menghubungkan antar entitas; biasanya diawali dengan kata-kata. f. Asosiasi / association Penghubung antara relasi dan entitas dimana di kedua ujung nya memiliki multiplicity kemungkinan jumlah pemakaian Kemungkinan jumlah maksimum keterhubungan antara entitas satu dengan entitas yang lain disebut dengan kardinalitas. Misalkan ada kardinalitas 1 ke N atau sering disebut dengan one to many menghubungkan entitas A dan entitas B 3. Logical Record Structure (LRS) Menurut Ladjmudin, (2013), Menyimpulkan bahwa Logical Record Structure (LRS) merupakan hasil transformasi ERD ke LRS yang melalui proses kardinalitas dan menghasilkan atribut-atribut yang saling berelasi. Menurut Ladjmudin, (2013), mengemukakan bahwa Aturan pokok yang sangat dipengaruhi oleh elemen yang menjadi titik perhatian utama pada langkah transformasi dengan proses kardinalitas, yang terdiri dari tiga kardinalitas yaitu sebagai berikut:

12 19 a. One to One Yaitu proses kardinalitas yang panahnya lebih diarahkan di entity dengan jumlah atribut yang lebih sedikit. b. One to Many Relasi harus digabungkan dengan entity pada pihak many, dan tidak perlu melihat banyak sedikitnya atribut pada entity tersebut. c. Many to Many Proses kardinalitas pada relationship berubah status menjadi file konektor, sehingga baik entity maupun relasi akan menjadi structure record sendiri. Skema database atau LRS (Logical Record Structure) berdasarkan diagram ER,diantaranya: a. Jika relasinya satu-ke-satu,maka foreign key diletakan pada salah satu dari 2 entitas yang ada atau menyatukan kedua entitas tersebut. b. Jika relasinya satu-ke-banyak maka, foreign key diletakan pada entitas many. c. Jika relasinya banyak-ke-banyak, maka dibuat file konektor yang berisi foreign key yang berasal dari kedua entitas. C. Implementasi dan Pengujian Web Dalam pengujian web bisa menggunakan Black Box Testing (pengujian kotak hitam). Menurut Sukamto dan Shalahuddin (2014:272) Pengujian adalah satu set aktifitas yang direncanakan dan sistematis untuk menguji atau mengevaluasi

13 20 kebenaran yang diinginkan. pengujian untuk validasi memiliki beberapa pendekatan sebagai berikut: Menurut Sukamto dan Shalahuddin (2014:275) Black-Box Testing (pengujian kotak hitam) 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 dengan memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan. 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 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, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah.