UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2008
ANALISA DAN PERANCANGAN KIOS INFORMASI BERBASIS MULTIMEDIA PADA GIANT HYPERMARKET
Erland Garry 0700706084 Rubi Anugrah 0700706090 Yoga Yanuar Kuswidiyanto 0700715265 Kelas/Kelompok: 09MAT/4
Abstrak
Giant Hypermarket adalah pasar swalayan dengan area belanja yang sangat luas yang menjual item yang sangat banyak, yaitu antara 30.000-50.000 item, jauh lebih banyak dibandingkan dengan supermarket pada umumnya yang hanya menjual kurang dari 15.000 item. Dengan area belanja yang sangat luas dan jumlah item yang berlimpah, para customer Giant Hypermarket seringkali dihadapkan pada masalah dalam dalam memperoleh informasi seputar produk, terutama informasi mengenai letak produk yang hendak mereka beli. Tujuan penelitian adalah untuk memberikan solusi bagi para customer dalam memperoleh informasi seputar produk, tidak hanya letak produk, tetapi juga harga produk, diskon, penawaran khusus, dan sebagainya. Metode penelitian yang digunakan adalah metode kepustakaan, metode survei, metode analisa, metode perancangan, dan metode evaluasi. Solusi yang dibangun penulis adalah kios informasi berbasis multimedia dengan fasilitas pencarian produk, menampilkan peta letak produk, membuat daftar belanja, serta mencetak daftar belanja beserta peta letak produk. Simpulannya, kios informasi ini mempermudah customer dalam memperoleh informasi seputar produk, tidak hanya letak produk, tetapi juga harga produk, diskon, penawaran khusus, dan sebagainya, serta dapat digunakan sebagai media promosi produk dan event yang akan diadakan Giant Hypermarket.
Kata Kunci
v
PRAKATA
Puji syukur kepada Tuhan Yang Maha Esa atas rahmat dan anugrah yang telah dilimpahkan oleh-Nya sehingga penulis diberikan kesempatan untuk menyelesaikan skripsi yang berjudul “ANALISA DAN PERANCANGAN KIOS INFORMASI BERBASIS MULTIMEDIA PADA GIANT HYPERMARKET” dengan baik dan tepat pada waktunya.
Skripsi ini diajukan oleh penulis sebagai salah satu syarat yang harus dipenuhi untuk kelulusan pada jenjang pendidikan Strata-1 (S1), Jurusan Teknik Informatika, Fakultas Ilmu Komputer di Universitas Bina Nusantara, Jakarta.
Selama penyusunan skripsi ini, penulis banyak mendapatkan dukungan dan bantuan dari berbagai pihak baik secara langsung maupun tidak langsung. Sehingga pada kesempatan ini, penulis ingin menyampaikan terima kasih kepada:
1. Bapak Prof. Dr. Drs. Gerardus Polla, M.APP.Sc., selaku Rektor Universitas Bina Nusantara Jakarta, yang telah memberikan kesempatan kepada penulis untuk mendapatkan ilmu pengetahuan di Universitas yang Beliau pimpin. 2. Bapak Ir Sablin Yusuf, M.Sc., M.Comp.Sc., selaku Dekan Fakultas Ilmu
Komputer.
3. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Ketua Jurusan Teknik Informatika.
4. Bapak Felix Oktarianto, S.Kom., MM, selaku Dosen Pembimbing yang telah banyak memberikan masukan dan motivasi selama proses pembuatan skripsi ini.
5. Pimpinan dan seluruh staff PT Hero Supermarket Tbk. yang telah memberikan dukungan dan informasi yang diperlukan untuk menyelesaikan penulisan skripsi ini.
6. Orang tua dan seluruh anggota keluarga penulis yang telah memberikan dukungan, baik dukungan spritual maupun material selama penulisan skripsi ini.
7. Para dosen Universitas Bina Nusantara yang telah memberikan bimbingan kepada penulis, dimana bimbingan mereka merupakan bekal bagi penulis dalam menyelesaikan penulisan skripsi ini.
8. Rekan-rekan, teman-teman, dan semua pihak yang tidak dapat penulis sebutkan satu persatu, yang telah memberikan semangat, saran, kritik, dan bantuan kepada penulis dalam menyelesaikan penulisan skripsi ini.
Penulis menyadari bahwa skripsi yang telah diselesaikan ini masih mempunyai banyak kekurangan. Hal ini disebabkan karena penulis masih dalam tahap belajar dan adanya kemampuan yang terbatas dari penulis sendiri. Oleh karena itu, penulis sangat mengharapkan adanya kritik dan saran yang dapat membangun agar penulis dapat lebih baik dari sebelumnya. Penulis sangat mengharapkan agar penulisan skripsi ini dapat memberikan gambaran dan manfaat kepada pembaca.
Jakarta, Januari 2008
viii
2.2 Perangkat Lunak ... 17
2.2.1 Pengertian Perangkat Lunak ... 17
2.2.2 Rekayasa Perangkat Lunak ... 18
2.2.3 Daur Hidup Perancangan Peangkat Lunak ... 19
2.3 Interaksi Manusia dan Komputer ... 21
2.4 State Transition Diagram ... 27
2.5 Kios Informasi ... 28
2.5.1 Definisi Kios Informasi ... 28
2.5.2 Manfaat Kios Informasi ... 29
2.5.3 Komponen Kios Informasi ... 29
2.5.4 Jenis-jenis Kios Informasi ... 30
2.6 PHP dan MySQL ... 33
2.6.1 Pengertian PHP ... 33
2.6.2 Keunggulan PHP ... 34
2.6.3 Pengertian MySQL ... 34
BAB 3 ANALISA DAN PERANCANGAN SISTEM ... 35
3.1 Gambaran Umum Perusahaan ... 35
3.1.1 Sejarah Singkat Perusahaan ... 35
3.1.2 Struktur Organisasi ... 36
3.2 Hasil Kuisioner ... 38
3.3 Permasalahan yang Dihadapi ... 46
3.3.1 Solusi ... 46
3.4.1 Struktur Menu ... 48
3.4.1.1 Struktur Menu Client ... 48
3.4.1.2 Struktur Menu Admin ... 49
3.4.2 State Transition Diagram ... 50
3.4.2.1 STD Halaman Utama ... 50 3.4.2.2 STD Event ... 52 3.4.2.3 STD Promosi ... 53 3.4.2.4 STD Pencarian Barang ... 54 3.4.2.5 STD Daftar Belanja ... 56 3.4.2.6 STD Bantuan ... 58 3.4.2.7 STD Event Administrator ... 60 3.4.2.8 STD Promosi Administrator ... 62 3.4.2.9 STD Data Peta ... 64 3.4.2.10 STD Kategori ... 66 3.4.2.11 STD Lokasi ... 68 3.4.2.12 STD Barang ... 70 3.4.2.13 STD Klip ... 72 3.4.2.14 STD Ubah Password ... 74 3.4.3 Rancangan Database ... 76
3.4.3.1 Rancangan Database Administrator ... 76
3.4.3.2 Rancangan Database Barang ... 76
3.4.3.3 Rancangan Database Klip ... 77
3.4.3.4 Rancangan Database Kategori ... 77
x
3.4.3.6 Rancangan Database Lokasi ... 78
3.4.3.7 Rancangan Database Event ... 78
3.4.3.8 Rancangan Database Peta ... 78
3.4.3.9 Rancangan Database Promosi ... 79
3.4.4 Entity Relationship Diagram ... 80
3.4.5 Rancangan Layar ... 81
3.4.5.1 Rancangan Layar Halaman Utama ... 81
3.4.5.2 Rancangan Layar Event ... 82
3.4.5.3 Rancangan Layar Promosi - Peta ... 84
3.4.5.4 Rancangan Layar Promosi - Detail ... 86
3.4.5.5 Rancangan Layar Promosi - Info ... 88
3.4.5.6 Rancangan Layar Pencarian - Peta ... 90
3.4.5.7 Rancangan Layar Pencarian - Detail ... 92
3.4.5.8 Rancangan Layar Pencarian - Info Pomosi 93 3.4.5.9 Rancangan Layar Daftar Belanja ... 95
3.4.5.10 Rancangan Layar Daftar Belanja - Preview 97 3.4.5.11 Rancangan Layar Bantuan ... 98
3.4.5.12 Rancangan Layar Halaman Utama Admin . 99 3.4.5.13 Rancangan Layar Event Administrator ... 100
3.4.5.14 Rancangan Layar Event - Add Administrator 102 3.4.5.15 Rancangan Layar Event - Edit Administrator 104 3.4.5.16 Rancangan Layar Promosi Administrator.. 105 3.4.5.17 Rancangan Layar Promosi - Add Administrator 107 3.4.5.18 Rancangan Layar Promosi - Edit Administrator 108
3.4.5.19 Rancangan Layar Layout ... 110
3.4.5.20 Rancangan Layar Kategori ... 111
3.4.5.21 Rancangan Layar Kategori - Add ... 113
3.4.5.22 Rancangan Layar Kategori - Edit ... 114
3.4.5.23 Rancangan Layar Lokasi ... 116
3.4.5.24 Rancangan Layar Lokasi - Add ... 118
3.4.5.25 Rancangan Layar Lokasi - Edit ... 119
3.4.5.26 Rancangan Layar Input Kios ... 121
3.4.5.27 Rancangan Layar Edit Kios ... 122
3.4.5.28 Rancangan Layar Barang ... 124
3.4.5.29 Rancangan Layar Barang - Add ... 126
3.4.5.30 Rancangan Layar Barang - Edit ... 127
3.4.5.31 Rancangan Layar Barang - Dari File ... 129
3.4.5.32 Rancangan Layar Klip ... 131
3.4.5.33 Rancangan Layar Klip - Add ... 133
3.4.5.34 Rancangan Layar Klip - Edit ... 134
3.4.5.35 Rancangan Layar Ubah Password ... 136
3.4.6 Spesifikasi Proses ... 137
3.4.6.1 Modul Layar Halaman Utama ... 137
3.4.6.2 Modul Layar Event ... 138
3.4.6.3 Modul Layar Promosi ... 139
3.4.6.4 Modul Layar Pencarian ... 140
3.4.6.5 Modul Layar Daftar Belanja ... 142
xii
3.4.6.7 Modul Layar Log-in ... 144
3.4.6.8 Modul Layar Event - Administrator ... 144
3.4.6.9 Modul Layar Promosi - Administrator ... 147
3.4.6.10 Modul Layar Peta ... 150
3.4.6.11 Modul Layar Kategori ... 151
3.4.6.12 Modul Layar Lokasi ... 154
3.4.6.13 Modul Layar Barang ... 156
3.4.6.14 Modul Layar Klip ... 160
3.4.6.15 Modul Layar Ubah Password ... 163
BAB 4 IMPLEMENTASI DAN EVALUASI ... 165
4.1 Implementasi ... 165
4.1.1 Rencana Implementasi ... 165
4.1.2 Spesifikasi Sistem ... 165
4.1.2.1 Sarana untuk Mengembangkan Sistem ... 165
4.1.2.2 Sarana untuk Menjalankan Sistem ... 166
4.1.3 Cara Pengoperasian Sistem ... 167
4.2 Evaluasi Perancangan Kios Informasi ... 206
4.2.1 Kuisioner ... 206
4.2.1.1 Kuisioner Untuk Client ... 206
4.2.1.2 Kuisioner Untuk Administrator ... 210
4.3 Evaluasi Terhadap Delapan Aturan Emas Untuk Perancangan Antar Muka Yang Baik ... 214
BAB 5 SIMPULAN DAN SARAN ... 216 5.1 Simpulan ... 216 5.2 Saran ... 217 DAFTAR PUSTAKA ... 218 RIWAYAT HIDUP ... 219 SURAT SURVEI ... 222
vii DAFTAR ISI
Halaman Judul Luar ... i
Halaman Judul Dalam ... ii
Halaman Persetujuan Hard Cover... iii
Abstrak ... iv
Prakata ... v
Daftar Isi ... vii
Daftar Tabel ... xiv
Daftar Gambar ... xv
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Ruang Lingkup ... 2
1.3 Tujuan dan Manfaat ... 2
1.4 Metodologi ... 3
1.5 Sistematika Penulisan ... 4
BAB 2 LANDASAN TEORI ... 6
2.1 Multimedia ... 6
2.1.1 Definisi Multimedia ... 6
2.1.2 Elemen Multimedia ... 7
DAFTAR TABEL
Tabel 3.1 Tabel Korelasi Kuisioner ... 39
Tabel 3.2 Tabel Hasil Kuisioner ... 42
Tabel 3.3 Rancangan Database Administrator ... 76
Tabel 3.4 Rancangan Database Barang ... 76
Tabel 3.5 Rancangan Database Klip ... 77
Tabel 3.6 Rancangan Database Kategori ... 77
Tabel 3.7 Rancangan Database Kios ... 77
Tabel 3.8 Rancangan Database Lokasi ... 78
Tabel 3.9 Rancangan Database News ... 78
Tabel 3.10 Rancangan Database Peta ... 78
Tabel 3.11 Rancangan Database Promosi ... 79
Tabel 4.1 Tabel Kuisioner untuk Client ... 206
Tabel 4.2 Tabel Hasil Kuisioner untuk Client ... 207
Tabel 4.3 Tabel Kuisioner untuk Administrator ... 210
xv DAFTAR GAMBAR
Gambar 2.1 Linier Sequential Model / Classic Life Cycle ... 21
Gambar 2.2 State Transition Diagram ... 27
Gambar 3.1 Struktur Organisasi PT Hero Supermarket Tbk. ... 36
Gambar 3.2 Struktur Menu Client ... 48
Gambar 3.3 Struktur Menu Admin ... 49
Gambar 3.4 STD Halaman Utama ... 50
Gambar 3.5 STD Event ... 52
Gambar 3.6 STD Promosi ... 53
Gambar 3.7 STD Pencarian Barang ... 54
Gambar 3.8 STD Daftar Belanja ... 56
Gambar 3.9 STD Bantuan ... 58
Gambar 3.10 STD Event - Administrator ... 60
Gambar 3.11 STD Promosi - Administrator ... 62
Gambar 3.12 STD Data Peta ... 64
Gambar 3.13 STD Kategori ... 66
Gambar 3.14 STD Lokasi ... 68
Gambar 3.15 STD Barang ... 70
Gambar 3.16 STD Klip ... 72
Gambar 3.17 STD Ubah Password ... 74
Gambar 3.18 Rancangan Layar Halaman Utama ... 81
Gambar 3.19 Rancangan Layar Event ... 82
Gambar 3.21 Rancangan Layar Promosi - Detail ... 86
Gambar 3.22 Rancangan Layar Promosi - Info ... 88
Gambar 3.23 Rancangan Layar Pencarian - Peta ... 90
Gambar 3.24 Rancangan Layar Pencarian - Detail ... 92
Gambar 3.25 Rancangan Layar Pencarian - Info Pomosi ... 93
Gambar 3.26 Rancangan Layar Daftar Belanja ... 95
Gambar 3.27 Rancangan Layar Daftar Belanja - Preview... 97
Gambar 3.28 Rancangan Layar Bantuan ... 98
Gambar 3.29 Rancangan Layar Halaman Utama Administrator ... 99
Gambar 3.30 Rancangan Layar Event Administrator ... 100
Gambar 3.31 Rancangan Layar Event - Add Administrator ... 102
Gambar 3.32 Rancangan Layar Event - Edit Administrator ... 104
Gambar 3.33 Rancangan Layar Promosi Administrator ... 105
Gambar 3.34 Rancangan Layar Promosi - Add Administrator ... 107
Gambar 3.35 Rancangan Layar Promosi - Edit Administrator ... 108
Gambar 3.36 Rancangan Layar Layout ... 110
Gambar 3.37 Rancangan Layar Kategori ... 111
Gambar 3.38 Rancangan Layar Kategori - Add ... 113
Gambar 3.39 Rancangan Layar Kategori - Edit ... 114
Gambar 3.40 Rancangan Layar Lokasi ... 116
Gambar 3.41 Rancangan Layar Lokasi - Add ... 118
Gambar 3.42 Rancangan Layar Lokasi - Edit ... 119
Gambar 3.43 Rancangan Layar Input Kios ... 121
xvii
Gambar 3.45 Rancangan Layar Barang ... 124
Gambar 3.46 Rancangan Layar Barang - Add ... 126
Gambar 3.47 Rancangan Layar Barang - Edit ... 127
Gambar 3.48 Rancangan Layar Barang - Dari File ... 129
Gambar 3.49 Rancangan Layar Klip ... 131
Gambar 3.50 Rancangan Layar Klip - Add ... 133
Gambar 3.51 Rancangan Layar Klip - Edit ... 134
Gambar 3.52 Rancangan Layar Ubah Password ... 136
Gambar 4.1 Gambar Halaman Home ... 168
Gambar 4.2 Gambar Halaman Event ... 169
Gambar 4.3 Gambar Halaman Promosi ... 170
Gambar 4.4 Gambar Halaman Pencarian - Lokasi ... 171
Gambar 4.5 Gambar Halaman Pencarian - Detail Barang ... 172
Gambar 4.6 Gambar Halaman Pencarian - Promosi ... 173
Gambar 4.7 Gambar Halaman List Belanja ... 174
Gambar 4.8 Gambar Halaman Preview ... 175
Gambar 4.9 Gambar Halaman Bantuan ... 176
Gambar 4.10 Gambar Halaman Log-in Administrator ... 177
Gambar 4.11 Gambar Halaman Event Administrator ... 177
Gambar 4.12 Gambar Halaman Event Administrator - Tambah Baru ... 178
Gambar 4.13 Gambar Halaman Keterangan Pesan Add Event Sukses ... 178
Gambar 4.14 Gambar Halaman Event Administrator - Edit Event ... 179
Gambar 4.15 Gambar Halaman Keterangan Pesan Edit Event Sukses ... 180
Gambar 4.17 Gambar Halaman Keterangan Pesan Delete Event Sukses ... 180
Gambar 4.18 Gambar Halaman Promosi Administrator ... 181
Gambar 4.19 Gambar Halaman Promosi - Tambah Baru Administrator ... 182
Gambar 4.20 Gambar Halaman Keterangan Pesan Add Promosi Sukses ... 182
Gambar 4.21 Gambar Halaman Promosi - Edit Administrator ... 183
Gambar 4.22 Gambar Halaman Keterangan Pesan Edit Promosi Sukses ... 183
Gambar 4.23 Gambar Halaman Keterangan Pesan Warning Delete Promosi 184
Gambar 4.24 Gambar Halaman Keterangan Pesan Delete Promosi Sukses ... 184
Gambar 4.25 Gambar Halaman Peta ... 185
Gambar 4.26 Gambar Halaman Kategori ... 186
Gambar 4.27 Gambar Halaman Kategori - Tambah Baru ... 187
Gambar 4.28 Gambar Halaman Keterangan Pesan Add Kategori Sukses ... 187
Gambar 4.29 Gambar Halaman Kategori - Edit Kategori ... 188
Gambar 4.30 Gambar Halaman Keterangan Pesan Edit Kategori Sukses ... 188
Gambar 4.31 Gambar Halaman Keterangan Pesan Warning Delete Kategori 189 Gambar 4.32 Gambar Halaman Keterangan Pesan Delete Kategori Sukses .. 189
Gambar 4.33 Gambar Halaman Lokasi ... 190
Gambar 4.34 Gambar Halaman Lokasi - Tambah Baru ... 191
Gambar 4.35 Gambar Halaman Lokasi - Edit Lokasi... 192
Gambar 4.36 Gambar Halaman Keterangan Pesan Add Lokasi Sukses ... 193
Gambar 4.37 Gambar Halaman Pesan Edit Lokasi Sukses ... 193
Gambar 4.38 Gambar Halaman Keterangan Pesan Warning Delete Lokasi .. 193
Gambar 4.39 Gambar Halaman Pesan Delete Lokasi Sukses ... 193
xix
Gambar 4.41 Gambar Halaman Lokasi - Edit Lokasi Kiosk ... 195
Gambar 4.42 Gambar Halaman Barang ... 196
Gambar 4.43 Gambar Halaman Barang - Tambah Baru ... 197
Gambar 4.44 Gambar Halaman Keterangan Pesan Add Barang Sukses ... 197
Gambar 4.45 Gambar Halaman Barang - Edit Barang ... 198
Gambar 4.46 Gambar Halaman Keterangan Pesan Edit Barang Sukses ... 199
Gambar 4.47 Gambar Halaman Keterangan Pesan Warning Delete Barang .. 199
Gambar 4.48 Gambar Halaman Pesan Delete Barang Sukses ... 199
Gambar 4.49 Gambar Halaman Barang - Tambah Baru dari File ... 200
Gambar 4.50 Gambar Halaman Klip ... 200
Gambar 4.51 Gambar Halaman Keterangan Pesan Klip Diaktifkan ... 201
Gambar 4.52 Gambar Halaman Keterangan Pesan Klip Dinon-aktifkan ... 201
Gambar 4.53 Gambar Halaman Klip - Tambah Baru ... 201
Gambar 4.54 Gambar Halaman Keterangan Pesan Warning Jenis File ... 202
Gambar 4.55 Gambar Halaman Keterangan Pesan Add Klip Sukses ... 202
Gambar 4.56 Gambar Halaman Klip - Edit Klip ... 203
Gambar 4.57 Gambar Halaman Keterangan Pesan Edit Klip Sukses ... 203
Gambar 4.58 Gambar Halaman Keterangan Pesan Warning Delete Klip ... 204
Gambar 4.59 Gambar Halaman Keterangan Pesan Delete Klip Sukses ... 204
Gambar 4.60 Gambar Halaman Ubah Password ... 204
Gambar 4.61 Gambar Halaman Keterangan Pesan Warning Detail Form ... 205
