ANALISIS DAN PERANCANGAN PORTAL UNTUK USAHA KECIL DAN MENENGAH (UKM) DI INDONESIA SKRIPSI Oleh Yuliana (0900822470) Fieliati (0900822483) Lina Sulastri (0900822685) Universitas Bina Nusantara Jakarta 2009
ANALISIS DAN PERANCANGAN PORTAL UNTUK USAHA KECIL DAN MENENGAH (UKM) DI INDONESIA SKRIPSI Diajukan sebagai salah satu syarat Untuk gelar kesarjanaan pada Jurusan Komputerisasi Akuntansi Jenjang Pendidikan Strata-1 Oleh Yuliana (0900822470) Fieliati (0900822483) Lina Sulastri (0900822685) Universitas Bina Nusantara Jakarta 2009 ii
ANALISIS DAN PERANCANGAN PORTAL UNTUK USAHA KECIL DAN MENENGAH (UKM) DI INDONESIA SKRIPSI Disusun oleh : _ Yuliana Fieliati Lina Sulastri 0900822470 0900822483 0900822685 Disetujui oleh : Pembimbing Henny Hendarti, S.Kom., MM., Dr Kddsn: D0840 Universitas Bina Nusantara Jakarta 2009 iii
PRAKATA Pertama-tama penulis panjatkan puji dan syukur kepada Tuhan Yang Maha Esa, karena atas berkat dan rahmat-nya sehingga penulisan skripsi ini dapat diselesaikan tepat pada waktunya. Dalam penulisan skripsi ini, penulis banyak memperoleh bantuan dan dukungan dari berbagai pihak, baik secara langsung maupun tidak langsung. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan ucapan terima kasih kepada: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Nusantara yang telah memberikan sarana dan prasarana dalam menyelesaikan skripsi ini. 2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc, selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara. 3. Ibu Yanti, S.Kom., MM selaku Ketua Jurusan Komputerisasi Akuntansi. 4. Ibu Noerlina N, S.Kom., MM selaku Sekretaris Jurusan Komputerisasi Akuntansi. 5. Ibu Henny Hendarti, S.Kom., MM., Dr, selaku dosen pembimbing kami. 6. Seluruh dosen Universitas Bina Nusantara yang telah memberikan bekal ilmu bagi penulis selama ini dan yang telah membantu penulis selama penulisan skripsi ini. 7. Orang tua dan saudara kami masing-masing yang telah memberikan banyak dukungan dan memungkinkan kami menempuh pendidikan Strata-1 di Universitas Bina Nusantara. viii
8. Teman-teman penulis dan semua pihak yang tidak dapat disebutkan satu persatu yang telah memberikan dukungan, saran dan bantuan dalam penyelesaian skripsi ini. Akhir kata, penulis mengucapkan banyak terima kasih dan semoga penulisan skripsi ini dapat bermanfaat tidak hanya untuk penulis tetapi juga untuk semua orang yang membacanya. Jakarta, Januari 2009 Penulis ix
DAFTAR ISI Halaman Judul Luar... i Halaman Judul Dalam... ii Halaman Persetujuan Hardcover.... Halaman Pernyataan Dewan Penguji... iii iv Abstrak vii Prakata... viii Daftar Isi... x Daftar Tabel... xiv Daftar Gambar... xv Daftar Lampiran.. xxix BAB 1 PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Ruang lingkup.. 3 1.3 Tujuan dan Manfaat. 3 1.4 Metodologi... 4 1.5 Sistematika Penulisan.. 5 BAB 2 LANDASAN TEORI 2.1 Internet. 7 2.1.1 Sejarah internet 7 2.1.2 WWW (World Wide Web)... 10 2.1.3 URL (Universal Resource Location)... 11 2.1.4 Web Browser 12 x
2.1.5 Web Server... 12 2.1.6 HTTP (Hypertext Transport Protocol) 12 2.2 Analisis 13 2.3 Perancangan. 13 2.4 Class Diagram.. 14 2.5 Usecase Diagram. 15 2.6 State Transition Diagram... 17 2.7 Perancangan Layar Antar Muka... 17 2.7.1 Delapan Aturan Emas... 18 2.7.2 Lima Faktor Manusia... 20 2.7.3 Waktu Respon... 20. 2.8 SWOT (Strength Weakness Opportunities Threats) 22 2.9 Portal... 24 2.9.1 Tipe-tipe portal... 25 2.9.2 Komponen Fungsional Portal... 29 2.9.3 Komponen Teknik Portal... 31 2.10 Kewirausahaan... 36 2.10.1 Profil kewirausahaan... 36 2.10.2 Manfaat kewirausahaan... 38 2.10.3 Kelemahan wirausahawan... 40 2.11 Usaha Kecil dan Menengah (UKM)... 41 2.11.1 Kriteria Usaha Kecil dan Menengah (UKM)... 42 2.11.2 Karakteristik dan Perbedaan Ukuran Usaha Kecil dan Menengah (UKM)... 43 xi
2.11.3 Jenis-Jenis Usaha Kecil dan Menengah (UKM)... 44 BAB 3 ANALISIS PORTAL USAHA KECIL DAN MENENGAH (UKM) SEJENIS 3.1 Analisis Gambaran Umum Usaha Kecil dan Menengah (UKM) di Indonesia... 46 3.2 Analisis Gambaran Umum Portal Usaha Kecil dan Menengah (UKM) yang ada di Indonesia... 49 3.3 Perbandingan Antar Portal Usaha Kecil dan Menengah (UKM) Sejenis... 52 3.4 Analisis Permasalahan... 67 3.5 Usulan Pemecahan Masalah 69 3.6 Identifikasi Kebutuhan Informasi... 70 3.7 Analisis SWOT (Strengths, Weakness, Opportunity, Threat).. 72 BAB 4 PERANCANGAN DAN RENCANA IMPLEMENTASI 4.1 Perancangan Situs. 73 4.1.1 Class Diagram. 73 4.1.2 UseCase Diagram 74 4.1.2.1 Usecase Diagram Pengaturan Situs Portal UKM 74 4.1.2.2 Usecase Diagram User 75 4.1.3 Perancangan Database... 76 4.1.4 State Transition Diagram... 83 4.1.4.1 State Transition Diagram Sebagai Pengunjung... 83 4.1.4.2 State Transition Diagram Sebagai Member dan Member Sekaligus Pemilik UKM... 86 xii
4.1.4.3 State Transition Diagram Sebagai Admin.. 93 4.1.5 Perancangan Layar.. 100 4.1.5.1 Perancangan Layar Sebagai Pengunjung.. 100 4.1.5.2 Perancangan Layar Sebagai Member dan Member Sekaligus Pemilik UKM. 119 4.1.5.3 Perancangan Layar Sebagai Admin. 147 4.2 Rencana implementasi.. 174 4.2.1 Kebutuhan Perangkat Keras / Hardware. 175 4.2.2 Kebutuhan Perangkat Lunak/ Software... 177 4.2.3 Kebutuhan Jaringan... 178 4.2.4 Kebutuhan Sumber Daya Manusia/ Brainware... 178 4.3 Cara pengoperasian Aplikasi. 179 4.3.1 Cara Pengoperasian Aplikasi Sebagai Pengunjung.. 180 4.3.2 Cara Pengoperasian Aplikasi Sebagai Member dan Member Sekaligus Pemilik UKM... 201 4.3.3 Cara Pengoperasian Aplikasi Sebagai Admin. 228 BAB 5 SIMPULAN DAN SARAN 5.1 Simpulan.. 260 5.2 Saran... 261 DAFTAR PUSTAKA... 264 RIWAYAT HIDUP... 266 LAMPIRAN-LAMPIRAN SURAT SURVEI xiii
DAFTAR TABEL Tabel 2.1 Matriks SWOT... 24 Tabel 2.2 Perbedaan Ukuran Usaha Kecil Menengah... 43 Tabel 3.1 Pertumbuhan UKM terhadap PDB tahun 2006, 2007... 48 Tabel 3.2 Perbandingan Portal UKM sejenis... 66 Tabel 3.3 Analisis SWOT... 72 Tabel 4.1 Tabel tab_artikel... 76 Tabel 4.2 Tabel tab_comment... 76 Tabel 4.3 Tabel tab_kategori... 77 Tabel 4.4 Tabel tab_sub_kategori... 77 Tabel 4.5 Tabel tab_login... 77 Tabel 4.6 Tabel tab_produk... 78 Tabel 4.7 Tabel tab_regulasi... 79 Tabel 4.8 Tabel tab_tips... 79 Tabel 4.9 Tabel tab_ukm... 80 Tabel 4.10 Tabel forum_question 81 Tabel 4.11 Tabel forum_answer.. 82 Tabel 4.12 Rencana Implementasi... 175 xiv
DAFTAR GAMBAR Gambar 3.1 Portal UKM : ukm.barat.jakarta.go.id... 52 Gambar 3.2 Portal UKM : umkm.jogja.go.id. 54 Gambar 3.3 Portal UKM : www.sentrakukm.com. 56 Gambar 3.4 Portal UKM : www.smecda.com 58 Gambar 3.5 Portal UKM : www.sentraukm.com... 60 Gambar 3.6 Portal UKM : www.ukmcenter.com... 62 Gambar 3.7 Portal UKM : www.forumukm.com 64 Gambar 4.1 Class Diagram... 73 Gambar 4.2 Usecase Diagram Pengaturan Situs Portal UK... 74 Gambar 4.3 Usecase Diagram User... 75 Gambar 4.4 STD Main Menu... 83 Gambar 4.5 STD Hasil Pencarian Produk... 84 Gambar 4.6 STD Halaman Tips... 84 Gambar 4.7 STD Halaman Artikel... 84 Gambar 4.8 STD Halaman Regulasi... 84 Gambar 4.9 STD Halaman Kategori Produk UKM ( Contoh Tanaman Hias)... 85 Gambar 4.10 STD Menu Web UKM... 85 Gambar 4.11 STD Halaman Forum... 85 Gambar 4.12 STD Halaman Registrasi... 86 Gambar 4.13 STD Verifikasi Login Untuk Member... 86 Gambar 4.14 STD Main Menu Untuk Member dan Member Sekaligus Pemilik UKM... 87 xv
Gambar 4.15 STD Pencarian Produk Untuk Member dan Member Sekaligus Pemilik UKM... 88 Gambar 4.16 STD Halaman Tips Untuk Member dan Member Sekaligus Pemilik UKM... 88 Gambar 4.17 STD Halaman Artikel Untuk Member dan Member Sekaligus Pemilik UKM... 88 Gambar 4.18 STD Halaman Regulasi Untuk Member dan Member Sekaligus Pemilik UKM... 89 Gambar 4.19 STD Halaman Kategori Produk UKM Untuk Member ( contoh Tanaman Hias )... 89 Gambar 4.20 STD Halaman Kategori Produk UKM Untuk Member Sekaligus Pemilik UKM ( Contoh Tanaman Hias )... 89 Gambar 4.21 STD Menu Web UKM Untuk Member... 90 Gambar 4.22 STD Menu Web UKM Untuk Member Sekaligus Pemilik UKM... 90 Gambar 4.23 STD Halaman Produk Web UKM Untuk Member Sekaligus Pemilik UKM... 91 Gambar 4.24 STD Halaman Komentar Web UKM Untuk Member dan Member Sekaligus Pemilik UKM... 91 Gambar 4.25 STD Halaman Tambah Produk Web UKM Untuk Member Sekaligus Pemilik UKM... 92 Gambar 4.26 STD Halaman Forum Untuk Member dan Member Sekaligus Pemilik UKM... 92 Gambar 4.27 STD Halaman Daftarkan Usaha Anda Untuk Member dan Member Sekaligus Pemilik UKM... 93 xvi
Gambar 4.28 STD Verifikasi Login... 93 Gambar 4.29 STD Main Menu... 94 Gambar 4.30 STD Hasil Pencarian Produk... 95 Gambar 4.31 STD Halaman Tips... 95 Gambar 4.32 STD Halaman Artikel... 96 Gambar 4.33 STD Halaman Regulasi... 96 Gambar 4.34 STD Halaman Kategori Produk UKM ( Contoh Tanaman Hias )... 97 Gambar 4.35 STD Menu Web UKM... 97 Gambar 4.36 STD Halaman Produk Web UKM... 98 Gambar 4.37 STD Halaman Komentar Web UKM... 98 Gambar 4.38 STD Halaman Tambah Produk Web UKM... 98 Gambar 4.39 STD Halaman Forum... 99 Gambar 4.40 STD Halaman Daftarkan Usaha... 99 Gambar 4.41 STD Cek Status... 100 Gambar 4.42 Perancangan Layar Home... 100 Gambar 4.43 Perancangan Layar Menu Tentang Kami... 101 Gambar 4.44 Perancangan Layar Visi & Misi... 101 Gambar 4.45 Perancangan Layar Menu Info UKM... 102 Gambar 4.46 Perancangan Layar Tips... 102 Gambar 4.47 Perancangan Layar Artikel... 103 Gambar 4.48 Perancangan Layar Regulasi... 103 Gambar 4.49 Perancangan Layar Menu Produk... 104 Gambar 4.50 Perancangan Layar Menu Produk Pertanian... 104 Gambar 4.51 Perancangan Layar Menu Produk Peternakan... 105 xvii
Gambar 4.52 Perancangan Layar Menu Produk Sandang... 105 Gambar 4.53 Perancangan Layar Menu Produk Kerajinan... 106 Gambar 4.54 Perancangan Layar Menu Produk Jasa... 106 Gambar 4.55 Perancangan Layar Menu Produk Pariwisata... 107 Gambar 4.56 Perancangan Layar Menu Produk Pendidikan... 107 Gambar 4.57 Perancangan Layar Menu Produk Kuliner... 108 Gambar 4.58 Perancangan Layar Forum... 108 Gambar 4.59 Perancangan Layar Forum Detail... 109 Gambar 4.60 Perancangan Layar Kontak... 109 Gambar 4.61 Perancangan Layar Hasil Pencarian Produk... 110 Gambar 4.62 Perancangan Layar Menu Pertanian... 111 Gambar 4.63 Perancangan Layar Menu Peternakan... 111 Gambar 4.64 Perancangan Layar Menu Sandang... 112 Gambar 4.65 Perancangan Layar Menu Kerajinan... 112 Gambar 4.66 Perancangan Layar Menu Jasa... 113 Gambar 4.67 Perancangan Layar Menu Pariwisata... 113 Gambar 4.68 Perancangan Layar Menu Pendidikan... 114 Gambar 4.69 Perancangan Layar Menu Kuliner... 114 Gambar 4.70 Perancangan Layar Tampilan Home Web UKM... 115 Gambar 4.71 Perancangan Layar Tampilan Tentang Kami Web UKM... 115 Gambar 4.72 Perancangan Layar Tampilan Produk Web UKM... 116 Gambar 4.73 Perancangan Layar Tampilan Kontak Web UKM... 117 Gambar 4.74 Perancangan Layar Tampilan Komentar Web UKM... 117 Gambar 4.75 Perancangan Layar Registrasi Member... 118 xviii
Gambar 4.76 Perancangan Layar Pesan Sukses Registrasi Member... 118 Gambar 4.77 Perancangan Layar Sesudah Login untuk Member dan Member Sekaligus Pemilik UKM... 119 Gambar 4.78 Perancangan Layar Menu Tentang Kami untuk Member dan Member Sekaligus Pemilik UKM... 119 Gambar 4.79 Perancangan Layar Visi & Misi untuk Member dan Member Sekaligus Pemilik UKM... 120 Gambar 4.80 Perancangan Layar Menu Info UKM untuk Member dan Member Sekaligus Pemilik UKM... 120 Gambar 4.81 Perancangan Layar Tips untuk Member dan Member Sekaligus Pemilik UKM... 121 Gambar 4.82 Perancangan Layar Artikel untuk Member dan Member Sekaligus Pemilik UKM... 121 Gambar 4.83 Perancangan Layar Regulasi untuk Member dan Member Sekaligus Pemilik UKM... 122 Gambar 4.84 Perancangan Layar Menu Produk untuk Member dan Member Sekaligus Pemilik UKM... 122 Gambar 4.85 Perancangan Layar Menu Produk Pertanian untuk Member dan Member Sekaligus Pemilik UKM... 123 Gambar 4.86 Perancangan Layar Menu Produk Peternakan untuk Member dan Member Sekaligus Pemilik UKM... 123 Gambar 4.87 Perancangan Layar Menu Produk Sandang untuk Member dan Member Sekaligus Pemilik UKM... 124 xix
Gambar 4.88 Perancangan Layar Menu Produk Kerajinan untuk Member dan Member Sekaligus Pemilik UKM... 124 Gambar 4.89 Perancangan Layar Menu Produk Jasa untuk Member dan Member Sekaligus Pemilik UKM... 125 Gambar 4.90 Perancangan Layar Menu Produk Pariwisata untuk Member dan Member Sekaligus Pemilik UKM... 125 Gambar 4.91 Perancangan Layar Menu Produk Pendidikan untuk Member dan Member Sekaligus Pemilik UKM... 126 Gambar 4.92 Perancangan Layar Menu Produk Kuliner untuk Member dan Member Sekaligus Pemilik UKM... 126 Gambar 4.93 Perancangan Layar Ubah dan Hapus Topik Forum untuk Member dan Member Sekaligus Pemilik UKM... 127 Gambar 4.94 Perancangan Layar Ubah Topik Forum untuk Member dan Member Sekaligus Pemilik UKM... 127 Gambar 4.95 Perancangan Layar Forum Detail dan Tambah Jawaban untuk Member dan Member Sekaligus Pemilik UKM... 128 Gambar 4.96 Perancangan Layar Buat Topik Baru Forum untuk Member dan Member Sekaligus Pemilik UKM... 128 Gambar 4.97 Perancangan Layar Kontak untuk Member dan Member Sekaligus Pemilik UKM... 129 Gambar 4.98 Perancangan Layar Hasil Pencarian Produk untuk Member dan Member Sekaligus Pemilik UKM... 130 Gambar 4.99 Perancangan Layar Menu Pertanian untuk Member dan Member Sekaligus Pemilik UKM... 131 xx
Gambar 4.100 Perancangan Layar Menu Peternakan untuk Member dan Member Sekaligus Pemilik UKM... 131 Gambar 4.101 Perancangan Layar Menu Sandang untuk Member dan Member Sekaligus Pemilik UKM.. 132 Gambar 4.102 Perancangan Layar Menu Kerajinan untuk Member dan Member Sekaligus Pemilik UKM.. 132 Gambar 4.103 Perancangan Layar Menu Jasa untuk Member dan Member Sekaligus Pemilik UKM.. 133 Gambar 4.104 Perancangan Layar Menu Pariwisata untuk Member dan Member Sekaligus Pemilik UKM.. 133 Gambar 4.105 Perancangan Layar Menu Pendidikan untuk Member dan Member Sekaligus Pemilik UKM. 134 Gambar 4.106 Perancangan Layar Menu Kuliner untuk Member dan Member Sekaligus Pemilik UKM... 134 Gambar 4.107 Perancangan Layar Pendaftaran UKM untuk Member dan Member Sekaligus Pemilik UKM.. 135 Gambar 4.108 Perancangan Layar Pesan Sukses Pendaftaran UKM untuk Member dan Member Sekaligus Pemilik UKM.. 136 Gambar 4.109 Perancangan Layar Tampilan Home Web UKM untuk Member. 136 Gambar 4.110 Perancangan Layar Tampilan Home Web UKM untuk Member Sekaligus Pemilik UKM 137 Gambar 4.111 Perancangan Layar Tampilan Tentang Kami Web UKM untuk Member... 137 xxi
Gambar 4.112 Perancangan Layar Tampilan Tentang Kami Web UKM untuk Member Sekaligus Pemilik UKM... 138 Gambar 4.113 Perancangan Layar Tampilan Produk Web UKM untuk Member... 139 Gambar 4.114 Perancangan Layar Tampilan Ubah dan Hapus Produk Web UKM untuk Member Sekaligus Pemilik UKM... 140 Gambar 4.115 Perancangan Layar Tampilan Ubah Produk Web UKM untuk Member Sekaligus Pemilik UKM... 141 Gambar 4.116 Perancangan Layar Tampilan Kontak Web UKM untuk Member... 141 Gambar 4.117 Perancangan Layar Tampilan Kontak Web UKM untuk Member Sekaligus Pemilik UKM.. 142 Gambar 4.118 Perancangan Layar Tampilan Ubah dan Hapus Komentar Web UKM untuk Member... 142 Gambar 4.119 Perancangan Layar Tampilan Web UKM Ubah dan Hapus Komentar untuk Member Sekaligus Pemilik UKM... 143 Gambar 4.120 Perancangan Layar Tampilan Ubah Komentar Web UKM untuk Member... 143 Gambar 4.121 Perancangan Layar Tampilan Ubah Komentar Web UKM untuk Member Sekaligus Pemilik UKM... 144 Gambar 4.122 Perancangan Layar Tampilan Tambah Produk Web UKM untuk Member Sekaligus Pemilik UKM... 144 Gambar 4.123 Perancangan Layar Ubah dan Hapus UKM untuk Member Sekaligus Pemilik UKM... 145 xxii
Gambar 4.124 Perancangan Layar Ubah UKM untuk Member Sekaligus Pemilik UKM... 146 Gambar 4.125 Perancangan Layar Setelah Login Admin... 147 Gambar 4.126 Perancangan Layar Menu Tentang Kami... 147 Gambar 4.127 Perancangan Layar Menu Visi & Misi... 148 Gambar 4.128 Perancangan Layar Menu Info UKM... 148 Gambar 4.129 Perancangan Layar Tips... 149 Gambar 4.130 Perancangan Layar Tambah Tips... 149 Gambar 4.131 Perancangan Layar Ubah Tips... 150 Gambar 4.132 Perancangan Layar Artikel... 150 Gambar 4.133 Perancangan Layar Tambah Artikel... 151 Gambar 4.134 Perancangan Layar Ubah Artikel... 151 Gambar 4.135 Perancangan Layar Regulasi... 152 Gambar 4.136 Perancangan Layar Tambah Regulasi... 152 Gambar 4.137 Perancangan Layar Ubah Regulasi... 153 Gambar 4.138 Perancangan Layar Menu Produk... 153 Gambar 4.139 Perancangan Layar Menu Produk Pertanian... 154 Gambar 4.140 Perancangan Layar Menu Produk Peternakan... 154 Gambar 4.141 Perancangan Layar Menu Produk Sandang... 155 Gambar 4.142 Perancangan Layar Menu Produk Kerajinan... 155 Gambar 4.143 Perancangan Layar Menu Produk Jasa... 156 Gambar 4.144 Perancangan Layar Menu Produk Pariwisata... 156 Gambar 4.145 Perancangan Layar Menu Produk Pendidikan... 157 Gambar 4.146 Perancangan Layar Menu Produk Kuliner... 157 xxiii
Gambar 4.147 Perancangan Layar Ubah dan Hapus Topik Forum... 158 Gambar 4.148 Perancangan Layar Ubah Topik Forum... 158 Gambar 4.149 Perancangan Layar Forum Detail dan Tambah Jawaban... 159 Gambar 4.150 Perancangan Layar Buat Topik Baru Forum... 159 Gambar 4.151 Perancangan Layar Kontak... 160 Gambar 4.152 Perancangan Layar Cek Status User... 161 Gambar 4.153 Perancangan Layar Ubah Status User... 161 Gambar 4.154 Perancangan Layar Hasil Pencarian Produk... 162 Gambar 4.155 Perancangan Layar Menu Pertanian... 163 Gambar 4.156 Perancangan Layar Menu Peternakan... 163 Gambar 4.157 Perancangan Layar Menu Sandang... 164 Gambar 4.158 Perancangan Layar Menu Kerajinan... 164 Gambar 4.159 Perancangan Layar Menu Jasa... 165 Gambar 4.160 Perancangan Layar Menu Pariwisata... 165 Gambar 4.161 Perancangan Layar Menu Pendidikan... 166 Gambar 4.162 Perancangan Layar Menu Kuliner... 166 Gambar 4.163 Perancangan Layar Pendaftaran UKM... 167 Gambar 4.164 Perancangan Layar Pesan Sukses Pendaftaran UKM... 168 Gambar 4.165 Perancangan Layar Menu Ubah dan Hapus UKM... 168 Gambar 4.166 Perancangan Layar Ubah UKM... 169 Gambar 4.167 Perancangan Layar Tampilan Home Web UKM... 170 Gambar 4.168 Perancangan Layar Tampilan Tentang Kami Web UKM... 170 Gambar 4.169 Perancangan Layar Tampilan Ubah dan Hapus Produk Web UKM... 171 xxiv
Gambar 4.170 Perancangan Layar Tampilan Ubah Produk Web UKM... 172 Gambar 4.171 Perancangan Layar Tampilan Kontak Web UKM... 172 Gambar 4.172 Perancangan Layar Tampilan Ubah dan Hapus Komentar Web UKM... 173 Gambar 4.173 Perancangan Layar Tampilan Ubah Komentar Web UKM... 173 Gambar 4.174 Perancangan Layar Tampilan Tambah Produk Web UKM... 174 Gambar 4.175 Halaman Home... 180 Gambar 4.176 Halaman Visi dan Misi... 182 Gambar 4.177 Halaman Tips... 183 Gambar 4.178 Halaman Artikel... 184 Gambar 4.179 Halaman Regulasi Pemerintah... 185 Gambar 4.180 Halaman Hasil Sub Kategori Produk... 186 Gambar 4.181 Halaman Forum... 188 Gambar 4.182 Halaman Forum Detail... 189 Gambar 4.183 Halaman Kontak... 190 Gambar 4.184 Halaman Hasil Pencarian Produk... 191 Gambar 4.185 Halaman Home Web UKM... 193 Gambar 4.186 Halaman Tentang Kami Web UKM... 194 Gambar 4.187 Halaman Produk Web UKM... 195 Gambar 4.188 Halaman Kontak Web UKM... 196 Gambar 4.189 Halaman Komentar Web UKM... 197 Gambar 4.190 Halaman Registrasi Member... 198 Gambar 4.191 Halaman Pesan Sukses Registrasi Member... 200 xxv
Gambar 4.192 Halaman Sesudah Login untuk Member dan Member Sekaligus Pemilik UKM... 202 Gambar 4.193 Halaman Pendaftaran UKM untuk Member dan Member Sekaligus Pemilik UKM... 204 Gambar 4.194 Halaman Pesan Sukses Pendaftaran UKM untuk Member dan Member Sekaligus Pemilik UKM... 206 Gambar 4.195 Halaman Ubah dan Hapus Topik Forum untuk Member dan Member Sekaligus Pemilik UKM... 207 Gambar 4.196 Halaman Ubah Topik Forum untuk Member dan Member Sekaligus Pemilik UKM... 209 Gambar 4.197 Halaman Forum Detail dan Tambah Jawaban untuk Member dan Member Sekaligus Pemilik UKM... 211 Gambar 4.198 Halaman Buat Topik Baru Forum untuk Member dan Member Sekaligus Pemilik UKM... 213 Gambar 4.199 Halaman Home Web UKM untuk Member 214 Gambar 4.200 Halaman Home Web UKM untuk Member Sekaligus Pemilik UKM... 215 Gambar 4.201 Halaman Tambah Produk Web UKM untuk Member Sekaligus Pemilik UKM.. 216 Gambar 4.202 Halaman Produk Web UKM untuk Member Sekaligus Pemilik UKM... 218 Gambar 4.203 Halaman Ubah Produk Web UKM untuk Member Sekaligus Pemilik UKM... 219 Gambar 4.204 Halaman Komentar Web UKM untuk Member... 221 xxvi
Gambar 4.205 Halaman Komentar Web UKM untuk Member Sekaligus Pemilik UKM... 222 Gambar 4.206 Halaman Ubah Komentar Web UKM untuk Member... 223 Gambar 4.207 Halaman Ubah Komentar Web UKM untuk Member Sekaligus Pemilik UKM... 224 Gambar 4.208 Halaman Ubah dan Hapus UKM untuk Member Sekaligus pemilik UKM... 226 Gambar 4.209 Halaman Ubah UKM Untuk Member Sekaligus Pemilik UKM... 227 Gambar 4.210 Halaman Sesudah Login Admin... 229 Gambar 4.211 Halaman Cek Status User... 230 Gambar 4.212 Halaman Ubah Cek Status User... 231 Gambar 4.213 Halaman Pendaftaran UKM... 232 Gambar 4.214 Halaman Pesan Sukses Pendaftaran UKM... 234 Gambar 4.215 Halaman Tips... 235 Gambar 4.216 Halaman Tambah Tips... 236 Gambar 4.217 Halaman Ubah Tips... 237 Gambar 4.218 Halaman Artikel... 238 Gambar 4.219 Halaman Tambah Artikel... 239 Gambar 4.220 Halaman Ubah Artikel... 241 Gambar 4.221 Halaman Regulasi Pemerintah... 242 Gambar 4.222 Halaman Tambah Regulasi Pemerintah... 243 Gambar 4.223 Halaman Ubah Regulasi Pemerintah... 244 Gambar 4.224 Halaman Ubah dan Hapus Topik Forum... 245 xxvii
Gambar 4.225 Halaman Ubah Topik Forum... 246 Gambar 4.226 Halaman Forum Detail dan Tambah Jawaban... 248 Gambar 4.227 Halaman Buat Topik Baru Forum... 249 Gambar 4.228 Halaman Ubah dan Hapus UKM... 250 Gambar 4.229 Halaman Ubah UKM... 252 Gambar 4.230 Halaman Home Web UKM... 253 Gambar 4.231 Halaman Produk Web UKM... 254 Gambar 4.232 HalamanUbah Produk Web UKM... 255 Gambar 4.233 Halaman Komentar Web UKM... 256 Gambar 4.234 Halaman Ubah Komentar Web UKM... 257 Gambar 4.235 Halaman Tambah Produk Web UKM... 258 xxviii
DAFTAR LAMPIRAN Appendix... Lampiran Data Survei Usaha Kecil dan Menengah (UKM) L1 L3 xxix