DAFTAR GAMBAR

Halaman
Gambar 2.1 Text Editor Sublime..........................................................................13
Gambar 3.1 Struktur Navigasi User .....................................................................16
Gambar 3.2 Struktur Navigasi Administrator ......................................................16
Gambar 3.3 Storyboard Website ..........................................................................18
Gambar 3.4 Rancangan Tampilan Home .............................................................18
Gambar 3.4 Rancangan Tampilan Produk............................................................18
Gambar 3.6 Rancangan Tampilan Button “Lihat” ...............................................19
Gambar 3.7 Rancangan Tampilan Kategori Produk .............................................19
Gambar 3.8 Rancangan Tampilan Informasi Produk ...........................................21
Gambar 3.9 Rancangan Button Hubungi..............................................................21
Gambar 3.10 Tampilan Whatsapp Web dengan nomor admin ...........................21
Gambar 3.11 Tampilan Whatsapp Web QR Code ...............................................22
Gambar 3.12 Tampilan Percakapan Pelanggan dengan Admin ...........................23
Gambar 3.13 Rancangan Tampilan Halaman Login Admin ................................23
Gambar 3.14 Rancangan Tampilan Dashboard Admin ........................................24
Gambar 3.15 Rancangan Tampilan Kategori Admin ...........................................24
Gambar 3.16 Rancangan Tampilan Produk Admin..............................................25
Gambar 3.17 Tampilan Check Box kategori Produk Admin ...............................25
Gambar 3.18 Rancangan Tampilan Tambah Produk Admin ...............................25
Gambar 3.19 Rancangan Tampilan User Admin..................................................26
Gambar 3.20 Rancangan Tampilan Edit User Admin ..........................................26
Gambar 3.21 Rancangan Tampilan Menu Admin ................................................26
Gambar 3.22 Rancangan Tampilan Edit Menu Admin ........................................26
Gambar 3.23 Use Case Diagram Website ...........................................................27
Gambar 3.24 Sequence Diagram User Website ..................................................28
Gambar 3.25 Sequence Diagram Admin Website ................................................28
Gambar 3.26 Class Diagram Website...................................................................29
Gambar 3.27 XAMPP Control Panel ...................................................................32
Gambar 3.28 Tampilan Utama PHP MyAdmin ...................................................33
Gambar 3.29 Tampilan Membuat Database .........................................................33
Gambar 3.30 Tampilan Menubar sebelum diperkecil ..........................................35
Gambar 3.31 Tampilan Menu bar diperkecil........................................................35
Gambar 3.32 Tampilan Slider 1 ...........................................................................37
Gambar 3.33 Tampilan Slider 2 ...........................................................................37
Gambar 3.34 Tampilan Slider 3 ...........................................................................38
Gambar 3.35 Tampilan Produk ............................................................................41

xi
 xii

Gambar 3.36 Tampilan Informasi Produk ............................................................42

Gambar 3.37 Percakapan Admin dengan Pelanggan melalui Whatsapp Web .....43
Gambar 3.38 Tampilan Footer..............................................................................44
Gambar 3.39 Tampilan Login Admin .................................................................46
Gambar 3.41 Header Admin.................................................................................48
Gambar 3.42 Form Ganti Password .....................................................................48
Gambar 4.1 Tampilan pesan paket hemat ...........................................................51
Gambar 4.2 Tampilan Mengatur Server dan Siklus penyewaan ..........................51
Gambar 4.3 Tampilan durasi waktu domain ........................................................51
Gambar 4.4 Instalasi ............................................................................................52
Gambar 4.5 Tampilan FileZilla ...........................................................................53
Gambar 4.6 Tampilan bagian FileZilla................................................................53
Gambar 4.7 Tampilan Login cPanel ....................................................................54
Gambar 4.8 Tampilan Informasi Username dan Password ..................................55
Gambar 4.9 Tampilan Halaman Utama Cpanel ...................................................55
Gambar 4.10 Tampilan Halaman FTP Accounts..................................................56
Gambar 4.11 Tampilan FTP Configuration File ..................................................56
Gambar 4.12 Tampilan Import .............................................................................57
Gambar 4.13 Import File Ftp .xml........................................................................57
Gambar 4.14 Tampilan Import Settings ...............................................................57
Gambar 4.15 Menghubungkan cPanel dengan FileZilla. .....................................58
Gambar 4.16 Memilih Ftp ....................................................................................58
Gambar 4.17 Memasukan Password ....................................................................59
Gambar 4.18 Tampilan Sertifikat .........................................................................59
Gambar 4.19 Tampilan Berhasil terkoneksi dengan ftp .......................................60
Gambar 4.20 File public_html ..............................................................................60
Gambar 4.21 Proses Unggah File Website ...........................................................61
Gambar 4.22 Tampilan Succesful transfers ..........................................................61