UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2008
ANALISA DAN PERANCANGAN KIOS INFORMASI BERBASIS MULTIMEDIA PADA GIANT HYPERMARKET
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.
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.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
BAB 5 SIMPULAN DAN SARAN ... 216
5.1 Simpulan ... 216
5.2 Saran ... 217
DAFTAR PUSTAKA ... 218
RIWAYAT HIDUP ... 219
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.1Tabel Korelasi Kuisioner ... 39
Tabel 3.2Tabel Hasil Kuisioner ... 42
Tabel 3.3Rancangan Database Administrator ... 76
Tabel 3.4Rancangan Database Barang ... 76
Tabel 3.5Rancangan Database Klip ... 77
Tabel 3.6Rancangan Database Kategori ... 77
Tabel 3.7Rancangan Database Kios ... 77
Tabel 3.8Rancangan Database Lokasi ... 78
Tabel 3.9Rancangan Database News ... 78
Tabel 3.10Rancangan Database Peta ... 78
Tabel 3.11Rancangan Database Promosi ... 79
Tabel 4.1Tabel Kuisioner untuk Client ... 206
Tabel 4.2Tabel Hasil Kuisioner untuk Client ... 207
Tabel 4.3Tabel Kuisioner untuk Administrator ... 210
xv DAFTAR GAMBAR
Gambar 2.1Linier Sequential Model / Classic Life Cycle ... 21
Gambar 2.2State Transition Diagram ... 27
Gambar 3.1Struktur Organisasi PT Hero Supermarket Tbk. ... 36
Gambar 3.2Struktur Menu Client ... 48
Gambar 3.3Struktur Menu Admin ... 49
Gambar 3.4STD Halaman Utama ... 50
Gambar 3.5STD Event ... 52
Gambar 3.6STD Promosi ... 53
Gambar 3.7STD Pencarian Barang ... 54
Gambar 3.8STD Daftar Belanja ... 56
Gambar 3.9STD Bantuan ... 58
Gambar 3.10STD Event - Administrator ... 60
Gambar 3.11STD Promosi - Administrator ... 62
Gambar 3.12STD Data Peta ... 64
Gambar 3.13STD Kategori ... 66
Gambar 3.14STD Lokasi ... 68
Gambar 3.15STD Barang ... 70
Gambar 3.16STD Klip ... 72
Gambar 3.17STD Ubah Password ... 74
Gambar 3.18Rancangan Layar Halaman Utama ... 81
Gambar 3.19Rancangan Layar Event ... 82
Gambar 3.21Rancangan Layar Promosi - Detail ... 86
Gambar 3.22Rancangan Layar Promosi - Info ... 88
Gambar 3.23Rancangan Layar Pencarian - Peta ... 90
Gambar 3.24Rancangan Layar Pencarian - Detail ... 92
Gambar 3.25Rancangan Layar Pencarian - Info Pomosi ... 93
Gambar 3.26Rancangan Layar Daftar Belanja ... 95
Gambar 3.27Rancangan Layar Daftar Belanja - Preview... 97
Gambar 3.28Rancangan Layar Bantuan ... 98
Gambar 3.29Rancangan Layar Halaman Utama Administrator ... 99
Gambar 3.30Rancangan Layar Event Administrator ... 100
Gambar 3.31Rancangan Layar Event - Add Administrator ... 102
Gambar 3.32Rancangan Layar Event - Edit Administrator ... 104
Gambar 3.33Rancangan Layar Promosi Administrator ... 105
Gambar 3.34Rancangan Layar Promosi - Add Administrator ... 107
Gambar 3.35Rancangan Layar Promosi - Edit Administrator ... 108
Gambar 3.36Rancangan Layar Layout ... 110
Gambar 3.37Rancangan Layar Kategori ... 111
Gambar 3.38Rancangan Layar Kategori - Add ... 113
Gambar 3.39Rancangan Layar Kategori - Edit ... 114
Gambar 3.40Rancangan Layar Lokasi ... 116
Gambar 3.41Rancangan Layar Lokasi - Add ... 118
Gambar 3.42Rancangan Layar Lokasi - Edit ... 119
Gambar 3.43Rancangan Layar Input Kios ... 121
xvii
Gambar 3.45Rancangan Layar Barang ... 124
Gambar 3.46Rancangan Layar Barang - Add ... 126
Gambar 3.47Rancangan Layar Barang - Edit ... 127
Gambar 3.48Rancangan Layar Barang - Dari File ... 129
Gambar 3.49Rancangan Layar Klip ... 131
Gambar 3.50Rancangan Layar Klip - Add ... 133
Gambar 3.51Rancangan Layar Klip - Edit ... 134
Gambar 3.52Rancangan Layar Ubah Password ... 136
Gambar 4.1Gambar Halaman Home ... 168
Gambar 4.2Gambar Halaman Event ... 169
Gambar 4.3Gambar Halaman Promosi ... 170
Gambar 4.4Gambar Halaman Pencarian - Lokasi ... 171
Gambar 4.5Gambar Halaman Pencarian - Detail Barang ... 172
Gambar 4.6Gambar Halaman Pencarian - Promosi ... 173
Gambar 4.7Gambar Halaman List Belanja ... 174
Gambar 4.8Gambar Halaman Preview ... 175
Gambar 4.9Gambar Halaman Bantuan ... 176
Gambar 4.10Gambar Halaman Log-in Administrator ... 177
Gambar 4.11Gambar Halaman Event Administrator ... 177
Gambar 4.12Gambar Halaman Event Administrator - Tambah Baru ... 178
Gambar 4.13Gambar Halaman Keterangan Pesan Add Event Sukses ... 178
Gambar 4.14Gambar Halaman Event Administrator - Edit Event ... 179
Gambar 4.15Gambar Halaman Keterangan Pesan Edit Event Sukses ... 180
Gambar 4.17Gambar Halaman Keterangan Pesan Delete Event Sukses ... 180
Gambar 4.18Gambar Halaman Promosi Administrator ... 181
Gambar 4.19Gambar Halaman Promosi - Tambah Baru Administrator ... 182
Gambar 4.20Gambar Halaman Keterangan Pesan Add Promosi Sukses ... 182
Gambar 4.21Gambar Halaman Promosi - Edit Administrator ... 183
Gambar 4.22Gambar Halaman Keterangan Pesan Edit Promosi Sukses ... 183
Gambar 4.23Gambar Halaman Keterangan Pesan Warning Delete Promosi 184
Gambar 4.24Gambar Halaman Keterangan Pesan Delete Promosi Sukses ... 184
Gambar 4.25Gambar Halaman Peta ... 185
Gambar 4.26Gambar Halaman Kategori ... 186
Gambar 4.27Gambar Halaman Kategori - Tambah Baru ... 187
Gambar 4.28Gambar Halaman Keterangan Pesan Add Kategori Sukses ... 187
Gambar 4.29Gambar Halaman Kategori - Edit Kategori ... 188
Gambar 4.30Gambar Halaman Keterangan Pesan Edit Kategori Sukses ... 188
Gambar 4.31Gambar Halaman Keterangan Pesan Warning Delete Kategori 189 Gambar 4.32Gambar Halaman Keterangan Pesan Delete Kategori Sukses .. 189
Gambar 4.33Gambar Halaman Lokasi ... 190
Gambar 4.34Gambar Halaman Lokasi - Tambah Baru ... 191
Gambar 4.35Gambar Halaman Lokasi - Edit Lokasi... 192
Gambar 4.36Gambar Halaman Keterangan Pesan Add Lokasi Sukses ... 193
Gambar 4.37Gambar Halaman Pesan Edit Lokasi Sukses ... 193
Gambar 4.38Gambar Halaman Keterangan Pesan Warning Delete Lokasi .. 193
Gambar 4.39Gambar Halaman Pesan Delete Lokasi Sukses ... 193
xix
Gambar 4.41Gambar Halaman Lokasi - Edit Lokasi Kiosk ... 195
Gambar 4.42Gambar Halaman Barang ... 196
Gambar 4.43Gambar Halaman Barang - Tambah Baru ... 197
Gambar 4.44Gambar Halaman Keterangan Pesan Add Barang Sukses ... 197
Gambar 4.45Gambar Halaman Barang - Edit Barang ... 198
Gambar 4.46Gambar Halaman Keterangan Pesan Edit Barang Sukses ... 199
Gambar 4.47Gambar Halaman Keterangan Pesan Warning Delete Barang .. 199
Gambar 4.48Gambar Halaman Pesan Delete Barang Sukses ... 199
Gambar 4.49Gambar Halaman Barang - Tambah Baru dari File ... 200
Gambar 4.50Gambar Halaman Klip ... 200
Gambar 4.51Gambar Halaman Keterangan Pesan Klip Diaktifkan ... 201
Gambar 4.52Gambar Halaman Keterangan Pesan Klip Dinon-aktifkan ... 201
Gambar 4.53Gambar Halaman Klip - Tambah Baru ... 201
Gambar 4.54Gambar Halaman Keterangan Pesan Warning Jenis File ... 202
Gambar 4.55Gambar Halaman Keterangan Pesan Add Klip Sukses ... 202
Gambar 4.56Gambar Halaman Klip - Edit Klip ... 203
Gambar 4.57Gambar Halaman Keterangan Pesan Edit Klip Sukses ... 203
Gambar 4.58Gambar Halaman Keterangan Pesan Warning Delete Klip ... 204
Gambar 4.59Gambar Halaman Keterangan Pesan Delete Klip Sukses ... 204
Gambar 4.60Gambar Halaman Ubah Password ... 204
Gambar 4.61Gambar Halaman Keterangan Pesan Warning Detail Form ... 205