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 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. v
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 vi
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 Perancangan Sistem... 48 viii
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 3.4.3.5 Rancangan Database Kios... 77 ix
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 x
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 3.4.6.6 Modul Layar Bantuan... 143 xi
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 xii
BAB 5 SIMPULAN DAN SARAN... 216 5.1 Simpulan... 216 5.2 Saran... 217 DAFTAR PUSTAKA... 218 RIWAYAT HIDUP... 219 SURAT SURVEI... 222 xiii
DAFTAR ISI Halaman Judul Luar... Halaman Judul Dalam... Halaman Persetujuan Hard Cover... Abstrak... Prakata... Daftar Isi... Daftar Tabel... Daftar Gambar... i ii iii iv v vii xiv 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 2.1.3 Aplikasi Multimedia... 14 vii
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 Tabel 4.4 Tabel Hasil Kuisioner untuk Administrator... 211 xiv
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.20 Rancangan Layar Promosi - Peta... 84 xv
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 Gambar 3.44 Rancangan Layar Edit Kios... 122 xvi
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.16 Gambar Halaman Keterangan Pesan Warning Delete Event... 180 xvii
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 Gambar 4.40 Gambar Halaman Lokasi - Tambah Lokasi Kiosk... 194 xviii
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 Gambar 4.62 Gambar Halaman Keterangan Pesan Edit Password Sukses... 205 xix