DAFTAR ISI

Halaman

HALAMAN JUDUL................................................................................................ i

PERNYATAAN ORIGIN DAN PUBLIKASI ....................................................... ii

LEMBAH PENGESAHAN ................................................................................... iii

ABSTRAK ............................................................................................................. iv

KATA PENGANTAR ............................................................................................ v

DAFTAR ISI ......................................................................................................... vii

DAFTAR GAMBAR ............................................................................................. xi

DAFTAR TABEL ................................................................................................ xiv

DAFTAR LAMPIRAN ......................................................................................... xv

BAB 1 PENDAHULUAN ...................................................................................... 1

1.1 LATAR BELAKANG .............................................................................. 1

1.2 BATASAN MASALAH .......................................................................... 2

1.3 TUJUAN PENELITIAN .......................................................................... 2

1.4 METODE PENELITIAN ......................................................................... 3

1.5 SISTEMATIKA PENULISAN ................................................................ 4

BAB 2 ..................................................................................................................... 5

2.1 Pengertian Internet ................................................................................... 5

2.2 XAMPP .................................................................................................... 5

2.2.1 Direktori Kerja XAMPP ................................................................... 6

2.3 2.3 HTML ................................................................................................. 6

2.4 CSS ........................................................................................................... 7

vii
 2.5 JavaSript ................................................................................................... 7

2.6 MySQL ..................................................................................................... 7

2.7 PHP ........................................................................................................... 8

2.8 Bootstrap .................................................................................................. 8

2.9 phpMyAdmin ........................................................................................... 9

2.10 Visual Studio Code ............................................................................... 9

2.11 Struktur Navigasi ................................................................................ 10

2.11.1 Struktur Navigasi Linear ................................................................. 10

2.11.2 Struktur Navigasi Non-Linear ......................................................... 11

2.11.3 Struktur Navigasi Hirarki ................................................................ 11

2.11.4 Struktur Navigasi Campuran ........................................................... 12

2.12 Unified Modeling Language (UML) .................................................. 12

2.12.1 Use Case Diagram ........................................................................... 13

2.12.2 Activity Diagram ............................................................................. 14

2.12.3 Class Diagram ................................................................................. 15

2.13 StarUML ............................................................................................. 16

2.14 Balsamiq Wireframes .......................................................................... 17

2.15 Black Box Testing .............................................................................. 17

BAB 3 ................................................................................................................... 18

3.1 Uraian Website ....................................................................................... 18

3.2 Proses Pencarian ..................................................................................... 18

3.3 Perancangan ............................................................................................ 19

3.3.1 Struktur Navigasi Website ............................................................... 19

3.3.1.1 Struktur Navigasi Front End .................................................... 19

3.3.1.2 Struktur Navigasi Admin ......................................................... 20

viii
 3.3.2 Rancangan Halaman Website .......................................................... 21

3.3.2.1 Rancangan Halaman Front End ............................................... 22

3.3.2.2 Rancangan Halaman Back End Login ..................................... 31

3.3.2.3 Rancangan Halaman Back End Admin ................................... 31

3.3.3 Unified Modeling Language (UML)............................................... 36

3.3.3.1 Rancangan Use Case Diagram User ........................................ 36

3.3.3.2 Rancangan Use Case Diagram Admin..................................... 37

3.3.3.3 Rancangan Activity Diagram Mengelola Informasi ................ 38

3.3.3.4 Rancangan Activity Diagram Pencarian Smartphone ............. 40

3.3.3.5 Rancangan Kelas Diagram....................................................... 41

3.3.4 Struktur Database ........................................................................... 41

3.4 Pembuatan .............................................................................................. 43

3.4.1 Pembuatan Back End ...................................................................... 43

3.4.1.1 Pembuatan Back End Pengolahan Data ................................... 44

3.4.2 Pembuatan Front End ...................................................................... 54

3.4.2.1 Pembuatan Front End Halaman Index ..................................... 55

3.4.2.2 Pembuatan Front End Halaman Brand .................................... 60

3.4.2.3 Pembuatan Front End Halaman Produk................................... 66

3.4.2.4 Pembuatan Front End Masukkan Budget ................................ 71

3.4.2.5 Pembuatan Front End Pilih Operating System ........................ 74

3.4.2.6 Pembuatan Front End Halaman Prioritas Utama ..................... 77

3.4.2.7 Pembuatan Front End Halaman Output ................................... 84

3.5 Upload Website ke Hosting .................................................................... 86

3.6 Uji Coba Website .................................................................................... 90

3.6.1 Black Box Testing ........................................................................... 90

ix
 3.6.1.1 Pengujian Login ....................................................................... 90

3.6.1.2 Pengujian Tambah Data ........................................................... 91

3.6.1.3 Pengujian Ubah Data ............................................................... 96

3.6.1.4 Pengujian Hapus Data ............................................................ 100

3.6.1.5 Pengujian Pencarian Cerdas................................................... 102

3.6.2 Pengujian Penerimaan Pengguna .................................................. 106

BAB 4 ................................................................................................................. 108

4.1 Kesimpulan ........................................................................................... 108

4.2 Saran ..................................................................................................... 108

DAFTAR PUSTAKA ......................................................................................... 109

LAMPIRAN ......................................................................................................... L-1