7
LANDASAN TEORI
2.1 Konsep Dasar Web A. Website
Menurut Yuhefizar(2009:2): “website adalah keseluruhan halaman halaman web yang terdapat dalam sebuah domain yang mengandung informasi.”Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan. Hubungan antara satu halaman web dengan halaman web yang lainnya disebut dengan hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypertext.
Domain adalah nama unik yang dimiliki oleh sebuah institusi sehingga bisa diakses melalui internet, misalnya lintau.com, yahoo.com, google.com dan lain-lain. Untuk mendapat sebuah domain kita harus melakukan register pada registar-registar yang ditentukan.Istilah lain yang sering ditemui sehubungan dengan website adalah
homepage. Homepage adalah halaman awal sebuah domain. Misalnya, anda
membuka website, halaman pertama yang muncul disebut dengan homepage, jika anda meng-klik menu-menu yang ada dan meloncat ke lokasi yang lainnya disebut web page, sedangkan isi/konten domain disebut website.
1. Internet
Menurut Simarmata (2010:47): “Internet adalah kelompok atau kumpulan dari jutaan komputer.” Penggunaan internet memungkinkan kita untuk mendapatkan informasi dari komputer yang ada di dalam kelompok tersebut dengan asumsi bahwa
pemilik komputer memberikan akses.Untuk mendapatkan sebuah informasi sekumpulan protokol harus digunakan, yaitu sekumpulan aturan yang menetapkan bagaimana suatu informasi dapat dikirim dan diterima.
Internet yang kita kenal saat ini pertama kali dikembangkan tahun 1969 dengan nama ARPANET (Advanced Research Project Agency) oleh departemen Pertahanan Amerika Serikat. Kejadian ini berlangsung dua bulan setelah Neil Amstrong melangkah ke bulan. ARPANET dibangun dengan tujuan untuk membuat jaringan komputer yang tersebar dan untuk menghindari pemusatan informasi di satu titik yang dipandang rawan untuk dihancurkan apabila terjadi peperangan. Di awal 1980-an , ARPANET terpecah menjadi dua bagi1980-an yaitu ARPANET d1980-an Milnet (sebuah militer internet), akan tetapi keduanya mempunyai hubungan sehingga komunikasi antar jaringan tetap dapat dilakukan. Pada misalnya jaringan interkoneksi ini disebut DARPA internet, tapi lama-kelamaan disebut internet saja.
Berikut beberapa istilah yang ada pada umumnya sering digunakan dalam hubungannya dengan internet, diantaranya:
a) WWW (World Wide Web)
Salah satu layanan aplikasi diinternet World Wide Web (WWW), pelayanan yang dikembangkan diinternet menjadi layanan aplikasi yang paling popular digunakan pemakai jaringan internet.
b) TCP/IP (Transmission Control Protocol/Internet Protocol)
TCP(Transmission Control Protocol) yang memastikan bahwa semua hubungan
bekerja dengan benar, sedangkan IP(Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain.
c) URL (Uniform Resource Locator)
URL merupakan petunjuk sumber daya internet atau alamat semua homepage, yaitu alamat sebuah dokumen atau program yang ingin ditampilkan atau digunakan.
d) DNS (Domain Name System)
DNS merupakan system database terdistribusi yang tidak banyak dipengaruhi oleh bertambahnya database.
2. Web browser
Menurut Andi (2010:220): “Browser web adalah perangkat lunak aplikasi untuk menampilkan teks, gambar, dan informasi lain yang tercetak pada sebuat halaman web di sebuah website di WWW atau di local network.”
Halaman web mungkin mengandung hyperlink yang digunakan untuk menghantarkan dan memandu para pembuka halaman web untuk berpindah dari satu halaman ke halaman lainnya. Web browser memungkinkan user mengakses informasi dari berbagai halaman web melalui hyperlink tersebut. format penyampaian informasi halaman web disebut HTML (hypertext markup language) yang kadang bisa menghasilkan tampilan yang tidak seragam di berbagai browser.
Beberapa web browser yang banyak digunakan orang adalah internet explorer, mmozilla firefox, safari, opera, dan netscape.
Web browser berhubungan dengan web server melalui protokol HTTP dalam pengambilan sebuah halaman web, user memasukkan alamat yang disebut URL (Universal Resource Locator). Halaman web juga kadang disertai dengan file-file eksternal seperti (JPEG, PNG, GIF), animasi (flash, java, shockwave) maupun
program seperti Java Applet. Adanya fasilitas media streaming juga memungkinkan web browser digunakan untuk memutar video atau file suara.
3. Web Server
Menurut Teguh Wahyono (2007:155) “web server merupakan komputer yang digunakan sebagai host berbagai aplikasi web, baik dalam lingkungan internet maupun intranet.”
Web Server menunggu permintaan dari client yang menggunakan browser seperti netscape navigator, internet explorer, Mozila firefox, dan program browser lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu, kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser,web server dapat merujuk baik pada perangkat keras ataupun perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan kepada pengguna dengan menggunakan aplikasi tertentu sebagai peramban web.
B.Bahasa Pemrograman 1. PHP (Hypertext Preprocessor)
Menurut Andi Sunyoto (2007:119) : “PHP merupakan software open source, dapat digunakan dengan gratis dan dapat dijadikan alternative selain side-server programming lain (Microsoft ASP). Sintak PHP dapat dituliskan langsung diantara kode HTML.”
PHP (Hypertext Preprocessor) dikembangkan pertama kali tahun 1995 oleh Rasmus Lerdorf yang merupakan salah satu anggota group Apache. PHP pertama kali
didesain sebagai alat tracking pengunjung website Lerdorf. Kemudian, fungsinya diperlebar dan dihubungkan dengan Apache. PHP dikembangkan sepenuhnya untuk bahasa skrip side-server programming. PHP bersifat open-source dan dapat digabungkan dengan berbagai server yang berbeda-beda. PHP mempunyai kemampuan dapat mengakses database dan diintegrasikan dengan HTML. Berdasarkan hasil survey yang dilakukan Netcraft. PHP lebih popular dalam jumlah pemakai dibanding dengan perl, CGI dan ASP.
Kelebihan-kelebihan PHP adalah sebagai berikut: a.) Mudah dibuat dan dijalankan
b.) Mampu berjalan pada web server dengan sistem operasi yang berbeda-beda : PHP mampu berjalan pada sistem operasi UNIX, keluarga Windows dan Macintosh)
c.) PHP bisa didapatkan secara gratis
d.) Dapat berjalan pada web server yang berbeda: PHP mampu berjalan pada web server yang berbeda-beda, seperti Microsoft personal Web Server, Apache, IIS, Xitami, dll.
e.) Dapat di-embedded: PHP dapat diletakkan dalam tag HTML 2. HTML (Hypertext Markup Language)
Menurut Indra Prayitno (2010:105) : “Hypertext Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat halaman web dan menampilkan berbagai informasi di dalam sebuah browser internet.”
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML ( Standart Generalized
Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Software yang biasa digunakan untuk membuat website static adalah web application framework, static page web, web static content, dan software yang biasa digunakan untuk membuat website browsite seperti Skyfire dan G2Glive.
3. Mysql
Menurut Abdul Kadir (2009:15): “MySQL merupakan software yang tergolong database server dan bersifat open source.”Open source menyatakan bahwa software ini dilengkapi dengan Source Code (kode yang dipakai untuk membuat MySQL), selain itu tentu saja bentuk executable-nya atau kode yang dapat dijalankan secara langsung dalam sistem operasi, MySQL juga bersifat multiplatform dan MySQL dapat dijalankan pada berbagai sistem operasi.
Berikut beberapa fungsi MySQL yang sering digunakan beserta deskripsi singkat masing-masing fungsi tersebut:
a. mysql_connect()
Sebelum melakukan operasi apapun di MySQL, hal pertama yang harus dilakukan adalah membuka koneksi dengan MySQL. Fungsi
mysql_connectadalah untuk menghubungkan PHP dengan database MySQL.
b. mysql_select_db
Setelah terhubung ke database MySQL dengan menggunakan mysql_connect,langkah selanjutnya adalah memilih database yang digunakan. Fungsi mysql_select_db digunakan untuk memilih database.
c. mysql_query
dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki.
d. mysql_num_rows
kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenal oleh proses SQL.
e. mysql_fetch_array
fungsi ini berkaitan dengan menampilkan data untuk menampilkan data. Dengan hasil ini, hasil query ditampung dalam bentuk array.
4. Sublime Text 3
Menurut Guillermoo (2015:4) dalam bukunya yang berjudul sublime textUnofficial Documentation menyatakan bahwa: “Sublime text merupakan editor teks serbaguna dan menyenangkan untuk melakukan pembuatan kode dan prosa yang mengotomomatisasi tugas yang berulang sehingga dapat fokus hal-hal penting. Editor ini dapat bekerja pada OS X, windows, dan Linux.”
5. Cascading Style Sheet (CSS)
Menurut madcoms (2010:76) menyatakan bahwa:“CSS (Cascading Style Sheet) adalah sebuah fitur yang diperkenalkan dari HTML versi 4.0 dan berfungsi untuk menangani masalah tampilan pada HTML, seperti jenis, ukuran dan warna font, posisi teks, batas tulisan atau margin, warna background, dan sebagainya”.
CSS merupakan salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih testruktur dan lebih seragam. CSS seperti halnya
styles pada aplikasi pengolahan kata microsoft word yang dapat mengatur beberapa style, misalnya sub bab, heading, bodytext, footer, images dan styles lainnya untuk dapat dipakai bersama-sama dalam beberapa file. CSS biasanya digunakan untuk memformat tampilan web yang dibuat dengan bahasa HTML dan XHTML. CSS mampu mengatur warna body teks, ukuran gambar, ukuran border, warna mouse over, warna table, warna hyperlink,margin, spasi paragraph, spasi teks, dan parameter lainnya. Dengan adanya CSS memungkinkan menampilkan halaman yang sama dengan format berbeda.
6. JQuery
JQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. JQuery dicancang sedemikian rupa supaya membua program menggunakan javascript menjadi relative sangat mudah.
7. Xampp
Xampp adalah perangkat yang menggabungkan tiga aplikasi kedalam satu paket,yaitu Apache,MySQL,dan PHPMyAdmin,Dengan Xampp pekerjaan anda sangat dimudahkan karena dapat menginstalasi dan mengkonfigurasi ketiga aplikasi tersebut dengan sekaligus dan otomatis.
C. Basis Data Database
Menurut Anhar (2010:45), “Database adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database adalah data record dan field.”
Pada era kemajuan teknologi seperti sekarang ini, nilai informasi sangatlah penting, terlebih bagi kemajuan perusahaan.Oleh karna itu penggunaan dan penguasaan database sangat penting. Dalam database ada sebutan-sebutan untuk satuan data yaitu:
a. Karakter, adalah sebuah data terkecil. Data terdiri atas susunan karakter yang pada akhirnya mewakili arti dari sebuah fakta.
b. Field, adalah kumpulan dari karakter yang mewakili fakta tertentu misalnya
seperti nama siswa, tanggal lahir dan lain-lain. Dalam dunia perancangan database, field juga disebut atribut.
c. Record, adalah tampilan dari field. Pada record anda dapat menemukan banyak
sekali informasi penting dengan cara mengkombinasi field-field yang ada. d. Tabel, adalah seekumpulan dari record-record yang memiliki kesamaan entity
dalam dunia nyata. Kumpulan dari tabel adalah database.
e. File, adalah bentuk fisik dari penyimpanan data. File database berisi semua
data yang telah disusun dan diorganisasikan sedemikian rupa sehingga memudahkan pemberian informasi.
D.Model Pengembangan Perangkat Lunak
Menurut Rosa dan M.Shalahuddin (2013a:28) mengemukakan bahwa “Model air terjun (water fall) sering juga disebut model sekuensial linier (sequential linier) atau alur hidup klasik (classic life cycle)”.
Model air terjun ini menyediakan pendekatan alur hidup perangkat lunak secara sekuensial terurut dimulai dari analisis, desain, pengkodean, pengujian dan tahap pendukung (support). Berikut adalah gambar model air terjun:
Sumber : Rosa A.S(2013b:29)
Gambar II.1 Model waterfall a) Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara insentif untuk memspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.
Sistem/ Rekayasa Informasi
b) Desain
Desain perangkat lunak adalah hasil proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengkodean. 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.
c) 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. d) 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.
e) pendukung atau pemeliharaan
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.
Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan sesuai alurnya karena sebab berikut :
1) perubahan sepesifikasi perangkat lunak terjadi di tengah alur pengembangan. 2) sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi di awal alur pengembagan. Pelanggan sering kali butuh contoh (prototype) untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.
3) pelanggan tidak mungkin bersabar mengakomodasi perubahan yang diperlukan diakhir alur pengembangan.
Dengan berbagai kelemahan yang dimiliki model air terjun tapi model ini telah menjadi dasar dari model-model yang lain dalam melakukan perbaikan model pengembangan perangkat lunak.
Model air terjun sangat cocok digunakan kebutuhan pelanggan sudah sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama pengembagan perangkat lunak kecil. Hal positif dari model air terjun adalah struktur tahap pengembangan sistem jelas, dokumentasi dihasilkan di setiap tahap pengembangan sistem lebih jelas, dokumentasi dihasilkan disetiap tahap pengembangan, dan sebuah tahap dijalankan setelah tahap sebelumnya selesai dijalankan (tidak ada tumpang tindih pelaksanaan tahap).
2.2 Teori Pendukung A. Struktur Navigasi
Menurut Prihatna (2005:51) “Struktur navigasi adalah susunan menu atau hirarki dari suatu situs yang menggambarkan isi setiap halaman dan link atau navigasi tiap halaman pada suatu sistus web”.
Struktur navigasi suatu situs web sangat dipengaruhi oleh tujuan dari situs web yang akan dibuat. Struktur navigasi dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian, dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu situs web. Bentuk dasar dari struktur navigasi adalah sebagai berikut:
1. Struktur Navigasi Linier
Struktur navigasi linier merupakan suatu struktur dengan satu alur satu rangkaian cerita dan menampilkan satu demi satu tampilan layar secara berurutan. Tampilan yang dapat ditampilkan pada jenis struktur ini adalah satu halaman sebelum atau satu halaman sesudahnya. Pada jenis struktur navigasi ini tidak diperkenalkan adanya percabangan.
Sumber: Prihatna (2005:51)
Gambar II.2. Struktur Navigasi Linier
2. Struktur Navigasi non-linier
Struktur navigasi ini disebut juga struktur tidak berurutan yang merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperbolehkan membuat halaman percabangan tetapi berbeda dengan struktur hirarki. Walaupun terdapat percabangan tetapi tidak ada Maste Page dan Slave Page
Sumber: Prihatna (2005:52)
Gambar II.3.
Struktur Navigasi Non Linier 3. Struktur Navigasi Hirarki
Struktur Hirarki (bercabang) merupakan struktur halaman yang berbentuk seperti pohon binary. Tampilan pada menu utama disebut master page. Menu utama itu memiliki percabangan yang dinamakan slave page atau halaman pendukung.
Sumber: Prihatna (2005:53)
Gambar II.4.
4. Struktur Navigasi Campuran
Struktur navigasi ini merupakan gabungan dari ketiga struktur navigasi sebelumnya yaitu Linier,Non-Linier, Hirarki. Struktur navigasi ini biasa disebut struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan aplikasi sebab struktur ini dapat memberikan keinteraksian yang lebih tinggi.
Sumber: Prihatna (2005:54)
Gambar II.5.
Struktur Navigasi Campuran
B.Enterprise Relationship Diagram
1. Definisi ERD (Entity Relationship Diagram)
Menurut Janner Simarmata dan Iman Prayudi (2006:67) “Entity Relationship
Diagram atau ERD adalah alat pemodelan data utama dan akan membantu
mengorganisasi data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas.”
2. Komponen ERD (Entity Relationship Diagram) a) Entitas (Entity)
Entitas adalah sesuatu yang nyata atau abstrak dimana kita akan menyimpan data. b) Relasi (Relationship)
c) Atribut (Attribute)
Atribut adalah ciri umum semua atau sebagian besar instansi pada entitas tertentu. Sebutan lain atribut adalah property, elemen data, dan field.
3. Derajat Relationship
Menurut Al-Bahra (2005:144) “Relationship Degree atau derjat relationship adalah jumlah entitas yang berpartisipasi dalam satu relationship”. Derajat Relationship yang sering dipakai di dalam ERD sebagai berikut :
a. Unary Relationship
Unary relationship adalah model relationship yang terjadi antara entity yang berasal dari entity set yang sama. Model ini juga sering disebut sebagai Recursive Relationship atau Reflective Relationship.
b. Binary Relationship
Binary Relationship adalah model relationship antara instance-instance dari satu tipe entitas (dua entity yang berasal dari entity yang sama). Relationship ini paling umum digunakan dalam pembuatan model data.
c. Ternary Relationship
Ternary Relationship merupakan relationship antara instance-instance dari tiga tipe entitas secara serentak.
4. Kardinalitas Relasi
Menurut Al-Bahra (2005:147) “Kardinalitas Relasi menunjukkan jumlah maksimum tupel yang dapat berelasi dengan entitas yang lain”.
Terdapat 3 macam kardinalitas relasi yaitu sebagai berikut : a. Relasi satu ke satu ( one to one )
Tingkat hubungan ini menunjukkan hubungan satu ke satu, dinyatakan dengan satu kejadian pada entitas pertama, dan hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang kedua dan sebaliknya.
b. Relasi satu ke banyak ( one to many atau many to one )
Tingkat hubungan satu ke banyak adalah sama dengan banyak satu, tergantung dari man hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas kedua. Sebaliknya, satu kejadian pada entitas yang kedua hanya dapat mempunyai satu hubungan dengan satu kejadian, pada entitas yang pertama.
c. Relasi banyak ke banyak (many to many)
Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya, dilihat dari sisi entitas yang pertama maupun dilihat dari sisi yang kedua.
5. LRS (Logical Record Structure).
Logical Record Structure (LRS) adalah digambarkan oleh kotak persegi panjang dan dengan nama yang unik. File record pada LRS ditempatkan dalam kotak. LRS terdiri dari link-link diantara tipe record lainnya, banyaknya link dari LRS yang diberi nama oleh filed-filed yang kelihatan pada kedua link tipe record.
C. Pengujian Web(Black Box Testing)
Menurut Rosa A.S dan M.Shalahudin (2013: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-fingsi, masukan, dan keluaran dari perangkat lunak 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:
a. Jika user memasukan nama pemakai (user name) dan kata sandi (password)yang benar.
b. Jika user memasukan nama pemakai (user name) yang salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah.
