Universitas Bina Nusantara Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester VIII tahun 2004 ANALISIS DAN PERANCANGAN KIOS INFORMASI ITC KUNINGAN BERBASISKAN MULTIMEDIA JIMMY (0400529842) SUSANTO (0400528820) GUNADI (0400513011) Kelas / Kelompok : 08PGT / 09 Abstrak Tujuan dari perancangan tampilan berbasiskan multimedia ini adalah untuk membantu sekaligus mempermudah pengunjung dalam mencari suatu lokasi. Selain itu membantu pihak pengelola dalam memberikan informasi terbaru kepada pengunjung. Metodologi yang digunakan dalam membuat rancangan ini adalah metode analisis dan metode perancangan. Pada metode analisis, kami melakukan dua tahap yakni studi pustaka dan studi lapangan. Dimana studi pustaka dilakukan dengan cara mencari, membaca, dan mempelajari buku-buku yang berhubungan dengan topik skripsi ini. Sedangkan untuk studi lapangan dilakukan survei secara langsung untuk mendapatkan dan mengumpulkan informasi yang diperlukan. Sedangkan pada metode perancangan, kami membuat State Transition Diagram, rancangan layar, spesifikasi modul. Hasil yang ingin dicapai terhadap rancangan tampilan berbasiskan multimedia ini agar dapat membantu semua pihak yang berkepentingan dengan ITC Kuningan, baik itu pihak pengunjung, pihak pemilik atau penyewa toko maupun pihak pengelola ITC Kuningan itu sendiri. Dari analisa kami terhadap rancangan tampilan berbasiskan multimedia ini, dapat diambil kesimpulan yaitu pada dasarnya tampilan yang menarik dan bermanfaat khususnya dapat mempengaruhi image atau citra suatu perusahaan sekaligus dapat membantu para pemilik atau penyewa toko dalam memperkenalkan tokonya. Selain itu juga dapat membuat pengunjung agar merasa nyaman dan cepat dalam memperoleh informasi mengenai suatu lokasi baik itu menyangkut fasilitas maupun tempat lokasi toko tersebut berada. Kata kunci : Multimedia, Kios informasi, Lokasi toko ITC Kuningan iii
KATA PENGANTAR Puji syukur kepada Tuhan Yang Maha Esa atas segala berkat, rahmat dan karunia- Nya. Sehingga penulis dapat menyelesaikan penulisan skripsi ini, yang merupakan salah satu syarat untuk menempuh ujian akhir program strata-1, Jurusan Tehnik Informatika, Universitas Bina Nusantara, Jakarta. Sampai dengan saat ini, sudah banyak sekali pihak yang telah membantu dalam menyelesaikan penulisan skripsi ini. Oleh karena itu, penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Ibu DR. Th. Widya S.MM, selaku Rektor Universitas Bina Nusantara, yang telah menyediakan fasilitas, sehingga penulis dapat menyelesaikan skripsi ini. 2. Bapak Elidjen, S.Kom, MInfoCommTech, selaku dosen pembimbing yang telah bersedia mengorbankan waktu dan tenaga dalam memberikan petunjuk dan bimbingan kepada penulis sehingga skripsi ini selesai. 3. Orang tua, keluarga atau saudara-saudara penulis serta teman- teman lainnya yang telah membantu memberikan semangat dalam penulisan skripsi ini.. 4. Seluruh Dosen Universitas Bina Nusantara yang telah memberikan ilmunya selama masa kuliah kepada penulis. 5. Bapak Handerson Chandra selaku pihak bagian proyek ITC Kuningan yang telah banyak memberikan informasi mengenai sejarah ITC Kuningan. 6. Ibu Agnes Fariati selaku Kepala Bagian HRD & GA yang telah memberikan kesempatan kepada penulis untuk melakukan survey di ITC Kuningan. 7. Ibu Nyny, selaku bagian Marketting & promotion yang telah membantu penulis dalam mengumpulkan informasi mengenai ITC Kuningan iv
8. Serta semua Staff di ITC Kuningan yang telah membantu penulis dalam mengumpulkan informasi yang diperlukan dalam penulisan skripsi ini. Penulis juga menyadari bahwa masih banyak terdapat kekurangan dalam penyusunan skripsi ini. Oleh Karena itu, penulis siap menerima berbagai saran dan kritik yang membangun untuk pengembangan yang lebih lanjut. Akhir kata, semoga skripsi ini dapat memberikan manfaat bagi semua pihak yang berkepentingan. Jakarta, 21 Juni 2004 Penulis v
DAFTAR ISI Halaman Judul luar Halaman Judul Dalam... i Halaman persetujuan... ii Abstrak... iii Kata Pengantar... iv Daftar Isi... vi Daftar Tabel... x Daftar Gambar... xi BAB 1 PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Ruang Lingkup... 2 1.3 Tujuan dan Manfaat... 3 1.4 Metodologi Penelitian... 3 1.5 Sistematika Penulisan... 4 BAB 2 LANDASAN TEORI 2.1 Multimedia... 6 2.1.1 Pengertian Multimedia... 6 2.1.2 Komponen Multimedia... 7 2.1.3 Penggunaan Multimedia... 11 2.2 Interaksi Manusia dan Komputer... 13 2.2.1 Tujuan... 13 2.2.2 Masalah... 14 2.2.3 Pedoman Perancangan... 14 2.3 Rekayasa Piranti Lunak... 18 2.3.1 Proses Piranti Lunak... 18 2.3.2 Model Sekuensial Linear... 20 vi
2.3.3 Karakterisitik Piranti Lunak... 21 2.4 Database... 22 2.4.1 Pengertian Database... 22 2.4.2 Sistem Database... 23 2.5 State Transition Diagram... 25 2.6 Kios Informasi... 26 2.6.1 Pengertian Kios... 26 2.6.2 Pengertian Informasi... 27 2.6.3 Pengertian Kios Informasi... 27 2.7 Software Pendukung Perancangan... 29 2.7.1 Macromedia Flash MX... 29 2.7.2 Adobe Photoshop 7.0... 29 2.7.3 Microsoft Visual basic 6.0... 30 BAB 3 ANALISIS DAN PERANCANGAN 3.1 Sejarah ITC Kuningan... 31 3.2 Struktur Organisasi... 32 3.3 Tugas Dan Tanggung Jawab... 33 3.4 Analisis Sistem Berjalan... 35 3.4.1 Cara Kerja Sistem Yang Sedang Berjalan... 35 3.4.2 Masalah Yang Dihadapi... 36 3.4.3 Analisis Hasil Kuesioner... 36 3.4.4 Usulan Pemecahan Masalah... 42 3.5 Struktur Menu... 43 3.5.1 Menu Utama... 43 3.5.2 Jadwal Acara... 43 3.5.3 Kategori... 43 3.5.4 Kategori Berdasarkan Lantai... 44 3.5.5 Lantai... 44 3.5.6 Daftar Nama Toko... 45 3.5.7 Fasilitas... 45 vii
3.5.8 Hubungi Kami... 46 3.5.9 Keluar... 46 3.6 State Transition Diagram... 47 3.6.1 State Transition Diagram Menu Utama... 47 3.6.2 State Transition Diagram Menu Kategori... 48 3.6.3 State Transition Diagram Menu Kategori Berdasarkan Lantai... 49 3.6.4 State Transition Diagram Menu Lantai... 50 3.6.5 State Transition Diagram Menu Daftar Nama Toko... 51 3.6.6 State Transition Diagram Menu Fasilitas... 52 3.7 Perancangan Sistem... 53 3.7.1 Rancangan Basis Data... 53 3.7.2 Rancangan Layar... 55 3.7.2.1 Rancangan Layar Pembuka... 55 3.7.2.2 Rancangan Layar Menu Utama... 55 3.7.2.3 Rancangan Layar Jadwal Acara... 56 3.7.2.4 Rancangan Layar Kategori... 56 3.7.2.5 Rancangan Layar Kategori Berdasarkan Lantai... 57 3.7.2.6 Rancangan Layar Lantai... 58 3.7.2.7 Rancangan Layar Daftar Nama Toko... 58 3.7.2.8 Rancangan Layar Fasilitas... 59 3.7.2.9 Rancangan Layar Hubungi Kami... 59 3.7.2.10 Rancangan Layar Denah Map... 60 3.7.2.11 Rancangan Layar Screensaver... 60 3.7.2.12 Rancangan Layar Penutup... 61 3.8 Spesifikasi Proses... 61 3.8.1 Spesifikasi Proses Animasi Pembuka... 61 3.8.2 Spesifikasi Proses Menu Utama... 62 3.8.3 Spesifikasi Proses Jadwal Acara... 63 3.8.4 Spesifikasi Proses Kategori... 64 3.8.5 Spesifikasi Proses Lantai... 77 viii
3.8.6 Spesifikasi Proses Daftar Nama Toko... 79 3.8.7 Spesifikasi Proses Fasilitas... 81 3.8.8 Spesifikasi Proses Hubungi Kami... 84 3.8.9 Spesifikasi Proses Keluar... 85 3.8.10 Spesifikasi Proses Animasi Penutup... 85 3.8.11 Spesifikasi Proses ScreenSaver... 85 BAB 4 IMPLEMENTASI DAN PERANCANGAN 4.1 Implementasi Kios Informasi... 87 4.2 Sarana Yang Dibutuhkan Dalam Implementasi... 88 4.2.1 Spesifikasi Perangkat Keras... 88 4.2.2 Spesifikasi Piranti Lunak... 88 4.2.3 Rencana Implementasi... 89 4.3 Cara Pengoperasian Program... 89 4.3.1 Program Aplikasi Kios Informasi... 89 4.3.2 Program Aplikasi Maintenance... 111 4.4 Evaluasi Sistem... 119 4.4.1 Evaluasi sistem berdasarkan Teori Interaksi Manusia dan Komputer... 120 4.4.2 Evaluasi hasil kuesioner penggunaan kios informasi... 125 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan... 130 5.2 Saran... 130 DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP FOTOCOPY SURAT SURVEI ix
DAFTAR TABEL Tabel 3.1 Hasil kuesioner responden mengenai informasi keberadaan ITC Kuningan... 37 Tabel 3.2 Hasil kuesioner responden terhadap frekuensi kunjungan... 38 Tabel 3.3 Hasil kuesioner mengenai kesulitan responden dalam mencari toko-toko Atau fasilitas umum di area ITC Kuningan... 39 Tabel 3.4 Hasil kuesioner mengenai kesulitan responden dalam mencari Informasi... 39 Tabel 3.5 Hasil kuesioner responden terhadap informasi yang diinginkan... 40 Tabel 3.6 Hasil kuesioner mengenai penempatan kios informasi yang baik... 41 Tabel 3.7 Basis Data db... 53 Tabel 3.8 Basis Data Iklan... 54 Tabel 3.9 Basis Data Jadwal Acara... 54 Tabel 4.1 Hasil kuesioner mengenai kegunaan kios informasi untuk responden... 126 Tabel 4.2 Hasil kuesioner mengenai kesulitan pemakaian kios informasi... 126 Tabel 4.3 Hasil kuesioner mengenai kesulitan responden... 127 Tabel 4.4 Hasil kuesioner mengenai ketertarikan kios informasi... 128 Tabel 4.5 Hasil kuesioner mengenai ketertarikan responden... 129 x
DAFTAR GAMBAR Gambar 2.1 Proses Perangkat Lunak... 18 Gambar 2.2 Model Sekuensial Linear... 20 Gambar 2.3 State Transition Diagram... 26 Gambar 3.1 Struktur Organisasi PT Perwita Margasakti... 32 Gambar 3.2 Hierarki Menu Utama... 43 Gambar 3.3 Hierarki Menu Jadwal Acara... 43 Gambar 3.4 Hierarki Menu Kategori... 43 Gambar3.5 Hierarki Menu Kategori Berdasarkan Lantai... 44 Gambar 3.6 Hierarki Menu Lantai... 44 Gambar 3.7 Hierarki Menu Daftar Nama Toko... 45 Gambar 3.8 Hierarki Menu Fasilitas... 45 Gambar 3.9 Hierarki Menu Hubungi Kami... 46 Gambar 3.10 Hierarki Menu Keluar... 46 Gambar 3.11 State Transition Diagram Menu Utama... 47 Gambar 3.12 State Transition Diagram Menu Kategori... 48 Gambar 3.13 State Transition Diagram Menu Kategori Berdasarkan Lantai... 49 Gambar 3.14 State Transition Diagram Menu Lantai... 50 Gambar 3.15 State Transition Diagram Menu Daftar Nama Toko... 51 Gambar 3.16 State Transition Diagram Menu Fasilitas... 52 Gambar 3.17 Rancangan Layar Pembuka... 55 Gambar 3.18 Rancangan Layar Menu Utama... 55 Gambar 3.19 Rancangan Layar Jadwal Acara... 56 Gambar 3.20 Rancangan Layar Kategori... 56 Gambar 3.21 Rancangan Layar Kategori Berdasarkan Lantai... 57 Gambar 3.22 Rancangan Layar Lantai... 58 Gambar 3.23 Rancangan Layar Daftar Nama Toko... 58 Gambar 3.24 Rancangan Layar Fasilitas... 59 Gambar 3.25 Rancangan Layar Hubungi Kami... 59 xi
Gambar 3.26 Rancangan Layar Denah Map... 60 Gambar 3.27 Rancangan Layar Screensaver... 60 Gambar 3.28 Rancangan Layar Penutup... 61 Gambar 4.1 Layar Pembuka... 90 Gambar 4.2 Layar Menu Utama... 90 Gambar 4.3 Layar Jadwal Acara... 92 Gambar 4.4 Layar Kategori... 93 Gambar 4.5 Layar Kategori Berdasarkan Lantai... 96 Gambar 4.6 Layar Lantai... 100 Gambar 4.7 Layar Daftar Nama Toko... 103 Gambar 4.8 Layar Map... 105 Gambar 4.9 Layar Fasilitas... 106 Gambar 4.10 Layar Hubungi Kami... 109 Gambar 4.11 Layar Screensaver... 110 Gambar 4.12 Layar Penutup... 111 Gambar 4.13 Layar Menu Utama... 112 Gambar 4.14 Layar Toko... 113 Gambar 4.15 Layar Iklan... 115 Gambar 4.16 Layar Event... 117 xii