UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Program Studi Strata 1 Skripsi Sarjana Komputer Semester Ganjil tahun 2006 / 2007 ANALISIS DAN PERANCANGAN KIOS INFORMASI PONDOK INDAH MALL 2 BERBASISKAN MULTIMEDIA Grizantia - 0600657876 Raditya Imam Shafar - 0600659566 Prasetio Aviantara Bunandir - 0600659572 Kelas / Kelompok : 07PAT / 6 Abstrak Tujuan Penelitian yang dilakukan adalah untuk mengetahui sistem yang sedang berjalan pada Pondok Indah Mall 2, dan apa yang menjadi kekurangan dari Pondok Indah Mall 2 tersebut. Sehingga dapat diketahui apa yang dapat dirancang untuk memberikan suatu inovasi baru yakni sebuah Kios Informasi berbasis Multimedia. Metode Penelitian yang dilakukan adalah dengan melakukan studi Lapangan dan studi Pustaka. Studi lapangan yang dilakukan berupa kegiatan survey pada Pondok Indah Mall 2 dengan menyebarkan kuisioner kepada pengunjung dan pegawai yang bertugas. Studi pustaka yang dilakukan adalah dengan mengumpulkan, membaca, dan mempelajari buku-buku dan referensi skripsi yang berhubungan dengan topik. Hasil yang dicapai dari penelitian ini adalah bahwa pengunjung masih mengalami kesulitan dalam mencari informasi di Pondok Indah Mall 2. Hal ini dikarenakan faktor keterbatasan petugas untuk memberikan penjelasan dan kurang menariknya papan informasi yang disediakan oleh pihak pengelola Mall. Dari hasil penelitian tersebut, para pengunjung menginginkan suatu media yang bisa memberikan informasi tentang denah toko, acara-acara yang sedang berlangsung di Pondok Indah Mall 2, serta fasilitas umum yang terdapat di Pondok Indah Mall 2 secara jelas dan tepat. Untuk itu dapat disimpulkan bahwa program yang dirancang, dalam hal ini berupa Kios Informasi berbasis Multimedia. Hal ini tampaknya merupakan suatu sarana yang tepat untuk memenuhi kebutuhan pengunjung yang masih memiliki keterbatasan pengetahuan untuk mendapatkan informasi tentang lokasi-lokasi toko yang ada di Pondok Indah Mall 2. Kata Kunci : Pondok Indah Mall 2, Kios Informasi, Multimedia. iv
PRAKATA Segala puji dan syukur kami panjatkan ke hadirat Allah SWT atas segala rahmat- Nya dalam penyusunan skripsi ini, sehingga penulisan skripsi ini dapat terselesaikan dengan baik dan tepat waktu. Penulisan ini diharapkan dapat membantu PT Metropolitan Kentjana Tbk selaku pengelola Pondok Indah Mall 2 dalam kelancaran proses bisnisnya sehingga dapat meningkatkan produktifitas perusahaan. Penyelesaian skripsi ini tentunya tidak lepas dari keterlibatan pihak-pihak yang telah banyak membantu baik secara langsung maupun tidak langsung. Untuk itu penulis mengucapkan banyak terima kasih antara lain ditujukan kepada : 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc selaku Rektor Universitas Bina Nusantara. 2. Bapak Ir. Sablin Yusuf, Msc, M.Comp.Sc selaku Dekan Fakultas Ilmu Komputer. 3. Bapak H. M. Subekti, BE, M.Sc selaku Ketua Program Studi Teknik Informatika. 4. Dosen Pembimbing Bapak Fredy Purnomo, S.Kom, M.Kom yang telah bersedia meluangkan waktu untuk membimbing dan mengarahkan penulis, sehingga penulis mampu menyelesaikan penyusunan skripsi ini dengan baik. 5. Para Dosen Universitas Bina Nusantara yang selama ini telah memberikan bimbingan pengajaran kepada penulis dimana bimbingan mereka merupakan bekal bagi penulis dalam melakukan penulisan skripsi ini. 6. Segenap pegawai PT Metropolitan Kentjana Tbk selaku pengelola Pondok Indah Mall 2 yang telah memberikan kesempatan kepada penulis untuk membuat kios informasi Pondok Indah Mall 2 dan untuk data-data yang digunakan penulis sebagai bahan penulisan skripsi.
7. Orang tua penulis yang telah banyak memberikan dorongan baik dorongan spiritual maupun material, selama penulisan skripsi ini. 8. Gesti Ria Sari dan Kadarlia Astarani Putri yang telah banyak membantu dalam pembuatan skripsi ini. 9. Teman-teman kami, antara lain : I'ant Nyamuk, Angga Kingkong, Ucok Tile, Riski Jablai, Adi MGP, Ramir Nyet, Iboy Gendut, Yudi Bokis, Kemal Kangcet, Zaki Kupu-Kupu Malam, Dony Kekar, Bayu Warung, Iga Item, Ditya Upik. Akhir kata penulis berharap skripsi ini dapat bermanfaat bagi para pembaca dan almamater Universitas Bina Nusantara. Jakarta, Januari 2007 Penulis
DAFTAR ISI Halaman Judul Luar. Halaman Judul Dalam.. i ii Halaman Persetujuan Cover. iii Abstrak. iv Prakata.. v Daftar Isi.. Daftar Tabel. vii xii Daftar Gambar. xiv BAB I PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Ruang Lingkup... 2 1.3 Tujuan dan Manfaat... 1.3.1 Tujuan... 1.3.2 Manfaat... 3 3 3 1.4 Metodologi... 4 1.5 Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1 Multimedia... 2.1.1 Elemen dan Komponen Multimedia... 7 8 vii
2.1.2 Aplikasi Multimedia... 13 2.2 Kios Informasi Multimedia... 2.2.1 Tujuan Kios Informasi... 2.2.2 Manfaat Kios Informasi... 2.2.3 Komponen Kios Informasi... 2.3 Rekayasa Piranti Lunak... 2.3.1 Pengertian dan Karakteristik... 2.3.2 Produk... 2.3.3 Proses... 2.3.4 Pemodelan. 2.3.5 Interactive Multimedia System Design and Development 14 14 14 15 16 16 17 18 19 22 2.4 Interaksi Manusia dan Komputer... 24 2.5 Sistem Basis Data... 28 2.6 Alat Bantu Perancangan... 2.6.1 State Transition Diagram... 29 29 2.7 Mall... 30 BAB III ANALISA DAN PERANCANGAN 3.1 Sejarah Perusahaan... 31 3.2 Struktur Organisasi... 33 3.3 Sistem Yang Sedang Berjalan... 3.3.1 Analisa Sistem Yang Sedang Berjalan... 3.3.2 Identifikasi Kebutuhan Informasi... 35 35 35 viii
3.4 Analisa Hasil Kuisioner... 36 3.5 Masalah dan Kebutuhan... 55 3.6 Usulan Pemecahan Masalah... 56 3.7 Perancangan Kios Informasi... 3.7.1 Struktur Menu... 3.7.2 State Transition Diagram... 3.7.3 Perancangan Layar 3.7.3.1 Perancangan Layar User (Front End) 3.7.3.2 Perancangan Layar Pemeliharaan Data (Back End). 3.7.4 Perancangan Database... 3.7.5 Spesifikasi Proses. 3.7.5.1 Spesifikasi Proses Front End. 3.7.5.2 Spesifikasi Proses Back End.. 57 57 61 69 69 78 86 88 88 91 BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Kios Informasi... 4.1.1 Spesifikasi Hardware dan Software minimal yang diperlukan... 98 98 4.2 Implementasi Jaringan Kios Informasi Pondok Indah Mall 2... 100 4.3 Implementasi Penempatan dan Rancangan Kios Informasi Pondok Indah Mall 2... 101 4.4 Tampilan Layar User (Front End) pada Kios Informasi Pondok Indah Mall 2... 4.4.1 Layar Home... 102 102 ix
4.4.2 Layar By Categories.. 4.4.3 Layar By Floors 4.4.4 Layar By Alphabets.. 4.4.5 Layar Public Services 4.4.6 Layar What's On 4.4.7 Layar Contact Us.. 4.4.8 Layar Screen Saver... 103 106 108 110 112 114 116 4.5 Tampilan Layar Pemeliharaan Data (Back End) pada Kios Informasi Pondok Indah Mall 2 4.5.1 Layar Login... 4.5.2 Layar Main Menu. 4.5.3 Layar Insert Tenant.. 4.5.4 Layar Edit / Delete Tenant 4.5.5 Layar Categories Editor 4.5.6 Layar Insert User... 4.5.7 Layar Update / Delete User... 4.5.8 Layar Event Maintenance. 4.5.9 Layar View All.. 4.5.10 Layar Search... 4.5.11 Layar About Us. 4.6 Evaluasi Kios Informasi Pondok Indah Mall 2. 4.6.1 Evaluasi Pengguna 117 117 118 119 121 122 123 124 125 126 127 128 129 129 4.6.2 Evaluasi berdasarkan Delapan Aturan Emas (Eight Golden x
Rules of User Interface).. 4.6.3 Evaluasi berdasarkan Lima Unsur Multimedia. 135 137 BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan 139 5.2 Saran.. 140 DAFTAR PUSTAKA.. 141 RIWAYAT HIDUP. 142 LAMPIRAN L-1 FOTOCOPY SURAT SURVEI SKRIPSI... xi
DAFTAR TABEL 3.1 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 1. 36 3.2 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 2. 37 3.3 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 3. 38 3.4 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 4. 40 3.5 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 5. 41 3.6 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 6. 42 3.7 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 7. 43 3.8 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 8. 45 3.9 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 9. 46 3.10 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 10... 47 3.11 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 11... 48 3.12 Persentase Kuisioner Awal Pengunjung Pertanyaan no. 12... 49 3.13 Persentase Kuisioner Staff Pertanyaan no. 1.. 50 3.14 Persentase Kuisioner Staff Pertanyaan no. 2.. 52 3.15 Persentase Kuisioner Staff Pertanyaan no. 3.. 53 3.16 Persentase Kuisioner Staff Pertanyaan no. 4.. 54 3.17 Tabel Data Toko... 86 3.18 Tabel Eminder... 87 3.19 Tabel Kategori... 87 3.20 Tabel Ms_User... 87 4.1 Persentase Kuisioner Akhir Pengunjung Pertanyaan no. 1 130 4.2 Persentase Kuisioner Akhir Pengunjung Pertanyaan no. 2 131 xii
4.3 Persentase Kuisioner Akhir Pengunjung Pertanyaan no. 3 132 4.4 Persentase Kuisioner Akhir Pengunjung Pertanyaan no. 4 133 4.5 Persentase Kuisioner Akhir Pengunjung Pertanyaan no. 5 134 xiii
DAFTAR GAMBAR 2.1 Kios Informasi.. 15 2.2 Waterfall Model / The Classic Life Cycle.. 20 2.3 Interactive Multimedia System Design and Development.. 22 2.4 Simbol State. 30 2.5 Simbol Transition State 30 3.1 Struktur Organisasi... 34 3.2 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 1.. 36 3.3 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 2 37 3.4 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 3.. 38 3.5 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 4.. 39 3.6 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 5.. 40 3.7 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 6.. 42 3.8 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 7.. 43 3.9 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 8.. 44 3.10 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 9.. 45 3.11 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 10 46 3.12 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 11 48 3.13 Diagram Hasil Kuisioner Pengunjung Pertanyaan no. 12 49 3.14 Diagram Kuisioner Staff Pertanyaan no. 1... 50 3.15 Diagram Kuisioner Staff Pertanyaan no. 2... 51 3.16 Diagram Kuisioner Staff Pertanyaan no. 3.. 52 xiv
3.17 Diagram Kuisioner Staff Pertanyaan no. 4... 54 3.18 Struktur Menu Layar Home. 57 3.19 Struktur Menu Layar By Categories 58 3.20 Struktur Menu Layar By Floors... 58 3.21 Struktur Menu Layar By Alphabets... 58 3.22 Struktur Menu Layar Public Services... 59 3.23 Struktur Menu Layar What s On.. 59 3.24 Struktur Menu Layar Contact Us. 59 3.25 Struktur Menu Layar Pemeliharaan Data... 60 3.26 STD Home 61 3.27 STD By Categories... 62 3.28 STD By Floors. 63 3.29 STD By Alphabets... 64 3.30 STD Public Services. 65 3.31 STD What s On 66 3.32 STD Contact Us... 66 3.33 STD Pemeliharaan Data... 67 3.34 Layar Screen Saver.. 69 3.35 Layar Halaman Utama. 70 3.36 Layar By Categories. 71 3.37 Layar By Floors 72 3.38 Layar By Alphabets.. 73 3.39 Layar Public Services.. 74 xv
3.40 Layar What s On.. 75 3.41 Layar Contact Us. 76 3.42 Layar Contact Us (Author).. 77 3.43 Layar Login... 78 3.44 Layar Menu Utama... 79 3.45 Layar Tambah Toko... 80 3.46 Layar Update Toko... 81 3.47 Layar Kategori Editor... 82 3.48 Layar Add User... 83 3.49 Layar Update User... 83 3.50 Layar Event Maintenance 84 3.51 Layar Event View All.. 85 3.52 Gambar ERD Kios Informasi Pondok Indah Mall 2... 86 4.1 Rancangan Kios Informasi Pondok Indah Mall 2... 100 4.2 Rancangan Box Kios Informasi Pondok Indah Mall 2... 101 4.3 Tampilan Layar Home... 102 4.4 Tampilan Layar By Categories... 103 4.5 Tampilan Layar sub menu By Categories 104 4.6 Tampilan Layar Deskripsi Toko..... 105 4.7 Tampilan Layar By Floors... 106 4.8 Tampilan Layar sub menu By Floors... 107 4.9 Tampilan Layar By Alphabets 108 4.10 Tampilan Layar sub menu By Alphabets. 109 xvi
4.11 Tampilan Layar Public Services.. 110 4.12 Tampilan Layar sub menu Public Services.. 111 4.13 Tampilan Layar What s On. 112 4.14 Tampilan Layar sub menu What s On (view details).. 113 4.15 Tampilan Layar Contact Us 114 4.16 Tampilan Layar Contact Us (author).. 115 4.17 Tampilan Layar Screen Saver. 116 4.18 Tampilan Layar Login. 117 4.19 Tampilan Layar Main Menu 118 4.20 Tampilan Layar Insert Tenant... 119 4.21 Tampilan Layar Edit / Delete Tenant.. 121 4.22 Tampilan Layar Categories Editor. 122 4.23 Tampilan Layar Insert User. 123 4.24 Tampilan Layar Update / Delete User.. 124 4.25 Tampilan Layar Event Maintenance 125 4.26 Tampilan Layar View All 126 4.27 Tampilan Layar Search 127 4.28 Tampilan Layar About Us 128 4.29 Diagram Hasil Kuisioner Akhir Pengunjung nomor 1. 129 4.30 Diagram Hasil Kuisioner Akhir Pengunjung nomor 2. 131 4.31 Diagram Hasil Kuisioner Akhir Pengunjung nomor 3... 132 4.32 Diagram Hasil Kuisioner Akhir Pengunjung nomor 4... 133 4.33 Diagram Hasil Kuisioner Akhir Pengunjung nomor 5... 134 xvii