analisis dan perancangan portal untuk usaha …thesis.binus.ac.id/doc/cover/2009-1-00247-ka...

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

ii


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

iii


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

viii

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.

ix

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

x

DAFTAR ISI

Halaman Judul Luar................................................................................................ i

Halaman Judul Dalam............................................................................................. ii

Halaman Persetujuan Hardcover………………….……………………………... iii

Halaman Pernyataan Dewan Penguji..................................................................... 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

xi

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

xii

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

xiii

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

xiv

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

xv

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

xvi

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


Gambar 4.18 STD Halaman Regulasi Untuk Member dan Member


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


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


Gambar 4.26 STD Halaman Forum Untuk Member dan Member


Gambar 4.27 STD Halaman Daftarkan Usaha Anda Untuk Member

dan Member Sekaligus Pemilik UKM ............................................ 93

xvii

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

xviii

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

xix

Gambar 4.76 Perancangan Layar Pesan Sukses Registrasi Member .................... 118

Gambar 4.77 Perancangan Layar Sesudah Login untuk Member dan


Gambar 4.78 Perancangan Layar Menu Tentang Kami untuk Member


Gambar 4.79 Perancangan Layar Visi & Misi untuk Member dan


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


Gambar 4.83 Perancangan Layar Regulasi untuk Member dan


Gambar 4.84 Perancangan Layar Menu Produk untuk Member dan


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


Gambar 4.87 Perancangan Layar Menu Produk Sandang untuk Member

dan Member Sekaligus Pemilik UKM ........................................... 124

xx

Gambar 4.88 Perancangan Layar Menu Produk Kerajinan untuk Member


Gambar 4.89 Perancangan Layar Menu Produk Jasa untuk Member


Gambar 4.90 Perancangan Layar Menu Produk Pariwisata untuk Member


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


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


Gambar 4.95 Perancangan Layar Forum Detail dan Tambah Jawaban untuk


Gambar 4.96 Perancangan Layar Buat Topik Baru Forum untuk


Gambar 4.97 Perancangan Layar Kontak untuk Member dan


Gambar 4.98 Perancangan Layar Hasil Pencarian Produk untuk Member


Gambar 4.99 Perancangan Layar Menu Pertanian untuk Member dan


xxi

Gambar 4.100 Perancangan Layar Menu Peternakan untuk Member dan


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


Gambar 4.103 Perancangan Layar Menu Jasa untuk Member dan


Gambar 4.104 Perancangan Layar Menu Pariwisata untuk Member dan


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


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

xxii

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


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


Gambar 4.123 Perancangan Layar Ubah dan Hapus UKM untuk


xxiii

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

xxiv

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

xxv

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

xxvi

Gambar 4.192 Halaman Sesudah Login untuk Member dan


Gambar 4.193 Halaman Pendaftaran UKM untuk Member dan


Gambar 4.194 Halaman Pesan Sukses Pendaftaran UKM untuk Member


Gambar 4.195 Halaman Ubah dan Hapus Topik Forum untuk Member


Gambar 4.196 Halaman Ubah Topik Forum untuk Member


Gambar 4.197 Halaman Forum Detail dan Tambah Jawaban untuk Member


Gambar 4.198 Halaman Buat Topik Baru Forum untuk Member


Gambar 4.199 Halaman Home Web UKM untuk Member ……………………… 214

Gambar 4.200 Halaman Home Web UKM untuk


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


Gambar 4.204 Halaman Komentar Web UKM untuk Member .............................. 221

xxvii

Gambar 4.205 Halaman Komentar Web UKM untuk


Gambar 4.206 Halaman Ubah Komentar Web UKM untuk Member ..................... 223

Gambar 4.207 Halaman Ubah Komentar Web UKM untuk


Gambar 4.208 Halaman Ubah dan Hapus UKM untuk

Member Sekaligus pemilik UKM ................................................... 226

Gambar 4.209 Halaman Ubah UKM Untuk


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

xxviii

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

xxix

DAFTAR LAMPIRAN

Appendix.................................................................................................................. L1

Lampiran Data Survei Usaha Kecil dan Menengah (UKM)……………………… L3

analisis dan perancangan portal untuk usaha …thesis.binus.ac.id/doc/cover/2009-1-00247-ka...

Documents