1
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Seiring dengan perkembangan internet, teknologi web dari waktu ke waktu terus mengalami perkembangan yang signifikan. Sekarang ini web tidak sekedar menyuguhkan sebuah halaman online yang hanya dapat dibaca atau cenderung berupa web statis, akan tetapi telah berkembang menjadi sebuah web dengan kesamaan dinamis dan interaktif, baik antara penyediaan informasi dengan pencari informasi.
Hal tersebut tentunya mendorong para pengembang web untuk dapat menuangkan ide dan imajinasinya dalam menjadikan sebuah halaman web agar terlihat lebih menarik.
2.1.1. Internet
Menurut Irawan (2011:2) mengemukakan bahwa “Internet merupakan kependekan dari kata “Internetwork” yang berarti rangkaian komputer yang terhubung menjadi beberapa rangkaian jaringan”. Sistem komputer terhubung secara global dan menggunakan TCP/IP sebagai protokol. Secara umum internet dapat diartikan sebagai pertukaran informasi dan komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas diinternet tanpa ada batasan.
Internet merupakan jaringan komputer yang pertamakali dibentuk pada tahun 1969 oleh departemen pertahanan Amerika Serikat yang terkenal dengan nama proyek ARPA yang disebut ARPANET. ARPANET merupakan kepanjangan dari Advanced Research Project Agensi Network
2
yang mendemonstrasikan cara suatu hardware dan software berbasis UNIX yang dapat berkomunikasi dalam jarak yang jauh dengan menggunakan saluran telepon.
Proyek ARPANET sendiri dirancang dengan menggunakan standarisasi kemampuan untuk saling bertukar informasi dengan kapasitas besar data tertentu, yang kemudian terbentuklah TCP/IP atau dikenal dengan kepanjangan (Transmision Control Protocol/Internet Protocol).Tujuan dari ARPANET sendiri awalnya hanya untuk kebutuhan militer dalam menghubungkan beberapa daerah atau wilayah vital milik Amerika Serikat.
Pada tahun 1969, ARPANET awalnya hanya dapat menghubungkan 4 buah situs seperti University Of Calirofornia, Santa Barbara, Stanford Research institute, serta University Of Utah. Lalu dibulan oktober 1972 ARPANET dikenal secara umum kepada masyrakat dunia dan berkembang pesat diseluruh wilayah sampai ARPANET kesulitan. Dari kesulitan tersebut Arpanet dipecah menjadi dua yaitu MILNET dan ARPANET, MILNET digunkan khusus militer sedangkanARPANET degunakan untuk kebutuhan non-militer . Seiring berjalannya waktu masyarakan mengenal ARPANET sebagai DARPA dan disederhanakan menjadi internet seperti yang kita gunakan sekarang ini.
2.1.2. Pengertian Web
Menurut Simarmata (2010:47) “Web adalah sebuah sistem dengan informasi yang disjikan dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah server webinternet yang disajikan dalam bentuk hiperteks”.
3
Informasi web dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime, Movie, 3D World).
2.1.3. Website
1. Pengertian Website
Menurut Nilasari (2014:2) “Website atau juga sering disebut situs merupakankumpulan halaman web yang dijalankan dari suatu alamat web domain”. Website digunakan untuk menampilkan informasi teks, gambar diam atau bergerak, suara, animasi, atau gabungan dari semuanya.
Sebuah halaman web adalah sebuah dokumen. Dokumen halaman web terdiri dari atas banyak hyperlink yang menggunakan bahasa HTML. HTML merupakan singkatan dari Hyper Text Markup Language. Halaman web diakses dan dijalankan dengan HTTP atau HTTPS. Halaman-halaman website dapat diakses dari sebuah URL (Uniform Resource Locator) atau alamat web. 2. Jenis-jenis Website
a. Jenis website berdasarkan sifatnya 1) Website Statis
Website statis merupakan jenis website yang halamannya statis atau tidak berubah-ubah. Website statis biasanya digunakan untuk web profil pribadi atau organisasi. Bahasa pemograman yang digunakan untuk website statis jenis ini adalah HTML dan tidak menggunakan database. Website jenis ini menampilkan konten halaman yang sama bagi para pengunjungnya. Pemilik website sebenarnya dapat mengubah isi
4
website tersebut secara periodik, naunperlu proses manual untuk mengubah konten dalam website tersebut.
2) Website Dinamis
Website dinamis merupakan jnis website yang sering diubah-ubah atau ditambah kontennya. Bahasa pemograman yang sering digunakan untuk website ini yaitu PHP, ASP, serta memanfaatkan database MySQL atau MS SQL.
b. Jenis website berdasarkan fungsinya 1) Personal Website
Personal website merupakan web yang berisi informasi pribadi seseorang.
2) Commersial website
Commersial website merupakan website yang ditujukan untuk bisnis dan dimiliki oleh sebuah perusahaan.
3) Goverenment website
Goverenment website merupakan web yang dimiliki oleh pemerintah. 4) Non-profit organizational website
Non-profit organizational websitemerupakan web yang dimiliki organisasi dan tidak ditujukan untuk bisnis.
5
Menurut Irawan (2011:3) “Web browser adalah aplikasi yang digunakan untuk menampilkan halaman web beserta kontennya”. Beberapa aplikasi browser yang banyak digunakan antara lain Internet Explorer, Firefox, Chrome, dan Opera. 1. Internet Explorer
Internet Explorer atau biasa disebut IE adalah sebuah penjelajah web dan perangkat lunak dari Microsoftia tersedia untuk banyak versi Microsoft Windows, namun Microsoft telah berhenti mengeluarkan versi mutakhir untuk semua platform kecuali Windows XP. (Mulyahadi 2010:2)
2. Mozila Firefox
Mozila Firefox yang dikenal dulunya dengan sebutan Phoenix adalah penjelajah web antar platform yang gratis dikembangkan oleh yayasan mozila dan ratusan sukarelawan lainnya. (Mulyahadi 2010:38)
3. Chrome
Google Chrome merupakan browser penjelajah web yang dikembangkan oleh google dengan menggunakan mesin rendering webkit dan aplikasi framework. Proyek open source-nya sendiri bernama chromium. (Mulyahadi 2010:126) 4. Opera
Opera merupakan salah satu dari beberapa browser terbaik yang digunakan untuk menjelajah web internet antar platform. Opera dibuat oleh Opera Software yang bermarkas di Oslo, Norwegia. Opera dapat dijalankan pada berbagai sistem operasi, termasuk pada MAC OS X, Solaris, FreeBSD, dan Linux. (Mulyahadi 2010:182)
2.1.5. Web Server
Menurut Bekti (2015:28) “Web servser merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau
6
HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnyadalam bentuk halaman-halaman web yang umumya berbentuk dokumen HTML”.
Fungsi utama sebuah web server adalah untuk mentransfer berkas atas permintaan pengguna melalui protokol komunikasi yang telah ditentukan. Disebabkan sebuah halaman web dapat terdiri atas berkas teks, gambar, video, dan lainnya pemanfaatan web server berfungsi pula untuk mentransfer seluruh aspek pemberkasan dalam sebuah halaman web yang terkait, temasuk didalamnya teks, gambar, video, atau lainnya.
2.1.6. Basis Data
Menurut Ichwan (2011:3) “Basis data atau Database adalah kumpulan daa berelasi yang disusun, diorganisasikan dan disimpan secara sistematik dalam media simpan komputer mengacu kepada metode-metode tertentu sedemikian rupa sehingga dapat diakses secara tepat dan mudah menggunakan program atau aplikasi komputer untuk memperoleh data dari basis data tersebut”.
Sebuah basis data umumnya digunakan oleh beberapa pihak yang memerlukannya dan menggunakan manajemen hak akses yang baik, sehingga basis data yang ada dapat digunakan oleh banyak pihak.
Basis data sebagai tempat berkumpulnya data yang saling berhubungan dalam suatu wadah (organisasi/perusahaan) bertujuan agar dapat mempermudah dan mempercepat untuk pemanggilan atau pemanfaatan kembali database tersebut.
7
Menurut Riyanto (2011:4) “XAMPP merupakan paket PHP dan MySQL berbasis open source yang dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP”. XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam satu paket. Sampai XAMPP versi 1.7.4, beberapa paket yang dibundel adalah sebagai berikut :
ApacheHTTPD, mod_autoindex_color module, FileZilla FTP Server, Mercury Mail Transport Agent, OpenSSL, SQLite, The Webalizer, msmtp (a sendmail compatible SMTP client), MySQL, PrimeBase XT Storage Engine for MySQL, PHP, eAccelerator extension, Xdebug extension, Ming extension, PDFlib Lite extension, PEAR, phpMyAdmin, FPDF Library, ADOdb,Perl, CPAN, PPM, mod_perl, Apache::ASP.
2.1.8. MySQL
Menurut Saputra (2012:77) “MySQL merupakan salah satu database kelas dunia yang sangat cocok bila dipadukan dengan bahasa pemograman PHP”. MySQL bekerja menggunakan bahasa SQL (Structure Query Language)yang merupakan bahasa standar yang digunakan untuk memanipulasi database.
Pada umumnya perintah yang paling sering digunakan dalam MySQL adalah SELECT (mengambil), INSERT (menambah), UPDATE (mengubah), dan DELETE (menghapus). Selain itu SQL juga menyediakan perintah untuk membuat database, field, ataupun index untuk menambah atau menghapus data.
2.1.9. CSS
Menurut Ichwan (2011:10) “CSS (Cascading Style Sheet) merupakan salah satu bahasa pemograman web yang digunakan untuk mempercantik halaman
8
web dan mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam”.
CSS (Cascading Style Sheet) adalah suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs).
CSS (Cascading Style Sheet) juga memungkinkan sebuah halaman untuk menampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda, misalnya on-screen, in-print, by voice, dan lain sebagainya.
2.1.10. Javascript
Menurut Wahana Komputer (2012:2) “Javascript merupakan script yang paling banyak digunakan dalam pemrograman web pada sisi client dewasa ini. Dengan adanya Javascript sebuah web akan jadi lebih hidup, cepat, dan tampil lebih menawan dengan sebuah animasi”.
Javascript adalah suatu bahasa pemograman yang tergolong kedalam Client Side Programming Language (suatu bahasa program yang pemerosesnya dilakukan oleh client) dan berjalan pada suatu dokumen HTML. Dengan adanya javascript, maka akan memberikan kemampuaan lebih bagi HTML melalui pengekskusian intruksi-intruksi pada sisi user.
Dikarenakan begitu luasnya penggunaan javascript berfungsi untuk memudahkan para programmer website.
2.1.11. JQuary
Menurut Wahana Komputer (2012:30) “JQuery merupakan suatu library Javascript yang memungkinkan anda untuk membuat program web pada suatu
9
halaman web tanpa hasus menambahkan event ataupun property pada halaman web tersebut”.
Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat source-nya akan terlihat seperti dokumen HTML bisa dalam artian tidak ada kode Javascript yang terlihat langsung yang biasa disebut sebagai unobstrusive JavaSript Programming.
2.1.12. HTML
Menurut Saputra (2012:1) “HTML merupakan singkatan dari Hyper Text Markup Language. HTML bisa disebut bahasa paling dasar dan penting yang digunakan untuk menampilkan dan mengelola tampilan dalam halaman website”. Menurut sumber yang penulis kutip dari Wikipedia, HTML digunakan untuk menampilkan berbagai informasi didalam sebuah penjelajah web internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata, disimpan kedalam format ASCII normal sehingga menjadi homepage dengan perintah-perintah HTML.
2.1.13.PHP
Menurut Ardhana (2012:88) “PHP Hypertext Preprocessor atau sering disebut PHP merupakan bahasa pemograman berbasis server-side yang dapat melakukan parsing script PHP menjadi script web sehingga dari sisi client menghasilkan suatu tampilan yang menarik”.
Kode (Script) PHP yang sering disebut dengan istilah embedded script yaitu script PHP yang disispkan diantara script HTML. Jadi dapat dikatakan script
10
PHP hanya ditulis atau disisipkan ketika dibutuhkan saja, seperti menampilkan data dari database meng-upload file, delete data, edit data dan lain sebagainya.
2.1.14. Adobe Dreamweaver Cs5
Menurut Wahana Komputer (2012:2) “Adobe Dreamwever CS5 merupakan versi terbaru dari Adobe Dreamweaver CS5 yang sebelumnya adalah Adobe Dreamweaver CS5. Aplikasi Adobe Dreamweaver CS5 memberikan tampilan yang lebih baik dan tentu saja semakin mudah dalam penggunaannya”.
Aplikasi ini mengintegrasikan beragam fitur untuk memenuhi kebutuhan pengembangan website , termasuk pembuatan halaman web dan pengelolaannya.
2.1.15. Metode Waterfall
Menurut Rosa dan Shalahuddin (2013:25) menjelaskan bahwa “Pada awal pengembangan perangkat lunak, para pembuat program (programmer) langsung melakukan pengkodean perangkat lunak tanpa menggunakan prosedur atau tahapan pengembangan perangkat lunak”. Dan ditemuilah kendala-kendala seiring dengan perkembangan skala sistem-sistem perangkat yang semakin besar.
SDLC atau Software Development Life Cycle atau sering disebut juga System Development Life Cycleadalah proses mengembangkan atau mengubah suatu sistem perangkat lunak dengan menggunakan model-model dan metodologi yang digunakan orang untuk mengembangkan sistem-sistem perangkat lunak sebelumnya (berdasarkan best practice atau cara-cara yang sudah teruji baik). Seperti halnya proses metamorfosis pada kupu-kupu, untuk menjadi kupu-kupu yang indah maka dibutuhkan beberapa tahap untuk dilalui, samahalnya
11
dengan membuat perangkat lunak, memiliki daur tahapan yang dilalui agar menghasilkan perangkat lunak yang berkualitas.
Dalam perancangan aplikasi pada tugas akhir ini penulis menggunakan SDLC model Water fall. Menurut Rosa A.S dan Shalahuddin (2015:28) menjelaskan bahwa “Model SDLC air terjun (water fall) sering juga disebut model sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle)”.
Sumber : Rosa A.S dan Shalahuddin (2013:26) Gambar I.1. Metode 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:
12
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 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 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.
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
13
lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari tahap analisis spesifikasi untuk perubahan perangkat lunak baru.
2.2. Teori Pendukung
Pada subab ini, penulis akan menjelaskan mengenai teori pendukung secara umum, diantaranya yaitu: Struktur navigasi, Entity Realitionship Diagram (ERD), dan pengujian web.
2.2.1. Struktur Navigasi
Menurut Binanto (2010:268) mengemukakan bahwa “Setiap rencana akan dibuat desainnya dan kemudian diproduksi menjadi produk yang jadi yang bersifat sementara.”
Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Ada empat macam bentuk dasar yaitu :
1. Struktur Navigasi Linear
Struktur navigasi linear hanya mempunyai satu rangkaian cerita yang berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satuhalaman sebelumnya atau satu halaman seudahnya, tidak dapat dua halaman sebelumnya atau halaman sesudahnya, pengguna akan melakukan
14
navigasi secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.
Sumber : Binanto (2010:269)
Gambar II.2. Struktur Navigasi Linear 2. Struktur Navigasi Hirarki
Struktur dasar ini disebut juga struktur linier dengan percabangan karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber : Binanto (2010:269)
Gambar II.3. Struktur Navigasi Hirarki
15
Struktur navigasi non-linear 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.
Sumber : Binanto (2010:270)
Gambar II.4.
Struktur Navigasi Non-Linear
4. Struktur Navigasi Campuran (Composite)
Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi terkadang dibatasi presentasi linier film atau
16
informasi penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.
Sumber : Binanto (2010:270)
Gambar II.5.
Struktur Navigasi Campuran
2.2.2. ERD (Entity Relationship Diagram)
Menurut Simarmata dan Iman Paryudi (2010:67) “Entity Relationship Diagram adalah alat pemodelan data utama dan akan membantu mengorganisasi data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar
17
entitas.” Proses memungkinkan analis menghasilkan struktur basis data yang baik sehingga data dapat disimpan dan diambil secara efisien.
1. Pemetaan Kardinalitas
Menurut Simarmata dan Paryudi (2010:63) menyatakan bahwa “Pemetaan Kardinalitas menyatakan jumlah entitas di mana entitas lain dapat dihubungkan ke entitas tersebut melalui sebuah himpunan relasi”. Untuk suatu himpunan relasi biner R antara himpunan entitas A dan B, pemetaan kardinalitas harus salah satu dari berikut:
a. One-to-one
Sebuah entitas pada A berhubungan dengan paling banyak satu entittas pada B dan sebuah entitas pada B berhubungan dengan paling banyak satu entitas pada A.
Contoh : Pada pengajaran privat, satu guru satu siswa. Seorang guru mengajar seorang siswa, seorang siswa diajar oleh seorang guru.
18 Sumber : Simarmata (2010:63)
Gambar II.6. Hubungan one-to-one b. One-to-Many
Sebuah entitas pada A berhubungan dengan nol atau lebih entitas pada B. sebuah entitas pada B dapat dihubungkan dengan paling banyak satu entitas pada A. Contoh: Dalam satu perusahaan, satu bagian mempekerjakan banyak pegawai. Satu bagian mempekerjakan banyak pegawai, satu pegawai kerja dalam satu bagian.
Sumber : Simarmata (2010:65)
Gambar II.7. Hubungan one-to-many c. Many-to-Many
Sebuah entitas pada A berhubungan dengan nol atau lebih entitas pada B dan sebuah en
19
Contoh: Dalam universitas, seorang mahasiswa dapat mengambil banyak mata kuliah. Satu mahasiswa mengambil banyak mata kuliah dan satu mata kuliah diambil banyak mahasiswa.
Sumber : Simarmata (2010:66)
Gambar II.8. Hubungan many-to-many
2.2.3. LRS (Logical Record Structure)
Menurut Frieyadie (2007:13) “LRS merupakan hasil dari Entity Relationship (ER) beserta atributnya sehingga bisa terlihat hubungan-hubungan antara entitas”.
Logical Record Structure dibentuk dengan nomor dari tipe record. Beberapa tipe record oleh gambar kotak persegi panjang dengan nama yang unik. Perbedaan LRS dengan E-R diagram adalah nama tipe record berada dikotak luar field tipe record ditempatkan.
Logical Record Structure terdiri dari link-link diantar tipe record. Link ini menunjukkan arah dari satu tipe record lainnya. Banyak link dari LRS yang diberi tanda field-field yang keliahatan pada kedua link tipe record. Penggambaran LRS mulai dengan menggunakan model yang dimengerti. Dua metode yang dapat
20
digunakan, dimulai dengan hubungan kedua model yang dapat di konverensikan ke LRS, metode yang lain dimulai dengan ER-diagram dan langsung dikonverensikan ke LRS.
2.2.4. Black Box Testing (Pengujian Kotak Hitam)
Menurut Rosa dan Salahuddin (2015:275) Blackbox 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 dengan 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.
