v
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi
Semester Ganjil 2007/2008
ANALISIS DAN PERANCANGAN CD INTERAKTIF
BERBASIS MULTIMEDIA PADA
SEKOLAH PROVIDENTIA
FRANCISKUS 0800735375
ISTIANTORO
WIJAYA
0800735381
RALPH WILLIAM PIEQUET WARDANA 0800743313
Kelas/Kelompok : 07PAT/02
Abstrak
Pertumbuhan dan perkembangan teknologi yang begitu cepat seiring dengan meningkatnya persaingan membutuhkan perhatian yang lebih agar sebuah perusahaan dapat bertahan dan semakin maju. Kemampuan untuk menyebarkan informasi secara cepat dan akurat menjadi penting. Karena itu diperlukan suatu media penyebaran informasi yang dapat mendukung perkembangan dan kemajuan suatu perusahaan.
Tujuan pembuatan skripsi ini adalah merancang dan menerapkan CD interaktif berbasis multimedia pada sekolah Providentia dengan menyampaikan informasi mengenai sekolah Providentia secara lengkap, jelas, interaktif dan menarik.
Metode penelitian yang dilakukan dalam pembuatan skripsi ini meliputi penelitian langsung berupa kuesioner dan melakukan wawancara dengan pihak yang terkait, melakukan studi pustaka yang berhubungan dengan topik. Penelitian ini menghasilkan sebuah produk CD interaktif yang menarik bagi para user untuk mengetahui segala informasi mengenai sekolah Providentia secara lebih efektif. Dari hasil evaluasi dapat disimpulkan bahwa CD interaktif dapat menjadi sarana yang berguna dalam penyebaran nama sekolah Providentia karena user dapat melihat secara langsung bagaimana fasilitas-fasilitas pada sekolah Providentia, selain itu CD interaktif juga menekan biaya pemasaran secara signifikan.
vi
PRAKATA
Puji dan syukur kami panjatkan kepada Tuhan Yesus Kristus atas segala rahmat dan anugerah yang telah diberikan-Nya kepada kami sehingga skripsi ini dapat diselesaikan tepat pada waktu yang telah ditentukan. Tanpa penyertaan-Nya, semua usaha dan kerja keras ini tidak akan memberikan hasil yang berarti.
Penulisan skripsi dengan judul “Analisis dan Perancangan CD Interaktif Berbasis Multimedia Pada Sekolah Providentia” ini disusun sebagai salah satu syarat kelengkapan studi untuk menyelesaikan jenjang pendidikan Strata-1 (S1) jurusan Teknik Informatika pada Universitas Bina Nusantara, Jakarta.
Dalam penulisan skripsi ini disadari bahwa masih ada kekurangan dan kelemahan yang disebabkan oleh keterbatasan dalam pengetahuan dan pengalaman kami. Untuk itu diharapkan kritik, saran dan tanggapan yang dapat membangun dari para pembaca. Agar penulisan skripsi ini dapat berguna di masa mendatang.
Atas terselesaikannya skripsi ini tepat pada waktunya, maka kami selaku penulis memberikan ucapan terima kasih sebesar-besarnya kepada semua pihak yang telah membantu dalam penyusunan skripsi ini. Adapun ucapan terima kasih ini disampaikan kepada :
vii
2. Bapak Ir. Sablin Yusuf, M.Sc., M. Comp. Sc. selaku Dekan dari Fakultas Ilmu Komputer yang telah memberikan kepercayaan dan kesempatan untuk menyelesaikan skripsi ini.
3. Bapak Freddy Purnomo, S.Kom, M.Kom selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara, yang telah memberikan kepercayaan dan kesempatan untuk menyelesaikan skripsi ini.
4. Bapak Eko S. Hasrito, B.Eng, M.Eng, Ph.D selaku Pembimbing skripsi multimedia, yang telah memberikan bimbingan dan nasihatnya selama penyusunan skripsi ini.
5. Seluruh Karyawan Sekolah Providentia yang telah membantu memberikan bahan penelitian di lapangan.
6. Para orang tua yang telah memberikan dorongan dan semangat untuk menyelesaikan skripsi ini.
7. Seluruh pihak lain yang telah membantu dalam penyusunan skripsi ini. Diharapkan agar skripsi ini dapat diterima dan bermanfaat bagi para pembaca.
Jakarta, 21 Januari 2008
viii DAFTAR ISI
HALAMAN
Halaman Judul Luar
Halaman Judul Dalam
Halaman Persetujuan softcover………iii
Halaman Persetujuan hardcover...iv
Abstrak………...………...v
Prakata………...………...vi
Daftar Isi...………...viii
Daftar Tabel………..………...xiv
Daftar Gambar………..………...xv
BAB 1 PENDAHULUAN...1
1.1 Latar Belakang...1
1.2 Ruang Lingkup Penelitian...2
1.3 Tujuan dan Manfaat Penelitian...3
1.4 Metode Penelitian...4
1.5 Sistematika Penulisan...5
BAB 2 LANDASAN TEORI...7
2.1 Multimedia...7
2.1.1 Pengertian Multimedia...7
2.1.2 Elemen Multimedia...8
2.1.3 Media Penyimpanan Aplikasi Multimedia...11
ix
2.1.5 Penerapan Multimedia...14
2.2 Interaksi Manusia dan Komputer...15
2.2.1 Pengertian Interaksi Manusia dan Komputer...15
2.2.2 Antarmuka Pemakai...15
2.2.3 Interactive Multimedia System Design and Development...18
2.2.4 Kategori Pengguna...19
2.2.5 Eight Golden Rules...20
2.3 Simulasi...22
2.3.1 Pengertian simulasi...22
2.3.2 Aplikasi Simulasi...23
2.4 Rekayasa Piranti Lunak...23
2.4.1 Definisi Piranti Lunak...23
2.4.2 Definisi Rekayasa Piranti Lunak...24
2.4.3 Lapisan Rekayasa Piranti Lunak...24
2.4.4 Siklus Hidup Pengembangan Sistem...25
2.5 Basis Data...27
2.5.1 Entity Relationship Diagram (ERD)...27
2.5.2 State Transition Diagram (STD)...28
2.5.2.1 Definisi State Transition Diagram...28
2.5.2.2 Notasi – Notasi State Transition Diagram...28
2.6 Pemasaran...30
2.6.1 Pengertian Pemasaran...30
x
2.6.3 Tujuan Pemasaran...31
2.6.4 Strategi Pemasaran...31
2.7 Interactive CD...31
2.7.1 Definisi Interactive CD...31
2.7.2 Kegunaan Interactive CD...33
BAB 3 ANALISA DAN PERANCANGAN SISTEM...34
3.1 Gambaran Perusahaan...34
3.1.1 Sejarah Singkat Perusahaan...34
3.1.2 Visi dan Misi Perusahaan...35
3.1.3 Tugas dan Wewenang Dalam Perusahaan...36
3.1.3.1 Kepala Sekolah...36
3.1.3.2 Wakil Kepala Sekolah...36
3.1.3.3 Wali Kelas...37
3.1.3.4 Bimbingan dan Konseling...38
3.1.3.5 Kepala Tata Usaha...39
3.1.3.6 Layanan di bidang teknis / keamanan...39
3.1.4 Struktur Organisasi Perusahaan...40
3.1.4.1 Struktur organisasi yayasan...40
3.1.4.2 Struktur organisasi Taman Kanak-kanak...41
3.1.4.3 Struktur organisasi Sekolah Dasar...42
3.1.4.4 Struktur organisasi Sekolah Menengah Pertama...43
xi
3.2 Analisis Sistem...44
3.2.1 Sistem yang Sedang Berjalan...44
3.2.2 Hasil Survei...45
3.2.2.1 Survei kuisioner...45
3.2.2.2 Hasil wawancara...53
3.2.3 Rumusan Permasalahan...56
3.2.4 Usulan Pemecahan Masalah...57
3.3 Perancangan Sistem...59
3.3.1 Struktur Menu Utama...59
3.3.2 State Transition Diagram...60
3.3.3 Perancangan Layar...61
3.3.5 Perancangan Database………..104
3.3.6 Entity Relationship Diagram………….………106
3.3.7 Spesifikasi Proses……….……….108
3.3.7.1 Modul Intro……….………..108
3.3.7.2 Modul Home……….108
3.3.7.3 Modul Profile………...109
3.3.7.4 Modul Facilities………110
3.3.7.5 Modul Staffs……….112
3.3.7.6 Modul Achievements………...113
3.3.7.7 Modul Learn More………...115
xii
BAB IV IMPLEMENTASI DAN EVALUASI...117
4.1 Implementasi CD Interaktif...117
4.1.1 Perangkat Keras...117
4.1.2 Perangkat Lunak...118
4.1.3 Cara Pengoperasian Aplikasi...119
4.2 Tampilan Layar...119
4.3 Evaluasi aplikasi CD Interaktif...151
4.4 Evaluasi Interaksi Manusia dan Komputer...158
4.5 Pembahasan Aplikasi Secara Keseluruhan...162
BAB V KESIMPULAN DAN SARAN...164
5.1 Kesimpulan...164
5.2 Saran...165
DAFTAR PUSTAKA...167
DAFTAR RIWAYAT HIDUP...169
LAMPIRAN
xv
DAFTAR GAMBAR
Halaman
Gambar 2.1 Lapisan Rekayasa Piranti Lunak...25
Gambar 2.2 waterfall model design cycle...27
Gambar 2.3 state pada State Transition Diagram...29
Gambar 2.4 event pada State Transition Diagram...29
Gambar 3.1 Struktur Organisasi Yayasan...40
Gambar 3.2 Struktur Organisasi Taman Kanak-Kanak...41
Gambar 3.3 Struktur Organisasi Sekolah Dasar...42
Gambar 3.4 Struktur Organisasi Sekolah Menengah Pertama...43
Gambar 3.5 Struktur Organisasi Sekolah Menengah Atas………...44
Gambar 3.6 pie chart untuk jumlah pengguna komputer...45
Gambar 3.7 pie chart untuk lokasi penggunaan komputer...46
Gambar 3.8 pie chart untuk frekuensi penggunaan computer……….47
Gambar 3.9 pie chart untuk pentingnya kualitas sebuah sekolah...48
Gambar 3.10 pie chart untuk penentuan kualitas sebuah sekolah...49
Gambar 3.11 pie chart untuk kualitas sekolah Providentia……….50
Gambar 3.12 piechart untuk tingkat informasi sekolah Providentia...51
Gambar 3.13 pie chart untuk kelengkapan informasi sekolah Providentia...52
Gambar 3.14 pie chart untuk ketertarikan konsumen akan CD Interaktif...53
Gambar 3.15 Spanduk Penerimaan Siswa Baru...56
Gambar 3.16 Struktur Menu...59
xvi
Gambar 3.18 Rancangan Layar Animasi Pembuka...61
Gambar 3.19 Rancangan Layar Utama...62
Gamabr 3.20 Rancangan Layar Profil Perusahaan...63
Gambar 3.21 Rancangan Layar visi dan misi...64
Gambar 3.22 Rancangan Layar Fasilitas Sekolah...66
Gambar 3.23 Rancangan Layar Fasilitas Kelas Taman Kanak-Kanak...68
Gambar 3.24 Rancangan Layar Fasilitas Kelas SMP...70
Gambar 3.25 Rancangan Layar Fasilitas Kelas SMU...72
Gambar 3.26 Rancangan Layar fasilitas lab komputer...74
Gambar 3.27 Rancangan Layar Fasilitas Lab IPA...76
Gambar 3.28 Rancangan Layar Fasilitas Lab Bahasa...78
Gambar 3.29 Rancangan Layar Lapangan Sekolah...80
Gambar 3.30 Rancangan Layar Perpustakaan Sekolah...82
Gambar 3.31 Rancangan Layar Karyawan Sekolah...84
Gambar 3.32 Rancangan Layar Karyawan SD...86
Gambar 3.33 Rancangan Layar Karyawan SMP...88
Gambar 3.34 Rancangan Layar Karyawan SMU...90
Gambar 3.35 Rancangan Layar Karyawan Yayasan...92
Gamabr 3.36 Rancangan Layar Prestasi Siswa...94
Gambar 3.37 Rancangan Layar Prestasi SD...96
Gambar 3.38 Rancangan Layar Prestasi SMP...98
Gambar 3.39 Rancangan Layar Prestasi SMA...100
Gambar 3.40 Rancangan Layar Simulasi...102
xvii
Gambar 3.42 diagram entitas...106
Gambar 4.1 Tampilan Layar Animasi Pembuka Sekolah Providentia...119
Gambar 4.2 Tampilan Layar Menu Utama...120
Gambar 4.3 Tampilan Layar Menu PROFILE...121
Gambar 4.4 Tampilan Layar VISION & MISSION...122
Gambar 4.5 Tampilan Layar Facilities → Kindergarten...123
Gambar 4.6 Tampilan Layar Facilities → Elementary...124
Gambar 4.7 Tampilan Layar Menu Facilities → Junior High...125
Gambar 4.8 Tampilan Layar Menu Facilities → Senior High...126
Gambar 4.9 Tampilan Layar Menu Facilities → Computer Lab...127
Gambar 4.10 Tampilan Layar Menu FACILITIES → Science Lab...128
Gambar 4.11 Tampilan Layar Menu FACILITIES → Language Lab...129
Gambar 4.12 Tampilan Layar Menu FACILITIES → SCHOOL YARD...130
Gambar 4.13 Tampilan Layar Menu FACILITIES → LIBRARY...131
Gambar 4.14 Tampilan Layar Menu STAFFS → KINDERGARTEN...132
Gambar 4.15 Tampilan Layar Menu STAFFS → ELEMENTARY...133
Gambar 4.16 Tampilan Layar Menu STAFFS → JUNIOR HIGH...134
Gambar 4.17 Tampilan Layar Menu STAFFS → SENIOR HIGH...135
Gambar 4.18 Tampilan Layar Menu STAFFS → FOUNDATION...136
Gambar 4.19 Tampilan Layar Menu ACHIEVEMENTS → KINDERGARTEN...137
Gambar 4.20 Tampilan Layar Menu ACHIEVEMENTS → ELEMENTARY...138
Gambar 4.21 Tampilan Layar Menu ACHIEVEMENTS → JUNIOR HIGH...139
Gambar 4.22 Tampilan Layar Menu ACHIEVEMENTS → SENIOR HIGH...140
xviii
Gambar 4.24 Tampilan Modul Intro Simulasi...142
Gambar 4.25 Tampilan Atas Lantai 1...143
Gambar 4.26 Tampilan first person untuk lantai 1...144
Gambar 4.27 Tampilan Atas Lantai 2...145
Gambar 4.28 Tampilan first person untuk lantai 2...146
Gambar 4.29 Tampilan Atas Lantai 3...147
Gambar 4.30 Tampilan first person untuk lantai 3...148
Gambar 4.31 Tampilan Gedung secara keseluruhan...149
Gambar 4.32 Tampilan Database...150
Gambar 4.33 pie chart untuk kemudahan aplikasi...151
Gambar 4.34 pie chart untuk tampilan aplikasi...152
Gambar 4.35 pie chart untuk tingkat informasi...153
Gambar 4.36 pie chart untuk informasi yang disajikan………...154
Gambar 4.37 pie chart untuk informasi yang didapat oleh user………...155
Gambar 4.38 pie chart untuk kesan multimedia pada aplikasi...156
Gambar 4.39 pie chart untuk kekurangan aplikasi………...157
Gambar 4.40 tampilan layar utama...158
Gambar 4.41 tampilan layar Profile...159
Gambar 4.42 tampilan layar visi dan misi...159
Gambar 4.43 tampilan layar Facilities...159
Gambar 4.44 tampilan peralihan layar Vision & Mission ke layar Facilities...160
Gambar 4.45 tampilan yang diinginkan user...161
xix
DAFTAR LAMPIRAN
