4

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Saat ini web telah menjadi antar muka (interface) standard untuk layanan-

layanan lain yang ada di internet, misalnya email. Dengan menggunakan tekhnologi

web, user akan lebih mudah dalm berinteraksi dengan data yang tersimpan di dalam

suatu web server, tanpa harus menuliskan apapun permintaan dokumen atau data dari

suatu web server dapat dilakukan hanya dengan mengikuti klik ( link ) yang

disediakan di dalam dokumen.

Banyak keuntungan yang diperoleh dari layanan web, diantaranya :

1. Informasi mudah di distribusikan dan dapat di akses oleh semua pengguna

internet diseluruh dunia.

2. Konfigurasi server dapat dilakukan secara lebih mudah.

3. Instalasi (upload) aplikasi hanya dilakukan sekali, tanpa harus melakukan

instalsi aplikasi disetiap komputeruser yang ingin mengakses aplikasi

tersebut.

4. Tidak tergantung pada platform, artinya informasi maupun aplikasi dapat di

akses dari web server komputer yang memiliki sistem operasi berbeda.

Dalam tekhnologi web, informasi akan disajikan dalam bentuk dokumen yang

disebut halaman web. Halaman web merupakan hasil terjemahan kode-kode program

dari file-file yang tersimpan didalam suatu komputer yang berperan sebagai server

5

web (web server). Komputer yang mengakses informasi disebut dengan klien web

(web client). Informasi dari di akses oleh web client melalui aplikasi yang disebut

dengan web browser, sering disingkat browser. Contoh web server yang saat ini

banyak digunakan oleh pengguna web adalah internet explorer dan Mozilla Firefox.

A. Website

1. Pengertian Website

Menurut Arief (2011:7) web adalah salah satu aplikasi yang berisikan

dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) didalamnya

yang menggunakan protocol HTTP (hypertext transfer protocol) dan untuk

mengaksesnya menggunakan perangkat lunak yang disebut browser.

Sebuah website biasanya dibangun atas banyak halaman web yang saling

berhubungan. Hubungan antara satu halaman web dengan halaman web lainnya

disebut hyperlink, sedangkan teks yang dijadikan media penghubung disebut

hypertext. Suatu website bersifat statis apabila isi informasi website tetap, jarang

berubah, dan isi informasinya searah hanya dari pemilik website.Bersifat dinamis

apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua

arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi

profil perusahaan, sedangkan website dinamis adalah seperti facebook, twitter, dan

lain-lain. Dalam sisi pengembanganya, website statis hanya bisa diperbaharui oleh

pemiliknya saja, sedangkan website dinamis bisa diperbaharui oleh pengguna maupun

pemilik.

6

2. Web Browser

Menurut Alexander F.K. Sibero (2013:12) mengemukakan bahwa “Web

Browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan

menyajikan sumber informasi web. Sumber informasi web diidentifikasikan dengan

Uniform Resource Identifier (URI) yang terdiri dari halaman web, gambar, atau

konten lainnya”. Jadi dapat disimpulkan bahwa web browser adalah aplikasi yang

digunakan sebagai media untuk menampilkan informasi kepada pengguna.

3.. E-commerce

Menurut Indrajani (2011:274) “e-commerce merupakan bentuk layanan

komersial di ineternet, sehingga memberikan kemudahan pelayanan kepada

pelanggan atau organisasi yang terdiri atas elektronics markets, elektronic data

incharge(EDI) dan Internet E-Commerce”. Dalam e-commece pelanggan dapat

memesan dan membayar pesananya melalui web bisnis. E- Commerce merupakan

bagian dari E-Business karena adanya pengguna teknologi informasi berupa

internetdalam jaringan komputer lainnya untuk menjalankan proses bisnis utama

berupa pembelian dan penjualan. Jenis-jenis E-Commerce :

a. Business to Business (B2B)

Meliputi transaksi IOS (Inter Organizational System) dan transaksi pasar

elektronik (elektronik market transaction) antar organisasi. Pertukaran informasi yang

