DAFTAR ISI Lembar Judul Tugas Akhir... i Lembar Pernyataan Keaslian Tugas Akhir... ii Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah... iii Lembar Persetujuan dan Pengesahan Tugas Akhir... iv Lembar Konsultasi Tugas Akhir... v Kata Pengantar... vii Abstrak... ix Daftar Isi... xi Daftar Simbol... xii Daftar Gambar... xiii Daftar Tabel... xv BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Maksud dan Tujuan... 2 1.3. Metode Penelitian... 3 1.4. Ruang Lingkup... 4 1.5. Sistematika Penulisan... 5 BAB II LANDASAN TEORI... 6 2.1. Konsep Dasar Web... 6 2.2. Peralatan Pendukung (tools system)... 17 BAB III PEMBAHASAN... 24 3.1. Analisa Kebutuhan... 24 3.2. Perancangan Perangkat Lunak... 25 3.2.1. Rancangan Antar Muka... 25 3.2.2. Rancangan Basis Data... 40 3.2.3. Rancangan Struktur Navigasi... 51 3.3. Implementasi dan Pengujian Unit... 54 3.3.1. Implementasi... 54 3.3.2. Pengujian Unit... 66 BAB IV PENUTUP... 71 4.1. Kesimpulan... 71 4.2. Saran... 71 DAFTAR PUSTAKA... 73 DAFTAR RIWAYAT HIDUP... 75 xi
DAFTAR SIMBOL Simbol Entity Relation Diagram (ERD) Simbol Keterangan ENTITAS Menunjukan pelaku yang terlibat dalam sistem informasi GARIS Garis yang menghubungkan antara entitas dengan relasi RELASI Menunjukan hubungan antara entitas satu dengan entitas lain ATRIBUT Berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi garis bawah) xii
DAFTAR GAMBAR Halaman Gambar II.1 Struktur Navigasi Linear... 16 Gambar II.2 Struktur Navigasi Non Linear... 16 Gambar II.3 Struktur Navigasi Hierarchi... 17 Gambar II.4 Struktur Navigasi Composite... 17 Gambar II.5 Komponen-komponen ERD... 21 Gambar II.6 Contoh Relasi one to one... 21 Gambar II.7 Contoh Relasi one to many... 22 Gambar II.8 Contoh Relasi many to many... 22 Gambar III.1 Rancangan Halaman Index website... 26 Gambar III.2 Rancangan Halaman about website... 27 Gambar III.3 Rancangan Halaman Produk... 28 Gambar III.4 Rancangan Halaman Return... 29 Gambar III.5 Rancangan Halaman Contact Us... 30 Gambar III.6 Rancangan Halaman Regsitrasi Member... 31 Gambar III.7 Rancangan Halaman Kantong Belanja... 32 Gambar III.8 Rancangan Halaman Edit Akun... 33 Gambar III.9 Rancangan Halaman Pesanan Saya... 34 Gambar III.10 Rancangan Halaman Konfirmasi Pembayaran... 35 Gambar III.11 Rancangan Halaman Login Admin... 36 Gambar III.12. Rancangan Antar Muka Menu Slide... 37 Gambar III.13. Rancangan Antar Muka Data Kategori... 37 Gambar III.14. Rancangan Antar Muka Data Produk... 38 Gambar III.15. Rancangan Antar Muka Return... 38 Gambar III.16. Rancangan Antar Muka Data Invoice... 39 Gambar III.17. Rancangan Antar Muka Data Penghasilan... 39 Gambar III.18. Gambar Entity Relationship Diagram (ERD)... 40 Gambar III.19. Logical Relationship Entity (LRS)... 41 Gambar III.20. Sruktur Navigasi User... 52 Gambar III.21. Sruktur Navigasi Admin... 53 Gambar III.22. Rancangan Halaman Index Atau Home... 54 Gambar III.23. Rancangan Halaman About... 55 Gambar III.24. Rancangan Halaman Produk... 55 Gambar III.25. Rancangan Halaman Return... 56 Gambar III.26. Rancangan Halaman Contact Us... 56 Gambar III.27. Rancangan Halaman login user... 57 Gambar III.28. Rancangan Antar Muka Registrasi User... 57 Gambar III.29. Rancangan Antar Muka Kantong Belanja... 58 Gambar III.30. Rancangan Antar Muka Invoice Pemesanan... 58 xiii
Gambar III.31. Rancangan Antar Muka Akun User... 59 Gambar III.32. Rancangan Antar Muka Invoice Pesanan... 59 Gambar III.33. Rancangan Antar Muka Produk Pesanan... 60 Gambar III.34. Rancangan Antar Muka Login Admin... 60 Gambar III.35. Rancangan Antar Muka Menu Slide... 61 Gambar III.36. Rancangan Antar Muka Menu Kategori... 61 Gambar III.37. Rancangan Antar Muka Menu Produk... 62 Gambar III.38. Rancangan Antar Muka Menu Return... 62 Gambar III.39. Rancangan Antar Muka Data Invoice... 63 Gambar III.40. Rancangan Antar Muka Data Penghasilan... 63. xiv
DAFTAR TABEL Halaman Tabel III.1. Spesifikasi File Admin... 42 Tabel III.2. Spesifikasi File Member... 43 Tabel III.3. Spesifikasi File Produk... 44 Tabel III.4. Spesifikasi File Invoice... 45 Tabel III.5. Spesifikasi File Detail Invoice... 46 Tabel III.6. Spesifikasi File Konfirmasi Bayar... 47 Tabel III.7. Spesifikasi File Slide... 48 Tabel III.8. Spesifikasi File Sub Brand... 49 Tabel III.9. Spesifikasi File Testimoni... 49 Tabel III.10. Spesifikasi File Return... 50 Tabel III.11 Pengujian Terhadap Login Member... 66 Table III.12 Pengujian Terhadap Registrasi Member... 67 Tabel III.13 Pengujian Terhadap Pemesanan Produk... 68 Table III.14 Pengujian Terhadap Login Admin... 69 Tabel III.15 Pengujian Terhadap Input Produk... 70 xv