UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2006/2007 ANALISIS DAN PERANCANGAN APLIKASI MOBILE CONTENT STORE PADA PT ADVANCE INNOVATIONS Yogi Arifin Adisastra 0700707736 Hengky Kurniawan 0700709943 Kelas/kelompok: 07PAT/09 Abstrak Tujuan penelitian adalah mengetahui sejauh mana kinerja dan keefektifan sistem pemesanan content yang selama ini berjalan di masyarakat. Keefektifan dalam memesan content akan mempengaruhi pemesanan content yang terjadi, termasuk apakah content yang dipesan sesuai dengan keinginan customer atau tidak. Penelitian ini menggunakan metode penelitian studi kepustakaan, wawancara dan penyebaran angket (kuesioner). Kami melakukan wawancara langsung terhadap pihak PT Advance Innovations dan pejual handphone sebagai pelaku dalam bisnis content. Adapun kami menyebarkan angket (kuesioner) kepada masyarakat umum dan anggota divisi MAX (Mobile Application Xpert) PT Advance Innovations, penyebaran angket dapat mencerminkan sejauh mana kepuasan mereka terhadap sistem pemesanan content yang selama ini berjalan dan pendapat mereka tentang Mobile Content Store. Hasil penelitian yaitu aplikasi Mobile Content Store yang dapat diinstal pada handphone dan memberikan contoh-contoh content kepada para pengguna sebelum mereka membeli dan aplikasi ini dapat melakukan sinkronisasi dengan server pada PT Advance Innovations. Kami menyarankan penggunaan aplikasi ini pada PT Advance Innovations sebagai salah satu pengembangan teknologi di bidang mobile. Kata Kunci: sistem, content, handphone, aplikasi, Mobile Content Store iv
PRAKATA Puji syukur kami ucapkan kepada Tuhan Yang Maha Esa atas segala berkat dan karunia yang telah diberikan-nya sehingga pembuatan skripsi ini dapat terselesaikan tepat pada waktunya. Skripsi berjudul Analisis dan Perancangan Aplikasi Mobile Content Store pada PT Advance Innovations ini disusun sebagai salah satu syarat untuk memperoleh gelar kesarjanaan pada jenjang pendidikan Strata-1. Dalam pembuatan skripsi, penulis mendapatkan banyak bantuan dan dorongan yang sangat berarti dari orang-orang di sekitar. Oleh karena itu, pada kesempatan ini penulis ingin mengucapkan rasa terima kasih yang sebesar-besarnya kepada: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc, selaku rektor Universitas Bina Nusantara 2. Bapak Ir. Sablin Yusuf, M.Sc, M.Com.Sc, selaku dekan fasilkom Universitas Bina Nusantara 3. Bapak H. Mohammad Subekti, BE, M.Sc, selaku ketua jurusan teknik informatika Universitas Bina Nusantara 4. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku sekretaris jurusan teknik informatika Universitas Bina Nusantara 5. Bapak Romli, Drs., M.App.Com, selaku dosen pembimbing skripsi 6. Para dosen Universitas Bina Nusantara lainnya yang telah memberikan ilmu pengetahuan selama masa perkuliahan 7. Pimpinan dan staff PT. Advance Innovations yang telah memberikan kesempatan kepada penulis untuk membuat dan menerapkan aplikasi pada perusahaan v
8. Seluruh anggota keluarga dan kerabat dekat penulis yang senantiasa memberikan dorongan di saat-saat sulit 9. Teman-teman dan pihak lain yang turut memberikan saran dan masukkan selama pembuatan skripsi ini Sebagaimana peribahasa Tiada Gading yang Tak Retak, penulis menyadari bahwa penulisan skripsi ini masih jauh dari sempurna dan masih memiliki kekurangan. Oleh karena itu, penulis mengharapkan saran, kritik, dan masukkan yang berharga dari para pembaca sekalian sebagai bahan pembelajaran pada kesempatan yang akan datang. Akhir kata, penulis berharap agar skripsi ini dapat memberikan sumbangsih dan pengetahuan yang bermanfaat bagi para pembaca sekalian. Jakarta, Januari 2007 Penulis vi
DAFTAR ISI Halaman Halaman Judul Luar...i Halaman Judul Dalam...ii Halaman Persetujuan Hardcover...iii Abstrak...iv Prakata...v Daftar Isi...vii Daftar Tabel...xix Daftar Gambar...xxi BAB 1 PENDAHULUAN 1.1 Latar Belakang...1 1.2 Ruang Lingkup... 3 1.3 Tujuan dan Manfaat...4 1.4 Metodologi Penelitian...5 1.5 Sistematika Penulisan...6 BAB 2 LANDASAN TEORI 2.1 Teori Umum...8 2.1.1 Internet...8 2.1.1.1 Pengertian...8 2.1.1.2 Sejarah Singkat Internet...8 vii
2.1.2 Rekayasa Perangkat Lunak...10 2.1.2.1 Pengertian Perangkat Lunak...10 2.1.2.2 Tujuan Rekayasa Perangkat Lunak...10 2.1.2.3 Struktur Data...11 2.1.2.3.1 Pengertian Struktur Data...11 2.1.2.3.2 List...11 2.1.3 E-commerce...12 2.1.3.1 Pengertian e-commerce...12 2.1.3.2 B2B...12 2.1.3.3 B2C...12 2.1.4 Java...13 2.1.4.1 Sejarah Singkat Java...13 2.1.4.2 Pengertian Java...13 2.1.4.3 J2ME...14 2.1.4.4 RMS...15 2.1.4.5 J2EE...15 2.1.4.6 Servlet...16 2.1.4.7 JSP...16 2.1.4.8 JSF...17 2.1.5 Database...17 2.1.5.1 Pengertian Database...17 2.1.5.2 Komponen Database...18 2.1.5.3 SQL...19 viii
2.1.5.4 ORM...20 2.1.6 IMK...20 2.1.6.1 Pengertian IMK...20 2.1.6.2 Tujuan IMK...21 2.1.6.3 Delapan Aturan Emas...22 2.1.6.4 Sepuluh Kesalahan Utama...23 2.1.7 Alat Bantu Perancangan...24 2.1.7.1 Class Diagram...24 2.1.7.2 Use Case...25 2.1.7.3 Sequence Diagram...26 2.1.7.4 Activity Diagram...27 2.1.8 XML...28 2.2 Teori Khusus...28 2.2.1 Telepon Selular...28 2.2.2 Content...29 2.2.3 GPRS...30 2.2.4 NetBeans...30 2.2.5 Jakarta-Tomcat...31 2.2.6 PostGreSQL...31 2.2.7 Case Studio...32 2.2.8 HTML...32 2.2.9 ireport...32 2.2.10 Microsoft Visio...33 ix
2.2.11 Metodologi Penelitian...33 2.2.11.1 Studi Kepustakaan...34 2.2.11.2 Pengumpulan Data...34 2.2.11.2.1 Wawancara...35 2.2.11.2.2 Angket (Kuesioner)...35 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Sejarah Perusahaan dan Struktur Organisasi...37 3.1.1 Sejarah Perusahaan...37 3.1.1.1 Pengembangan Aplikasi Berbasis Web...39 3.1.1.2 Infrastruktur Internet dan Intranet...39 3.1.1.3 Aplikasi Mobile...40 3.1.2 Struktur Organisasi...40 3.1.2.1 Presiden Direktur...41 3.1.2.2 Direktur Marketing...41 3.1.2.3 Marketing Manager...41 3.1.2.4 Marketing Officer...42 3.1.2.5 Direktur Operasional...42 3.1.2.6 HRD...42 3.1.2.7 GA...43 3.1.2.8 QA...43 3.1.2.9 Software Developer...43 3.1.2.10 Infrastruktur...44 x
3.1.2.11 Finance...44 3.1.2.12 Accounting...44 3.2 Sistem Yang Sedang Berjalan...45 3.2.1 Hasil Wawancara dengan Pimpinan Divisi MAX PT Advance Innovations...45 3.2.2 Hasil Wawancara dengan Penjual Handphone dan Content Toko Total Selular...48 3.2.3 Hasil dan Analisis Angket (Kuesioner)...51 3.2.4 Analisis Sistem Yang Sedang Berjalan...61 3.3 Masalah...62 3.4 Solusi...64 3.5 Perancangan...67 3.5.1 Perancangan UML...67 3.5.1.1 Class Diagram...67 3.5.1.1.1 Class Diagram Server...67 3.5.1.1.2 Class Diagram Mobile-SignUp...69 3.5.1.1.3 Class Diagram Mobile-Main...70 3.5.1.2 Use Case...71 3.5.1.2.1 Use Case Server-Partner...72 3.5.1.2.2 Use Case Server-Admin...73 3.5.1.2.3 Use Case Mobile-Customer...75 3.5.1.3 Sequence Diagram...76 3.5.1.3.1 Sequence Diagram Sign In...76 xi
3.5.1.3.2 Sequence Diagram Partner Management...77 3.5.1.3.3 Sequence Diagram User Management...78 3.5.1.3.4 Sequence Diagram Content Management...79 3.5.1.3.5 Sequence Diagram Customer Management...80 3.5.1.3.6 Sequence Diagram Transaction Management...81 3.5.1.3.7 Sequence Diagram Approval Content...82 3.5.1.3.8 Sequence Diagram Generate Report...82 3.5.1.3.9 Sequence Diagram Log...83 3.5.1.3.10 Sequence Diagram Change Password...84 3.5.1.4 Activity Diagram...85 3.5.1.4.1 Activity Diagram Sign In...85 3.5.1.4.2 Activity Diagram Partner List...86 3.5.1.4.3 Activity Diagram User List...87 3.5.1.4.4 Activity Diagram Content List...87 3.5.1.4.5 Activity Diagram Customer List...88 3.5.1.4.6 Activity Diagram Transaction List...89 3.5.1.4.7 Activity Diagram Approval Content...90 3.5.1.4.8 Activity Diagram Generate Report...91 3.5.1.4.9 Activity Diagram Log...92 3.5.1.4.10 Activity Diagram Change Password...93 3.5.2 Perancangan Layar...94 3.5.2.1 Layar pada Server Berbasis Web...95 3.5.2.1.1 Layar signin...95 xii
3.5.2.1.2 Layar partnerlist...96 3.5.2.1.3 Layar updatepartner...97 3.5.2.1.4 Layar newpartner...98 3.5.2.1.5 Layar partnerdetail...99 3.5.2.1.6 Layar userlist...100 3.5.2.1.7 Layar updateuser...101 3.5.2.1.8 Layar newuser...102 3.5.2.1.9 Layar userdetail...103 3.5.2.1.10 Layar contentlist...104 3.5.2.1.11 Layar updatecontent...106 3.5.2.1.12 Layar newcontent...107 3.5.2.1.13 Layar contentdetail...108 3.5.2.1.14 Layar customerlist...109 3.5.2.1.15 Layar updatecustomer...110 3.5.2.1.16 Layar customerdetail...110 3.5.2.1.17 Layar transactionlist...112 3.5.2.1.18 Layar updatetransaction...113 3.5.2.1.19 Layar transactiondetail...114 3.5.2.1.20 Layar approvalcontent...115 3.5.2.1.21 Layar generatereport...117 3.5.2.1.22 Layar log...118 3.5.2.1.23 Layar changepassword...119 xiii
3.5.2.2 Layar pada Aplikasi Mobile Client...120 3.5.2.2.1 Layar signup...120 3.5.2.2.2 Layar mylist...121 3.5.2.2.3 Layar listimage...122 3.5.2.2.4 Layar listmusic...123 3.5.2.2.5 Layar search...125 3.5.2.2.6 Layar help...126 3.5.3 Perancangan Database...127 3.5.3.1 Hubungan Antara Tabel-Tabel...127 3.5.3.2 tbl_user...128 3.5.3.3 tbl_partner...130 3.5.3.4 tbl_group...133 3.5.3.5 tbl_log...135 3.5.3.6 tbl_group_role...136 3.5.3.7 tbl_activity...138 3.5.3.8 tbl_menu_list...139 3.5.3.9 tbl_content...141 3.5.3.10 tbl_transaksi...144 3.5.3.11 tbl_constant...146 3.5.3.12 tbl_customer...147 3.5.4 Perancangan Pseudocode...149 3.5.4.1 Pseudocode Server-Admin...149 3.5.4.2 Pseudocode Server-Client...168 xiv
3.5.4.3 Pseudocode Mobile-SignUp...173 3.5.4.4 Pseudocode Mobile-Main...174 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi...179 4.1.1 Software dan Hardware...179 4.1.1.1 Software...179 4.1.1.1.1 Java jdk-1_5_0_03...180 4.1.1.1.2 Netbeans 5.5...180 4.1.1.1.3 PostGreSQL 8.1...180 4.1.1.1.4 Case Studio 2 versi 2.22...181 4.1.1.1.5 Jakarta-Tomcat-5.0.16...181 4.1.1.1.6 Cayenne-1.2.1...181 4.1.1.1.7 ireport-1.2.8...182 4.1.1.1.8 Microsoft Visio 2003...182 4.1.1.2 Hardware...182 4.1.1.2.1 Hardware Server...182 4.1.1.2.2 Hardware Client...183 4.1.2 Sumber Daya Manusia...184 4.1.3 Cara Instalasi...184 4.1.3.1 Instalasi jdk-1_5_0_03...185 4.1.3.2 Instalasi Netbeans 5.5...185 4.1.3.2.1 Instalasi Netbeans 5.5...185 xv
4.1.3.2.2 Instalasi Netbeans 5.5_mobility...186 4.1.3.3 Instalasi PostGreSQL 8.1...187 4.1.3.4 Instalasi Case Studio 2 versi 2.22...188 4.1.3.5 Instalasi Jakarta-Tomcat-5.0.16...189 4.1.3.6 Instalasi Cayenne-1.2.1...190 4.1.3.7 Instalasi ireport-1.2.8...190 4.1.3.8 Instalasi Micorosoft Visio 2003...190 4.1.3.9 Instalasi Mobile Content Store Server...191 4.1.3.10 Instalasi Mobile Content Store Mobile Client...192 4.1.4 Tampilan Layar...192 4.1.4.1 Layar pada Server Berbasis Web...193 4.1.4.1.1 Layar signin...193 4.1.4.1.2 Layar partnerlist...194 4.1.4.1.3 Layar updatepartner...195 4.1.4.1.4 Layar newpartner...196 4.1.4.1.5 Layar partnerdetail...197 4.1.4.1.6 Layar userlist...198 4.1.4.1.7 Layar updateuser...199 4.1.4.1.8 Layar newuser...200 4.1.4.1.9 Layar userdetail...201 4.1.4.1.10 Layar contentlist...202 4.1.4.1.11 Layar updatecontent...204 4.1.4.1.12 Layar newcontent...205 xvi
4.1.4.1.13 Layar contentdetail...206 4.1.4.1.14 Layar customerlist...207 4.1.4.1.15 Layar updatecustomer...208 4.1.4.1.16 Layar customerdetail...208 4.1.4.1.17 Layar transactionlist...210 4.1.4.1.18 Layar updatetransaction...211 4.1.4.1.19 Layar transactiondetail...212 4.1.4.1.20 Layar approvalcontent...213 4.1.4.1.21 Layar generatereport...215 4.1.4.1.22 Layar log...216 4.1.4.1.23 Layar changepassword...217 4.1.4.2 Layar pada Aplikasi Mobile Client...218 4.1.4.2.1 Layar signup...218 4.1.4.2.2 Layar mylist...219 4.1.4.2.3 Layar listimage...220 4.1.4.2.4 Layar listmusic...222 4.1.4.2.5 Layar search...223 4.1.4.2.6 Layar help...224 4.2 Evaluasi...226 4.2.1 Evaluasi Internal...226 4.2.1.1 Delapan Aturan Emas...226 4.2.1.2 Sepuluh Kesalahan Utama...227 xvii
4.2.2 Evaluasi Eksternal...229 4.2.2.1 Hasil Wawancara dengan Anggota Divisi MAX PT Advance Innovations...229 4.2.2.2 Hasil dan Evaluasi Angket (Kuesioner)...232 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan...249 5.2 Saran...250 DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN SURAT KETERANGAN SURVEI xviii
DAFTAR TABEL Halaman Tabel 3.1 Persentase Jawaban Pertanyaan nomor 1 Angket Analisis...51 Tabel 3.2 Persentase Jawaban Pertanyaan nomor 2 Angket Analisis...52 Tabel 3.3 Persentase Jawaban Pertanyaan nomor 3 Angket Analisis...53 Tabel 3.4 Persentase Jawaban Pertanyaan nomor 4 Angket Analisis...54 Tabel 3.5 Persentase Jawaban Pertanyaan nomor 5 Angket Analisis...55 Tabel 3.6 Persentase Jawaban Pertanyaan nomor 6 Angket Analisis...56 Tabel 3.7 Persentase Jawaban Pertanyaan nomor 7 Angket Analisis...57 Tabel 3.8 Persentase Jawaban Pertanyaan nomor 8 Angket Analisis...58 Tabel 3.9 Persentase Jawaban Pertanyaan nomor 9 Angket Analisis...59 Tabel 3.10 Persentase Jawaban Pertanyaan nomor 10 Angket Analisis...60 Tabel 3.11 tbl_user...128 Tabel 3.11 tbl_partner...130 Tabel 3.12 tbl_group...133 Tabel 3.13 tbl_log...135 Tabel 3.14 tbl_group_role...136 Tabel 3.15 tbl_activity...138 Tabel 3.16 tbl_menu_list...139 Tabel 3.17 tbl_content...141 Tabel 3.18 tbl_transaksi...144 xix
Tabel 3.19 tbl_constant...146 Tabel 3.20 tbl_customer...147 Tabel 4.1 Persentase Jawaban Pertanyaan nomor 1 Angket Evaluasi...232 Tabel 4.2 Persentase Jawaban Pertanyaan nomor 2 Angket Evaluasi...233 Tabel 4.3 Persentase Jawaban Pertanyaan nomor 3 Angket Evaluasi...234 Tabel 4.4 Persentase Jawaban Pertanyaan nomor 4 Angket Evaluasi...235 Tabel 4.5 Persentase Jawaban Pertanyaan nomor 5 Angket Evaluasi...235 Tabel 4.6 Persentase Jawaban Pertanyaan nomor 6 Angket Evaluasi...236 Tabel 4.7 Persentase Jawaban Pertanyaan nomor 7 Angket Evaluasi...237 Tabel 4.8 Persentase Jawaban Pertanyaan nomor 8 Angket Evaluasi...238 Tabel 4.9 Persentase Jawaban Pertanyaan nomor 9 Angket Evaluasi...239 Tabel 4.10 Persentase Jawaban Pertanyaan nomor 10 Angket Evaluasi...239 Tabel 4.11 Persentase Jawaban Pertanyaan nomor 11 Angket Evaluasi...240 Tabel 4.12 Persentase Jawaban Pertanyaan nomor 12 Angket Evaluasi...241 Tabel 4.13 Persentase Jawaban Pertanyaan nomor 13 Angket Evaluasi...242 Tabel 4.14 Persentase Jawaban Pertanyaan nomor 14 Angket Evaluasi...243 Tabel 4.15 Persentase Jawaban Pertanyaan nomor 15 Angket Evaluasi...243 Tabel 4.16 Persentase Jawaban Pertanyaan nomor 16 Angket Evaluasi...244 Tabel 4.17 Persentase Jawaban Pertanyaan nomor 17 Angket Evaluasi...245 Tabel 4.18 Persentase Jawaban Pertanyaan nomor 18 Angket Evaluasi...246 Tabel 4.19 Persentase Jawaban Pertanyaan nomor 19 Angket Evaluasi...247 Tabel 4.20 Persentase Jawaban Pertanyaan nomor 20 Angket Evaluasi...248 xx
DAFTAR GAMBAR Halaman Gambar 2.1 Kelas...24 Gambar 2.2 Asosiasi dan Multiplisitas...25 Gambar 2.3 Generalisasi...25 Gambar 2.4 Use Case...26 Gambar 2.5 Sequence Diagram...26 Gambar 2.6 Activity Diagram...27 Gambar 2.7 Telepon Selular...29 Gambar 3.1 Struktur Organisasi...40 Gambar 3.2 Fitur-fitur Mobile Content Store Server...64 Gambar 3.3 Fitur-fitur Aplikasi Mobile Content Store Client...65 Gambar 3.4 Perancangan Class Diagram Server...68 Gambar 3.5 Perancangan Class Diagram Mobile-SignUp...69 Gambar 3.6 Perancangan Class Diagram Mobile-Main...70 Gambar 3.7 Perancangan Use Case Utama...71 Gambar 3.8 Perancangan Use Case Server-Partner...72 Gambar 3.9 Perancangan Use Case Server-Admin...74 Gambar 3.10 Perancangan Use Case Mobile-Customer...75 Gambar 3.11 Perancangan Sequence Diagram Sign In...76 Gambar 3.12 Perancangan Sequence Diagram Partner Management...77 Gambar 3.13 Perancangan Sequence Diagram User Management...78 Gambar 3.14 Perancangan Sequence Diagram Content Management...79 xxi
Gambar 3.15 Perancangan Sequence Diagram Customer Management...80 Gambar 3.16 Perancangan Sequence Diagram Transaction Management...81 Gambar 3.17 Perancangan Sequence Diagram Approval Content...82 Gambar 3.18 Perancangan Sequence Diagram Generate Report...83 Gambar 3.19 Perancangan Sequence Diagram Log...84 Gambar 3.20 Perancangan Sequence Diagram Change Password...84 Gambar 3.21 Perancangan Activity Diagram Sign In...85 Gambar 3.22 Perancangan Activity Diagram Partner List...86 Gambar 3.23 Perancangan Activity Diagram User List...87 Gambar 3.24 Perancangan Activity Diagram Content List...88 Gambar 3.25 Perancangan Activity Diagram Customer List...89 Gambar 3.26 Perancangan Activity Diagram Transaction List...90 Gambar 3.27 Perancangan Activity Diagram Approval Content...91 Gambar 3.28 Perancangan Activity Diagram Generate Report...92 Gambar 3.29 Perancangan Activity Diagram Log...93 Gambar 3.30 Perancangan Activity Diagram Change Password...94 Gambar 3.31 Perancangan Layar signin...95 Gambar 3.32 Perancangan Layar partnerlist...97 Gambar 3.33 Perancangan Layar updatepartner...98 Gambar 3.34 Perancangan Layar newpartner...99 Gambar 3.35 Perancangan Layar partnerdetail...100 Gambar 3.36 Perancangan Layar userlist...101 Gambar 3.37 Perancangan Layar updateuser...102 xxii
Gambar 3.38 Perancangan Layar newuser...103 Gambar 3.39 Perancangan Layar userdetail...104 Gambar 3.40 Perancangan Layar contentlist...105 Gambar 3.41 Perancangan Layar updatecontent...106 Gambar 3.42 Perancangan Layar newcontent...107 Gambar 3.43 Perancangan Layar contentdetail...108 Gambar 3.44 Perancangan Layar customerlist...109 Gambar 3.45 Perancangan Layar updatecustomer...110 Gambar 3.46 Perancangan Layar customerdetail...111 Gambar 3.47 Perancangan Layar transactionlist...113 Gambar 3.48 Perancangan Layar updatetransaction...114 Gambar 3.49 Perancangan Layar transactiondetail...115 Gambar 3.50 Perancangan Layar approvalcontent...117 Gambar 3.51 Perancangan Layar generatereport...118 Gambar 3.52 Perancangan Layar log...119 Gambar 3.53 Perancangan Layar changepassword...120 Gambar 3.54 Perancangan Layar signup...121 Gambar 3.55 Perancangan Layar mylist...122 Gambar 3.56 Perancangan Layar listimage...123 Gambar 3.57 Perancangan Layar listmusic...124 Gambar 3.58 Perancangan Layar search...125 Gambar 3.59 Perancangan Layar help...126 Gambar 3.60 Hubungan tabel-tabel database MCS...127 xxiii
Gambar 4.1 Tampilan Layar signin...194 Gambar 4.2 Tampilan Layar partnerlist...195 Gambar 4.3 Tampilan Layar updatepartner...196 Gambar 4.4 Tampilan Layar newpartner...197 Gambar 4.5 Tampilan Layar partnerdetail...198 Gambar 4.6 Tampilan Layar userlist...199 Gambar 4.7 Tampilan Layar updateuser...200 Gambar 4.8 Tampilan Layar newuser...201 Gambar 4.9 Tampilan Layar userdetail...202 Gambar 4.10 Tampilan Layar contentlist...203 Gambar 4.11 Tampilan Layar updatecontent...204 Gambar 4.12 Tampilan Layar newcontent...205 Gambar 4.13 Tampilan Layar contentdetail...206 Gambar 4.14 Tampilan Layar customerlist...207 Gambar 4.15 Tampilan Layar updatecustomer...208 Gambar 4.16 Tampilan Layar customerdetail...209 Gambar 4.17 Tampilan Layar transactionlist...211 Gambar 4.18 Tampilan Layar updatetransaction...212 Gambar 4.19 Tampilan Layar transactiondetail...213 Gambar 4.20 Tampilan Layar approvalcontent...215 Gambar 4.21 Tampilan Layar generatereport...216 Gambar 4.22 Tampilan Layar log...217 Gambar 4.23 Tampilan Layar changepassword...218 xxiv
Gambar 4.24 Tampilan Layar signup...219 Gambar 4.25 Tampilan Layar mylist...220 Gambar 4.26 Tampilan Layar listimage...221 Gambar 4.27 Tampilan Layar listmusic...223 Gambar 4.28 Tampilan Layar search...224 Gambar 4.29 Tampilan Layar help...225 xxv