dilakukan antar pembisnis tersebut atas dasar kebutuhan dan kepercayaan.

7

b. Business to Consumer (B2C)

Merupakan sistem komunikasi bisnis dengan konsumen untuk memenuhi

kebutuhan tertentu pada saat tertentu.

c. Consumer to Consumer (C2C)

Dimana konsumen menjual produk secara langsung kepada konsumen lainya.

Biasanya individu mengiklankan produk jasa produk, jasa, pengetahuan, maupun

keahlinya disalah satu situs lelang atau classifield ads.

d. Consumer to Business (C2B)

Dalam C2B konsumen memberitahukan kebutuhan atas produk atau jasa

tertentu, dan para pemasok bersaing menyediakan menyediakan produk atau jasa

tersebut ke konsumen. Contohnya di Pricrline.com, dimana pelanggan menyebutkan

harga yang diinginkan,dan Pricrline mencoba menemukan pemasok yang memenuhi

kebutuhan tersebut.

Menurut Madcoms (2010:4) ada banyak sekali manfaat dari e-commerce

berikut ini beberapa manfaat atau kelebihan e-commerce :

a. Tidak memerlukan Modal yang Besar

Dengan e-commerce pengusaha tidak perlu mencari lokasi untuk membangun

tempat usaha fisik, atau menyewa tempat usaha dan peralatan usaha.

b. Lebih Efisien, Efektif dan Cepat

Toko maya bisa menekan biaya distribusi, selain itu dengan menggunakan

emaila atau chating, komunikasi dan pengiriman lebih cepat dan mudah.

8

c. Efisiensi Tenaga Kerja

Bisnis melalui dunia maya hanya membutuhkan beberapa karyawan saja, jadi

lebih hemat tenaga kerja.

d. Proses transaksi lebih cepat dan mudah

Proses transaksi melalui e-commerce dapat dilakukan dengan cepat, mudah,

dan kapan saja dan dimana saja selama konsumen dan penyediaan jasa atau

barang saling terhubung.

e. Pangsa pasar yang luas

E-commerce mampu membuka pangsa pasar tingkat internasional karena

internet mencakup seluruh dunia.

f. Tidak ada batasan ruang dan waktu

Situs-situs e-commerce membuka layanan 24 jam dan 7 hari dalam seminggu.

g. Tidak diperlukan perusahaan mediator

Perusahaan penyedia barang dan jasa hanya mempromosikan situs dan produk

mereka, kemudian langsung berhubungan dengan konsumen di seluruh

penjuru dunia.

h. Membuka jaringan bisnis global

Perdagangan global meliputi jaringan perdagangan tingkat dunia sehingga

dapat memicu tumbuhnya kelompok-kelompok perusahaan yang memiliki

hubungan kerja sama.

9

i. Kualitas harganya yang kompetitif

Menyediakan barang atau jasa yang berkualitas dengan harga yang murah

adalah salah satu strategi perusahaan untuk mempertahankan dan menarik

konsumen.

j. Memacu kratifitas dan inovasi

Dengan persaingan yang ketat dan bersifat global, akan memicu munculnya

ide-ide baru yang dituangkan dalam bentuk kretifitas sehingga tercipta inovasi

B. Bahasa Pemrograman

Bahasa pemrograman adalah salah satu bahasa yang telah terstandarisasi dan

dibuat untuk memberikan intruksi pada mesin yang lebih popuker dikenal komputer.

Bahasa ini dapat digunakan untuk membuat sebuah potongan program yang dapat

melakukan kontrol dan perintah pada semua mesin.

1. PHP (Personal Hypertext Preprocessor)

Menrut Anhar (2010:3) “PHP (PHP Hypertext Preprocessor) yaitu bahasa

pemrograman web server-side yang bersifat open source”. Cara kerja PHP adalah

dengan menyelipkan diantara kode HTML ( Hypertext Markup Language) .

PHP merupakan bahasa server side scripting dimana PHP selalu

membutuhkan web server dalam menjalankan aksinya. Secara prinsip server akan

