DAFTAR ISI

Halaman
COVER .................................................................................................................... i
PERNYATAAN ORISINALITAS DAN PUBLIKASI.......................................... ii
LEMBAR PENGESAHAN ................................................................................... iii
ABSTRAK ............................................................................................................. iv
KATA PENGANTAR .............................................................................................v
DAFTAR ISI ......................................................................................................... vii
DAFTAR TABEL ....................................................................................................x
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR LAMPIRAN ........................................................................................ xiii
BAB I .......................................................................................................................1
PENDAHULUAN ...................................................................................................1
1.1. Latar Belakang Masalah ............................................................................1
1.2 Batasan Masalah .......................................................................................2
1.3 Tujuan Penulisan .......................................................................................3
1.4 Metodologi Penulisan ................................................................................3
1.5 Sistematika Penulisan ................................................................................4
BAB II ......................................................................................................................5
LANDASAN TEORI ...............................................................................................5
2.1 Internet .......................................................................................................5
2.1.1 World Wide Web (WWW) ................................................................5
2.1.2 URL (Uniform Resource Locator) .....................................................5
2.1.3 Hypertext Markup Language (HTML) ..............................................5
2.1.4 Browser ..............................................................................................6
2.2 PHP (Personal Home Page) .......................................................................6
2.3 CSS ...........................................................................................................6
2.4 XAMPP .....................................................................................................6
2.5 MySQL .....................................................................................................8
2.6 Teks Editor Sublime ................................................................................13

vii
 viii

2.7 Bootstrap .................................................................................................14

BAB III ..................................................................................................................15
ANALISA DAN PEMBAHASAN ........................................................................15
3.1 Spesifikasi Perangkat Lunak ...................................................................15
3.2 Perancangan Database .............................................................................15
3.2.1 Struktur Navigasi .............................................................................15
3.2.1.1 Struktur Navigasi Web User ..................................................16
3.2.1.2 Struktur Navigasi Administrator ...........................................16
3.2.2 Storyboard ........................................................................................17
3.3 Rancangan Tampilan ...............................................................................18
3.3.1 Rancangan Tampilan Halaman User ................................................18
3.3.1.1 Rancangan Tampilan Home ...................................................18
3.3.1.2 Rancangan Tampilan Produk .................................................19
3.3.1.3 Rancangan Kategori Produk ...................................................20
3.3.1.4 Rancangan Informasi Produk .................................................21
3.3.1.5 Rancangan Rancangan Button Hubungi Admin.....................21
3.3.2 Rancangan Tampilan Halaman Admin ..................................................23
3.3.2.1 Rancangan Tampilan Login Admin .......................................20
3.3.2.2 Rancangan Tampilan Dashboard Admin................................24
3.3.2.3 Rancangan Tampilan Kategori Admin ...................................20
3.3.2.4 Rancangan Tampilan User Admin .........................................20
3.3.2.5 Rancangan Tampilan Menu Admin........................................27
3.4. Rancangan Struktur Database .................................................................28
3.4.1 Use Case Diagram ............................................................................28
3.4.2 Sequence Diagram ...........................................................................29
3.4.3 Class Diagram ..................................................................................29
3.4.4 Rancangan Basis Data ......................................................................30
3.4.4.1 Tabel Admin ...........................................................................30
3.4.4.2 Tabel Kategori ........................................................................31
3.4.4.3 Tabel Produk ..........................................................................31
3.5 Proses Pembuatan Website ......................................................................32
 ix

3.5.1 Pembuatan Tabel Data XAMPP ............................................................32

3.5.2 Pembuatan Program ...............................................................................33
BAB IV ..................................................................................................................50
HASIL DAN ANALISIS UJI COBA ....................................................................50
4.1 Hasil Program ..........................................................................................50
4.1.1 Tahapan Unggah Website ................................................................50
4.2 Evaluasi ...................................................................................................61
4.2.1 Hasil Uji Coba ..................................................................................62
4.2.2 Evaluasi dan Hasil Kuesioner ..........................................................63
BAB V....................................................................................................................68
PENUTUP ..............................................................................................................68
5.1 Kesimpulan ..............................................................................................68
5.2 Saran ........................................................................................................68
DAFTAR PUSTAKA ............................................................................................69
LISTING PROGRAM ...........................................................................................60
OUTPUT PROGRAM ...........................................................................................60