ANALISA DAN PERANCANGAN KIOS INFORMASI BERBASIS MULTIMEDIA PADA GIANT HYPERMARKET Erland Garry 0700706084 Rubi Anugrah 0700706090 Yoga Yanuar Kuswidiyanto 0700715265 KelasKelompok: 09MAT4 Abstrak - ANALISA DAN PERANCANGAN KIOS INFORMASI BERBASIS MULTIMEDI
_________________________________________________________________ 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 AbstrakGiant 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 dalam memperoleh informasi seputar produk, tidak hanya letak produk, tetapi
customer
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
hypermarket, kios informasi, multimedia
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 Penulis
2.2
17 Perangkat Lunak .................................................................
2.2.1
17 Pengertian Perangkat Lunak ......................................
2.2.2
18 Rekayasa Perangkat Lunak .......................................
2.2.3
19 Daur Hidup Perancangan Peangkat Lunak ................
2.3
21 Interaksi Manusia dan Komputer ........................................
2.4
27 State Transition Diagram ....................................................
2.5
28 Kios Informasi ....................................................................
2.5.1
28 Definisi Kios Informasi .............................................
2.5.2
29 Manfaat Kios Informasi ............................................
2.5.3
29 Komponen Kios Informasi ........................................
2.5.4
30 Jenis-jenis Kios Informasi .........................................
2.6
33 PHP dan MySQL ................................................................
2.6.1
33 Pengertian PHP .........................................................
2.6.2
34 Keunggulan PHP .......................................................
2.6.3
34 Pengertian MySQL ....................................................
BAB 3 ANALISA DAN PERANCANGAN SISTEM ..........................
35
3.1
35 Gambaran Umum Perusahaan ...........................................
3.1.1
35 Sejarah Singkat Perusahaan ......................................
3.1.2
36 Struktur Organisasi ....................................................
3.2
38 Hasil Kuisioner ...................................................................
3.3
46 Permasalahan yang Dihadapi ..............................................
3.3.1
46 Solusi .........................................................................
3.4
48 Perancangan Sistem ............................................................
3.4.1 Struktur Menu ...........................................................
3.4.3 Rancangan Database .................................................
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
76
64
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
3.4.3.5 Rancangan Database Kios ........................
3.4.2.10 STD Kategori ............................................
3.4.2.9 STD Data Peta ...........................................
48
52
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 .................................................
3.4.2.3 STD Promosi .............................................
62
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 .....................
77
3.4.3.6 Rancangan Database Lokasi .....................
3.4.5.11 Rancangan Layar Bantuan ........................
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
98
3.4.5.6 Rancangan Layar Pencarian - Peta ............
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
90
88
78
3.4.5 Rancangan Layar .......................................................
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
81
3.4.5.5 Rancangan Layar Promosi - Info ..............
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.18 Rancangan Layar Promosi - Edit Administrator 108
3.4.5.19 Rancangan Layar Layout ...........................
3.4.6.1 Modul Layar Halaman Utama ...................
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
137
129
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
3.4.6.6 Modul Layar Bantuan ...............................
3.4.5.32 Rancangan Layar Klip ...............................
3.4.5.31 Rancangan Layar Barang - Dari File ........
110
118
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 .................
3.4.5.25 Rancangan Layar Lokasi - Edit .................
127
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 ................
143
3.4.6.7 144 Modul Layar Log-in ..................................
3.4.6.8 144 Modul Layar Event - Administrator ..........
3.4.6.9 147 Modul Layar Promosi - Administrator ......
3.4.6.10 150 Modul Layar Peta ......................................
3.4.6.11 151 Modul Layar Kategori ...............................
3.4.6.12 154 Modul Layar Lokasi ..................................
3.4.6.13 156 Modul Layar Barang .................................
3.4.6.14 160 Modul Layar Klip ......................................
3.4.6.15 163 Modul Layar Ubah Password ...................
BAB 4 IMPLEMENTASI DAN EVALUASI ....................................... 165
4.1 165 Implementasi .......................................................................
4.1.1 165 Rencana Implementasi ..............................................
4.1.2 165 Spesifikasi Sistem .....................................................
4.1.2.1 165 Sarana untuk Mengembangkan Sistem .....
4.1.2.2 166 Sarana untuk Menjalankan Sistem ............
4.1.3 167 Cara Pengoperasian Sistem .......................................
4.2 206 Evaluasi Perancangan Kios Informasi ................................
4.2.1 206 Kuisioner ...................................................................
4.2.1.1 206 Kuisioner Untuk Client ................................
4.2.1.2 210 Kuisioner Untuk Administrator ...................
4.3 Evaluasi Terhadap Delapan Aturan Emas Untuk Perancangan Antar Muka Yang Baik ...................... 214
BAB 5 SIMPULAN DAN SARAN ........................................................ 216
5.1 216 Simpulan .............................................................................
5.2 217 Saran ...................................................................................
DAFTAR PUSTAKA .................................................................................... 218 RIWAYAT HIDUP ....................................................................................... 219 SURAT SURVEI ........................................................................................... 222
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
1 Latar Belakang ....................................................................
1.2
2 Ruang Lingkup ...................................................................
1.3
2 Tujuan dan Manfaat ............................................................
1.4
3 Metodologi ..........................................................................
1.5
4 Sistematika Penulisan .........................................................
BAB 2 LANDASAN TEORI ..................................................................
6
2.1
6 Multimedia .........................................................................
2.1.1
6 Definisi Multimedia ..................................................
2.1.2
7 Elemen Multimedia ...................................................
2.1.3
14 Aplikasi Multimedia ..................................................
DAFTAR TABEL
78 Tabel 3.10 Rancangan Database Peta .............................................................
Tabel 4.4 Tabel Hasil Kuisioner untuk Administrator ....................................210
Tabel 4.3 Tabel Kuisioner untuk Administrator .............................................207
Tabel 4.2 Tabel Hasil Kuisioner untuk Client ................................................79 Tabel 4.1 Tabel Kuisioner untuk Client .......................................................... 206
78 Tabel 3.11 Rancangan Database Promosi ......................................................
78 Tabel 3.9 Rancangan Database News .............................................................
Tabel 3.1 Tabel Korelasi Kuisioner ................................................................77 Tabel 3.8 Rancangan Database Lokasi ...........................................................
77 Tabel 3.7 Rancangan Database Kios ..............................................................
77 Tabel 3.6 Rancangan Database Kategori .......................................................
76 Tabel 3.5 Rancangan Database Klip ..............................................................
76 Tabel 3.4 Rancangan Database Barang ..........................................................
42 Tabel 3.3 Rancangan Database Administrator ...............................................
39 Tabel 3.2 Tabel Hasil Kuisioner .....................................................................
211
DAFTAR GAMBAR
Gambar 2.1 Linier Sequential Model / Classic Life Cycle .............................. 21
Gambar 2.2
27 State Transition Diagram ............................................................ Gambar 3.1
36 Struktur Organisasi PT Hero Supermarket Tbk. ......................... Gambar 3.2
Struktur Menu Client .................................................................. 48 Gambar 3.3
49 Struktur Menu Admin .................................................................. Gambar 3.4
50 STD Halaman Utama .................................................................. Gambar 3.5
STD Event ................................................................................... 52 Gambar 3.6
53 STD Promosi ............................................................................... Gambar 3.7
54 STD Pencarian Barang ................................................................ Gambar 3.8
56 STD Daftar Belanja ..................................................................... Gambar 3.9
58 STD Bantuan ............................................................................... Gambar 3.10
60 STD Event - Administrator ....................................................... Gambar 3.11
62 STD Promosi - Administrator ................................................... Gambar 3.12
64 STD Data Peta ........................................................................... Gambar 3.13
66 STD Kategori ............................................................................ Gambar 3.14
68 STD Lokasi ............................................................................... Gambar 3.15
70 STD Barang ............................................................................... Gambar 3.16
72 STD Klip ................................................................................... Gambar 3.17
74 STD Ubah Password ................................................................. Gambar 3.18
81 Rancangan Layar Halaman Utama ............................................ Gambar 3.19
Rancangan Layar Event ............................................................. 82 Gambar 3.20
84 Rancangan Layar Promosi - Peta ..............................................
Gambar 3.21 Rancangan Layar Promosi - Detail ...........................................Gambar 3.40 Rancangan Layar Lokasi ...........................................................Gambar 3.37 Rancangan Layar Kategori ........................................................111
Gambar 3.38 Rancangan Layar Kategori - Add ..............................................113
Gambar 3.39 Rancangan Layar Kategori - Edit ..............................................114
116
Gambar 3.36 Rancangan Layar Layout ...........................................................Gambar 3.41 Rancangan Layar Lokasi - Add .................................................118
Gambar 3.42 Rancangan Layar Lokasi - Edit .................................................119
Gambar 3.43 Rancangan Layar Input Kios .....................................................121
Gambar 3.44 Rancangan Layar Edit Kios ......................................................110
108
86 Gambar 3.22 Rancangan Layar Promosi - Info ..............................................
99 Gambar 3.30 Rancangan Layar Event Administrator ..................................... 100
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 ....................
Gambar 3.31 Rancangan Layar Event - Add Administrator ...........................Gambar 3.35 Rancangan Layar Promosi - Edit 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
122
Gambar 3.45 Rancangan Layar Barang ..........................................................Gambar 4.11 Gambar Halaman Event Administrator .....................................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
177
172
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.16 Gambar Halaman Keterangan Pesan Warning Delete Event ....Gambar 4.6 Gambar Halaman Pencarian - Promosi .......................................Gambar 4.5 Gambar Halaman Pencarian - Detail Barang ..............................124
133
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 .....................................................Gambar 3.51 Rancangan Layar Klip - Edit .....................................................171
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 .........................................180
Gambar 4.17 Gambar Halaman Keterangan Pesan Delete Event Sukses .......Gambar 4.35 Gambar Halaman Lokasi - Edit Lokasi......................................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
192
188
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
Gambar 4.40 Gambar Halaman Lokasi - Tambah Lokasi Kiosk ....................Gambar 4.30 Gambar Halaman Keterangan Pesan Edit Kategori Sukses ......Gambar 4.29 Gambar Halaman Kategori - Edit Kategori ..............................180
183 Gambar 4.23
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 .......Gambar Halaman Keterangan Pesan Warning Delete Promosi 184
187
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 ......194
Gambar 4.41 Gambar Halaman Lokasi - Edit Lokasi Kiosk ..........................203
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 .............Gambar 4.58 Gambar Halaman Keterangan Pesan Warning Delete Klip ......201
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
Gambar 4.62 Gambar Halaman Keterangan Pesan Edit Password Sukses ....Gambar 4.53 Gambar Halaman Klip - Tambah Baru .....................................Gambar 4.52 Gambar Halaman Keterangan Pesan Klip Dinon-aktifkan .......195
Gambar 4.46 Gambar Halaman Keterangan Pesan Edit Barang Sukses ........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
199
201
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 ..............205