bekerja apabila ada permintaan client , yaitu kode-kode PHP. Client tersebut akan

dikirimkan ke-server , kemudian server akan mengembalikan pada halaman sesuai

intruksi yang diminta.

10

Tipe data adalah jenis-jenis data yang digolongkan berdassarkan kriteria dan

watak tertentu. Di PHP tipe data ada tiga yaitu :

a. Integer

Type data pada php yang berupa angka bulat seperti 1, 22, 100, 1000, type

data ini sangat umum digunakan di bahasa pemrograman khususnya berkaitan dengan

angka bulat. Nilai angka integer bisa bernilai negative atau positif dan jika diberi

tanda ( - ) maka diasumsikan sebagai nilai positif.

Contoh penulisan integer didalam php :

<?php

$nilai1=4;

$nilai2=3;

$hasil=$nilai1+$nilai2; //contoh penjumlahan

Echo $hasil;

?>

b. Boolean

Boolean adalah tipe data pada php yang paling sederhana dalam bahasa

pemrograman apapun. Karena tipe data ini hanya memiliki dua nilai yaitu true or

false.

Contoh penulisan Boolean :

<?

$a = true ;//mendeskripsikan nilai true pada variabel $a

$b =false;//mendeklarasikan nilai false pada variable $b

11

?>

c. String

Data string adalah data yang berupa huruf dan angka, namun angka disini

tidak dapat dioperasikan matematis layaknya data integer dan double. Jadi hanya

sekedar tulisan biasa. Untuk menuliskan di skrip PHP harus di apit tanda petik baik

tunggal maupun ganda ( ‘ “ ).

Contoh penulisan string dalam php :

1. strstr (“string awal”,”substr’)

<?php

$hasil=strstr(“Dumet BSIdws”,”E”);

Echo “Hasil Karakter : $.$hasil:

?>

Hasilnya : et BSIdws

2. substr yaitu mengambil string berdasarkan nomor posisi karakter sepanjang

yang diinginkan.

<?php

$Hsil=str_replace(Dumet BSIdws”,”3”,”6”);

Echo “Hasil karakter : “,$hasil;

?>

Hasil : et BSI

12

d. Float

Float atau nama lainnya adalah floating point atau real numer adalah tipe data

pada php yang memiliki bagian desimal di akhir angka contonya adalah 3,2,1 atau

4,5. Didalam penulisan tipe data float dalam phpbukan menggunakan koma ( , )

melainkan titik ( . ).

Contoh penulisan float dalam php :

<?php

$nilai1=4.5;

$nilai2=3.5;

$hasil=$nilai1+$nilai2; //contoh penjumlahan

Echo $hasil;

e. Array

Sebuah tipe data yang didalamnya terdiri dari kumpulan tipe data.

Contoh penulisan array dalam php :

$nama_variabel = array(

Key => value ,

Key2 => value2,

Key3 => value3,

…

)

13

2. CSS(Cascading Style Sheet)

Menurut Ardhana (2012:108) menjelaskan bahwa “ Cascading Sryle Sheet

(CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam”.

CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan

menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagai penompang

atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka

dan layout. CSS dapa dijalankan pada berbagai macam sistem operasi dan web

browser. Secara umum, yang dilakukan oleh CSS adalah pengaturan layout,

kerangka, gambar, warna, tabel, spasi dan lain sebagainya.

3. Javascript

Menurut Alexander F.K.Sibero (2013:150) menjelaskan bahwa Javascript

adalah suatu bahasa pemrograman yang dikembangkan untuk dapat bejalan pada web

browser atau bahasa skrip (Scripting Language) dengan kumpulan intruksi perintah

yang digunakan untuk mengendalikan beberapa bagian dari sistem operasi. Bentuk

bahasa skrip mengambil modal penulisan pada pemrograman C dan JAVA, yang

terdiri dai variabel, fungsi dan lainnya.

1. JQuery

Menurut Utomo (2012:62) “JQuery adalah library JavaScript yang banyak

digunakan saat ini. JQuery dibuat oleh John Resig pada tahun 2006. Banyak website

yang memanfaatkan library ini untuk menyederhanakan fungsi-fungsi yang ada pada

JavaScript atau Ajax”.

14

2. Sublime Text 3

Menurut Guillermooo (2015:4) dalam bukunya yang berjudul Sublime Text

Unofficial Documentation menyatakan bahwa “Sublime Text merupakan teks editor

serbaguna dan menyenangkan untuk melakukan pembuatan kode dan proses yang

mengotomatisasi tugas yang berulang sehingga dapat fokus pada hal-hal penting.

Editor dapat bekerja pada OS X, Windows, dan Linux”.

3. Xampp

Menurut Gunawan (2010:17) : “XAMPP adalah aplikasi web server instan

yang dibutuhkan untuk membangun aplikasi berbasis web. Fungsi XAMPP adalah

sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache http

server, Mysql database dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (X=Cross

Platform), Apache, Mysql, php, dan Perl. Program ini tersedia dalam lisensi GNU

General Public License dan gratis.

Saat XAMPP di instal, semua software tersebut telah berhasil di instal

Apache2Triad biasa disebut distribusi perangkat lunak webserver karena dia

menyediakan semua kebutuhan aplikasi web, yaitu server, interpreter dan user

interface yang telah dikonfigurasikan dan siap digunakan

15

4. HTML (Hyper Text Maerkup Language)

Menurut Raharjo (2011:4) “ HTML adalah singkatan dari Hypertext Markup

Languege, yaitu bahasa (aturan) standard yang digunakan untuk menampilkan teks,

gambar, video, audio, ke dalam halaman web”. HTML merupakan file teks yang

tersusun atas elemen-elemen yang disebut dengan tag.

Tag HTML di apit dengan tanda lebih kecil (<)dan tanda lebih besar (>),

misalnya <html>, <head>, <body>, <p>, dan lain-lain. Tag HTML ada yang memiliki

pasangan ada yang tidak. Jika suatu tag memiliki pssangan, maka tag penutup akan

disertai dengan tanda slash </> misalnya : </html>, </head>, </body>, </p>, dan lain-

lain.

Sebuah halaman web minimal mempunyai empat buat tag , yaitu:

a. <html></html>

Di dalam tag html, hal yang harus ada adalah kode <HTML> karena kode ini

akan menyatakan jenis dokumen yang kita ingin ketikan. Dan kemudian

ditutup dengan kode </HTML>

b. <head></head>

Kode <HEAD> jika diartikan berarti kepala didalm web maupun program

kemudian di akhiri dengan kode </HEAD>.

c. <little></little>

Kode ini diletakan didalam kode </head>, dimaksudkan untuk

mendekalrasikan judul yang akan diatampilkan dalam browser.

16

d. <body></body>

Merupakan kode yang berguna untuk meletakan semua isi web yang akan kita

buat.

5. Adobe Dreamweaver CS3

Adalah program untuk mendesain dan membuat halamn web, merancang

mengkodekan dan mengembangkan website, halaman web dan aplikasi web.

Dreamweaver (dulu milik dari macromedia namun sekarang menjadi milik dari adobe

) dan telah dilengkapi dengan alat-alat desain yang mudah digunakan, ditambah

dengan konsep WYSIWYG kepanjangan dari what you see is what you get artinya

mendesain web secara visual , sehingga apa yang didesain , akan seperti membuat

table , membuat hyperlink , memasukan gambar termasuk memasukan flash animasi ,

dll. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga

dapat digunakan oleh programmer untuk membangun halaman interaktif karena

dreamweaver mendukung pula PHP, Coldfusion, Asp dan lain-lain.

C. Basis Data

Basis data adalah kumpulan data yang disimpan secara sistematis di dalam

komputer dan dapat diolah atau dimanipulasi menggunakan perangkat lunak

(program aplikasi) untuk menghasilkan informasi.

Menurut Martono (2009:32) “database adalah sebagai kumpulan data dari

penempatan tenaga kerja yang saling terkait dan mempengaruhi sesuai dengan tingkat

kepentinganya sehingga data tersebut terintegrasi dan independence”.

17

Menurut Anhar (2010:45) “Database adalah sekumpulan table-tabel yang

berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang

menyusun sebuah databse adalah data recond dan field

1. MySQL (My Structured Query Langguage)

Menurut Kristanto (2010:12) mengungkapkan bahwa “MYSQL adalah sebuah

perangkat lunak system management basis data SQL atau DBMS yang multithread

dan multi user”. MYSQL adalah Relational database Management System (RDBMS)

yang didistribusikan secara gratis di bawah lisensi GPL (General Public License).

Setiap orang bebas untuk menggunakan MYSQL. MYSQL sebenarnya merupakan

turunan dari SQL (Structured Query Language). SQL adalah sebuah konsep

pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data

yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Sebagai database server MYSQL dapat dikatakan lebih unggul dibandingkan data

base server lainya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh

single user, kecepatan query MYSQL bisa sepuluh kali lebih cepat dari PostgreSQL ,

dan lima kali lebih cepat dibandingkan Interbase.

Berangkat dari software yang popular, kini mulai Mysql menjadi software

yang open source yang berarti free. Mysql dapat digunakan untuk kepentingan

komersial ataupun personal (non-profit).

18

Perintah sql dibagi dalam 2 kategori besar sesuai , antara lain :

a. Data Definition Langguage(DDL)

Merupakan sub bahasa SQL yang digunakan untuk membangun kerangka

database. Atau juga merupakan kelompok perintah yang berfungsi untuk

mendefinisikan atribut-atribut database, table, atribut kolom, batasan-batasan

terhadap suatu atribut serta hubungan antar table.

Yang termasuk kelompok DDL ini adalah :

1. CREATE : Perintah ini digunakan untuk membuat, termasuk di antaranya

membuat database baru, tabel baru, view baru, dan kolom.

Contoh : > create table mahasiswa (nim char(8) primary key,nama_mahasiswa

varchar(20),nilai integer(3),alamat varchar(25);

2. ALTER : Perintah ini digunakan untuk mengubah struktur tabel yang telah

dibuat. Pekerjaannya mencakup mengganti nama tabel, menambah kolom, mengubah

kolom, menghapus kolom, maupun memberikan atribut pada kolom.

Contoh : >alter table mahasiswa rename wisudawan;

3. DROP : Perintah ini digunakan untuk menghapus database dan tabel.

Contoh : >Alter table ‘mahasiswa’ drop ‘alamat’;

b. Data Manipulation Language (DML)

merupakan sub bahasa SQL yang digunakan untuk memanipulasi data dalam

database yang telah terbuat.

Perintah yang digunakan, di antaranya

19

1. INSERT : Perintah ini digunakan untuk menyisipkan atau memasukkan data

baru ke dalam tabel. Penggunaannya setelah database dan tabel selesai dibuat.

Contoh :Insert into mahasiswa values (“08052926”, “Frenky”,”70”);

2. SELECT : Perintah ini digunakan untuk mengambil data atau menampilkan

data dari satu tabel atau beberapa tabel dalam relasi. Data yang diambil dapat kita

tampilkan dalam layar prompt MySQL secara langsung maupun ditampilkan pada

tampilan aplikasi.

Contoh :Select nama_mahasiswa from mahasiswa where nilai = 70;

3. UPDATE : Perintah ini digunakan untuk memperbarui data lama menjadi data

terkini. Jika Anda memiliki data yang salah atau kurang up to date dengan kondisi

sekarang, maka dapat diubah isi datanya menggunakan perintah UPDATE.

Contoh: >mahasiswa set nim = ‘08052926’ = 08052927;

4. DELETE : Perintah ini digunakan untuk menghapus data dari tabel. Biasanya

data yang dihapus merupakan data yang sudah tidak diperlukan lagi. Pada saat

menghapus data, perintah yang telah dijalankan tidak dapat digagalkan, sehingga data

yang telah hilang tidak dapat dikembalikan lagi

Contoh : >delete form mahasiswa;

Mysql juga memiliki beberapa keistimewaan yang lain, anatara lain :

a. Portabilitas, Mysql dapat berjalan stabil pada berbagai system operasi seperti

Windows, linux, FreeBSD, Msc Os X server, Solaris, Amiga, dll.

b. Open Source, Mysql didistribusikan secara Open source, dibawah lisensi GPL

sehingga dapat digunakan secara cuma-cuma.

20

c. Multiuser, Mysql dapat digunakan oleh beberapa user dalam waktu yang

bersamaan tanpa mengalami masalah atau konflik.

d. Perfomenceturing, Mysql memiliki kecepatan yang menakjubkan dalam

menangani query sederhana , dengan kata lain dapat memproses lebih banyak

SQL persatuan waktu.

e. Jenis kolom Mysql memiliki tipe kolom yang sangat kompleks, seperti signed

/ unsigned integer, float, double, char, text, date, timestango, dan lain-lain.

f. Perintah dan fungsi Mysql memiliki operator dan fungsi secara penuh yang

mendukung perintah select dan where dalam perintah (query).

g. Keamanan Mysql memiliki beberapa lapisan sekuritas seperti level

subnetwork, nama host, dan izin akses user dengan sistem perizinan yang

mendetail serta sandi terenkripsi.

i. Sklabilitas dan pembatasan Mysql mampu menangani basis data dalam skala

besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel

serta 5 milyar baris. Selain itu batas index yang dapat ditampung mencapai 32

indeks pada tiap tabelnya.

j. Konektifitas Mysql dapat melakukan koneksi dengan klien menggunakan

protokol TCP/IP, Unixsoket (UNIX), atau Named Pipes (NT).

k. Lokalisasi Mysql dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari 20 bahasa. Meskipun demikian bahasa Indonesia

belum termasuk didalamnya.

21

l. Antar muka Mysql memiliki interface (antar muka) terhadap berbagai aplikasi

dan bahasa pemrograman dengan meggunakan fungsi API (Aplication

Progrming Interface).

m. Klien dan peralatan Mysql dilengkapi dengan berbagai peralatan (tool) yang

dapat digununtuk administrasi basis data , dan pada setiap peralatan yang

disertakan petunjuk online 13. Struktur tabel Mysql memiliki struktur tabel

yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis

data lainnya semacam PostgreSQL ataupun Oracle

D. Model Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model waterfall (Rosa A.S. dan M. Shalahudin 2013:28) yang terbagi

menjadi lima tahapan, yaitu :

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan secara intensif untuk menspesifikasikan

kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang

dibutuhkan oleh user.

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 pengkodean. Tahap ini mentranslasi

kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar

22

dapat diimplementasikan menjadi program pada tahan 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 desain yang telah dibuat pada tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional,

memastikan bahwa semua bagian telah 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 sebuah kemungkinan perangkat lunak mengalami perubahan

ketika sudah dikirimkan ke user. Perubahan bias terjadi karena adanya kesalahan

yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harup

beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat

mengulangi proses pengembangan mulai analisis spesifikasi untuk perubahan

perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.

23

2.2. Teori Pendukung (Tools System)

A. Struktur Navigasi

Menurut Binato (2010:268) “Struktur Navigasi adalah gabungan dari struktur

refrensi informasi situs web dan mekanisme link yang mendukung pengunjung untuk

melakukan penjelajahan situs”. Ada 4 (empat) macam bentuk struktur navigasi yang

biasa digunakan dalam pembuatan web, yaitu:

1. Struktur Navigasi Linear

Struktur navigasi llinear merupakan struktur yang hanya mempunyai satu

ranngkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar

secara berurutan menurut urutannya.

Sumber : Binanto (2010:269)

Gambar II. 1 Struktur Navigasi Linear

2. Struktur Navigasi Hiraki

Struktur navigasi hiraki biasa disebut struktur bercabang, merupakan suatu

struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan

kriteria tertentu. Dimana pada tampilan menu pertama akan disebut Master Page (

halaman utama pertama) yang memiliki halaman percabangan yaitu Slave Page

24

(halaman pendukung). Jika salah satu halaman pendukung akan diaktifkan, maka

tampilan disebut Master Page (halaman utama kedua) dan seterusnya. Yang

terpenting dari struktur ini tidak diperkenankan adanya tampilan secara linier.

Sumber : Binanto (2010:269)

Gambar II.2 Struktur Navigasi Hirarki

3. Struktur Navigasi Non Linear

Struktur navigasi non linear merupakan pengembangan dari struktur navigasi

linear. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan

pada struktur navigasi non linear ini berbeda dengan percabangan pada struktur

hiraki, karena pada percabangan non linear ini walaupun terdapat percabangan, tetapi

tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan

Slave Page.

25

Sumber : Binanto (2010:269)

Gambar II.3 Struktur Navigasi Non Linear

4. Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur navigasi

linear, non-linear dan hiraki. Struktur navigasi campuran disebut juga sebagai

struktur navigasi bebas. Struktur navigasi ini biasa digunakan dalam pembuatan

multimediakarena dapat memberikan keinteraksian yang lebih tinggi.

26

Sumber : Binanto (2010:269)

Gambar II.4 Struktur Navigasi Campuran

B. Entity Relationship Diagram

1. Definisi ERD

Menurut Yasin (2012:276) “ERD (Entity Relationship Diagram) adalah suatu

rancangan atau bentuk huungan suatu kegiatan yang berkaitan langsung dan

mempunyai fungsi didalam proses tersebut”.

Dengan ERD kita berusaha untuk mentransformasikan keadaan dari dunia

nyata ke dalam bentuk basic data. Dalam pembentukan ERD terdapat 3 (tiga)

komponen yang akan dibetuk, yaitu :

A. Entitas (Entity)

Entitas merupakan mengenai basis data yaitu suatu objek yang dapat

dibedakan dari lainnya yang dapat diwujudkan dalam basis data..

Contoh : Buku, Perpustakaan.

27

B. Hubungan / Relasi (Relationship)

Hubungan antara dua tabel yang mempresentasikan hubungan antar obyek di

dunia nyata. Relasi merupakan hubungan yang terjadi pada suatu tabel dengan lainya

yang mempresentasikan hubungan antar objek di dunia nyata dan berfungsi untuk

mengatur operasi suatu database. Hubungan yang dapat dibentuk dapat mencakup 3

macam hubungan yaitu :

1. ONE-TO-MANY (1-1)

Mempunyai pengertian “ setiap baris data tabel pertama dihubungkan hanya

satu baris data pada tabel kedua “. Contohnya : relasi Contohnya : relasi antara tabel

mahasiswa dan tabel orang tua. Satu baris mahasiswa hanya berhubungan dengan

satu baris orang tua begitu juga sebaliknya.

2. ONE-TO-MANY (1-N)

Mempunyai pengertian "Setiap baris data dari tabel pertama dapat

dihubungkan ke satu baris atau lebih data pada tabel ke dua". Contohnya : relasi

perwalian antara tabel dosen dan tabel mahasiswa. Satu baris dosen atau satu dosen

bisa berhubungan dengan satu baris atau lebih mahasiswa.

3. MANY-TO-MANY (N-M)

Mempunyai pengertian "Satu baris atau lebih data pada tabel pertama bisa

dihubugkan ke satu atau lebih baris data pada tabel ke dua". Artinya ada banyak baris

di tabel satu dan tabel dua yang saling berhubungan satu sama lain. Contohnya : relasi

antar tabel mahasiswa dan tabel mata kuliah. Satu baris mahasiswa bisa berhubungan

dengan banyak baris mata kuliah begitu juga sebaliknya.

28

C. Atribut

Atribut adalah suatu yang memberikan informasi lebih rinci tentang jenis

entitas. Atribut memiliki struktur internal berupa tipe data. Jenis-jenis atribut :

1. Atribut Key adalah satu atau gabungan dari beberapa atribut yang dapat

membedakan semua baris data (Row/Record) dalam tabel secara unik.

2. Atribut Simple adalah atribut yang bersifat atomic, tidak dapat dipecah atau

dipilah lagi. Contoh : alamat, penerbit, tahun penerbit, judul buku.

3. Atribut Multivalue adalah Nilai dari suatu atribut yang mempunyai lebih dari

satu (multivalue) nilai dari atribut yang bersangkutan. Contoh : Dari sebuah buku,

yaitu terdapat berbagai pengarang.

4. Atribut Composite adalah suatu atribut yang terdiri dari beberapa atribut yang

lebih kecil yang mempunyai arti tertentu yang masih bisa dipecah lagi atau

mempunyai sub atribut. Contoh : dari entitas nama yaitu nama depan, nama tengah,

dan nama belakang.

5. Atribut Derivatif adalah atribut yang tidak harus disimpan dalam

database.total atau atribut yang dihasilkan dari atribut lain atau dari suatu

relationship. Atribut ini dilambangkan dengan bentuk oval yang bergaris putus-putus.

Logical Record Structure (LRS)

Menurut Priyadi (2014:15) “Logical Record Structure (LRS) representasi dari

struktur record-record pada tabel-tabel yang terbentuk dari hasil relasi antar

himpunan entitas”. Beberapa tipe record digambarkan oleh kotak empat persegi

29

panjang dan dengan nama yang unik. Beda LRS dengan diagram entity relationship

diagram nama tipe record berada diluar kotak field tipe record ditempatkan.

Perbedaan LRS dan ERD adalah nama dan tipe record berada diluar kotak

field tipe record ditempatkan. LRS terdiri dari link-link diantara tipe record.Link ini

menunjukkan arah dari satu tipe record lainnya. Banyak link dari LRS yang diberi

tanda field-field yang kelihatan pada kedua link tipe record. Penggambaran LRS

dimulai dengan menggunakan model yang dimengerti.

C. Pengujian Web

1. Black Box Testing

Menurut Luqman (2012:13) menjelaskan bahwa “Pengujian BlackBox

merupakan tahap yang berfokus pada pernyataan fungsional perangkat lunak”. Test

Case ini bertujuan untuk menunjukkan fungsi perangkat lunak tentang cara

beroperasinya. Apakah pemasukan data telah berjalan sebagaimana mestinya dan

apakah informasi yang tersimpan dapat dijaga kemuhtakhirannya.

Penguji dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan dan

keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. Metode uji

coba BlackBox memfokuskan pada keperluan fungsional dari software. Uji coba

BlackBox berusaha untuk menemukan kesalahan dalam beberapa kategori

diantaranya :

a. Fungsi-fungsi yang salah atau hilang

b. Kesalahan interface

c. Kesalahan dalam struktur data atau akses database eksternal

30

d. Kesalahan performa

e. Kesalahan insialisasi dan terminasi

Jenis-jenis tekhnik testing di antaranya :

1. State Transition Testing

Adalah suatu test cases didesain untuk memeriksa validitas transisi antar

status. Test cases tambahan juga akan di desain untunk testing terhadap transisi-

transisi yang tidak termasuk dan tidak dispesifiksikan. Dengan kata lain, testing ini

focus terhadap perpindahan antar kondisi.

2. Equivalence Clas Pantitioning

Adalah black box testing yang membagi domain masukan dari suatu program

kedalam kelas-kelas data, dimana test cases dapat diturunkan. Lebih kepada

representasi dari semua nilai dalam partisi. Mengambil sample dari rentang nilai yang

ada serta (nilai cukup mewakili semuanya).

3. Caeuse-Effect Graphing

Adalah merupakan desain tekhnik kasus uji coba yang menyediakan

representasi singkat mengenai kondisi logical dan aksi yang berhubungan.

Kategori error yang akan diketahui melalui black box testing antara lain :

a. Error dari antar muka

b. Error dari struktur data atau akseseksternal database

c. Error dari kinerja atau tingkah laku

d. Error dari inisialisasi terminasi