v
UNIVERSITAS BINA NUSANTARA
_______________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2005/2006 ANALISA DAN PERANCANGAN WEBSITE
BERBASISKAN MULTIMEDIA UNTUK PROMOSI MAL PURI INDAH
Susanti 0600631624 Dian Kartika Dewi 0600632173 Robert Heng 0600651752 Kelas/Kelompok : 07PFT/2
Abstrak
Seiring dengan perkembangan teknologi informasi yang semakin pesat, dewasa ini informasi dapat disajikan dalam berbagai bentuk yang menarik, salah satunya yang terkenal saat ini adalah sistem multimedia. Mal Puri Indah sebagai salah satu mal terkemuka di Jakarta, selalu berusaha meningkatkan pemasarannya dengan menerapkan beberapa alternatif promosi agar mampu bersaing dengan dengan mal-mal lainnya. Salah satu alternatif yang kami tawarkan adalah sistem promosi berbasiskan multimedia yang berupa website. Website ini menyediakan berbagai informasi penting tentang Mal Puri Indah dalam bentuk sistem multimedia yang menarik untuk para pengunjungnya maupun calon pengunjung (masyarakat) yang dapat melihatnya melalui Website Mal Puri Indah. Metode pengembangan sistem yang digunakan adalah IMSDD (Interactive Multimedia System Design and Development). Di mana dalam mengumpulkan data yang diperlukan untuk mengembangkan sistem promosi ini adalah melalui studi kepustakaan dan metode penelitian lapangan dengan membagikan kuesioner kepada para pengunjung Mal Puri Indah serta melakukan wawancara dengan karyawan dan manager IT Mal Puri Indah. Dari hasil pengimplementasian dan evaluasi sistem promosi (website) ini, diketahui bahwa Website Mal Puri Indah ini cukup menarik dan mudah digunakan oleh user. Selain itu data yang disajikan juga cukup lengkap dan berguna bagi pengunjung Mal Puri Indah. Simpulan yang didapat adalah bahwa website ini dapat membantu meningkatkan pemasaran Mal Puri Indah dan mengurangi biaya operasional dalam mempromosikan Mal Puri Indah.
vi PRAKATA
Pertama-tama penulis mengucapkan puji dan syukur kepada Tuhan Yang Maha Esa atas berkat, rahmat, dan karunia-Nya yang telah diberikan, serta kepada semua pihak yang telah membantu memberikan dukungan baik moril maupun materiil selama penyusunan skripsi ini sehingga penulis dapat menyelesaikan skripsi ini tepat pada waktunya.
Penulisan skripsi ini merupakan salah satu syarat untuk memperoleh gelar sarjana Strata-1 jurusan Teknik Informatika pada Universitas Bina Nusantara.
Skripsi ini tidak akan selesai dengan baik tanpa bantuan dan dorongan yang telah diberikan oleh semua pihak dalam penyusunan skripsi ini. Oleh karena itu, pada kesempatan ini dari lubuk hati yang paling dalam, penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada yang terhormat :
1. Ibu Alm. Dr. Theresia Widia S., Ir., MM. selaku perintis Universitas Bina Nusantara, yang telah memberikan kesempatan kepada penulis untuk mengikuti pendidikan di Universitas Bina Nusantara.
2. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. selaku Rektor Universitas Bina Nusantara, yang telah memberikan kesempatan kepada penulis untuk meyelesaikan skripsi di Universita Bina Nusantara.
3. Bapak H.M. Subekti, BE, M.Sc. selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara, yang telah memberikan nasehat dan memotivasi kami selama mengikuti pendidikan di Universitas Bina Nusantara.
vii
5. Bapak Bayu Widya P.B., S.Kom selaku Visual dan IT Manager pada Mal Puri Indah, yang telah banyak meluangkan waktu dan memberikan bantuan, saran, dan juga dukungan sehingga penulis dapat menyelesaikan skripsi ini.
6. Segenap staf pengajar Universitas Bina Nusantara yang telah memberikan pengarahan dan bimbingan akademis kepada penulis semasa perkuliahan.
7. Orang tua kami yang sepenuh hati mendukung kami dengan doa dan nasehat yang sangat berarti, yang membuat kami semakin yakin untuk secepatnya menyelesaikan skripsi ini dengan baik.
8. Seluruh pihak yang telah memberikan bantuan, dukungan dan semangat secara langsung maupun tidak langsung yang namanya tidak penulis cantumkan.
Tiada Gading yang Tak Retak. Walaupun penulis berusaha semaksimal mungkin,
penulis menyadari bahwa penulis tidak terlepas dari segala kekurangan karena pengetahuan dan pengalaman yang masih kurang memadai. Oleh karena itu, saran dan kritik yang bersifat membangun sangat kami hargai.
Akhir kata penulis berharap semoga skripsi ini dapat bermanfaat bagi pengembangan dan penelitian selanjutnya, khususnya di Universitas Bina Nusantara.
Jakarta, Januari 2006
viii
DAFTAR ISI
Halaman Judul Luar...i
Halaman Judul Dalam...ii
Halaman Persetujuan Hardcover...iii
Halaman Pernyataan Dewan Penguji...iv
Abstrak...v
Prakata...vi
Daftar Isi...viii
Daftar Tabel...xii
Daftar Gambar...xiii
Daftar Lampiran...xvii
BAB 1 PENDAHULUAN 1.1 Latar Belakang...1
1.2 Ruang Lingkup...2
1.3 Tujuan dan Manfaat...3
1.4 Metodologi...4
1.5 Sistematika Penulisan...5
BAB 2 LANDASAN TEORI 2.1 Teori Umum...6
2.1.1 Multimedia...6
ix
2.1.1.2 Pengertian Multimedia...……...7
2.1.1.3 Elemen-elemen Multimedia...8
2.1.2 Interaksi Manusia dan Komputer...10
2.1.2.1 Pengertian Interaksi Manusia dan Komputer... 10
2.1.2.2 Tujuan Perancangan Interaksi Manusia dan Komputer.10 2.1.2.3 Faktor Manusia...12
2.1.3 Sistem dan Informasi...13
2.1.3.1 Sistem...13
2.1.3.2 Informasi... ...15
2.1.3.3 Sistem Informasi... ...15
2.1.4 Interactive Multimedia System Design and Developement (IMSDD)...17
2.1.5 Internet...19
2.1.5.1 Pengertian Internet...19
2.1.5.2 Pengertian World Wide Web (WWW) ...19
2.1.5.3 Website...20
2.1.6 Basis Data...20
2.1.6.1 Sistem Basis Data...20
2.1.6.2 Siklus Hidup Aplikasi Basis Data...22
2.2 Teori Khusus...24
2.2.1 Promosi...24
2.2.1.1 Pengertian Promosi...24
2.2.1.2 Tujuan Promosi...24
x
BAB 3 ANALISA DAN PERANCANGAN SISTEM
3.1 Gambaran Umum Mal Puri Indah... 26
3.1.1 Sejarah Mal Puri Indah... 26
3.1.2 Struktur Organisasi dan Wewenang Tanggung Jawab... 28
3.2 Analisa Sistem Berjalan……… 32
3.3 Analisa Permasalahan dan Solusi Masalah... 33
3.3.1 Analisa Permasalahan... 33
3.3.2 Usulan Pemecahan Masalah... 34
3.4 Perancangan Sistem... 36
3.4.1 Rancangan Hirarki/ Struktur Menu...36
3.4.2 Rancangan State Transition Diagram (STD)...42
3.4.3 Rancangan Layar………...……… 61
3.4.4 Rancangan Database………87
3.4.5 Spesifikasi Proses……….93
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi... 110
4.1.1 Sarana yang Dibutuhkan Dalam Pembangunan Website Mal Puri Indah... 110
4.1.2 Sarana yang Dibutuhkan Dalam Implementasi Website Mal Puri Indah... 111
4.1.3 Rencana Implementasi... 113
xi
4.2.1 Pengoperasian Aplikasi untuk User... 114
4.2.2 Pengoperasian Aplikasi untuk Administrator... 133
4.3 Evaluasi Aplikasi... 147
4.3.1 Evaluasi Kuesioner kepada User... 147
4.3.2 Evaluasi dari Sudut Pandang IMK (Interaksi Manusia dan Komputer)... 148
BAB 5 SIMPULAN DAN SARAN 5.1 Simpulan... 150
5.2 Saran... 151
DAFTAR PUSTAKA...152 RIWAYAT HIDUP
xii
DAFTAR TABEL
Tabel 3.1 Tabel msToko ...88
Tabel 3.2 Tabel msAcara ...89
Tabel 3.3 Tabel msFasilitas ...90
Tabel 3.4 Tabel katToko ...91
Tabel 3.5 Tabel katFasilitas ...92
xiii
DAFTAR GAMBAR
Gambar 2.1 Interactive Multimedia System Design and Development ...17
Gambar 2.2 Langkah-langkah siklus hidup aplikasi database (Connolly, 2003, p272) ...22
Gambar 3.1 Struktur Organisasi Mal Puri Indah ... 31
Gambar 3.2 Struktur Menu Transisi Layar Pembuka ………37
Gambar 3.3 Struktur Menu Halaman Profil ….. ………...37
Gambar 3.4 Struktur Menu Halaman Fasilitas ………..38
Gambar 3.5 Struktur Menu Halaman Toko ………..38
Gambar 3.6 Struktur Menu Halaman Acara ……….39
Gambar 3.7 Struktur Menu Halaman Hubungi Kami ………...40
Gambar 3.8 Struktur Menu Halaman Utama Admin ...41
Gambar 3.9 State Transition Diagram Bagian Front-End ...43
Gambar 3.10 State Transition Diagram Halaman Utama ...44
Gambar 3.11 State Transition Diagram Halaman Profil ...45
Gambar 3.12 State Transition Diagram Halaman Fasilitas ...46
Gambar 3.13 State Transition Diagram Halaman Toko ...47
Gambar 3.14 State Transition Diagram Halaman Acara ...48
Gambar 3.15 State Transition Diagram Halaman Hubungi Kami ...49
Gambar 3.16 State Transition Diagram Halaman Bagian Back End...50
Gambar 3.17 State Transition Diagram Halaman Utama Admin ...51
Gambar 3.18 State Transition Diagram Halaman msAcara ...52
xiv
Gambar 3.20 State Transition Diagram Halaman msFasilitas ...55
Gambar 3.21 State Transition Diagram Halaman katToko ...57
Gambar 3.22 State Transition Diagram Halaman katFasilitas ...58
Gambar 3.23 State Transition Diagram Halaman msAdmin ...59
Gambar 3.24 Rancangan Layar Halaman Intro...61
Gambar 3.25 Rancangan Layar Halaman Utama ...62
Gambar 3.26 Rancangan Layar Halaman Detil Informasi ...63
Gambar 3.27 Rancangan Layar Halaman Profil ...64
Gambar 3.28 Rancangan Layar Halaman Detil Profil ...65
Gambar 3.29 Rancangan Layar Halaman Acara ...66
Gambar 3.30 Rancangan Layar Detil Acara ...67
Gambar 3.31 Rancangan Layar Halaman Toko ...68
Gambar 3.32 Rancangan Layar Halaman Daftar Toko ...69
Gambar 3.33 Rancangan Layar Halaman Detil Toko ...70
Gambar 3.34 Rancangan Layar Halaman Fasilitas ...71
Gambar 3.35 Rancangan Layar Halaman Detil Fasilitas ...72
Gambar 3.36 Rancangan Layar Halaman Hubungi Kami ...73
Gambar 3.37 Rancangan Layar Halaman Login Admin ...74
Gambar 3.38 Rancangan Layar Halaman Utama Admin ...75
Gambar 3.39 Rancangan Layar Halaman Tabel msAcara ...77
Gambar 3.40 Rancangan Layar Halaman Tabel msToko ...78
Gambar 3.41 Rancangan Layar Halaman Tabel msFasilitas ...79
Gambar 3.42 Rancangan Layar Halaman Tabel katToko ... 80
xv
Gambar 3.44 Rancangan Layar Halaman Tabel msAdmin ...82
Gambar 3.45 Rancangan layar Halaman Insert ...83
Gambar 3.46 Rancangan layar Halaman Update ...84
Gambar 3.47 Rancangan Layar Halaman Delete ...85
Gambar 3.48 Rancangan Layar Halaman Ubah Password ...86
Gambar 3.49 Rancangan Layar Halaman View Full ...87
Gambar 4.1 Tampilan Layar Halaman Intro... 114
Gambar 4.2 Tampilan Layar Halaman Utama... 116
Gambar 4.3 Tampilan Layar Halaman Detil Informasi Mal Puri Indah... 117
Gambar 4.4 Tampilan Layar Halaman Detil Informasi Promo... 118
Gambar 4.5 Tampilan Layar Halaman Profil... 119
Gambar 4.6 Tampilan Layar Halaman Detil Profil... 120
Gambar 4.7 Tampilan Layar Halaman Acara... 122
Gambar 4.8 Tampilan Layar Halaman Detil Acara... .123
Gambar 4.9 Tampilan Layar Halaman Toko... 124
Gambar 4.10 Tampilan Layar Halaman Daftar Toko... 125
Gambar 4.11 Tampilan Layar Halaman Detil Toko... 126
Gambar 4.12 Tampilan Peta Lokasi Toko Pada Lantai Dasar (Ground Floor)...127
Gambar 4.13 Tampilan Peta Lokasi Toko Pada Lantai Satu (First Floor)...128
Gambar 4.14 Tampilan Peta Lokasi Toko Pada Lantai Dua (Second Floor)...129
Gambar 4.15 Tampilan Layar Halaman Fasilitas...130
Gambar 4.16 Tampilan Layar Halaman Detil Fasilitas...131
Gambar 4.17 Tampilan Layar Halaman Hubungi Kami... 132
xvi
Gambar 4.19 Tampilan Layar Halaman Pesan Kesalahan Login Admin... 134
Gambar 4.20 Tampilan Layar Halaman Utama Admin... 135
Gambar 4.21 Tampilan Layar Halaman Tabel msAcara... 136
Gambar 4.22 Tampilan Layar Halaman Tabel msToko... 137
Gambar 4.23 Tampilan Layar Halaman Tabel msFasilitas... 138
Gambar 4.24 Tampilan Layar Halaman Tabel katToko... 139
Gambar 4.25 Tampilan Layar Halaman Tabel katFasilitas... 140
Gambar 4.26 Tampilan Layar Halaman Tabel msAdmin... 141
Gambar 4.27 Tampilan Layar Halaman Insert... 142
Gambar 4.28 Tampilan Layar Halaman Update... 143
Gambar 4.29 Tampilan Layar Halaman Delete... 144
Gambar 4.30 Tampilan Layar Halaman Ubah Password... 145
xvii
