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”.