BAB II LANDASAN TEORI · 8 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web Dengan menggunakan media...
Transcript of BAB II LANDASAN TEORI · 8 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web Dengan menggunakan media...
8
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Dengan menggunakan media penghubung suatu jaringan antar komputer
atau disebut dengan internet, dapat memberikan kemudahan dalam menggunakan
suatu program aplikasi bagi setiap pengguna. Media penghubung tersebut bisa
melalui kabel, kanal satelit maupun frekuensi radio, sehingga komputer–komputer
yang terhubung tersebut dapat saling berkoomunikasi. Kemudahan untuk
melakukan penelusuran, penjelajahan dan pencarian informasi dalam menggunakan
suatu program aplikasi bagi setiap pengguna akan sangat membantu dalam
menyelesaikan setiap pekerjaan dengan waktu yang efisien. Selain itu keuntungan
dari suatu program aplikasi yang mudah digunakan adalah akan memperkecil
kemungkinan terjadinya kesalahan yang dilakukan oleh pengguna pada saat
menjalankan program aplikasi tersebut. Berikut adalah teori pendukung yang dapat
memperkuat penulisan Tugas Akhir ini.
2.1.1. Website
Menurut Andi (2009:2) “Website adalah halaman informasi yang disediakan
melalui jalur internet sehingga dapat diakses di seluruh dunia selama terkoneksi
dengan jaringan internet”. Website merupakan komponen atau kumpulan
komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan
media informasi yang menarik untuk dikunjungi. Secara garis besar, website dapat
digolongkan menjadi 3 bagian yaitu:
9
a. Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya
adalah untuk melakukan perubahan pada suatu halaman dilakukan secara
manual dengan mengedit kode yang menjadi struktur dari website tersebut.
b. Website Dinamis adalah website yang secara struktur diperuntukkan untuk
update sesering mungkin. Biasanya selain disediakan halaman back end untuk
mengedit konten dari website tersebut. Contohnya web berita atau web portal
konten dari website tersebut. Contohnya web berita atau web portal yang
didalamnya terdapat fasilitas berita, poling dan sebagainya.
c. Website Interaktif adalah web yang saat ini memang sedang booming. Salah
satu contoh adalah blog dan forum. Di website ini, user dapat berinteraksi dan
beradu argumen mengenai apa yang menjadi pemikiran mereka.
2.1.2. Internet
Menurut Kotler dan Armstrong (2010: 24) internet adalah jaringan global
dari jaringan-jaringan komputer yang luas dan berkembang tanpa adanya
manajemen atau kepemilikan terpusat. Saat ini, internet menghubungkan individu
dan perusahaan satu sama lain dengan informasi di seluruh dunia. Internet
menyediakan koneksi informasi, hiburan, dan komunikasi kapanpun, dimanapun.
Perusahaan menggunakan internet untuk membangun hubungan yang lebih baik
dengan pelanggan dan rekan bisnis, serta untuk mendistribusikan dan menjual
produk-produk mereka dengan lebih efektif dan efisien
Menurut Chaffey (2009: 186) internet adalah jaringan fisik yang
menghubungkan komputer di seluruh dunia. Internet terdiri dari infrastruktur
10
jaringan server dan hubungan antara komputer yang digunakan untuk menyimpan
dan pemindahan informasi antara PC klien dan server web.
Berdasarkan pendapat para ahli di atas, penulis menyimpulkan bahwa
internet adalah sebuah jaringan yang terdiri dari infrastruktur jaringan server dan
jaringan komunikasi yang saling berhubungan sehingga dapat menyediakan
informasi untuk pengguna dimanapun dan kapanpun.
Adapun istilah – istilah yang ada di internet:
1. World Wide Web (WWW)
Menurut Shelly dan Velmaart (2011: 80) World Wide Web (WWW) atau web,
terdiri dari kumpulan dokumen elektronik di seluruh dunia. Setiap dokumen
elektronik di web disebut webpage, yang dapat berisi teks, grafik, animasi,
audio dan video.
Menurut Chaffey (2009: 4) World Wide Web merupakan teknik paling umum
untuk menyebarkan informasi di internet. WWW dapat diakses melalui web
browser dimana dapat menampilkan web pages yang di dalamnya terdapat
elemen grafis dan kode HTML/XML.
Dan menurut Mc Leod dan P. Schell (2007: 95) World Wide Web adalah
informasi yang dapat diakses melalui internet dimana dokumen hypermedia
(file komputer) yang disimpan dan kemudian diambil melalui skema
pengalamatan.
Berdasarkan pendapat para ahli di atas, penulis dapat menyimpulkan bahwa
www atau World Wide Web adalah suatu sistem yang menggunakan jaringan
11
internet yang menyediakan informasi yang dapat di akses oleh pengguna
dimanapun dan kapanpun di seluruh dunia.
2. Web Browser
Menurut Shelly dan Velmaart (2011: 81) web browser atau browser adalah
perangkat lunak aplikasi yang memungkinkan pengguna untuk mengakses dan
melihat halaman web atau mengakses program web 2.0.
Menurut Chaffey (2009: 96) web browser adalah software seperti Microsoft
Internet Exploler dan Mozilla Firefox yang bisa kita gunakan untuk mengakses
informasi pada www yang disimpan di web service.
Berdasarkan pendapat para ahli di atas dapat di simpulkan bahwa browser
adalah software untuk dapat mengakses informasi pada www atau World Wide
Web.
3. Server Web
Dari satu situs Saputra (2010:2) ”Server Web adalah server internet yang
digunakan sebagai koneksi dan transfer data. Ketika anda browsing Internet,
browser anda bertindak sebagai klien yang akan disambungkan kepada Server
Web dan Server Web akan kembali menampilkan informasi”.
4. Home Page
Menurut Yuhefizar (2009:2) “home page adalah halaman awal sebuah domain”
5. Domain Name Service (DNS)
Menurut Syafrizal (2008:213) “Domain Name Service (DNS) adalah Distribute
database system yang digunakan untuk pencarian nama komputer (name
12
resolution) di jaringan yang menggunakan TCP/IP (Transmission Control
Protocol/Internet Protocol)”.
2.1.3. Bahasa Pemograman
Menurut Indrajani (2007:22) bahasa pemograman adalah “ perangkat lunak
atau software yang dapat digunakan dalam proses pembuatan program yang melalui
beberapa tahapan–tahapan penyelesaian masalah”.
1. HTML
Menurut Shelly dan Velmaart (2011: 678) HTML (Hypertext Markup
Language) adalah bahasa format khusus yang programmer gunakan untuk
memformat dokumen untuk ditampilkan di web.
Lalu menurut Chaffey (2009: 96) HTML atau Hyper Text Markup language
adalah halaman standar web presentasi dengan menggunakan format untuk
menentukan pesan dan tata letak halaman web.
Berdasarkan pendapat para ahli di atas, penulis menyimpulkan bahwa HTML
atau Hyper Text Markup Language adalah bahasa pemrograman yang
digunakan untuk memformat dokumen untuk ditampilkan di web.
2. PHP
Menurut Shelly dan Vermaat (2011: 682) PHP, yang merupakan singkatan dari
Personal Home Page, merupakan sebuah sumber bebas terbuka dari bahasa
skrip. PHP, yang merupakan bahasa mirip dengan C, Java dan Perl, digunakan
terutama pada web server linux. Pengembang web membuat halaman web
13
dinamis dengan memasukkan skrip PHP bersama dengan HTML atau XHTML
dalam suatu halaman web.
Menurut Aditya Nur Alan (2010: 1) PHP (Personal Home Page) adalah bahasa
skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak
dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk
membangun sebuah CMS (Content Management System).
Dari pendapat para ahli di atas, maka dapat disimpulkan bahwa PHP atau
Personal Home Page adalah bahasa pemrograman yang membuat halaman web
dinamis yang dapat berubah sesuai dengan interaksi yang digunakan oleh
pengguna.
3. Cascading Style Sheets (CSS)
Menurut Saputra (2013:6) “Cascading Style Sheets (CSS) merupakan suatu
bahasa pemograman web yang di gunakan untuk mengendalikan dan
membangun berbagai komponen dalam web sehingga tampilan web akan lebih
rapih, terstruktur, dan seragam”.
4. JQuery (Javasript Library)
Menurut Sibero (2011:21) “Jquery adalah salah satu javasript framework
terbaik saat ini, JQuery (Javasript Library) dikembangkan Jhon Resig pada
tahun 2008 di Bar Camp NYC. Pada awal perkembangannya, JQuery
(Javasript Library) pertama dibuat untuk meringkas penggunaan CSS Selector
dalam suatu pustaka fungsi. JQuery (Javasript Library) memiliki ciri khas pada
penggunaan perintahnya prefix untuk JQuery (Javasript Library) dengan tanda
$ kemudian di lanjutkan dengan fungsi perintah”.
14
5. Adobe Dreamweaver CS6
Menurut Sadeli (2013:2) “Adobe Dreamweaver CS6 adalah suatu perangkat
lunak web editor keluaran Adobe System yang digunakan untuk membangun
dan mendesain suatu website dengan fitur – fitur yang menarik dan kemudahan
dalam penggunanya”.
2.1.4. Definisi Database
Menurut Conolly dan Begg (2010: 15) database adalah kumpulan data yang
berelasi secara logikal dan sebuah deskripsi dari data tersebut yang di desain untuk
memenuhi kebutuhan organisasi. Database adalah sebuah tempat penyimpanan
besar dari data yang dapat digunakan secara terus menerus oleh banyak departemen
dan user.
Menurut O’Brien dan Marakas (2010: 173) database adalah kumpulan
terintegrasi dari elemen data yang secara logika saling berhubungan. Database
mengonsolidasikan berbagai catatan yang dahulu disimpan dalam file-file terpisah
ke dalam satu gabungan umum elemen data yang menyediakan data untuk banyak
aplikasi. Data yang disimpan dalam database independen dari program aplikasi
yang menggunakannya dan dari jenis peralatan penyimpanan tempat mereka
disimpan. Jadi, database berisi berbagai elemen data yang mendeskripsikan
berbagai entitas dan hubungan antar entitas.
Dari pendapat para ahli di atas, maka dapat disimpulkan bahwa database
adalah suatu tempat penyimpanan yang berisi berbagai elemen data yang berelasi
15
secara logikal yang disimpan dalam satu wadah yang dapat digunakan secara
terusmenerus oleh user maupun banyak departemen.
1. MySQL (My Structure Query Languange)
Menurut Sibero (2011:97) “MySQL (My Structure Query Languange) adalah
suatu RDBMS (Relation Database Management System) yaitu aplikasi sistem
yang menjalankan fungsi pengolahan data”.
2. SQL (Structure Query Language)
Menurut Rossa dan Salahuddin (2013:46) “SQL (Structure Query Language)
adalah bahasa yang digunakan untuk mengelola data pada RDBMS. SQL
awalnya dikembangkan berdasarkan teori aljabar relasional dan kalkulus”.
3. PhpMyAdmin
Menurut Sibero (2011:376) “PhpMyAdmin adalah aplikasi web yang dibuat
oleh phpmyadmin.net. phpMyAdmin digunakan untuk administrasi database
MySQL”.
4. XAMPP
Menurut Riyanto (2010:1) “Xampp merupakan paket PHP dan MySQL
berbasis open source, yang dapat digunakan sebagai tool pembantu
pengembangan aplikasi berbasis PHP. Xampp mengkombinasikan beberapa
paket perangkat lunak bebeda kedalam satu paket”.
2.2. Peralatan Pendukung (Tool System)
Peralatan pendukung merupakan alat yang tepat digunakan untuk
menggambarkan model logika dari suatu program, model logika dari program lebih
menjelaskan dari pemakai tentang bagaimana nantinya fungsi–fungsi dari program.
16
2.2.1. Struktur Navigasi
Menurut Suyanto (2008:62) “Struktur navigasi dalam situs web melibatkan
sistem navigasi situs web secara keseluruhan dan desain interface situs web
tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”.
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 Linier
Struktur navigasi linier 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
satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua
halaman sebelumnya atau dua halaman sesudahnya, pengguna akan
melakukan navigasi secara berurutan, dalamframe atau byte informasi satu ke
yang lainnya.
Sumber : Binanto, (2010:269)
Gambar II.1. Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
17
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.2. Struktur Navigasi Hirarki
3. Struktur Navigasi Tidak Berurut (Non-Linier)
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 adaMaster Page dan Slave Page, pengguna
akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak
terikat dengan jalur yang sudah ditentukan sebelumnya.
18
Sumber : Binanto (2010:270)
Gambar II.3. Struktur Navigasi Non-Linier
4. Struktur Navigasi Campuran (Composite)
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 : Binanto (2010:270)
Gambar II.4. Struktur Navigasi Campuran
2.2.2. ERD (Entity Relationship Diagram)
Menurut fathansyah (2007:70-77) “Pemakaian istilah ‘Model
Keterhubungan-Entitas’ dalam dahasa Indonesia dapat digunakan sebagai
pandangan dari istilah asing: Entity Relationship Diagram (E-R Model). Akan
19
tetapi, istilah Model Entity Relationship telah demikian popular/umum digunakan
dalam berbagai pembahasan tentang analisis atau perancangan basis data”.
1. Entitas (Entity)
Entitas merupakan individu yang mewakili sesuatu yang nyata (eksistensinya)
dan dapat dibedakan dari sesuatu yang lain.
2. Atribut (Attributes/properties)
Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik
(properti) dari entitas tersebut. Sebagai mana telah disebutkan sebelumnya,
penentuan atau pemilihan atribut-atribut yang relevan bagi sebuah Entitas
merupakan hal penting lainnya dalam pembentukan model data.
3. Relasi (Relationship)
relasi menunjukan adanya hubungan diantara sejumlah entitas yang berasal dari
himpunan yang berbeda. Misalnya himpunan mahasiswa denagn nim =’980001’
dan nama_mhs ‘Ali Akbar’ (yang ada dihimpunan entitas mahasiswa)
mempunyai relasi dengan entitas sebuah matakuliah dengan kode_kul =’IF-110’
dannama_kul = ‘Struktur Data’. Relasi dari kedua entitas tadi mengandung arti
bahwa mahasiswa tersebut sedang mengambil atau mempelajari matakuliah
tersebut disebuah perguruan tinggi.
2.2.3. LRS ( Logical Relationship System)
Menurut Hasugian dan Shidiq (2012:608) memberikan batasan bahwa LRS
adalah “sebuah model sistem yang digambarkan dengan sebuah diagram-ER akan
mengikuti pola atau aturan permodelan tertentu dalam kaitannya dengan konvensi
20
ke LRS”. Perubahan yang terjadi yaitu mengikuti aturan – aturan sebagai berikut
(Hasugian dan Shidiq 2012:608):
1. Setiap entitas akan diubah kebentuk kontak.
2. Sebuah atribut relasi disatukan dalam sebuah kotak bersama entitas jika
hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan cardinality
M) atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality yang paling
membutuhkan referensi).
3. Sebuah relasi dipisah dalam sebuah kotak tersendiri (menjadi entitas baru) jika
tingkat hubungannya M:M (many to many) dan memiliki foreign key sebagai
primary key yang diambil dari kedua entitas yang sebelumnya saling
berhubungan.
2.2.4. Pengujian Web
Pengujian adalah proses pemeriksaan atau evaluasi sistem atau komponen
sistem untuk memverifikasi apakah sistem yang di buat sudah memenuhi dari
kebutuhan yang dispesifikasikan atau perbedaan hasil yang diharapkan dengan
hasil yang terjadi
1. Black box Testing
Menurut Harianto (2007:379), “konsep kotak hitam digunakan untuk
mereperensikan sistem yang cara kerja di dalamnya tidak tersedia untuk
diinpeksi. Di dalam kotak hitam item-item yang diuji dianggap “gelap” Karena
logika tidak diketahui, yang diketahui hanya apa yang masuk dan apa yang
keluar dari kaotak hitam.”
21
Menurut Rosa dan Shalahuddin (2013 : 275) “Black-box testing yaitu
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. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam
harus dibuat dengan kasus yang benar dan kasus salah”.