Skripsi Teknik Informatika

APLIKASI MULTIMEDIA COMPUTER BASED TRAINING (CBT)
UNTUK BANTUAN OPERASIONAL SEKOLAH

PADA KANTOR DEPAG KABUPATEN TANGERANG
Oleh :
MIMI MIFTAHUL JANNAH
103091029605
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA 2010
i
Oleh :

103091029605
Skripsi
Sebagai Salah Satu Syarat Untuk Meraih Gelar
Sarjana Komputer
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA 2010
ii
Skripsi
Sebagai Salah Satu Syarat untuk Memperoleh Gelar
Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Oleh :
103091029605
Menyetujui :
Pembimbing I, Pembimbing II,
DR. Eko Syamsuddin H, M.Eng Ir. Adil Siregar
Mengetahui :
Ketua Program Studi Teknik Informatika
Yusuf Durrachman, MIT

NIP. 19710522 200604 1002
iii
PENGESAHAN UJIAN
Skripsi berjudul ”Aplikasi Multimedia Computer Based Training (CBT) Untuk Bantuan
Operasional Sekolah Pada Kantor Depag Kabupaten Tangerang” yang ditulis oleh Mimi
Miftahul Jannah, NIM 103091029605 telah diuji dan dinyatakan lulus dalam sidang
Munaqosyah Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah
Jakarta pada hari Senin, 28 Juni 2010. Skripsi ini telah
diterima sebagai salah satu syarat untuk memperoleh gelar sarjana strata satu (S1) pada
Program Studi Teknik Informatika.
Menyetujui :
Penguji I, Penguji II,
Arini, MT Yusuf Durrachman, MIT

NIP. 19760131 200901 2001 NIP. 19710522 200604 1002
Pembimbing I, Pembimbing II,
DR. Eko Syamsuddin H, M.Eng Ir. Adil Siregar
Mengetahui :
Dekan Ketua Program Studi

Fakultas Sains dan Teknologi, Teknik Informatika,
DR. Syopiansyah Jaya Putra, M.Sis Yusuf Durrachman, MIT

NIP. 19680117 200112 1001 NIP. 19710522 200604 1002
iv
PERNYATAAN
DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR
HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI
ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA
MANAPUN.
Jakarta, 2010
Mimi Miftahul Jannah

103091029605
v
ABSTRAK
Mimi Miftahul Jannah – 103091029605, Aplikasi Multimedia Computer Based

Training (CBT) Untuk Bantuan Operasional Sekolah Pada Kantor Depag Kabupaten
Tangerang (Dibawah bimbingan DR. Eko Syamsudin H. M.Eng dan Ir. Adil Siregar).
Di Mapenda terdapat pelatihan tentang dana Bantuan Operasional Sekolah yang

masih menggunakan metode manual dengan buku panduan. Selain dari buku panduan
tersebut, informasi tentang dana Bantuan Operasional Sekolah ini diperoleh dari
wawancara langsung. Berangkat dari ketiadaan metode tersebut, maka penulis membuat
aplikasi materi pelatihan tentang dana BOS berbasiskan multimedia sehingga
memberikan solusi dari permasalahan yang ada. Dalam aplikasi ini penulis menggunakan
metode pengumpulan data yang terdiri dari metode studi lapangan dan metode studi
pustaka. Metode studi lapangan meliputi metode wawancara, metode observasi langsung
dan metode kuisioner. Sedangkan untuk metode pengembangan multimedia penulis
menggunakan metode menurut Luther yang terdiri dari 6 tahap yaitu konsep,
perancangan, pengumpulan bahan, pembuatan, tes dan implementasi. Aplikasi ini dapat
memberikan informasi dalam penyampaian secara jelas dan menarik bagi Mapenda dan
peserta pelatihan dan disajikan secara interaktif sehingga pengguna dapat berinteraksi
langsung dalam proses pelatihan. Dengan media pelatihan seperti ini dapat membantu
pelaksanaan pelatihan sebagai alat bantu yang efektif dan efisien. Untuk pengembangan
selanjutnya dapat dilakukan secara tiga dimensi sehingga menghasilkan gambar dengan
kualitas, bentuk, dan model yang lebih menarik.
Kata Kunci: Aplikasi, Multimedia, Computer Based Training
vi
KATA PENGANTAR
Alhamdulillah segala puji serta rasa syukur kami curahkan ke Hadirat Allah SWT.
Dengan segala limpahan Rahmat-Nya penulis dapat menyusun dan menyelesaikan skripsi
ini. Adapun judul dari skripsi ini adalah “Aplikasi Multimedia Computer Based
Training (CBT) untuk Bantuan Operasional Sekolah pada Kantor Depag
Kabupaten Tangerang”. Penyusunan skripsi ini tidak mungkin dapat penulis selesaikan
dengan baik tanpa bantuan dari berbagai pihak. Untuk itu penulis mengucapkan terima
kasih kepada :
1. DR. Syopiansyah Jaya Putra, M.SIS, selaku Dekan Fakultas Sains dan Teknologi
UIN Syarif Hidayatullah Jakarta. Bapak Yusuf Durrahman, M.Sc, MIT, selaku
Ketua Program Studi Teknik Informatika dan Ibu Viva Arifin, MMSI, selaku
Sekretaris Program Studi Teknik Informatika.
2. Bapak DR. Eko Syamsuddin H.M.Eng, dan Ir. Adil Siregar selaku dosen
pembimbing I dan II, yang telah memberikan bimbingan, waktu dan perhatiannya
dalam penyusunan skripsi ini.
3. Seluruh Staff Kantor Departemen Agama Kabupaten Tangerang, yang telah
meluangkan waktu, tempat, dukungan, dan materi bagi penulis selama
menyelesaikan skripsi.
4. Seluruh Dosen dan staf karyawan Jurusan Teknik Informatika, Fakultas Sains dan
Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta yang telah
membimbing penulis selama kuliah.
vii
5. Teman-temanku Aida, Diah, Rulan, Rijal, Bety, Ali, Bai, Gun gun, Giri, Tanto,
Adam, Putro, Fahmi, Erwin, Sidik, Syukur. Keluarga besar Teknik Informatika
angkatan 2003. Terima kasih banyak atas kebersamaan yang sangat indah.
6. Teman-teman penulis yang lain yang tidak bisa disebutkan namanya satu per satu
yang selalu memberi dukungan kepada penulis sehingga skripsi ini dapat
terselesaikan dengan baik.
Penulis menyadari bahwa skripsi ini masih banyak kekurangan, dan penulis
terbuka terhadap segala saran dan kritik yang membangun.
Akhir kata penulis mempersembahkan skripsi ini dengan segala kelebihan dan
kekurangannya, semoga dapat bermanfaat bagi kita semua, amien.
Jakarta, 2010
viii
LEMBAR PERSEMBAHAN
Bismillahirrahmanirrahim....
Alhamdulillah....
Segala Puji Syukurku persembahkan padaMu ya Allah yang tak pernah terhingga.
Engkau Maha Pengasih dan Penyayang, Tiada sekutu bagiMu. Dalam proses
penyelesaian skripsi ini, banyak hal yang diperoleh. Banyak pengalaman dan masukan
yang membimbingku menjadi manusia yang benar-benar mengerti betapa berharganya
kasih sayang dari keluarga dan sahabat menuju proses pendewasaan berfikir.
Alhamdulillah dan terima kasih kepada keluarga besar tercinta dan sahabat terbaik,
diantaranya:
1. Almarhumah Ibunda tercinta Samriyah binti H. Abdus Salam dan Ayahanda
Martamin, Ka Awi, Ka Ombih, Ka Edi, Ka Ubed, Teh Awat, Teh Eyet, dan adik
kandungku tercinta Nana. Terima kasih banyak atas semua pengorbanan,
ketulusan, kesabaran, kasih sayang, perhatian, semangat, dan cinta yang telah
kalian berikan. Semoga Allah selalu mencurahkan Rahmat-NYA agar aku mampu
untuk menjadi insan yang jauh lebih baik, menjadi hamba yang tawakkal dan
tetap istiqomah. Dan semoga Allah selalu menjaga langkahku hingga kebahagiaan
kan selalu menemaniku. Serta keluarga besar H. Abdus Salam dan H. Sa’an yang
telah memberikan dukungan baik moril maupun materiil bagi penulis dalam
menyelesaikan skripsi ini.
ix
2. Keluarga baru ”My Husband” yang telah memberikan motivasi, semangat dan
perjuangan membantu membangkitkan semangat untuk menyelesaikan tugas ini.
Mama, Etta, Ka Diah dan keluarga, Bang Ikbal dan Isrti, Bang Kamal, Doni,
Ilham, Hafis, dan adeku Ni’mah dan Ihsan.
3. Sahabat terbaikku Yuni, Lela, Ratih, Desi, Lia, Sarah, Isna, Ria, Ina, Zenonk,
Mia, Sifah, May, K’Zein, K’Nurma, K’Opik. Terima Kasih banyak atas dorongan
semangat dan ketulusan kalian yang selalu ada didekatku dan selalu menemaniku
Semoga Allah membalas semua kebaikan dan ketulusan hati kalian. Aku sangat
bersyukur telah dipertemukan dengan orang-orang sebijaksana kalian. Thank’s for all.....
Jakarta, 2010
x
DAFTAR ISI
HALAMAN JUDUL ...................................................................................... i
LEMBAR PERSETUJUAN PEMBIMBING .............................................. ii
LEMBAR PENGESAHAN PEMBIMBING .............................................. iii
LEMBAR PERNYATAAN ......................................................................... iv
ABSTRAK ................................................................................................... v
KATA PENGANTAR ................................................................................ vi
LEMBAR PERSEMBAHAN .................................................................... viii
DAFTAR ISI ................................................................................................ x
DAFTAR TABEL ...................................................................................... xiv
DAFTAR GAMBAR ................................................................................. xv
BAB I PENDAHULUAN ................................................................. 1
1.1. Latar Belakang ................................................................ 1
1.2. Rumusan Masalah ........................................................... 3
1.3. Batasan Masalah .............................................................. 3
1.4. Tujuan Penelitian ............................................................. 4
1.5. Manfaat Penelitian ........................................................... 4
1.6. Metodologi Penelitian ...................................................... 5
1.7. Sistematika Penulisan ...................................................... 8
BAB II LANDASAN TEORI ........................................................... 10
2.1. Bantuan Operasional Sekolah (BOS) ............................. 10
2.1.1. Tujuan Program BOS ..................................... 10
2.1.2. Ketentuan Madrasah Penerima Dana BOS ..... 11
xi
2.1.3. Sasaran Dana BOS ......................................... 11
2.2. Multimedia .................................................................... 12
2.2.1. Pengertian Multimedia ................................... 12
2.2.2. Komponen Multimedia ................................... 13
2.2.3. Manfaat Penggunaan Multimedia ................... 21
2.2.4. Penyajian Aplikasi Multimedia ....................... 22
2.3. Pelatihan (Trainer) ....................................................... 23
2.3.1. Computer Based Training (CBT) ................... 24
2.3.2. Keuntungan Computer Based Training ........... 25
2.3.3. Aplikasi Multimedia di Bidang Pelatihan ....... 25
2.3.4. Model CBT .................................................... 26
2.3.5. Jenis Jenis Pelatihan ....................................... 27
2.4. Interaksi Manusia dan Komputer (IMK) ....................... 32
2.5. Rekayasa Perangkat Lunak (RPL) ................................. 33
2.6. Story Board .................................................................. 35
2.7. Flow Chart ................................................................... 36
2.8. Struktur Navigasi .......................................................... 36
2.9. State Transition Diagram (STD) ................................... 38
2.10. Macromedia Director MX ............................................ 40
2.11. Macromedia Flash MX ................................................. 42
2.12. Macromedia Fireworks MX .......................................... 44
2.13. Adobe Photoshop CS .................................................... 46
2.14. Ulead Video Studio 10 .................................................. 48
xii
BAB III METODOLOGI PENELITIAN ......................................... 51
3.1. Metode Pengumpulan Data ........................................... 51
3.1.1. Metode Studi Lapangan .................................. 51
3.1.1.1. Metode Wawancara ...................... 51
3.1.1.2. Metode Observasi Langsung ......... 52
3.1.1.3. Metode Kuisioner ......................... 52
3.1.2. Metode Studi Pustaka ..................................... 52
3.2. Metode Pengembangan Multimedia ............................... 53
3.2.1. Konsep (Concept) ................................................ 54
3.2.2. Perancangan (Design) .......................................... 54
3.2.3. Pengumpulan Bahan (Material Collecting) .......... 55
3.2.4. Pembuatan (Assembly) ......................................... 55
3.2.5. Tes (Testing) ....................................................... 56
3.2.6. Implementation (Distribution) ............................. 56
BAB IV PEMBAHASAN .................................................................. 57
4.1. Hasil Pengumpulan Data ............................................... 57
4.1.1. Hasil Wawancara ........................................... 57
4.1.2. Hasil Observasi Langsung .............................. 58
4.1.3. Hasil Kuisioner .............................................. 59
4.2. Metode Pengembangan Multimedia ............................... 60
4.2.1. Konsep (Concept) .......................................... 60
4.2.2. Perancangan (Design) ................................... 61
4.2.2.1. Perancangan Storyboard .................... 62
xiii
4.2.2.2. Perancangan Flowchart View ............. 68
4.2.2.3. Perancangan Arsitektur Navigasi ....... 76
4.2.2.4. Perancangan Diagram Transisi ........... 78
4.2.2.5. Perancangan Antarmuka .................... 80
4.2.3. Pengumpulan Bahan (Material Collecting) ..... 86
4.2.4. Pembuatan (Assembly) ................................... 90
4.2.5. Tes (Testing) ................................................ 107
4.2.6. Implementation ............................................ 109
4.2.6.1. Tampilan Aplikasi ........................... 109
4.2.6.2. Pengoperasian Program ................... 114
4.2.6.3. Evaluasi Program ............................. 115
BAB V PENUTUP ......................................................................... 122
5.1. Kesimpulan ................................................................. 122
5.2. Saran ........................................................................... 123
DAFTAR PUSTAKA ............................................................................... 124
LAMPIRAN .............................................................................................. 126
xiv
DAFTAR TABEL
Tabel 2.1. Simbol-Simbol Flow Chart ................................................ 36
Tabel 4.1. Analisis Tools (alat bantu) yang ada di Mapenda................ 58
Tabel 4.2. Deskripsi Konsep Aplikasi ................................................. 61
Tabel 4.3. Hasil Kuisioner Evaluasi No.1 ......................................... 115
xv
DAFTAR GAMBAR
Gambar 2.1. Sketsa Layout Story Board ................................................. 35
Gambar 2.2. Struktur Navigasi Linear .................................................... 37
Gambar 2.3. Struktur Navigasi Hierarki .................................................. 37
Gambar 2.4. Struktur Navigasi Terpusat.................................................. 38
Gambar 2.5. Struktur Navigasi Full Web................................................. 38
Gambar 2.6. Simbol State ....................................................................... 39
Gambar 2.7. Simbol Perubahan Sistem ................................................... 39
Gambar 2.8. Kondisi dan Aksi ................................................................ 39
Gambar 2.9. Contoh Script Lingo ............................................................ 41
Gambar 2.10. Area Kerja Macromedia Director MX ................................. 41
Gambar 2.11. Area Kerja Macromedia Flash MX ..................................... 43
Gambar 2.12. Area Kerja Macromedia Fireworks MX .............................. 45
Gambar 2.13. Area Kerja Adobe Photoshop CS ........................................ 47
Gambar 2.14. Ulead Video Studio............................................................. 49
Gambar 3.1 Rincian Tahapan Pengembangan Aplikasi Multimedia ........ 53
Gambar 4.1. Rancangan Storyboard Intro................................................ 62
Gambar 4.2. Rancangan Storyboard Menu Utama ................................... 63
Gambar 4.3. Rancangan Storyboard Profil Mapenda ............................... 64
Gambar 4.4. Rancangan Storyboard Materi Pelatihan ............................. 65
xvi
Gambar 4.5. Rancangan Storyboard Rekap Madrasah ............................ 66
Gambar 4.6. Rancangan Storyboard Galeri Mapenda ............................. 67
Gambar 4.7. Rancangan Storyboard Kontak .......................................... 68
Gambar 4.8. Flowchart Intro.................................................................. 69
Gambar 4.9. Flowchart Menu Utama ..................................................... 70
Gambar 4.10. Flowchart Profil Mapenda ................................................. 71
Gambar 4.11. Flowchart Materi Pelatihan ................................................ 72
Gambar 4.12. Flowchart Rekap Madrasah ............................................... 73
Gambar 4.13. Flowchart Galeri Mapenda ................................................ 74
Gambar 4.14. Flowchart Kontak .............................................................. 75
Gambar 4.15. Struktur Navigasi ............................................................... 76
Gambar 4.16. Struktur Navigasi Materi Pelatihan..................................... 77
Gambar 4.17 Rancangan STD Menu Utama ............................................ 78
Gambar 4.18. Rancangan STD Profil Mapenda ........................................ 78
Gambar 4.19. Rancangan STD Materi Pelatihan....................................... 79
Gambar 4.20. Rancangan STD Rekap Madrasah ...................................... 79
Gambar 4.21. Rancangan STD Galeri Mapenda ....................................... 80
Gambar 4.22. Rancangan STD Kontak..................................................... 80
Gambar 4.23. Rancangan Tampilan Aplikasi............................................ 86
Gambar 4.24. Proses Pengolahan Gambar ................................................ 87
Gambar 4.25. Buku Panduan BOS ........................................................... 87
Gambar 4.26. Tampilan Logo Depag ....................................................... 88
Gambar 4.27. Tampilan Button ................................................................ 88
xvii
Gambar 4.28. Proses Pengeditan Suara .................................................... 89
Gambar 4.29. Proses Pengeditan Video .................................................... 89
Gambar 4.30. Proses Penggabungan Elemen Multimedia ......................... 91
Gambar 4.31. Proses Pembuatan animasi teks Gambaran Umum.............. 92
Gambar 4.32. Proses Pembuatan Background .......................................... 92
Gambar 4.33. Pembuatan Menu ............................................................... 93
Gambar 4.34. Proses Pengeditan Video Madrasah.................................... 93
Gambar 4.35. Tampilan Halaman Intro .................................................... 94
Gambar 4.36. Tampilan Header Teks ....................................................... 95
Gambar 4.37. Layer Pada Menu Intro....................................................... 98
Gambar 4.38. Teknik Masking Pada Animasi Logo ................................. 98
Gambar 4.39. Timeline Dari Animasi Garis ............................................. 99
Gambar 4.40. Timeline Dari Animasi Button .......................................... 99
Gambar 4.41. Parameters Pengontrolan Musik Latar .............................. 100
Gambar 4.42. Timeline Dari Animasi Gambaran Umum ........................ 101
Gambar 4.43. Timeline Dari Animasi Tingkatan Sekolah ....................... 101
Gambar 4.44. Timeline Dari Animasi Grafik.......................................... 102
Gambar 4.45. Timeline Dari Animasi Gambar Depag ............................ 103
Gambar 4.46. Proses Pengeditan Suara .................................................. 104
Gambar 4.47. Jumlah Frame Pada Aplikasi ............................................ 104
Gambar 4.48. Timeline Dari Animasi Gambar Penulis ........................... 105
Gambar 4.49. Timeline Dari Animasi nama Penulis ............................... 105
Gambar 4.50. Timeline Dari Animasi Terima Kasih............................... 106
xviii
Gambar 4.51. Script Lingo ..................................................................... 106
Gambar 4.52. Tampilan Halaman Intro .................................................. 110
Gambar 4.53. Tampilan Halaman Selanjutnya........................................ 110
Gambar 4.54. Tampilan Halaman Menu Utama...................................... 111
Gambar 4.55. Tampilan Halaman Profil Mapenda.................................. 111
Gambar 4.56. Tampilan Halaman Materi Pelatihan ................................ 112
Gambar 4.57. Tampilan Halaman Rekap Madrasah ................................ 112
Gambar 4.58. Tampilan Halaman Galeri Mapenda ................................ 113
Gambar 4.59. Tampilan Halaman Kontak .............................................. 113
Gambar 4.60. Tampilan Halaman Terima Kasih ..................................... 114
Gambar 4.61. Diagram Kesan Penyampaian Materi ............................... 116
Gambar 4.62. Diagram Tingkat Kesulitan .............................................. 116
Gambar 4.63. Diagram Pemahaman Ten.....ang Materi........................... 117
Gambar 4.64. Diagram Kesan Teks, Grafis dan Animasi ........................ 118
Gambar 4.65. Diagram Kemudahan Menjalankan Program ................... 119
Gambar 4.66. Diagram Pendapat Penerapan Pelatihan ........................... 120
xix
DAFTAR TABEL
Tabel 2.1. Simbol-Simbol Flow Chart ................................................ 36
Tabel 4.1. Analisis Tools (alat bantu) yang ada di Mapenda................ 58
Tabel 4.2. Deskripsi Konsep Aplikasi ................................................. 61
xx
DAFTAR GAMBAR
Gambar 2.1. Sketsa Layout Story Board ................................................. 35
Gambar 2.2. Struktur Navigasi Linear .................................................... 37
Gambar 2.3. Struktur Navigasi Hierarki .................................................. 37
Gambar 2.4. Struktur Navigasi Terpusat.................................................. 38
Gambar 2.5. Struktur Navigasi Full Web................................................. 38
Gambar 2.6. Simbol State ....................................................................... 39
Gambar 2.7. Simbol Perubahan Sistem ................................................... 39
Gambar 2.8. Kondisi dan Aksi ................................................................ 39
Gambar 2.9. Contoh Script Lingo ............................................................ 41
Gambar 2.10. Area Kerja Macromedia Director MX ................................. 41
Gambar 2.11. Area Kerja Macromedia Flash MX ..................................... 43
Gambar 2.12. Area Kerja Macromedia Fireworks MX .............................. 45
Gambar 2.13. Area Kerja Adobe Photoshop CS ........................................ 47
Gambar 2.14. Ulead Video Studio............................................................. 49
Gambar 3.1 Rincian Tahapan Pengembangan Aplikasi Multimedia ........ 53
Gambar 4.1. Rancangan Storyboard Intro................................................ 62
Gambar 4.2. Rancangan Storyboard Menu Utama ................................... 63
Gambar 4.3. Rancangan Storyboard Profil Mapenda ............................... 64
Gambar 4.4. Rancangan Storyboard Materi Pelatihan ............................. 65
xxi
Gambar 4.5. Rancangan Storyboard Rekap Madrasah ............................ 66
Gambar 4.6. Rancangan Storyboard Galeri Mapenda ............................. 67
Gambar 4.7. Rancangan Storyboard Kontak .......................................... 68
Gambar 4.8. Flowchart Intro.................................................................. 69
Gambar 4.9. Flowchart Menu Utama ..................................................... 70
Gambar 4.10. Flowchart Profil Mapenda ................................................. 71
Gambar 4.11. Flowchart Materi Pelatihan ................................................ 72
Gambar 4.12. Flowchart Rekap Madrasah ............................................... 73
Gambar 4.13. Flowchart Galeri Mapenda ................................................ 74
Gambar 4.14. Flowchart Kontak .............................................................. 75
Gambar 4.15. Struktur Navigasi ............................................................... 76
Gambar 4.16. Struktur Navigasi Materi Pelatihan..................................... 77
Gambar 4.17 Rancangan STD Menu Utama ............................................ 78
Gambar 4.18. Rancangan STD Profil Mapenda ........................................ 78
Gambar 4.19. Rancangan STD Materi Pelatihan....................................... 79
Gambar 4.20. Rancangan STD Rekap Madrasah ...................................... 79
Gambar 4.21. Rancangan STD Galeri Mapenda ....................................... 80
Gambar 4.22. Rancangan STD Kontak..................................................... 80
Gambar 4.23. Rancangan Tampilan Aplikasi............................................ 86
Gambar 4.24. Proses Pengolahan Gambar ................................................ 87
Gambar 4.25. Buku Panduan BOS ........................................................... 87
Gambar 4.26. Tampilan Logo Depag ....................................................... 88
Gambar 4.27. Tampilan Button ................................................................ 88
xxii
Gambar 4.28. Proses Pengeditan Suara .................................................... 89
Gambar 4.29. Proses Pengeditan Video .................................................... 89
Gambar 4.30. Proses Penggabungan Elemen Multimedia ......................... 91
Gambar 4.31. Proses Pembuatan animasi teks Gambaran Umum.............. 92
Gambar 4.32. Proses Pembuatan Background .......................................... 92
Gambar 4.33. Pembuatan Menu ............................................................... 93
Gambar 4.34. Proses Pengeditan Video Madrasah.................................... 93
Gambar 4.35. Tampilan Halaman Intro .................................................... 94
Gambar 4.36. Tampilan Header Teks ....................................................... 95
Gambar 4.37. Layer Pada Menu Intro....................................................... 98
Gambar 4.38. Teknik Masking Pada Animasi Logo ................................. 98
Gambar 4.39. Timeline Dari Animasi Garis ............................................. 99
Gambar 4.40. Timeline Dari Animasi Button .......................................... 99
Gambar 4.41. Parameters Pengontrolan Musik Latar .............................. 100
Gambar 4.42. Timeline Dari Animasi Gambaran Umum ........................ 101
Gambar 4.43. Timeline Dari Animasi Tingkatan Sekolah ....................... 101
Gambar 4.44. Timeline Dari Animasi Grafik.......................................... 102
Gambar 4.45. Timeline Dari Animasi Gambar Depag ............................ 103
Gambar 4.46. Proses Pengeditan Suara .................................................. 104
Gambar 4.47. Jumlah Frame Pada Aplikasi ............................................ 104
Gambar 4.48. Timeline Dari Animasi Gambar Penulis ........................... 105
Gambar 4.49. Timeline Dari Animasi nama Penulis ............................... 105
Gambar 4.50. Timeline Dari Animasi Terima Kasih............................... 106
xxiii
Gambar 4.51. Script Lingo ..................................................................... 106
Gambar 4.52. Tampilan Halaman Intro .................................................. 110
Gambar 4.53. Tampilan Halaman Selanjutnya........................................ 110
Gambar 4.54. Tampilan Halaman Menu Utama...................................... 111
Gambar 4.55. Tampilan Halaman Profil Mapenda.................................. 111
Gambar 4.56. Tampilan Halaman Materi Pelatihan ................................ 112
Gambar 4.57. Tampilan Halaman Rekap Madrasah ................................ 112
Gambar 4.58. Tampilan Halaman Galeri Mapenda ................................ 113
Gambar 4.59. Tampilan Halaman Kontak .............................................. 113
Gambar 4.60. Tampilan Halaman Terima Kasih..................................... 114
Gambar 4.61. Diagram Kesan Penyampaian Materi ............................... 116
Gambar 4.62. Diagram Tingkat Kesulitan .............................................. 116
Gambar 4.63. Diagram Pemahaman Ten.....ang Materi........................... 117
Gambar 4.64. Diagram Kesan Teks, Grafis dan Animasi ........................ 118
Gambar 4.65. Diagram Kemudahan Menjalankan Program ................... 119
Gambar 4.66. Diagram Pendapat Penerapan Pelatihan ........................... 120
xxiv
BAB I
PENDAHULUAN
1.1. Latar Belakang
Di Mapenda terdapat pelatihan tentang dana Bantuan Operasional
Sekolah yang masih manual dengan menggunakan buku panduan. Selain
dari buku panduan tersebut, informasi tentang dana Bantuan Operasional
Sekolah ini diperoleh dari wawancara langsung dengan staf Mapenda yaitu
Bapak H. Ucup Yusuf, M.Pd dan Bapak Abdullah Hasyim S.HI.
Permasalahan yang ada adalah sulitnya peserta pelatihan memahami materi
yang disampaikan terutama tentang dana Bantuan Operasional Sekolah
(BOS). Buku panduan tersebut telah membahas materi pelatihan tentang
dana Bantuan Opersional Sekolah secara lengkap. Namun, informasi yang
terdapat dalam buku panduan tersebut disampaikan dengan metode
penyampaian yang masih manual yang berbasis pada kertas dan presentasi
biasa yang cenderung membosankan peserta pelatihan.
Multimedia merupakan salah satu teknologi komputer yang saat ini
sedang berkembang dengan pesat, disamping internet, dimana
perkembangan dari multimedia harus seiring dengan perkembangan
komputer pribadi (personal computer). Teknologi multimedia banyak
digunakan untuk memasarkan produk perusahaan, program untuk belajar,
juga media penyampaian informasi. Perkembangan teknologi harus
seimbang dengan perkembangan Sumber Daya Manusia pada setiap
1
departemen atau perusahaan. Peningkatan kinerja dapat dilakukan dengan
meningkatkan kualitas dalam bidang pelatihan. Guna meningkatkan kualitas
pelatihan tersebut, diperlukan sebuah metode penyampaian materi pelatihan
yang memadai dan mendukung pelaksanaan pelatihan. Serta kemasan materi
pelatihan yang mudah diterima dan dipahami oleh peserta (Dewanto, 2008).
Teknologi multimedia memiliki potensi yang amat besar untuk
membantu proses pelatihan. Karena multimedia melibatkan indera
penglihatan dan pendengaran, sehingga informasi dan pesan yang
disampaikan dapat dipahami dengan mudah oleh pengguna (Suyanto, 2003).
Berangkat dari ketiadaan metode tentang penyampaian materi
pelatihan yang menarik dengan menggunakan pendekatan berbasis
multimedia, maka timbul gagasan untuk membuat “Aplikasi Multimedia
Computer Based Training (CBT) untuk Bantuan Operasional Sekolah pada
Kantor Depag Kabupaten Tangerang” yang dapat digunakan oleh Mapenda
dengan membuat metode pelatihan yang berbasiskan multimedia sehingga
memberikan solusi dari permasalahan yang ada.
2
1.2. Rumusan Masalah
Sesuai dengan inti dari penulisan skripsi, maka permasalahan yang
dapat penulis simpulkan adalah :
1. Bagaimana memanfaatkan teknologi multimedia dalam
penyampaian materi pelatihan tentang dana Bantuan Operasional
Sekolah agar jelas dan menarik?
2. Bagaimana membuat aplikasi materi pelatihan sebagai suatu
solusi dalam penyampaian materi tentang Bantuan Operasional
Sekolah bagi Mapenda yang ditujukan untuk peserta pelatiha n
BOS?
1.3. Batasan Masalah
Untuk menghindari meluasnya materi pembahasan tugas akhir ini,
maka penulis membatasi permasalahan hanya mencakup hal-hal berikut:
1. Perancangan aplikasi multimedia Computer Based Training
hanya pada tahap dua dimensi yang berbasis multimedia.
2. Aplikasi Multimedia Computer Based Training ini ditujukan
untuk peserta pelatihan di Mapenda.
3. File teks diperoleh dari buku panduan tentang dana Bantuan
Operasional Sekolah.
4. Aplikasi Multimedia Computer Based Training dibuat dengan
menggunakan Macromedia Director, Macromedia flash, Ulead
Video Studio, Swish Max, dan Adobe Photoshop.
3
1.4. Tujuan Penelitian
Sesuai dengan batasan dan inti dari permasalahan yang ada, maka
terdapat tujuan penelitian yang diantaranya adalah
1. Merancang sebuah aplikasi dalam bentuk Compact Disk sebagai
media penyampaian dan presentasi yang interaktif, mudah
digunakan, dan juga menarik.
2. Untuk membuat sebuah aplikasi pelatihan yang berbasiskan
multimedia.
3. Aplikasi yang dibuat diharapkan dapat membantu Mapenda
dalam menyampaikan materi pelatihan.
1.5. Manfaat Penelitian
Manfaat yang akan didapat dari penulisan skripsi ini adalah sebagai
berikut :
A. Bagi Penulis
1. Mengetahui ilmu tentang Aplikasi Multimedia Computer Based
Training (CBT) untuk Bantuan Operasional Sekolah pada
Kantor Depag Kabupaten Tangerang.
2. Untuk memenuhi salah satu syarat dalam kurikulum tingkat
akhir Program Studi Teknik Informatika dan Fakultas Sains dan
Teknologi UIN Syarif Hidayatullah Jakarta.
4
B. Bagi Universitas :
1. Mengetahui kemampuan mahasiswa dalam menguasai materi
teori yang telah diperoleh selama kuliah.
2. Mengetahui kemampuan mahasiswa dalam menerapkan ilmunya
dan sebagai bahan evaluasi
3. Memberikan gambaran tentang kesiapan mahasiswa dalam
menghadapi dunia kerja yang sebenarnya.
C. Bagi Mapenda
Memberi kemudahan dalam penyampaian materi pelatihan dengan
kemampuan multimedia sehingga menjadikan pelatihan menjadi lebih
hidup dan tidak menjenuhkan bagi peserta pelatihan.
1.6. Metodologi Penelitian

Metodologi penelitian yang digunakan adalah sebagai berikut:
A. Metode Pengumpulan Data
Untuk mendapatkan data dan informasi yang diperlukan, penulis
menggunakan metode pengumpulan data yang dibagi kedalam dua
bagian, yaitu :
1. Metode Studi Lapangan
Metode studi pustaka terdapat tiga bagian yaitu :
a. Metode Wawancara
Wawancara adalah suatu proses pengumpulan data
untuk tujuan penelitian dengan cara tanya jawab sambil
5
bertatap muka antara si penanya atau pewawancara
dengan si penjawab atau nara sumber (Nazir, 1999).
b. Metode Observasi Langsung
Pengumpulan data dengan observasi langsung
adalah cara pengambilan data dengan menggunakan mata
tanpa ada pertolongan alat standar lain untuk keperluan
tersebut (Nazir, 1999).
c. Metode Kuisioner
Kuisioner adalah cara pengambilan data berupa
keterangan-keterangan yang diperoleh dengan mengisi
daftar pertanyaan, dapat dilihat dari segi siapa yang
mengisi (menulis isian) daftar pertanyaan tersebut (Nazir,
1999).
2. Metode Studi Pustaka
Dalam pengumpulan data dan informasi tentang
permasalahan yang dibahas, penulis membaca buku-buku,
skripsi, serta sumber lain sebagai referensi yang berhubungan
dengan multimedia dan situs internet yang dapat dijadikan acuan
pembahasan dalam masalah ini.
B. Metode Pengembangan Multimedia
Metode pengembangan multimedia terdiri dari enam tahap
(Luther, 2003) yaitu :
6
1. Konsep (Concept)
Pada tahap ini penulis menentukan tujuan, termasuk
identifikasi pengguna, macam aplikasi (informasi, media
pembelajaran, hiburan, pelatihan, dan lain-lain).
2. Perancangan (Design)
Tahap perancangan (design) adalah melakukan
perancangan aplikasi berupa perancangan storyboard, flowchart,
struktur navigasi, perancangan diagram transisi, dan antarmuka
pemakai (user interface).
3. Pengumpulan Bahan (Material Collecting)
Pada tahap ini penulis mengumpulkan bahan seperti data-
data, informasi, gambar, suara, video dan animasi yang cocok
digunakan dalam aplikasi ini.
4. Pembuatan (Assembly)
Pada tahap ini penulis melakukan pembuatan elemen
multimedia. Tahap pembuatan merupakan tahap dimana seluruh
obyek multimedia dibuat sekaligus memberikan Action script
untuk link pada setiap halaman untuk masuk ke menu
selanjutnya.
5. Tes (Testing)
Pada tahap ini penulis melakukan tes yang bertujuan untuk
memastikan apakah aplikasi yang dibuat dapat berjalan sesuai
7
dengan yang direncanakan dan dapat diaplikasikan dengan
mudah dan terbebas dari kesalahan.
6. Implementation
Pada tahap ini akan dilakukan implementasi serta evaluasi
terhadap aplikasi multimedia.
1.7. Sistematika Penulisan
Dalam penyusunan skripsi ini, pembahasan dilakukan dengan
membagi kedalam lima bab pokok bahasan, yang secara singkat akan
diuraikan sebagai berikut:
BAB I PENDAHULUAN
Pada bab ini berisi tentang latar belakang, rumusan masalah,
batasan masalah, tujuan penelitian, manfaat penelitian,
metode penelitian, dan sistematika penulisan.
BAB II LANDASAN TEORI
Pada bab ini akan dibahas materi tentang teori yang
digunakan sebagai landasan atau dasar dari penulisan skripsi
ini. Antara lain mengenai gambaran umun Mapenda,
penjelasan yang berhubungan dengan teori multimedia,
materi pelatihan, konsep dasar rekayasa perangkat lunak,
interaksi manusia dan komputer, Macromedia Director,
Macromedia flash, Ulead Video Studio, Swish Max, dan
Adobe Photoshop.
8
BAB III METODOLOGI PENELITIAN
Pada bab ini berisi tentang metode penelitian yang
digunakan, baik metode pengumpulan data yang
berhubungan dengan topik yang akan dibahas maupun
metode pengembangan multimedia yang digunakan untuk
mengembangkan sistem aplikasi ini, sehingga dapat
diberikan suatu solusi alternatif dari permasalahan yang ada.
BAB IV PEMBAHASAN
Pada bab ini berisi tentang pembahasan dari metode
pengumpulan data yang dilakukan serta langkah-langka h
perancangan dan pembahasan konsep pengembangan
aplikasi multimedia yang akan dijalankan. Serta
implementasi program, spesifikasi untuk menjalankan
program, cara pengoperasian, dan evaluasi program
BAB V PENUTUP
Bab ini merupakan bab terakhir dalam penulisan skripsi
yang menyajikan kesimpulan apa yang telah diuraikan dari
bab-bab sebelumnya serta saran yang sekiranya dapat
memberikan manfaat.
9
BAB II
LANDASAN TEORI
2.1. Bantuan Operasional Sekolah (BOS)
Kebijakan pembangunan pendidikan tahun 2004-2009 meliputi
Peningkatan akses terhadap pendidikan yang lebih berkualitas melalui
Peningkatan Wajib Belajar Pendidikan Dasar 9 Tahun dan pemberian
akses yang lebih besar kepada kelompok masyarakat yang kurang dapat
menjangkau layanan pendidikan.
2.1.1. Tujuan Program BOS
Bantuan Operasional Sekolah (BOS) bertujuan :
a. Membebaskan biaya pendidikan bagi siswa tidak mampu dan
meringankan bagi siswa yang lain, agar mereka memperoleh
layanan pendidikan dasar yang lebih bermutu sampai tamat
dalam rangka penuntasan Wajib Belajar Pendidikan Dasar
(Wajib Belajar Pendidikan Nasional) 9 tahun.
b. Dana BOS harus menjadi sarana penting untuk mempercepat
penuntasan Wajib Belajar 9 tahun.
c. Melalui BOS, tidak boleh ada siswa miskin putus sekolah
karena alasan biaya pendidikan.

10
c. Anak lulusan SD atau Madrasah Ibtidaiyah harus dijamin
kelangsungan pendidikannya ke tingkat Sekolah Menengah
Pertama atau Madrasah Tsanawiyah. Tidak boleh ada siswa
miskin tidak dapat melanjutkan ke sekolah menengah pertama
karena mahalnya biaya masuk sekolah.
d. Pemerintah Daerah harus mengalokasikan dana tambahan
(bersama-sama BOS) untuk menuntaskan Wajar Dikdas 9 tahun
secepatnya.
2.1.2. Ketentuan Sekolah atau Madrasah Penerima dana BOS
a. Semua siswa miskin yang ada di Sekolah atau Madrasah atau
Pondok Pesantren harus dibebaskan dari segala jenis pungutan,
sumbangan, dan iurannya. Sisa dana BOS (bila masih ada) dapat
digunakan untuk mensubsidi siswa lain.
b. Jika tidak terdapat siswa miskin, maka dana BOS digunakan
untuk mensubsidi seluruh siswa untuk meringankan beban biaya
orang tua siswa dalam pembiayaan sekolah.
2.1.3. Sasaran dana BOS
a. Prioritas Utama adalah untuk biaya operasional non-personil
b. Sebagian untuk biaya pengembangan profesi guru (personil) dan
buku perpustakaan (investasi).
c. Dana BOS bukan biaya kesejahteraan guru.
11
2.2. Multimedia
Multimedia adalah berbagai media atau istilah bagi transmisi data
dan manipulasi semua bentuk informasi, baik berbentuk kata-kata, gambar,
video, musik, angka atau tulisan tangan. Bagi komputer, semuanya diolah
dalam bentuk data digital dalam bentuk nol dan satu (Febrian, 2004).
Istilah multimedia merupakan istilah yang diambil dari teater,
bukan komputer. Pertunjukan yang memanfaatkan lebih dari satu medium
seringkali disebut pertunjukan multimedia. Sistem multimedia dimulai
pada akhir 1980-an dan terus berkembang hingga saat ini (Suyanto, 2003).
2.2.1. Pengertian Multimedia
1. Multimedia mempunyai arti tidak hanya integrasi antara teks
dan grafik sederhana saja, tetapi dilengkapi dengan suara dan
animasi (Sutopo, 2002).
2. Multimedia adalah kombinasi paling sedikit dua media input
atau output dari data, media ini dapat berupa audio (suara atau
musik), animasi, video, teks, grafik dan gambar (Turban,
2003).
3. Multimedia merupakan alat yang dapat menciptakan presentasi
yang dinamis dan interaktif yang mengkombinasikan teks,
grafik, animasi, audio dan video (Robin dan Linda, 2003).
4. Multimedia adalah pemanfaatan komputer untuk membuat dan
menggabungkan teks, grafik, audio, gambar bergerak (video
12
dan animasi) dengan menggabungkan link dan tool yang
memungkinkan pemakai melakukan navigasi, berinteraksi, dan
berkomunikasi (Hofstetter, 2003).
Dalam definisi ini terkandung empat komponen penting
multimedia. Pertama, harus ada komputer yang
mengkoordinasikan apa yang dilihat dan didengar, yang
berinteraksi dengan manusia. Kedua, harus ada link yang
menghubungkan manusia dengan informasi. Ketiga, harus ada
alat navigasi yang memandu manusia, menjelajah jaringa n
informasi yang saling terhubung. Keempat, multimedia
menyediakan tempat kepada manusia untuk mengumpulkan,
memproses, dan mengkomunikasikan informasi dan ide
manusia itu sendiri.
2.2.2. Komponen Multimedia
Untuk membuat aplikasi multimedia diperlukan penggabungan
dari beberapa elemen, dimana setiap elemen memiliki peranan
masing-masing (Suyanto, 2003) yaitu:
a. Text
Hampir semua orang yang biasa menggunakan
komputer sudah terbiasa dengan teks. Teks merupakan dasar
dari pengolahan kata dan informasi berbasis multimedia.
Dengan menggunakan teks, informasi lebih mudah
13
disampaikan dan dimengerti oleh pengguna (Sutopo, 2003).
Teks terdiri dari 4 macam, yaitu :
1. Teks Tercetak
Adalah teks yang dicetak pada kertas. Teks cetak adalah
elemen dasar untuk multimedia.
2. Scanned Teks
Adalah teks yang tercetak karena discan (dipindai) oleh
scanner (alat pemindai) dan diubah menjadi bentuk yang
dapat dibaca oleh komputer.
3. Teks Elektronik
Adalah teks yang dapat dibaca oleh komputer dan dikirim
secara elektronis melalui jaringan.
4. Hypertext
Adalah teks yang mengacu kepada teks yang masuk link
(linked).
b. Gambar atau Grafik
Secara umum gambar atau grafik berarti still image seperti
foto dan gambar. Manusia sangat berorientasi pada visual dan
gambar merupakan sarana yang sangat baik untuk menyajika n
informasi (Sutopo, 2003).
Macam-macam gambar antara lain :
14
1. Bitmap
Bitmap adalah sebuah gambar yang disimpan
sebagai sekumpulan pixel yang berkorespondensi dengan
titik-titik garis pada sebuah layar komputer. Digunakan
untuk menyimpan foto dan gambar rumit yang
membutuhkan rincian secara halus.
2. Vector
Vector adalah gambar yang disusun dari bentuk-
bentuk grafis seperti lingkaran, garis, elips, persegi
panjang, segi banyak dan sebagainya yang ditempatkan
dengan koordinat, ukuran, ketebalan sisi dan pola pengisian
pada bidang. Digunakan untuk menyimpan gambar-gambar
kartun dalam bentuk 2D.
Macam-macam format file gambar yang sering
digunakan untuk keperluan pengembangan aplikasi
multimedia adalah :
1. Bitmap (.BMP)
Merupakan format standar Windows. Ukuran
filenya sangat besar karena bisa mencapai ukuran
Megabytes. File ini merupakan format yang belum
terkompresi dan menggunakan sistem warna RGB
(Red, Green, Blue). File BMP dapat dibuka dengan
berbagai macam software pengolah gambar seperti
15
ACDSee, Paint, IrvanView dan lain-lain. File BMP
tidak bisa atau sangat jarang digunakan di web
karena ukurannya yang besar.
2. Joint Photographic Expert Group (.JPEG atau JPG)
Merupakan format yang paling terkenal sekarang
ini, karena sifatnya yang berukuran kecil hanya
puluhan atau ratusan KB saja, dan bersifat portable.
File ini sering digunakan pada bidang fotografi
untuk menyimpan file foto. File ini bisa digunakan
di web.
3. Graphics Interchange Format (.GIF)
Format GIF ini berukuran kecil dan mendukung
gambar yang terdiri dari banyak frame sehingga
bisa disebut sebagai gambar animasi. Format ini
sering sekali digunakan di internet untuk
menampilkan gambar-gambar di web.
4. Portable Network Graphics (.PNG)
Format yang standar dan sering digunakan di
internet untuk menampilkan gambar atau
pengiriman gambar. Ukuran file ini cukup kecil dan
setara dengan ukuran GIF dengan kualitas yang
bagus. Namun tidak mendukung animasi.
16
c. Animasi
Animasi adalah pembentukan gerakan dari berbagai media
atau objek yang divariasikan dengan gerakan transisi, efek,
juga suara yang selaras dengan gerakan animasi tersebut atau
animasi merupakan penayangan frame-frame gambar secara
cepat untuk menghasilkan kesan gerakan (Sutopo, 2002).
Menurut media pembuatannya, animasi dibagi menjadi 2
bagian, yaitu :
1. Computer Based Animation
Animasi yang dihasilkan oleh komputer untuk
membuat efek visual seperti perubahan posisi, bentuk
warna, struktur suatu obyek dan perubahan dalam
pencahayaan, sudut pandang, orientasi dan fokus.
2. Full Motion Video
Animasi yang terbuat atas bantuan video atau
kamera sehingga yang dihasilkan berupa gambar alami.
Full Motion Video memiliki komponen yang paling
komplek dari sistem multimedia.
d. Audio atau Suara
Audio atau suara adalah fenomena fisik yang dihasilkan
oleh adanya pergetaran materi. Dalam sistem komunikasi
bercirikan video, sinyal elektrik digunakan untuk membawa
unsur bunyi. Istilah ini biasa digunakan untuk menerangkan
17
sistem-sistem yang berkaitan dengan proses perekaman dan
transmisi yaitu sistem pengambilan atau penangkapan suara,
sambungan transmisi pembawa bunyi, amplifier dan lainnya
(Febrian, 2004).
Penyajian audio atau suara merupakan cara lain untuk lebih
memperjelas pengertian suatu informasi. Contohnya, narasi
merupakan kelengkapan dari penjelasan yang dilihat melalui
video. Suara dapat lebih menjelaskan karakteristik suatu
gambar, misalnya musik dan suara efek (Sutopo, 2003).
Macam format file suara yang sering digunakan untuk
keperluan pengembangan aplikasi multimedia :
1. Mpeg Audio Layer 3 (.MP3)
Merupakan file dengan lossy compression.
Distandarisasi pada tahun 1991. Kompresi dilakukan
dengan menghilangkan bagian-bagian bunyi yang kurang
berguna bagi pendengaran manusia. Kompresi MP3 denga n
kualitas 128 bits 44000 Hz biasanya akan menghasilkan file
berukuran 3 sampai dengan 4 MB.
2. Waveform Audio (.WAV)
Format audio standar Microsoft dan IBM untuk PC.
WAV biasanya menggunakan coding Pulse Code
Modulation (PCM). WAV adalah data tidak terkompres
18
sehingga seluruh sampel audio disimpan semuanya di
harddisk.
3. Audio CD (.CDA)
Format untuk mendengarkan CD Audio stereo
berkualitas sama dengan WAV yang memiliki sampling
rate 44100 Hz, 2 Channel (stereo) pada 16 bit.
4. Music Instrument Digital Interface (.MIDI)
Merupakan media penghubung atau protokol yang
menghubungkan komputer dan alat musik untuk dapat
saling berhubungan satu dengan yang lainnya. Ukuran file
MIDI tidak terlalu besar.
5. Advanced Audio Coding (.AAC)
Bersifat lossy compression yang menyempurnakan
MP3 dalam hal medium dan high bit rates. Kelebihan AAC
dari MP3 yaitu, sample ratenya antara 8 Hz – 96 kHz
sedangkan MP3 16 Hz – 48 kHz, suara lebih bagus untuk
kualitas bit yang rendah (dibawah 16 Hz).
6. Audio Interchange File Format (.AIF)
Merupakan format standar Macintosh, software
pendukung : Apple QuickTime.
e. Video
Video adalah suatu perangkat yang berfungsi sebagai
penerima gambar dan suara. Video merupakan komponen
19
multimedia yang paling kompleks yang mampu
menggambarkan gerakan yang sulit diterangkan dengan kata-
kata.
Video merupakan elemen multimedia paling kompleks
karena penyampaian informasi yang lebih komunikatif
dibandingkan gambar biasa (Suyanto, 2003).
Di bawah ini adalah beberapa format file video, sebagai
berikut :
1. Motion Picture Experts Group (.MPEG)
Merupakan format video terkompresi tinggi melalui
teknik DCT (Discrete Cocine Transform).
2. Audio Video Interleave (.AVI)
Merupakan format video dan animasi yang
digunakan video untuk windows dan berekstensi “.AVI”.
3. Digital Audio Tape (.DAT)
DAT awalnya adalah Rotary Digital Audio Tape (R-
DAT), karena sistem ini menggunakan head yang berputar
serupa dengan Video Tape Recorder (VTR). Kebanyakan
studio musik melakukan perekaman menggunakan file
dengan ekstensi “.DAT”.
f. Interactive Link
Link berarti terhubung suatu obyek dengan obyek
lainnya. Interactive link diperlukan bila pengguna menunjuk
20
pada suatu obyek atau tombol untuk mengakses program
tertentu. Interactive link diperlukan untuk menggabungkan
beberapa elemen multimedia sehingga menjadi informasi yang
terpadu (Sutopo, 2002).
2.2.3. Manfaat Penggunaan Multimedia
Penggunaan multimedia dalam proses menginformasikan pesan
memberikan beberapa manfaat (Dewanto, 2008) yaitu:
a. Peningkatan pesan atau berita yang hanya berbentuk teks.
Dalam multimedia, presentasi dalam bentuk teks akan
menjadi lebih menarik dengan menambahkan gambar, suara, dan
efek-efek tertentu.
b. Memperbaiki presentasi audio-video tradisional.
Penonton akan lebih tertarik pada presentasi dengan
menggunakan aplikasi multimedia dibandingkan menggunakan
proyektor transparan.
c. Baik bagi para pemula pengguna komputer.
Bagi pemakai yang merasa kesulitan dengan penggunaan
papan tombol komputer (keyboard) dan instruksi yang kompleks,
maka akan merasa lebih nyaman menggunakan mouse atau layar
sentuh (touch screen) dalam pengoperasian.
21
d. Menarik perhatian dan mempertahankannya.
Pada umumnya orang lebih tertarik pada penyampaian
dengan multimedia yang menggabungkan element teks, grafik,
suara dan video dibandingkan tampilan ketikan teks yang
cenderung monoton.
2.2.4. Penyajian Aplikasi Multimedia
Pada teknik penyajian aplikasi multimedia dapat dilakukan
dengan dua cara yang dirancang dengan sistem informasi
multimedia (Dewanto, 2008) yaitu :
a. Sistem Pengulangan (Looping)
Teknik penyajian secara looping sangat membantu dalam
penyajian yang informative karena penyampaian sistem
informasi dilakukan dengan metode satu arah dan
penyampaiannya secara terus-menerus atau berulang-ulang.
b. Sistem interaktif
Teknik penyajian secara interaktif sangat membantu
user dalam mendapatkan informasi sesuai dengan
kebutuhannya karena sistem interaktif dapat berkomunikasi
langsung dengan user sehingga dengan pendekatan-pendekatan
(user friendly), user dapat langsung memilih dari berbagai
pilihan informasi yang disajikan dalam pilihan menu.
22
2.3. Pelatihan (Training)
Definisi pelatihan (training) menurut beberapa sumber :
a. Pelatihan (training) adalah suatu usaha untuk meningkatkan atau
memperbaiki kinerja karyawan dalam pekerjaannya sekarang dan
dalam pekerjaan lain yang terkait dengan yang sekarang dijabatnya,
baik secara individu maupun sebagai bagian dari sebuah team kerja.
Kegiatan untuk meningkatkan pengetahuan, keahlian, kompetensi,
sebagai hasil dari pengajaran vocational dan latihan keahlian dan
pengetahuan yang berhubungan dengan penggunaan keahlian yang
spesifik (Dewanto, 2008).
b. Pelatihan adalah suatu usaha untuk meningkatkan atau memperbaiki
kinerja karyawan dalam pekerjaannya sekarang dan dalam pekerjaan
lain yang terkait dengan yang sekarang dijabatnya, baik secara
individu maupun sebagai bagian dari sebuah team kerja (Ruky, 2001).
c. Kegiatan untuk meningkatkan pengetahuan, keahlian, kompetensi,
sebagai hasil dari pengajaran vocational dan latihan keahlian dan
pengetahuan yang berhubungan dengan penggunaan keahlian yang
spesifik (http://en.wikipedia.org/wiki/training).
Computer Based Training (CBT) adalah pelatihan di mana peserta
melaksanakan training dengan menjalankan bantuan aplikasi pelatihan pada
komputer. CBT juga disebut Computer Assisted Instruction (CAI). CAI
pertama kali dicetuskan oleh Harvard Universit y pada tahun 1965. Latar
belakang CAI ini adalah dengan melihat suatu kemungkinan penggunaan
23
komputer sebagai alat bantu pengajaran. Fasilitas multimedia sangat
mendukung dalam penggunaan CAI untuk memberikan daya tarik bagi
penggunanya. Bekerjasama dengan International Business Machine (IBM),
Harvard Universit y mengembangkan ide dasar tersebut. CAI kemudian
dikenal dengan beberapa nama, misalnya di Amerika Serikat dikenal
dengan nama Computer Assisted Learning (CAL) dan di Inggris dikenal
dengan istilah Computer Based Training (CBT).
Pada dasarnya CBT merupakan suatu metode pelatihan yang aktif,
tidak seperti metode pelatihan yang pasif, misalnya hanya menggunakan
komunikasi satu arah saja, seperti hanya mendengarkan trainer yang
memberikan materi di kelas. Tetapi dengan metode ini pengguna dapat
memilih sendiri materi training yang akan dipelajari, menyelesaikan latihan
soal, melakukan evaluasi. Selain itu juga dapat digunakan sebagai alat
simulasi untuk mempraktekkan cara kerja yang disesuaikan pada situasi
tempat kerja yang sesungguhnya dengan menggunakan suatu teknologi
multimedia.
2.3.1. Computer Based Training (CBT)
Computer Based Training (CBT) adalah pelatihan di mana
peserta melaksanakan training dengan menjalankan bantuan aplikasi
pelatihan pada komputer. Pada dasarnya Computer Based Training
merupakan suatu metode pelatihan yang aktif, tidak seperti metode
pelatihan yang pasif, misalnya hanya menggunakan komunikasi satu
arah saja, seperti hanya mendengarkan trainer yang memberikan
24
materi di kelas. Tetapi dengan metode ini pengguna dapat memilih
sendiri materi training yang akan dipelajari, menyelesaikan latihan
soal, melakukan evaluasi. Selain itu juga dapat digunakan sebagai
alat simulasi untuk mempraktekkan cara kerja yang disesuaikan
pada situasi tempat kerja yang sesungguhnya dengan menggunakan
suatu teknologi multimedia (Dewanto, 2008).
2.3.2. Keuntungan Computer Based Training
Sistem pelatihan berbasis komputer atau Computer Based
Training memberikan keuntungan untuk mencapai cara pelatihan
yang efektif, yaitu adanya peningkatan hasil pelatihan, serta efisien
dalam penggunaan sumber daya yang ada. Adapun keuntungan
menggunakan sistem Computer Based Training untuk pelatihan,
antara lain :
a. Menghemat biaya, tenaga, dan waktu serta fleksibel kapan dan
dimana saja
b. Berguna sebagai alat motivasi dan kemandirian (Self-Learning)
2.3.3. Aplikasi Multimedia di Bidang Pelatihan
Dalam bidang Sumber Daya Manusia, multimedia
merupakan media pelatihan yang cukup baik dan menarik. Dalam
bidang pelatihan ini dikenal dengan istilah Computer Based
Training (CBT). Banyak perusahaan menggunakan multimedia
25
untuk mengurangi biaya training dan memperbaiki produktivitas
pegawai (Suyanto, 2003).
2.3.4. Model CBT
Ada berbagai macam model CBT yaitu Tutorial, Simulasi,
Self-Learning, Games, dan Evaluasi. Masing-masing ini akan
diuraikan untuk mendapat gambaran yang lebih jelas (Swajati,
2005).
a. Tutorial
Tutorial biasanya digunakan untuk menyajikan informasi dan
panduan berbentuk sebuah presentasi linier. Kunci untuk
tutorial yang berguna dalam CBT adalah terjadinya interaksi
yang bolak-balik dan konten yang jelas. Panduan tutorial dapat
menjadi menarik dan efektif.
b. Simulasi
Simulasi digunakan untuk membuat situasi tempat kerja yang
sesungguhnya. Keadaan yang mendekati nyata merupakan
kunci sukses bagi simulasi, tetapi tidak setiap elemen dari
sebuah simulasi dapat menjadi realistik.
c. Belajar sendiri (Self Learning)
Adanya kebebasan dalam memilih materi training pada waktu
dan tempat yang mereka atur sendiri menyesuaikan jadwal
kerjanya, sehingga tidak mengganggu produktivitas
pekerjaannya dan dapat memahami materi dengan baik.
26
d. Hiburan (Games)
Hiburan (Games) digunakan untuk memberikan motivasi dalam
proses pelatihan. Tetapi elemen motivasi dari games harus
berjalan paralel sesuai dengan semua motivasi untuk pelatihan.
2.3.5. Jenis Jenis Pelatihan
Terdapat beragam model training atau pelatihan. Berikut
penjelasan berbagai model pelatihan yang lazim digunakan dalam
perusahaan.
A. On-the-job-Training
Metode on the job adalah pelatihan yang menggunakan situasi
dalam pekerjaan. Di sini karyawan diberi pelatihan tentang
pekerjaan baru dengan supervisi langsung seorang pelatih yang
berpengalaman (biasanya karyawan lain).
Di dalam On the job Training, dibagi dalam beberapa metode,
yaitu :
1. Job Instruction Training (Latihan Instruktur Pekerjaan)
Adalah dengan memberikan petunjuk-petunjuk pekerjaan
secara langsung pada pekerjaan dan terutama digunakan
untuk melatih para karyawan tentang cara-cara pelaksanaan
pekerjaan sekarang. Pada metode ini didaftarkan semua
27
langkah-langkah yang perlu dilakukan dalam pekerjaan
sesuai dengan urutannya.
2. Job Rotation (Rotasi Pekerjaan)
Dalam rotasi jabatan karyawan diberikan kesempatan untuk
mendapatkan pengetahuan pada bagian-bagian organisasi
yang berbeda dan juga praktek berbagai macam ketrampilan
dengan cara berpindah dari satu pekerjaan atau bagian ke
pekerjaan atau bagian lain.
3. Apprenticeships
Merupakan proses belajar dari seseorang atau beberapa
orang yang lebih berpengalaman. Metode ini digunakan
untuk mengembangkan keahlian perorangan, sehingga para
karyawan yang bersangkutan dapat mempelajari segala
aspek dari pekerjaannya.
4. Coaching
Adalah suatu cara pelaksanaan pelatihan dimana atasan
mengajarkan keahlian dan ketrampilan kerja kepada
bawahannya. Dalam metode ini pengawas diperlukan
sebagai petunjuk untuk memberitahukan kepada peserta
mengenai tugas atau pekerjaan rutin yang akan
dilaksanakan dan bagaimana cara mengerjakannya.
28
B. Off-The-Job-Training
Metode off the job adalah pelatihan yang menggunakan situasi
di luar pekerjaan. Dipergunakan apabila banyak pekerja yang
harus dilatih dengan cepat seperti halnya dalam penguasaan
pekerjaan, di samping itu juga apabila pelatihan dalam
pekerjaan tidak dapat dlakukan karena sangat mahal.
1. Lecture
Merupakan metode pelatihan dengan memberikan kuliah
atau ceramah dalam rangka penyampaian informasi-
informasi yang dibutuhkan petatar Metode ini
mengeluarkan biaya yang tidak tinggi, namun
kelemahannya adalah peserta kurang partisipasi dan kurang
respon.
2. Video Presentation
Adalah prestasi yang dilakukan melalui media televisi, film,
slides dan sejenisnya serupa dengan bentuk lecture.
3. Vestibule Training
Merupakan pelatiha yang dilakukan dalam suatu ruangan
khusus yang terpisah dari tempat kerja biasa dan disediakan
jenis pelaralatan yang sama seprti yang akan digunaka n
pada pekerjaan sebenarnya. Latihan ini berguna sebagai
pendahuluan dari latihan kerja.
4. Role Playing
29
Merupakan suatu permainan peran yang dilakukan oleh
peserta untuk memainkan berbagai peran orang tertentu dan
diminta untuk menanggapi para peserta lain yang berbeda
perannya. Teknik ini dapat mengubah sikap peserta, seperti
misalnya: menjadi lebih toleransi terhadap perbedaan
individual dan juga dapat mengembangkan ketrampilan
antar pribadi.
5. Case Study
Merupakan metode pelatihan dimana para peserta pelatihan
dihadapakan pada bberapa kasus tertulis dan diharuskan
memecahkan masalah-masalah tersebut.
6. Simulation
Simulasi merupakan suatu situasi atau kejadian yang
ditampilkan semirip mungkin dengan situasi yang
sebenarnya, tetapi hanya merupakan tiruan saja dan para
pelatihan harus memberikan respon seperti dalam kejadian
yang sebenarnya. Jadi simulasi merupakan suatu teknik
untuk mencontoh semirip mungkin terhadap konsep
sebenarnya dari pekerjaan yang akan dijumpai.
7. Self Study
Merupakan teknik yang menggunakan modul-modul tertulis
dan kaset-kaset atau video tape rekaman dan para peserta
hanya mempelajarinya sendiri. Teknik ini tepat digunakan
30
apabila jumlah karyawan yang mengikuti pelatihan dalam
jumlah yang besar, pada karyawan tersebar di berbagai
lokasi yang berbeda-beda dan sulit mengumpulkan para
karyawan sekaligus untuk bersama-sama mengikuti
program pelatihan tertentu.
8. Programmed Learning
Dalam metode ini, diberikan beberapa pertanyaan-
pertanyaan dan para peserta pelatihan harus memberikan
jawaban yang benar. Metode ini dapat juga melalui
komputer yang sudah mempunyai program tersendiri agar
para peserta dapat mempelajari dan memperinci selangkah
demi selangkah dengan umpan balik langsung pada
penyelesaian- setiap langkah. Masing-masing peserta
pelatihan dapat menetapkan kecepatan belajarnya.
9. Laboratory Training
Teknik ini adalah merupakan suatu bentuk latihan
kelompok yang terutama digunakan untuk mengembangkan
ketrampilan-ketrampilan antar pribadi. Latihan ini bersifat
sensivitas, dimana peserta menjadi lebih sensitif terhadap
perasaan orang lain dan lingkungan. Laboratory Training ini
berguna untuk mengembangkan berbagai perilaku bagi
tanggung jawab pekerjaan di waktu yang akan datang.
31
2.4. Interaksi Manusia dan Komputer (IMK)
Antarmuka pemakai (user interface) adalah bagian sistem komputer
yang memungkinkan manusia berinteraksi dengan komputer. Tujuan
antarmuka pemakai adalah agar sistem komputer dapat digunakan oleh
pemakai. Salah satu istilah yang berkaitan dengan user interface adalah user
friendly, istilah tersebut digunakan untuk menunjuk kepada kemampuan
yang dimiliki oleh piranti lunak atau program aplikasi yang mudah
dioperasikan, dan dapat membantu menyelesaikan suatu persoalan dengan
hasil yang sesuai dengan keinginan pengguna sehingga pengguna merasa
betah dalam mengoperasikan program tersebut. Ada delapan kriteria yang
harus dipenuhi oleh sistem yang dikenal dengan sebutan “8 Golden Rules”
(Schneiderman, 1992) yaitu :
1. Konsistensi dalam pengaturan atau penempatan elemen grafik yang
digunakan pada interface, termasuk layout, menu, warna, dan
penempatan tiap bagian informasi.
2. Memungkinkan pengguna yang sudah mahir (frequent user) untuk
menggunakan shortcut untuk aksi-aksi yang sering dilakukan
3. Umpan balik yang informatif dan berkesinambungan. Pengguna
menerima respons atau feedback dari program.
4. Merancang dialog untuk menghasilkan keadaan akhir. Adanya dialog
yang memberitahukan bahwa pengguna telah berhasil melakukan
serangkaian aksi tertentu.
32
5. Pencegahan dan perbaikan kesalahan. Memungkinkan pengguna tidak
melakukan kesalahan fatal. Jika terjadi kesalahan, program harus bisa
mendeteksi kesalahan dengan cepat.
6. Mengizinkan penanganan kesalahan yang sederhana. Dapat dilakukan
pembalikan aksi (undo).
7. Fleksibel terkontrol, maksudnya pengguna harus dapat menggunakan
program dan program harus mengikuti perintahnya.
8. Mengurangi beban ingatan jangka pendek. Tampilan yang ada
hendaknya dibuat sederhana untuk mengurangi beban pengguna untuk
menghafalkan pemakaian program.
2.5. Rekayasa Perangkat Lunak (RPL)
Rekayasa perangkat lunak adalah pengembangan dan penggunaan
prinsip dan pengembangan suara untuk memperoleh perangkat lunak secara
ekonomis yang reliable dan bekerja secara efisien pada mesin nyata
(Pressman, 2002).
Sedangkan IEEE [IEE93] telah mengembangkan definisi yang lebih
komprehensif (Pressman, 2002) yaitu :
1. Aplikasi dari sebuah pendekatan kuantifiabel, disiplin, dan sistematis
kepada pengembangan, operasi, dan pemeliharaan perangkat lunak ;
yaitu aplikasi dari Rekayasa perangkat lunak.
2. Studi tentang pendekatan-pendekatan seperti pada aplikasi Rekayasa
perangkat lunak.
33
• Karakteristik Rekayasa Perangkat Lunak (RPL)
Untuk membuat perangkat lunak yang baik maka dibutuhkan
karakteristik perangkat lunak, antara lain:
a. Maintainabiliti
Perangkat lunak harus dapat di update jika
pelanggan ingin melakukan perubahan dan harus dapat di
edit sesuai dengan keinginan pelanggan.
b. Dependability
Ketergantungan perangkat lunak merupakan suatu
karakteristik dalam kehandalan dan keamanan suatu
program dan basis data yang ada. Ketergantungan
perangkat lunak harus tidak dipengaruhi oleh keadaan fisik
maupun keadaan ekonomi di dalam sistem yang gagal.
c. Efficiency
Perangkat lunak seharusnya tidak menghabiskan
sumber dari sistem, seperti memory dan processor.
d. Useability
Perangkat lunak diharuskan mempunyai user
interface dan dokumen yang baik. Sehingga diharapkan
software mudah dalam segi pemeliharaan
data
(maintenance).
34
2.6. Storyboard
Storyboard merupakan deskripsi tiap scene, dengan mencantumkan
semua obyek multimedia dan link ke scene lain. Dalam pembuatan
storyboard terdapat sebuah frame untuk sketsa layout tampilan multimedia
dan sebuah frame untuk penjelasan objek multimedia serta link yang
digunakan (Sutopo, 2003).
Nama Scene
Scene ................................
Durasi ................................
Image ................................
Sketsa Layout
Animasi ................................
Audio ................................
Video ................................
Link ................................
Menu ......................................................................................................
Teks ......................................................................................................
Gambar 2.1. Sketsa Layout Storyboard (Sutopo, 2003).
Penggunaan storyboard bermanfaat bagi pembuat multimedia,
pemilik multimedia, dan sponsor. Bagi pengembang dan pemilik
multimedia, storyboard merupakan visual test yang pertama-tama dari
gagasan dimana secara keseluruhan dapat dilihat apa yang akan disajikan.
35
2.7. Flowchart
Sistem flowchart menggambarkan tahapan proses dari suatu sistem,
termasuk sistem multimedia. Sedangkan program flowchart
menggambarkan urutan-urutan instruksi dari suatu program komputer
(Suyanto, 2003). Diantara simbol-simbol yang akan digunakan pada tabel
2.1 sebagai berikut :
Tabel 2.1. Simbol-Simbol Flowchart. (M. Suyanto)
Gambar Simbol Keterangan Simbol Kegunaan

Simbol yang menunjukkan
Simbol proses pengolahan yang dilakukan oleh
komputer
Simbol yang menyatakan proses
Simbol input-output input dan output tanpa tergantung
dengan jenis peralatannya.
Simbol untuk kondisi yang akan

Simbol decision menghasilkan beberapa
kemungkinan jawaban/aksi.
Simbol untuk permulaan atau akhir

Simbol terminal dari suatu program.
Simbol untuk keluar atau masuk

Simbol connector prosedur atau proses dalam lembar
yang sama.
Menunjukkan bagan instruksi
Simbol arah selanjutnya
Tanda hubung antara simbol

Simbol sambungan flowchart yang berbeda halaman.
2.8. Struktur Navigasi
Dalam pengembangan aplikasi multimedia, terdapat beberapa model
navigasi dasar, dimana desainer harus mengenal dengan baik karena setiap
model memberikan solusi untuk kebutuhan yang berbeda (Sutopo, 2003).
36
a. Struktur Linier
Struktur linier ini digunakan oleh sebagian besar multimedia linear.
Informasi diberikan secara sekuensial dimulai dari satu halaman ke
halaman berikutnya.
Gambar 2.2. Struktur Navigasi Linear. (Ariesto Hadi Sutopo)
b. Struktur Hierarki
Konsep navigasi ini dimulai dari satu node yang menjadi halama n
utama. Dari halaman tersebut dapat dibuat beberapa cabang ke
halaman-halaman level 1. Bila diperlukan, dari tiap halaman level 1
dapat dikembangkan menjadi beberapa cabang lagi.
Gambar 2.3. Struktur Navigasi Hierarki.(Sutopo,2003)
c. Struktur Terpusat
Dengan struktur seperti ini maka akan mempercepat navigasi menuju
ke topik yang diinginkan dengan 2 klik, namun kekurangannya adalah
untuk berpindah harus menuju ke halaman depan dahulu.
37
Gambar 2.4. Struktur Navigasi Terpusat. (Ariesto Hadi Sutopo)
d. Struktur Full Web
Struktur Full Web ini memberikan kemampuan hyperlink yang
banyak. Struktur ini banyak digunakan untuk menyediakan user
supaya dapat mengakses semua topik dengan subtopik dengan cepat.
Kelemahannya dari struktur ini dapat berakibat user kehilangan cara
untuk dapat kembali ke topik sebelumnya.
Gambar 2.5. Struktur Navigasi Full Web. (Sutopo, 2003)
2.9. State Transition Diagram (STD)
State Translation Diagram merupakan: “suatu modeling tools yang
menggambarkan sifat ketergantungan dari suatu sistem”. Notasi yang
digunakan pada STD adalah state dan perubahan state. State adalah suatu
kumpulan dari tingkah laku yang dapat diobservasi. STD mewakili suatu
38
tingkah laku dari suatu sistem dengan menggambarkan state dan kejadian
yang menyebabkan sistem ke state yang lain (Pressman, 2002).
Ada beberapa notasi yang digunakan dalam STD yaitu:
a. Keadaan sistem (state)
Setiap kotak mewakili suatu keadaan dimana sistem mungkin berada
di dalam state. Disimbolkan dengan segi empat.
Gambar 2.6. Simbol State. (Pressman, 2002)
b. Perubahan Sistem
Untuk memungkinkan suatu keadaan dengan keadaan lain, digunakan
jika sistem mewakili transisi dalam prilakunya, maka hanya jika suatu
keadaan berubah menjadi keadaan tertentu.
Gambar 2.7. Simbol Perubahan Sistem. (Pressman, 2002)
c. Kondisi dan Aksi
Untuk melengkapi STD, dibutuhkan dua hal tambahan, yaitu kondisi
sebelum keadaan berubah dan aksi dari pemakai untuk mengubah
keadaan. Dibawah ini adalah ilustrasi dari kondisi dan aksi yang
ditampilkan disebelah anak panah yang menghubungkan dua keadaan.
Keadaan 1
Condition
Action
Keadaan 2
Gambar 2.8. Kondisi dan Aksi. (Pressman, 2002)
39
2.10. Macromedia Director MX
Macromedia Director adalah software programming dengan sentuha n
grafis yang mampu mengendalikan banyak format. Macromedia Director
dapat menggabungkan format bitmap dan vektor, sehingga ketajaman
gambar akan dikendalikan. Macromedia Director memiliki penampilan
yang baik meski dijalankan di komputer pentium I, karena Macromedia
Director memiliki pengaturan memory dan data yang baik untuk pekerjaan
dengan data yang banyak dan besar (Hendratman, 2006).
Macromedia Director MX merupakan kelanjutan dari Macromedia
Director 8, dimana Macromedia Director MX memiliki beberapa
keunggulan, yaitu:
a. Dapat menggabungkan format bitmap dan vector, sehingga ketajaman
gambar dapat dikendalikan.
b. Dapat berjalan baik di semua sistem operasi seperti Windows 9x, ME,
2000 dan Windows XP Home atau Profesional, sedangkan
Macromedia Director 8 ke bawah akan bermasalah pada long file
name Cast Member bila dijalankan di Windows XP.
c. Compatibel dan cocok dipadukan dengan Macromedia Flash MX.
Animasi dan script (umumnya) pada Macromedia Flash MX dapat di
import dan berjalan tanpa ada masalah di Macromedia Director.
d. Macromedia Director MX dilengkapi dengan kemampuan 3 dimensi
dengan engine DirectX dan OpenGL yang biasa digunakan untuk game
3D.
40
e. Salah satu faktor yang membuat Director lebih dari sekedar software
authoring adalah bahasa pemrograman Lingo yang ada di dalamnya.
Lingo adalah bahasa pemrograman yang digunakan Director untuk
menghasilkan animasi dan aplikasi multimedia agar dapat berinteraksi
dengan user. Dengan Lingo dapat membuat animasi dan aplikasi
multimedia dengan mudah (Suyoto, 2005).
Gambar 2.9. Contoh Script Lingo untuk Loop Movie

(PrintScreen Macromedia Director MX)
Gambar 2.10. Area Kerja Macromedia Director MX. (PrintScreen)
41
Penjelasan Gambar:
1. Stage : Tampilan untuk menunjukan hasil tata letak objek pada waktu
(frame) tertentu.
2. Menu Bar : Berisi 9 kelompok menu untuk mengakses perintah, sub
menu dan kotak dialog.
3. Cast Member : Untuk menampung objek apa saja yang siap dan bisa
ditampilkan.
4. Panel Property Inspector : Untuk mengatur sifat atau parameter yang
ada pada objek. Setiap objek mempunyai keistimewaan sendiri. Panel
Property Inspector juga berfungsi untuk menentukan ukuran tampilan
yang diinginkan.
5. Too lpalette : Berisi tool-tool untuk membuat bentuk, teks, tombol, dan
memberi warna.
6. Score : Untuk mengatur urutan objek yang akan tampil agar sesuai
cerita.
2.11. Macromedia Flash MX
Macromedia Flash adalah program standar profesional yang
digunakan untuk membuat animasi web interaktif. Banyak orang dibuat
kagum oleh Flash karena ukurannya yang begitu kecil namun dapat
menampilkan animasi web yang luar biasa mengagumkan. Selain itu,
dengan Flash juga dapat membuat movie kartun dan aplikasi web interaktif
yang memungkinkan pengguna dapat berinteraksi langsung dengan aplikasi
web yang telah dibuat (Baba, 2003).
42
Gambar 2.11. Area Kerja Macromedia Flash MX. (PrintScreen)
Penjelasan Gambar:
1. Title Bar : Digunakan untuk menampilkan nama program, lokasi dan
nama file yang sedang diaktifkan.
3. Timeline : Digunakan untuk mengorganisasi dan mengontrol waktu
pemutaran movie.
4. Stage : Merupakan tempat untuk membuat gambar, menambahkan teks
dan suara, dan menempatkan tombol navigasi berikut beberapa
komponen yang diperlukan untuk membuat tampilan aplikasi (interface).
5. Color Mixer : Digunakan untuk memilih sekaligus memberi warna pada
objek, juga dapat digunakan untuk pengaturan Alpha (efek transparan).
43
6. Components Panel : Berisi komponen-komponen yang diperlukan untuk
pembuatan aplikasi interaktif seperti checkbox, combobox, dan lain-lain.
7. Toolbox : Berisi tool-tool untuk membuat gambar dan teks, memberi
warna, dan memodifikasi objek.
8. Property Inspector : Digunakan untuk menampilkan setting yang dapat
dimodifikasi untuk keperluan pengaturan objek dan movie.
9. Actions Frame Panel : Berisi perintah-perintah yang digunakan untuk
membuat animasi atau aplikasi web interaktif.
2.12. Macromedia Fireworks MX
Macromedia Fireworks MX adalah sebuah aplikasi kelanjutan dari
Macromedia Firework 6.0 yang ditujukan untuk mendesain grafis yang
digunakan di lingkungan web. Aplikasi ini bisa membuat dan memodifikasi
image bitmap dan vector sekaligus dan optimisasi gambar untuk
mengurangi ukuran file. Aplikasi ini merupakan sebuah inovasi dalam
menghadapi berbagai permasalahan yang menyangkut desain grafis dan web
(Chandra, 2003).
44
Gambar 2.12. Area Kerja Macromedia Fireworks MX. (PrintScreen)
Penjelasan Gambar:
2. Stage : Area kerja di mana ini merupakan tempat untuk membuat
gambar, menambahkan teks dll.
3. Panel : Untuk mengedit aspek-aspek dari objek atau elemen suatu
dokumen. Panel juga bisa membuat layer, simbol dan lain-lain.
4. Panel Tool : Berisi semua tool yang digunakan dalam Macromedia
Firework MX.
45
5. Property Inspector : Untuk mengedit properti dari tool, dokumen atau
seleksi dari objek yang sedang terpilih atau aktif.
2.13. Adobe Photoshop CS
Adobe Photoshop adalah program pengolah gambar yang
penggunanya sangat luas. Mulai dari membuat gambar animasi,
merancang halaman web, desain grafis (graphic design), persiapan
presentasi, editing foto atau penyuntingan foto. Adobe Photoshop CS
mampu menghasilkan gambar dengan kualitas tertinggi untuk cetakan web
atau yang lainnya. Adobe Photoshop CS adalah software editing gambar
profesional, yang membantu pengguna bekerja lebih efisien dan
menghasilkan gambar dengan kualitas tertinggi. Adobe Photoshop
menciptakan gambar menjadi mudah diakses kedata file, memperlancar
desain web, lebih cepat dalam mengolah foto dan lebih banyak lagi
(Suyanto, 2003).
46
Gambar 2.13. Area Kerja Adobe Photoshop CS. (PrintScreen)
Penjelasan Gambar:
1. Menu Bar : Berisi semua menu yang disusun berdasarkan kesamaan tipe,
misalnya, semua menu yang berkaitan dengan layer berada didalam
menu layer, yang berkaitan dengan efek berada dalam menu filter, dan
lain-lain.
2. Option Bar : Berisi pilihan tambahan yang berubah sesuai dengan tool
(alat) yang digunakan.
3. Kanvas : Tempat untuk membuat dan mengedit (mendesain)
gambar atau foto.
4. Navigator : Untuk memastikan file apa yang kita buka dan gambar
atau foto akan terlihat.
47
5. Pallete Well : Berisi kumpulan pallete-pallete yang disusun secara
berurutan untuk memudahkan dalam mengakses pallete yang
bersangkutan.
6. Toolbox : Berisi semua tool yang digunakan dalam Adobe Photoshop
CS.
2.14. Ulead VideoStudio 10
Ulead VideoStudio merupakan salah satu software video editing
yang ada di pasaran dengan fasilitas berupa capturing, editing, dan
rendering. Cocok digunakan untuk pemula, karena tersedia fasilitas Movie
Wizard untuk membuat film hanya dengan tiga langkah mudah. Masukkan
klip video, tentukan template dan style-nya (termasuk musik, efek dan
transisi), lalu pilih media hasilnya. Biasanya untuk membuat video digital
berdurasi 1 jam, butuh ruang harddisk yang besar sekitar 13 GB.
Ulead VideoStudio 10 mendukung banyak format file video,
beberapa diantaranya : AVI, MPEG, dan WMV. Selain murah, ringan dan
mudah digunakan, Ulead VideoStudio 10 juga tidak memerlukan
spesifikasi komputer yang tinggi.
48
Gambar 2.14. Area Kerja Ulead Video Studio 10. (PrintScreen)
1. Menu Bar : Terdiri dari 4 menu utama yang masing-masing berisi
kumpulan perintah untuk mengatur file, mengedit project, mengatur
clip, dan mengaplikasikan tool.
2. Step Panel : Terdiri dari 7 tombol yang mewakili setiap tahap
editing video dimulai dari Capture, Edit, Effect, Overlay, Title,
Audio, hingga Share.
3. Library : Tempat penyimpanan klip video, audio, dan image yang
nantinya akan dimasukkan ke dalam project timeline.
4. Preview Windows : Berfungsi untuk menampilkan tayangan klip
video, video filter, efek, dan title.
5. Navigation Panel : Kumpulan tombol playback dan trimming untuk
memotong klip video secara presisi.
49
6. Options Panel : Berisi kontrol, tombol, dan informasi yang
diperlukan untuk mengatur setting klip video yang sedang aktif.
7. Project Timeline : Berfungsi untuk menampilkan semua klip video,
title, dan efek yang sedang dikerjakan.
8. Toolbar : Kumpulan tombol untuk berpindah project view dan
mengatur setting secara cepat.
50
BAB III
METODOLOGI PENELITIAN
Pada bab ini akan dibahas tentang metode penelitian yang digunakan oleh
penulis dalam rancangan materi pelatihan berbasiskan multimedia. Adapun
metode penelitian yang digunakan penulis dalam penyusunan skripsi ini
diantaranya adalah :
3.1. Metode Pengumpulan Data
Untuk mendapatkan data serta informasi yang diperlukan, penulis
menggunakan empat metode pengumpulan data untuk mendukung penulis,
baik dalam pengumpulan data maupun informasi yang diperlukan, untuk
mendapatkan kebenaran materi pada uraian pembahasan.
Adapun metode pengumpulan data yang akan digunakan dalam
pembahasan skripsi ini adalah sebagai berikut :
3.1.1. Metode Studi Lapangan
3.1.1.1. Wawancara
Metode wawancara digunakan karena memiliki
kekuatan mudah dalam pengaplikasian dan penerapannya,
murah, dan dapat mengetahui informasi yang dibutuhkan
secara langsung.
Metode ini akan dilakukan dengan cara bertanya
dan berdiskusi langsung dengan melakukan wawancara
kepada Bapak H. Ucup Yusuf, M.Pd dan Bapak Abdullah
51
Hasyim S.HI untuk mendapatkan informasi yang
diperlukan yaitu tentang dana Bantuan Operasional
Sekolah.
3.1.1.2. Metode Observasi Langsung
Metode ini akan dilakukan dengan cara melakukan
pengamatan langsung ke lapangan yang berhubungan
dengan dana Bantuan Operasional Sekolah. Pengamatan
dilakukan pada Kantor Departemen Agama Kabupaten
Tangerang dengan alamat Jalan Perintis Kemerdekaan II
Cikokol Tangerang.
3.1.1.3. Metode Kuisioner
Metode kuisioner dilakukan dengan cara
membagikan kuisioner kepada peserta pelatihan tentang
faktor kelengkapan informasi yang akan digunakan pada
aplikasi, dan untuk mengetahui apakah aplikasi ini
diperlukan dan membantu peserta pelatihan.
3.1.2. Metode Studi Pustaka
Pengumpulan data dan informasi dengan cara membaca
buku, browsing di internet, serta sumber-sumber referensi lainnya
yang berhubungan dengan multimedia yang dapat dijadikan
referensi.
52
3.2. Metode Pengembangan Multimedia
Sedangkan untuk pembuatan aplikasi penulis akan menggunakan
metode pengembangan multimedia menurut Luther (2003:32) yang terdiri
dari enam tahap, yaitu konsep (concept), perancangan (design),
pengumpulan bahan (material collecting), pembuatan (assembly), tes
(testing), dan distribusi (implementation).
Bagan apikasi tersebut akan dijelaskan secara rinci seperti dibawah ini:
Gambar 3.1. Rincian Tahapan Pengembangan Aplikasi Multimedia (Sutopo, 2003)
53
3.2.1. Konsep (Concept)
Tahap konsep (concept) yaitu tahap dimana penulis akan
menentukan tujuan dari pembuatan aplikasi, termasuk identifikasi
pengguna, macam aplikasi (informasi, media pembelajaran, hiburan,
pelatihan, dan lain-lain).
Adapun tahap konsep yang penulis lakukan adalah:
a. Menentukan tujuan, pada tahap ini ditentukan tujuan dari
pembuatan aplikasi multimedia Computer Based Training
untuk dana Bantuan Operasional Sekolah, serta spesifikasi
pengguna yang menggunakan aplikasi ini.
b. Deskripsi konsep aplikasi yang akan dibuat dengan
menentukan jenis aplikasi (presentasi, interaktif, dan lain-lain),
dan spesifikasi umum aplikasi.
3.2.2. Perancangan (Design)

Maksud tahap ini adalah penulis akan membuat spesifikasi
secara rinci mengenai arsitektur proyek, serta gaya dan kebutuhan
material yang digunakan untuk proyek.
Spesifikasi yang akan dibuat berdasarkan pada langkah berikut:
a. Perancangan storyboard
b. Perancangan bagan alir (flowchart view)
c. Desain arsitektur navigasi
d. Perancangan diagram transisi (state transition diagram)
e. Perancangan antar muka (user interface)
54
3.2.3. Pengumpulan Bahan (Material Collecting)
Pada tahap ini penulis akan melakukan pengumpulan bahan
seperti gambar, video, suara serta animasi yang diperlukan untuk
tahap berikutnya. Bahan-bahan yang akan digunakan untuk
kebutuhan aplikasi diperoleh dengan cara membuat sendiri
menggunakan beberapa software program, seperti: Macromedia
Director MX, Macromedia Fireworks MX, Macromedia flash MX,
Adobe Photoshop CS dan Ulead Video Studio 10. Namun ada
beberapa bahan yang diperoleh melalui internet yang kemudian
diolah dengan program yang telah disebutkan sebelumnya.
3.2.4. Pembuatan (Assembly)
Merupakan tahap dimana seluruh obyek multimedia akan
dibuat. Pembuatan aplikasi berdasarkan storyboard, flowchart view,
struktur navigasi, state diagram transision dan perancangan
antarmuka. Pada tahap ini software yang akan digunakan untuk
membangun aplikasi adalah Macromedia Director yang didukung
dengan Macromedia Fireworks, Macromedia Flash dan Adobe
Photoshop CS.
55
3.2.5. Tes (Testing)
Tahap tes menggunakan metode black box yaitu dengan
melakukan tanya langsung ke user yaitu staff Mapenda dan
melakukan kuisioner. Tahap testing dilakukan setelah selesai tahap
pembuatan dan seluruh data telah dimasukkan. Fungsi dari
pengetesan adalah memastikan bahwa hasil rancangan materi
pelatihan sesuai dengan yang direncanakan, mengetahui apakah
program aplikasi dapat berjalan dengan baik serta digunakan sebagai
jaminan bahwa program aplikasi ini terbebas dari kesalahan.
3.2.6. Implementation (Distribution)
Pada tahap ini akan dilakukan implementasi serta evaluasi
terhadap aplikasi. Implementasi dilakukan untuk mengetahui apakah
dapat digunakan dengan baik oleh para pemakai dan bisa mandiri
dalam pengoperasiannya, baik dalam penggunaan maupun penilaian.
Implementasi akan dilakukan kepada pengguna sesuai dengan
spesifikasi pengguna yang telah ditentukan sebelumnya.
Beberapa tahap implementasi dan evaluasi yang dilakukan:
• Membahas hasil tampilan dari aplikasi yang telah dibuat
• Menerangkan cara pengoperasian program
• Melakukan evaluasi program
• Mengimplementasikan aplikasi yang telah dibuat dengan
mengemas menjadi CD interaktif
56
BAB IV
PEMBAHASAN
4.1. Hasil Pengumpulan Data
Aplikasi materi pelatihan berbasiskan multimedia merupakan suatu
solusi alternatif dari identifikasi masalah yang telah diuraikankan pada bab
sebelumnya dan untuk mendapatkan data serta informasi yang diperlukan,
penulis menggunakan empat metode pengumpulan data, yaitu:
4.1.1. Hasil Wawancara
Setelah penulis melakukan wawancara kepada bapak H.
Ucup Yusuf, M.Pd selaku kepala Mapenda dan Abdullah Hasyim,
S.HI selaku staf ketenagaan dan kesiswaan, dapat disimpulkan
bahwa saat ini materi yang disampaikan untuk pelatihan masih
bersifat printed material (bahan cetak) seperti halnya modul,
makalah, dan sebagainya dalam bentuk teks dan belum adanya
media atau alat bantu pelatihan dengan komputer. Materi yang
disampaikan masih menggunakan slide presentasi dan masih
sangat sederhana hanya berupa teks. Materi yang hanya berupa
teks membuat jenuh dan sulit dipahami oleh peserta pelatihan di
Mapenda. Oleh karena itu sangat dibutuhkan materi pelatihan
dengan menggunakan media yang lebih menarik untuk
memberikan informasi atau pelatihan kepada pegawai.
57
4.1.2. Hasil Observasi Langsung
Setelah penulis melakukan pengamatan langsung pada:
Tempat : Kantor Departemen Agama Kabupaten Tangerang
Jalan Perintis Kemerdekaan II Cikokol Tangerang
Waktu : 03 November – 01 Desember 2008
Diperoleh hasil pengamatan, sebagai berikut:
Tabel 4.1. Analisis Tools (alat bantu) yang ada di Mapenda.(Mapenda)
No. Tools (Alat Bantu) Data dan Informasi
1. Media penyampaian Media penyampaian materi pelatihan

materi pelatihan masih belum memberikan informasi
mengunakan modul yang jelas dan lengkap dikarenakan
atau buku media penyampaiannya masih
berbentuk modul teks atau makalah
yang menjenuhkan
2. Media penyampaian Media yang digunakan hanya berupa
materi pelatihan slide presentasi yang hanya
melalui workshop menjelaskan materi pelatihan yang
monoton dengan teks, tidak ada
animasi yang menarik
Dari data dan informasi tersebut, maka penulis gunakan sebagai
kebutuhan sistem dari aplikasi yang akan dirancang, yaitu:
a. Aplikasi yang dibuat dapat memberikan informasi tentang
materi pelatihan pada seksi Mapenda berbasiskan multimedia
sehingga menghasilkan desain yang menarik sehingga tidak
menjenuhkan bagi peserta pelatihan.
b. Aplikasi yang dibuat tidak memiliki keterbatasan dalam hal
waktu dan tempat.
58
4.1.3. Hasil Kuisioner
Selain melakukan pengamatan langsung, penulis juga
menyebarkan kuisioner kepada staff Mapenda. Kuisioner ini
bertujuan untuk mencari faktor-faktor kelengkapan data dan
informasi yang akan digunakan pada aplikasi, dan untuk
mengetahui apakah aplikasi ini benar-benar diperlukan dan dapat
membantu peserta yang akan mengikuti pelatihan. Kuisioner
bersifat terutup, dimana staf Mapenda hanya dapat memilih
jawaban-jawaban yang telah disediakan. Secara umum pertanyaan
yang diberikan pada kuisioner awal dapat digolongkan dalam 5
kelompok, yaitu :
a. Penyebab kesulitan dalam memperoleh informasi pelatihan
b. Perbandingan tingkat ketertarikan staff Mapenda menggunakan
modul dan makalah dengan menggunakan aplikasi materi
pelatihan.
c. Perbandingan antara peserta yang pernah menggunakan
komputer dengan yang tidak pernah menggunakan komputer
d. Perbandingan tingkat penerimaan peserta terhadap aplikasi
rancangan materi pelatihan menggunakan komputer
e. Fasilitas yang diinginkan dalam penyampaian materi pelatihan.
Berdasarkan hasil kuisioner awal, penulis dapat
menyimpulkan bahwa faktor utama yang membuat peserta
pelatihan kesulitan memperoleh informasi adalah keterbatasan
59
media penyampaian informasi seperti modul atau makalah belum
memberikan fasilitas yang baik dan menarik untuk penyampaian
materi pelatihan. Hasil lengkap kuisioner yang diperoleh dari 5
anggota staf Mapenda dapat dilihat pada lampiran 2.
4.2. Metode Pengembangan Multimedia
Untuk pengembangan aplikasi, penulis telah melakukannya
berdasarkan enam tahap pengembangan multimedia menurut Luther
(2003: 32) yaitu konsep (concept), perancangan (design), pengumpulan
bahan (material collecting), pembuatan (assembly), tes (testing), dan
distribusi (implementation).
4.2.1. Konsep (Concept)
Pembuatan rancangan materi pelatihan
berbasiskan multimedia ini berbentuk CD
interaktif yang akan digunakan sebagai media penyampaian
informasi tentang dana Bantuan Operasional Sekolah.
Informasi penting yang disajikan dalam rancangan materi
pelatihan ini adalah tentang dana BOS, tujuannya,
mekanisme penyaluran dana BOS, dan sebagainya. Rancangan
materi pelatihan ini menggunakan komponen-
komponen multimedia seperti teks, gambar, animasi, audio dan
video agar peserta pelatihan dapat menggunakan aplikasi ini
dengan mudah dan menarik. Secara garis besar deskripsi konsep
aplikasi yang penulis buat adalah sebagai berikut:

60
Tabel 4.2. Deskripsi Konsep Aplikasi (Mapenda)
1. Judul Aplikasi Multimedia Computer Based Training (CBT)

Untuk Bantuan Operasional Sekolah
Pada Kantor Depag Kabupaten Tangerang
2. Fungsi Sebagai alat bantu interaktif yang memiliki
kemampuan untuk mempermudah user mendapatkan
materi pelatihan dengan rancangan desain menarik
dengan komponen multimedia
3. Jenis Aplikasi multimedia computer based training berupa
Aplikasi CD interaktif
4. Pengguna Mapenda khususnya peserta yang akan melaksanakan
pelatihan dana Bantuan Operasional Sekolah
5. Gambar Menggunakan format file jpg, png dan psd yang dibuat
sendiri dengan menggunakan software Adobe
Photoshop CS dan Macromedia Firework MX 2004
6. Audio Menggunakan file MP3 dan WAV
7. Teks Diperoleh langsung dari Mapenda, website Depag, dan

tanya jawab dengan staff Mapenda
8. Animasi Animasi teks dan gambar menggunakan format swf
yang dibuat sendiri dengan menggunakan software
Macromedia Flash MX 2004 dan Macromedia
Director MX
10 Interaktif Menggunakan link baik berupa tombol, gambar
maupun teks yang dapat berpindah dari satu halaman
. ke halaman lain
4.2.2. Perancangan (Design)
Tahap ini merupakan tahap perancangan aplikasi, dimana
perancangan tersebut berupa perancangan storyboard, perancangan
flowchart view, perancangan arsitektur navigasi, perancangan
diagram transisi (state transition diagram), perancangan antar
muka (user interface).
61
4.2.2.1. Perancangan Storyboard
Secara umum rancangan storyboard dalam aplikasi
ini adalah:
Storyboard
Modul :1
Halaman : Intro
Nama File : INTRO. Dir
Gambar : Halaman1.psd
Audio : Musik_Intro.mp3
Navigasi :
Menu Utama Untuk masuk ke halaman Menu Utama
Keluar Untuk keluar dari aplikasi
Halaman intro merupakan halaman pembuka, dimana
dalam halaman ini hanya terdapat dua tombol, yaitu
Notes
menuju halaman selanjutnya atau keluar dari aplikasi
Gambar 4.1. Rancangan Storyboard Intro
62
Storyboard
Modul :2
Halaman : Menu Utama
Nama File : MeNu_Utama.dir
Audio : Musik_Tmplte.mp3
Navigasi :
Profil Mapenda Untuk masuk ke halaman Profil Mapenda
Materi Pelatihan Untuk masuk ke menu Materi Pelatihan
Rekap Madrasah Untuk masuk ke halaman Rekapitulasi Madrasah
Galeri Mapenda Untuk masuk ke menu Galeri Mapenda
Kontak Untuk masuk ke menu Kontak
Intro Untuk masuk ke halaman Intro
Halaman menu utama, merupakan halaman
pertama dari aplikasi ini, dimana dalam menu
utama ini terdapat lima tombol menu untuk
Notes masuk ke menu selanjutnya yang berisi materi
yang berbeda, dan terdapat tombol untuk kembali
ke halaman intro dan tombol untuk keluar dari
aplikasi.
Gambar 4.2. Rancangan Storyboard Menu Utama
63
Storyboard
Modul :3
Halaman : PROFIL
Nama File : PROFIL.dir
Audio : Musik_Menu.mp3
Navigasi :
Gambaran Umum Untuk masuk ke menu Gambaran Umum
Visi Mapenda Untuk masuk ke menu Visi Mapenda
Misi Mapenda Untuk masuk ke menu Misi Mapenda
Struktur Orgnisasi Untuk masuk ke menu Struktur Organisasi
Menu Utama Untuk kembali ke halaman Menu Utama
Halaman Profil Mapenda menampilkan
informasi mengenai gambaran umum, visi, misi,
Notes dan struktur organisasi dari Mapenda. Serta
terdapat tombol menu utama untuk kembali ke
menu utama dan tombol keluar untuk keluar dari
aplikasi.
Gambar 4.3. Rancangan Storyboard Profil Mapenda
64
Storyboard
Modul :4
Halaman : Materi Pelatihan
Nama File : Materi Pelatihan.dir
Navigasi :
Materi Pelatihan Untuk masuk ke menu Materi Pelatihan
Uraian Kegiatan Untuk masuk ke menu Uraian Kegiatan
Lingkup Kerja Untuk Masuk ke menu Lingkup Kerja
Gambaran Tugas Untuk masuk ke menu Gambaran Tugas
Introduction Untuk masuk ke menu Introduction
Flow Proses Untuk masuk ke menu Flow Proses
Menu Utama Untuk masuk ke Menu Utama
Halaman Materi Pelatihan menampilkan
informasi mengenai Uraian Kegiatan, Tugas
dan tanggung jawab seksi Mapenda Serta
Notes menu lainnya untuk masuk ke menu yang
diinginkan. Halaman materi pelatihan ini.
Serta terdapat tombol menu utama untuk
kembali ke menu utama dan tombol keluar
untuk keluar dari aplikasi
Gambar 4.4. Rancangan Storyboard Materi Pelatihan
65
Storyboard
Modul :5
Halaman : REKAPITULASI
Nama File : REKAPITULASI.dir
Audio : Musik_Menu3
Navigasi :
Rekap Madrasah Untuk masuk ke menu Rekap Madrasah
Jumlah Madrasah Untuk masuk ke menu Jumlah Madrasah
Jumlah Pengajar Untuk masuk ke menu Jumlah Pengajar
Jumlah Siswa Untuk masuk ke menu Jumlah Siswa
Halaman Rekap Madrasah menampilkan
informasi mengenai Jumlah Madrasah,
Notes pengajar dan siswa Kabupaten Tangerang
dari tahun ajaran 2005/2006 sampai
2008/2010. Serta terdapat tombol menu
utama untuk kembali ke menu utama.
Gambar 4.5. Rancangan Storyboard Rekap Madrasah
66
Storyboard
Modul :6
Halaman : Galeri_Mapenda
Nama File : Galeri_Mapenda.dir
Navigasi :
Galeri Mapenda Untuk masuk ke menu Galeri Mapenda
Gambar Untuk masuk ke menu Gambar
Video Untuk masuk ke menu Video
Halaman Galeri Mapenda menampilkan informasi
mengenai Galeri Mapenda. Terdapat dua tombol
menu yaitu tombol Gambar untuk menampilkan
Notes hasil kegiatan berupa galeri foto dan tombol Video
untuk menampilkan hasil kegiatan berupa galeri
video. Serta terdapat tombol menu utama untuk
kembali ke menu utama.
Gambar 4.6. Rancangan Storyboard Galeri Mapenda
67
Storyboard
Modul :7
Halaman :Kontak
Nama File : Kontak.dir
Audio : Musik.mp3
Navigasi :
Kontak Untuk masuk ke menu Kontak
Halaman Kontak menampilkan informasi mengenai
Notes profil perancang aplikasi ini. Serta terdapat tombol
menu utama untuk kembali ke menu utama dan
tombol keluar untuk keluar dari aplikasi.
Gambar 4.7. Rancangan Storyboard Kontak
4.2.2.2. Perancangan Bagan Alir (Flowchart View)
Dengan menggunakan simbol-simbol flowchart dari
penjelasan pada bab sebelumnya, maka penulis telah
membuat 7 flowchart, yaitu: Flowchart Intro,
Flowchart Menu Utama, Flowchart Profil Mapenda,
Flowchart Materi Pelatihan, Flowchart Rekap
Madrasah, Flowchart Galeri Mapenda, dan Flowchart
Kontak.
68
Mulai
Tampilkan Layar Intro
Pilih Halaman Selanjutnya
Ya
Pilih Menu Utama A
Tidak
Terima Kasih
Keluar
Keterangan :
A : Halaman Menu Utama
Gambar 4.8. Flowchart Intro
Flowchart diatas menjelaskan bahwa aplikasi ini di
mulai dengan tampilan intro sebagai pembuka, lalu
dalam tampilan intro tersebut ada suatu proses yaitu
memilih halaman selanjutnya, jika pengguna memilih
menu utama maka akan langsung terhubung ke halaman
menu utama dan jika tidak maka pengguna akan
langsung ke halaman keluar yang berisi ucapan terima
kasih kepada banyak pihak yang membantu dalam
pembuatan aplikasi dan setelah itu baru keluar dari
aplikasi.
69
A
Tampilkan Layar Menu Utama
Pilih Menu
Pilih Menu Ya
Profil Mapenda B
Tidak
Ya
Pilih Menu C
M ateri Pel atihan
Tidak
Pilih Menu Ya
Rekap Madrasah D
Tidak
Ya
Pilih Menu E
Galeri Mapenda
Tidak
Ya
Pilih Menu F
K ontak
Tidak
Keluar
Keterangan:
A : Halam an Menu Utama
B : Halam an Pr ofil Mapenda C
: Halam an Materi Pelatihan D :
Halam an Rekap Madrasah E :
Halam an Galeri Mapenda
F : Halam an Kontak
Gambar 4.9. Flowchart Menu Utama
70
Flowchart diatas menjelaskan bahwa dalam
halaman Menu Utama berisi 5 proses menuju menu
selanjutnya, jika pengguna memilih ”ya” maka akan
terhubung ke menu yang diinginkan dan jika ”tidak”
maka pengguna bisa memilih menu lainnya atau keluar
dari aplikasi.
Tampilkan Layar Profil Mapenda
Pilih Menu
Pilih Menu Ya Tampilkan Layar

Gambaran Umu m Gambaran U mu m
Tidak

Visi Mapenda Visi Mapenda
Tidak
Ya Tampilkan Layar
Pilih Menu
Mi si Mapenda Misi Mapenda
Tidak
Ya
Pilih Menu Tampilkan Layar
Struktur Organisasi Struktur Organisasi
Keluar
Keterangan:
B : Halam an Pr ofil Mapenda
Gambar 4.10. Flowchart Profil Mapenda
71
halaman Profil Mapenda berisi 4 proses menuju menu
dari aplikasi.
C
Tampilkan Layar Materi Pelatihan
Pilih Menu
Ya Tampilkan Layar
Pilih Menu
Introduction Introduction
Tidak
Ya
Pilih Menu Tampil kan Layar
Tugas&Tan ggung Jawab Tugas&Tanggung Jawab
Tidak
Ya
Lingkup Kerja Lingkup Kerja
Tidak
Ya Tampilkan Layar
Pilih Menu Monitori ng&Pelaporan
Monitoring&Pelaporan
Tidak
Ya
Flow Proses Flow Proses
Keluar
Keterangan:
C : Halam an Materi Pelatihan
Gambar 4.11. Flowchart Materi Pelatihan
72
halaman Uraian Kegiatan berisi 5 proses menuju menu
dari aplikasi.
Tampilkan Layar Rekap Madrasah
Pilih Menu

Jumlah Madrasah Jumlah Madrasah
Tidak

Jumlah Pengajar Jumlah Pengajar
Tidak

Jumlah Sis wa Jumlah Siswa
Keluar
Keterangan:
D : Halam an Rekapitulasi Madrasah
Gambar 4.12. Flowchart Rekap Madrasah
73
halaman Rekapitulasi Pendidikan berisi 3 proses
menuju menu selanjutnya, jika pengguna memilih ”ya”
maka akan terhubung ke menu yang diinginkan dan jika
”tidak” maka pengguna bisa memilih menu lainnya atau
keluar dari aplikasi.
Tampil kan Layar Galeri Mapenda
Pilih Menu
Ya
Pilih Menu Tampil kan Layar
Gambar Gambar
Tidak
Ya
Pilih Menu
Tampilkan Layar
Video
Vi deo
Keluar
Keterangan:
E : Halam an Galeri Mapenda
Gambar 4.13. Flowchart Galeri Mapenda
halaman Galeri Mapenda berisi 2 proses menuju menu
dari aplikasi.
74
F
Tampilkan Layar Kont ak
Pilih Menu
Pilih Menu Ya Tampilkan

Kontak Layar Kontak
Tidak
Keluar
Keterangan:
F : Halam an Kont ak
Gambar 4.14. Flowchart Kontak
halaman Kontak berisi satu proses menuju menu
kontak, jika pengguna memilih ”ya” maka akan
langsung terhubung ke menu yang diinginkan dan jika
”tidak” maka pengguna bisa memilih menu lainnya atau
keluar dari aplikasi.
75
4.2.2.3. Perancangan Arsitektur Navigasi
Intro
Menu
Profil Mapenda Materi Pelatihan Rekap Madrasah Galeri Mapenda Kontak
Gambaran Umum Introduction Jumlah Madrasah Gambar
Jumlah Pengajar
Visi Mapenda Tugas&Tanggung Jawab Video
Jumlah Siswa
Misi Mapenda Lingkup Kerja
Struktur Monitoring&Pelaporan
Flow Proses
Gambar 4.15. Struktur Navigasi
76
Materi Pelatihan
Introduction Tugas&Tanggung Jawab Lingkup Kerja Monitoring&Pelaporan Flow Proses
TIM PROGRAM
Latar Belakang Sasaran Program Alokasi Dana BOS PROPINSI
KANWIL DEPAG
Tujuan Besar Bantuan Mekanisme Pelaksanaan PROPINSI
KPPN
Waktu PROPINSI
Penyaluran Dana
BANK
Jenis Biaya KPPN
Pendidikan
KANTOR POS
BANK PROPINSI
Madrasah
Penerima Dana
REKENING MADRASAH /
PONDOK PESANTREN
Gambar 4.16. Struktur NavigasiMateri Pelatihan
77
4.2.2.4. Perancangan Diagram Transisi (State Transition Diagram)
Gambar 4.17. Rancangan STD Menu Utama
Gambar 4.18. Rancangan STD Profil Mapenda
78
Gambar 4.19. Rancangan STD Materi Pelatihan
Gambar 4.20. Rancangan STD Rekap Madrasah
79
Gambar 4.21. Rancangan STD Galeri Mapenda
Gambar 4.22. Rancangan STD Kontak
4.2.2.5. Perancangan Antarmuka Pemakai (User Interface)
Perancangan antarmuka pemakai (user interface)
disebut juga desain visual, yaitu pengaturan
penempatan elemen grafik yang digunakan pada
interface, termasuk layout, menu, desain form, warna,
coding, dan penempatan tiap bagian informasi. Elemen
harus dirancang dengan baik dan dapat bekerja sama.
Komunikasi yang efektif dipengaruhi oleh desain
visual, karena manusia berorientasi pada visual.
80
Rancangan antarmuka pemakai (user interface)
yang akan ditampilkan pada aplikasi multimedia ini
akan disesuaikan dengan kebutuhan pengguna yang
akan melihat informasi yang mereka butuhkan, sebagai
berikut :
1. Rancangan Layar Intro
Rancangan ini merupakan tampilan awal
sebelum masuk ke tampilan menu utama. Pada
tampilan intro terdapat dua tombol untuk
menentukan halaman selanjutnya, yaitu:
a. Tombol Menu Utama untuk masuk ke halaman
menu utama
b. Tombol Keluar untuk keluar dari aplikasi
2. Rancangan Layar Menu Utama
Rancangan ini merupakan tampilan utama
dari rancangan teknis materi pelatihan berbasiskan
multimedia, dimana dalam tampilan menu utama ini
terdapat 5 tombol, yaitu:
a. Tombol Profil Mapenda untuk masuk ke
halaman Profil Mapenda
b. Tombol Materi Pelatihan untuk masuk ke
menu Materi Pelatihan
81
c. Tombol Rekap Madrasah masuk ke halaman
Rekap Madrasah
d. Tombol Galeri Mapenda untuk masuk ke menu
Galeri Mapenda
e. Tombol Kontak untuk masuk ke menu Kontak
3. Rancangan Layar Profil Mapenda
Rancangan menu ini digunakan untuk
membahas gambaran umum tentang Mapenda yang
terdiri dari menu Gambaran Umum Mapenda, Visi
Mapenda, Misi Mapenda , serta Struktur Organisasi
Mapenda.
a. Tombol Gambaran Umum Mapenda
Menampilkan Gambaran Umum Mapenda
yang didalamnya terdapat elemen multimedia
seperti animasi teks dan suara.
b. Tombol Visi Mapenda
Menampilkan visi dari seksi Mapenda yang
didalamnya terdapat elemen multimedia seperti
animasi teks dan suara.
c. Tombol Misi Mapenda
Menampilkan misi dari seksi Mapenda yang
82
d. Struktur Organisasi
Menampilkan tentang Struktur Organisasi yang
4. Rancangan Layar Materi Pelatihan
Rancangan menu ini digunakan untuk
menampilkan penjelasan mengenai materi yang
akan dibahas mengenai introduction, tugas dan
tanggung jawab, lingkup kerja, monitoring dan
pelaporan, serta flow proses. Dalam rancangan layar
Materi Pelatihan ini terdapat 5 tombol menu, yaitu:
a. Tombol Introduction
Tombol ini berfungsi untuk masuk ke menu
Introduction.
b. Tombol Tugas dan Tanggung Jawab
Tugas dan Tanggung Jawab.
c. Tombol Lingkup Kerja
Lingkup Kerja.
d. Tombol Monitoring dan Pelaporan
Monitoring dan Pelaporan.
83
e. Tombol Flow Proses
Flow Proses.
5. Rancangan Layar Rekap Madrasah
Pada rancangan layar ini menampilkan
penjelasan tentang berapa banyak jumlah Madrasah,
Pengajar dan Siswa dalam 4 (empat) tahun terakhir.
Terdapat beberapa tombol menu diantaranya:
a. Tombol Jumlah Madrasah
Tombol ini berfungsi untuk menampilkan
Jumlah Madrasah SeKabupaten Tangerang
Tahun Pelajaran 2006/2007 sampai 2009/2010.
b. Tombol Jumlah Pengajar
Jumlah Pengajar SeKabupaten Tangerang
Tahun Pelajaran 2006/2007 sampai 2009/2010.
c. Tombol Jumlah Siswa
Jumlah Siswa SeKabupaten Tangerang Tahun
Pelajaran 2006/2007 sampai 2009/2010
84
6. Rancangan Layar Galeri Mapenda
Pada rancangan layar ini menampilkan Galeri
Mapenda yang terdapat beberapa tombol menu,
yaitu:
a. Tombol Gambar
Gambar atau foto Mapenda.
b. Tombol Video
beberapa hasil kegiatan yang sudah
dilaksanakan berupa video
7. Rancangan Layar Kontak
Pada rancangan layar kontak, ketika kita
memilih untuk masuk ke menu kontak maka
langsung menampilkan sekilas tentang biodata
pembuat rancangan aplikasi ini.
85
Adapun rancangan tampilan layar aplikasi secara umum
sebagai berikut :
Gambar 4.23. Rancangan Tampilan Aplikasi
4.2.3. Pengumpulan Bahan (Material Collecting)
Bahan-bahan yang diperlukan untuk membangun aplikasi
ini, baik berupa file-file teks, gambar, suara, animasi dan tombol
diperoleh dari berbagai sumber, namun sebagian besar elemen
banyak yang dibuat sendiri menggunakan software programming.
File seperti gambar menu pembuka dari intro penulis
peroleh melalui website dengan alamat http://www.Depag-
Banten.com dan memperoleh soft copy file berupa gambar kegiatan
belajar mengajar. Sedangkan gambar kantor Departemen Agama
penulis peroleh dengan mengambil gambar dan datang langsung ke
86
tempat penelitian dan yang kemudian dilakukan pengeditan dengan
menggunakan software Adobe Photoshop CS.
Sebelum Sesudah
Gambar 4.24. Gambar kantor Depag sebelum dan sesudah

diolah dengan Adobe Photoshop CS.
Proses pengeditan menggunakan software Macromedia
flash dengan menggunakan 2 layer dan 260 frame. Layer pertama
untuk gambar kantor sedangkan layer yang kedua untuk gambar
awan. Setelah itu drag gambar kantor dan gambar awan ke stage.
Kemudian pilih gambar awan tersebut dengan memilih modify pilih
convert to symbol lalu pilih movie clip.
Sedangkan file yang berupa teks, data-data Mapenda, serta
materi untuk kelengkapan aplikasi penulis peroleh dengan cara
datang langsung dan tanya jawab dengan salah satu staff Mapenda,
memperoleh soft copy dan buku panduan dari Mapenda.
Gambar 4.25. Buku panduan BOS
87
Untuk file teks, penulis membuatnya dengan menggunakan
software Macromedia Flash MX 2004 yang kemudian langsung
diberikan efek seperti masking, motion tween dan animasi lainnya.
Sedangkan file animasi diperoleh dengan cara membuat animasi
dengan menggabungkan elemen-elemen yang telah dibuat dengan
menggunakan Macromedia Flash MX dengan melakukan
pengeditan pada logo menggunakan masking tool memberikan efek
kilat pada logo. File logo DEPAG tersebut diperoleh dari internet.
Gambar 4.26. Tampilan Logo DEPAG
Namun ada beberapa file seperti tampilan sub menu,
tombol dan lain sebagainya, penulis peroleh dengan cara membuat
sendiri dengan menggunakan software Adobe Photoshop CS.
Gambar 4.27. Tampilan Button
88
File-file suara seperti bunyi tombol, musik pada menu
pembuka, menu utama dan yang lainnya penulis peroleh dengan
cara download langsung di internet. Format penyimpanan file
audio yang penulis peroleh adalah .MIDI, tapi penulis mengalami
kesulitan ketika file suara itu akan digunakan di Software Director
karena format tersebut tidak dapat di import sehingga penulis
menggunakan Software MIDI MP3 Converter.
Gambar 4.28. Proses pengeditan suara
Demikian juga dengan file-file video hasil kegiatan yang
penulis peroleh dari Mapenda, format penyimpanannya adalah
.VOB sehingga penulis menggunakan Software Converter VOB to
AVI sehingga file video tersebut dapat dipergunakan. File video
tersebut penulis edit dengan menggunakan software Ulead Video
Studio dan menyimpannya dengan format .mpg.
Gambar 4.29. Proses pengeditan video hasil kegiatan
89
4.2.4. Pembuatan (Assembly)
Dalam pengembangan Aplikasi materi pelatihan
berbasiskan Multimedia ini dibutuhkan spesifikasi perangkat keras
dan perangkat lunak, sebagai berikut:
1. Spesifikasi Perangkat Keras Pengembangan Multimedia
a. Komputer Intel Pentium 4 dengan speed 3,06 Ghz
berfungsi untuk memberikan proses kinerja, kreativitas
dan produktifitas yang lebih tinggi.
b. Hard disk 20 GB berfungsi untuk menyediakan tempat
bagi aplikasi perangkat lunak dan menyediakan tempat
penyimpanan untuk keperluan aplikasi yang akan
dibuat.
c. Memory minimal 256 MB berfungsi untuk
mempercepat proses publish movie dan rendering
gambar, sekaligus sebagai tempat penyimpanan
sementara perangkat lunak dan data.
d. Sound Card berfungsi untuk memproses suara pada
aplikasi ini.
e. Graphic Card 128 MB berfungsi untuk mempercepat
proses penampilan gambar pada layar.
f. Mouse berfungsi sebagai alat interaksi pengguna
aplikasi ini sekaligus sebagai alat interaksi yang
penting pada pembuatan aplikasi.
90
g. Keyboard berfungsi sebagai unit input data guna
pengembangan aplikasi.
h. Active Speaker berfungsi sebagai unit output suara
untuk mendengarkan suara yang ada pada aplikasi.
i. Monitor 15 inci berfungsi sebagai unit keluaran yang
dapat menampilkan tampilan aplikasi dan secara
otomatis sebagai interface (antar muka).
2. Spesifikasi Perangkat Lunak Pengembangan Multimedia
a. Macromedia Director MX 2004 sebagai software
programming dengan sentuhan grafis yang mampu
mengimpor dan mengendalikan banyak format.
Macromedia Director MX 2004 ini berfungsi sebagai
perangkat lunak pengembangan utama yang
mengintegritaskan elemen-elemen yang telah
dipersiapkan dari berbagai aplikasi lainnya.
Gambar 4.30. Proses penggabungan seluruh elemen Multimedia

menggunakan Macromedia Director MX 2004
91
b. Macromedia Flash MX 2004 sebagai program
standar profesional yang digunakan untuk membuat
animasi interaktif, juga animasi tombol yang
diperlukan dalam aplikasi ini.
Gambar 4.31. Proses pembuatan gambaran umum menggunakan

Macromedia Director MX 2004
c. Adobe Photoshop CS untuk mendesain background
tampilan pada setiap halaman, mendesain tombol
serta tulisan yang berfungsi sebagai judul pada
setiap menu dan sub menunya.
d.
Gambar 4.32. Proses pembuatan background menggunakan

Adobe Photoshop CS
92
e. Macromedia Fireworks MX 2004 untuk mendesain
tampilan background pada menu yang terdapat pada
halaman intro dan menu lainnya.
Gambar 4.33. Proses pembuatan menu menggunakan

Macromedia Fireworks MX 2004
f. Ulead Video Studio 10 untuk mengedit video,
memotong adegan video, memberi suara tambahan
pada video, mengedit suara dan merubah format
video.
Gambar 4.34. Proses pengeditan video madrasah menggunakan

Ulead Video Studio 10
93
Langkah selanjutnya setelah semua spesifikasi
pengembangan dapat dipenuhi, maka penulis mulai mengerjakan
tahapan-tahapan aplikasi pembuatan dengan menggunakan
perangkat lunak yang telah disiapkan. Terdapat beberapa tahapan
penting selama pengembangan rancangan materi pelatihan
berbasiskan multimedia yang akan penulis jelaskan sebagai
berikut.
Langkah awal yang dilakukan penulis adalah mendesain
tampilan halaman Intro. Tampilan halaman intro yang penulis buat
sangatlah sederhana yaitu mendesain kegiatan Madrasah sebagai
menu pembuka dari aplikasi yang dibuat dengan menggunakan
animasi masking. Kemudian penulis membuat teks selamat datang di
aplikasi multimedia computer based training dibawahnya agar
terlihat tidak terlalu sepi dengan menggunakan animasi masking
juga. Penulis animasikan dengan menggunakan Macromedia Flash
MX 2004 dan disimpan dengan format file .swf.
Gambar 4.35. Tampilan halaman intro menggunakan masking
94
Langkah selanjutnya adalah mendesain tampilan menu,
tombol, sub menu, gambar kantor departemen agama, gambar nada
(suara), animasi-animasi lainnya dan tampilan pada setiap halaman,
penulis membuatnya dengan menggunakan Software Macromedia
Fireworks MX 2004 dan Adobe Photoshop CS. File-file tersebut
penulis buat dengan berbagai bentuk dan menggunakan efek
tertentu seperti layer style drop shadow, inner shadow, outer glow,
color overlay, gradient overlay, dan efek lainnya agar terlihat
menarik dan disimpan dengan format file .png dan .psd. Kemudian
file tersebut penulis animasikan agar terlihat lebih dinamis dan
menarik dengan menggunakan Macromedia Flash MX 2004 dan
disimpan dengan format file .swf.
Gambar 4.36. Tampilan header teks menggunakan masking
File yang sudah tersedia tadi kemudian disusun serapih
mungkin agar menghasilkan tampilan yang menarik dan sesuai
dengan yang diinginkan. Fasilitas pengatur suara atau musik
95
background sengaja penulis berikan pada Menu Pembuka dan
Menu Utama saja. Untuk menu lainnya sengaja tidak penulis
berikan pengatur suara, hal ini dimaksudkan karena selain menu
pembuka dan menu utama, menu lainnya sudah menggunakan efek
suara dari teks dan yang lainnya.
Langkah berikutnya setelah semua elemen aplikasi tersedia,
maka tahapan terakhir adalah penggabungan semua elemen yang
sudah tersedia. Penulis menggunakan software Macromedia
Director MX 2004 untuk tahap akhir penyelesaian aplikasi ini.
Aplikasi rancangan materi pelatihan dibuat menjadi
beberapa file terpisah dengan tujuan agar file-file yang ada di
dalamnya tidak membingungkan jika terjadi kesalahan ketika
dilakukan pengeditan. Pada perangkat ini penulis membuat animasi
dengan menggunakan dimensi 800x600 pixels dengan framerate
sebesar 25 fps dan aplikasi dibagi menjadi 8 (delapan) file yang
terpisah yaitu : Intro.dir, Menu_Utama.dir, Profil.dir, Materi.dir,
Rekap.dir, Galeri.dir, Kontak.dir, dan TerimaKasih.dir. Untuk
menggabungkan 8 halaman tersebut penulis menggunakan script
Lingo yang berguna untuk mengatur, menjalankan, dan
menampilkan aplikasi sesuai dengan rancangan, ditambah efek
transisi seperti DMXT Pixelate untuk menu utama, dan transisi
DMXT Riple Fade untuk menu Profil, Materi, Rekapn dan Galeri.
Tujuan menggunakan efek transisi tersebut adalah agar aplikasi ini
96
terlihat menarik, tidak membosankan dan terlihat perbedaan saat
pengguna berpindah dari halaman satu ke halaman lain.
Untuk keterangan lebih jelas tentang proses pembuatan dan
pengeditan setiap menu yang terdapat pada aplikasi ini, maka
penulis mencoba menguraikan menu satu per satu yaitu :
1. Intro.dir
Pada halaman intro terdapat desain tampilan sederhana
dengan proses masking terlebih dahulu yaitu dengan
mendesain kegiatan siswa siswi dalam proses kegiatan
belajar mengajar berupa teks yang kemudian dilakukan
pengeditan dan penggabungan gambar. File teks
diperoleh dengan membuat sendiri menggunakan
software Macromedia Flash MX 2004, serta file gambar
diperoleh dari Madrasah Pendidikan Agama Kabupaten
Tangerang. Kemudian teks dan gambar tersebut
dianimasikan dengan menggunakan teknik masking
sebagai menu pembuka dari aplikasi. Pada menu intro
ini penulis menggunakan framerate sebesar 25 fps,
frame awal dimulai dari frame 1 dan berakhir pada
frame 331, rotation 0.00 dan background color hitam.
Pada menu Intro terdapat dua pilihan button yaitu
button Menu Utama dan button Keluar.
97
Gambar 4.37. Layer pada menu intro
2. Menu_Utama.dir
Pada Menu Utama terdapat animasi teks pada header,
animasi button, animasi logo, dan animasi garis pada
menu. Untuk animasi teks pada header dibuat dengan
menggunakan teknik motion tween. Judul merupakan
salah satu simbol dari animasi header yang memiliki
jumlah frame 60 dan 4 layer.
Gambar 4.38. Teknik masking pada pembuatan animasi logo
Animasi teks judul dibuat dengan menggunakan teknik
masking dan animasi garis dibuat dengan menggunakan
teknik motion tween. Untuk animasi garis memiliki 3
layer dengan jumlah frame 50 dengan menggunakan
Software Macromedia Flash MX 2004.
98
Gambar 4.39. Timeline dari animasi garis
Pembuatan button menggunakan dua warna. Penulis
memilih warna hijau dan kuning agar terlihat serasi
dengan tampilan menu dan menggunakan animasi
motion tween yang memiliki 1 layer, dan 10 frame.
Gambar 4.40. Timeline dari animasi button
Pada Menu Utama ini terdapat teks yang mewakili judul
dari aplikasi yang dibuat menggunakan teknik motion
tween. Untuk menu Utama, penulis menggunakan
musik latar dengan memberikan judul
Musik_Tmplte.mp3 yang diperoleh dari browsing di
internet dan membuat pengontrolan musik latar dengan
99
memilih parameters sound for channel volume slider
dan mengisinya dengan memasukkan nilai 16 pada
menu contraining sprite dan mengisi initial sound
volume dengan angka 150.
Gambar 4.41. Parameters pengontrolan musik latar
Agar tampilan tidak membosankan, maka penulis
menggunakan efek transisi, pada menu ini efek transisi
yang digunakan yaitu DMXT Pixelate (Bentuk Pixel).
Pada aplikasi ini jumlah durasi lamanya efek transisi
menggunakan default rata-rata, yaitu 2 detik.
3. Profil.dir
Pada menu Profil terdapat animasi teks pada menu
Gambaran Umum. Background pada teks gambaran
umum menggunakan teknik motion tween dan animasi
yang digunakan adalah teknik membesarkan setiap
huruf pada sebuah teks kemudian mengecilkannya
kembali dengan ukuran semula. Dengan cara membuat
teks dengan font Cooper Black ukuran 30. Kemudian
pilih menu modify -> break apart. Setelah itu, pilih
menu modify -> timeline -> distribute to layers. Untuk
100
animasi gambaran umum memiliki 15 layer dengan
jumlah frame 170 dengan menggunakan Software
Macromedia Flash MX 2004.
Gambar 4.42. Timeline dari animasi gambaran umum
4. Materi.dir
Pada menu ini terdapat 5 (lima) pilihan button menu
yaitu menu introduction, tugas dan tanggung jawab,
lingkup kerja, monitoring dan pelaporan, dan floew
proses. Pada menu introduction terdapat penjelasan
mengenai latar belakang dan tujuan. Sedangkan pada
menu tugas dan tanggung jawab terdapat animasi
tingkatan sekolah yang dibuat dengan menggunakan
macromedia flash dengan cara menyiapkan 5 (lima)
layer untuk masing-masing gambar yang diperlukan
dengan jumlah frame 25.
Gambar 4.43. Timeline dari animasi tingkatan sekolah
101
5. Rekap.dir
Pada menu Rekap terdapat 4 (empat) grafik tentang
jumlah madrasah, pengajar dan siswa. Grafik tersebut
dibuat dengan menggunakan microsoft office excel dan
mengisinya dengan nilai yang sudah disiapkan.
Sedangkan untuk animasi siswa menggunakan teknik
motion tween dengan cara drag gambar ke stage,
kemudian pilih modify pilih convert to symbol dan pilih
movie clip, pilih sampai frame 180 kemudian klik
kanan pada frame terakhir lalu pilih insert keyframe.
Pada layer akhir tarik gambar sehingga terlihat animasi
membesar. Animasi ini terdapat 2 layer dengan jumlah
frame 180 dengan menggunakan Software Macromedia
Flash MX 2004.
Gambar 4.44. Timeline dari animasi grafik
Untuk penjelasan tentang jumlah madrasah, pengajar
dan siswa seKabupaten Tangerang tahun pelajaran
2006/2007 sampai 2009/2010, penulis menggunakan
teknik masking. Untuk animasi teks tentang penjelasan
rekap tersebut memiliki 2 layer. Layer pertama untuk
gambar jumlah madrasah, sedangkan untuk layer kedua
102
untuk lingkaran dengan memilih modify kemudian pilih
convert to symbol. Pada layer lingkaran pilih mask dan
animasikan lingkaran tersebut dari kecil sampai besar.
Sehingga teks gambar tersebut muncul seperti bentuk
lingkaran dengan jumlah frame 30 dengan
menggunakan Software Macromedia Flash MX 2004.
6. Galeri.dir
Untuk menu Galeri terdapat 2 (dua) pilihan menu.
Terdapat menu Gambar dan Video. Pada menu Gambar,
terdapat animasi motion tween. Animasi untuk galeri
dibuat dengan menggunakan Software Macromedia
Flash MX 2004 dan memiliki 3 layer dengan jumlah
frame 40.
Gambar 4.45. Timeline dari animasi gambar Depag
Pada menu video, pengeditan dilakukan dengan
menggunakan SoftwareUlead Video studio 10 dan
melakukan pengeditan dengan mengecilkan efek
volume suara dengan cara klik pada attribute audio
kemudian drag kebawah dan kecilkan.
103
Gambar 4.46. Proses pengeditan suara dengan mengganti suara asli
Untuk memperindah tampilan agar tidak membosankan,
maka penulis menggunakan efek transisi, pada menu ini
efek transisi yang digunakan yaitu DMXT Ripple Fade
(Riak Air). Pada aplikasi ini jumlah durasi lamanya
efek transisi menggunakan default rata-rata, yaitu 2
(dua) detik dengan jumlah frame sebanyak 45.
Gambar 4.47. Jumlah frame pada aplikasi yang dibuat
104
7. Kontak.dir
Pada menu Kontak terdapat keterangan tentang biodata
penulis. Untuk animasi gambar menggunakan teknik
motion tween dengan 1 layer dan jumlah frame
sebanyak 20.
Gambar 4.48. Timeline dari animasi gambar penulis
Untuk animasi teks tentang penjelasan biodata penulis
menggunakan teknik motion tween. Sedangkan animasi
nama menggunakan teknik masking. Untuk animasi
nama memiliki 3 layer dan jumlah frame sebanyak 70.
Gambar 4.49. Timeline dari animasi nama penulis
8. Terima Kasih.dir
Menu Terima Kasih adalah tahap akhir dari tampilan
aplikasi yang dibuat dan berisi ucapan terima kasih
kepada semua pihak yang telah membantu dalam proses
pembuatan skripsi ini. Untuk animasi ucapan terima
kasih ini menggunakan latar musik yang berjudul Give
105
Thank’s to Allah dan menggunakan teknik motion
tween dengan 3 layer dan jumlah frame sebanyak 400.
Gambar 4.50. Timeline dari animasi terima kasih
Untuk menggabungkan 8 halaman tersebut penulis
menggunakan script Lingo yang berguna untuk
mengatur, menjalankan, dan menampilkan aplikasi
sesuai dengan rancangan yang telah dibuat. Tujuannya
adalah untuk mempermudah memanggil setiap menu
yang sudah disiapkan ketika kita akan memilih button
menu yang kita inginkan.
Gambar 4.51. Script Lingo untuk masuk ke Menu Utama
106
4.2.5. Tes (Testing)
Pada tahap ini penulis melakukan pengujian (testing)
terhadap aplikasi yang dibuat. Pertama-tama dilakukan testing
secara modular untuk memastikan apakah hasilnya seperti yang
diinginkan. Pengujian selanjutnya dilakukan pada komputer lain
dengan tujuan untuk mengetahui apakah aplikasi yang sudah jadi
dapat berjalan dengan baik atau tidak.
Penulis melakukan tes kepada Bapak DR. Eko Syamsuddin
H. M.Eng dan Bapak Ir. Adil Siregar, selaku dosen Multimedia
Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta
yang merupakan orang-orang yang ahli dibidang Multimedia
untuk memperoleh jaminan bahwa program aplikasi terbebas dari
kesalahan script dan desain.
Hasil yang diperoleh dari pengujian kepada dosen
Multimedia Fakultas Sains dan Teknologi memperlihatkan
bahwa:
a) Suara narasi dari intro ketika akan masuk ke pilihan menu
utama kurang jelas dan masih terdapat efek suara .
b) Suara yang terdapat pada menu video pada galeri masih
terlalu besar, sehingga harus dilakukan pengeditan dengan
merubah atau mengecilkan volume suara pada video
tersebut.
107
Selain itu tes juga dilakukan kepada Staff Mapenda selaku
pegawai dan orang yang mengurus tentang pelatihan, hal ini
dilakukan untuk memperoleh jaminan bahwa program aplikasi
terbebas dari kesalahan dalam penyampaian informasi tentang
materi pelatihan.
Hasil yang diperoleh dari pengujian kepada staff Mapenda
memperlihatkan bahwa aplikasi masih memiliki beberapa
kekurangan seperti:
a) Animasi yang terdapat pada menu Materi Pelatihan kurang
interaktif.
b) Untuk penjelasan mengenai materi pelatihan belum
mencakup semua penjelasan inti dari materi yang akan
disampaikan kepada peserta dan masih banyak terdapat
animasi teks dengan teknik motion tween.
Setelah mengetahui beberapa kekurangan yang terdapat
pada aplikasi maka penulis segera memperbaiki dan
meminimalisir keterbatasan yang terdapat pada aplikasi dan
melakukan pengujian kembali terhadap narasumber yang sama.
Dari hasil pengujian ulang aplikasi ini maka diperoleh hasil yang
lebih baik dimana beberapa kelemahan pada aplikasi dapat
diperbaiki.
108
4.2.6. Implementasi (Implementation)
Pada tahap ini penulis melakukan implementasi serta
evaluasi terhadap aplikasi multimedia yang sudah dibuat dan
setelah semuanya selesai aplikasi ini digandakan dengan
menggunakan DVD RW dalam bentuk CD (Co mpact Disk).
Implementasi aplikasi multimedia dipahami sebagai proses yang
akan menentukan apakah aplikasi multimedia mampu beroperasi
dengan baik dan mengetahui apakah para pemakai bisa mandiri
dalam pengoperasiannya, baik dalam penggunaan maupun
penilaian.
Beberapa tahap implementasi dan evaluasi yang
dilakukan :
4.2.6.1. Tampilan Aplikasi
Hasil akhir berupa CD interaktif yang memiliki
daftar data dan hasil akhir tampilan sebagai berikut :
• Dimension : width atau lebar = 800 pixels,
height atau tinggi = 600 pixels,
frame rate = 25 fps.
• Ukuran : 38,9 MB
• Jumlah Halaman: 8 halaman
• Durasi : 30 menit
109
Gambar 4.52. Tampilan Halaman Intro
Gambar 4.53. Tampilan Halaman Intro selanjutnya
110
Gambar 4.54. Tampilan Halaman Menu Utama
Gambar 4.55. Tampilan Halaman Profil Mapenda
111
Gambar 4.56. Tampilan Halaman Materi Pelatihan
Gambar 4.57. Tampilan Halaman Rekap Madrasah
112
Gambar 4.58. Tampilan Halaman Galeri Mapenda
Gambar 4.59. Tampilan Halaman Kontak
113
Gambar 4.60. Tampilan Halaman Tarima Kasih
4.2.6.2. Pengoperasian Program
Aplikasi ini dapat dioperasikan secara manual dan
otomatis, saat CD aplikasi ini dimasukkan ke dalam
CD atau DVD ROM komputer, maka script
autorun.inf akan berjalan dan langsung membuka
halaman Awal. Untuk pengoperasian secara manual
yakni dengan cara mengklik ganda pada file “Computer
Based Training.exe” maka halaman Awal akan terbuka.
Karena file ini berbentuk projector.exe maka
keseluruhan halaman pada aplikasi dapat diakses
meskipun komputer tidak memiliki program
Macromedia Director MX.
114
4.2.6.3. Evaluasi Program
Setelah aplikasi diterapkan dan dicoba oleh
pengguna, maka dilakukan evaluasi Aplikasi
Multimedia Computer Based Training (CBT). Evaluasi
ini dilakukan setelah melakukan uji coba program.
Dengan memberikan kuisioner kepada Mapenda.
Pertanyaan pada kuisioner evaluasi dapat
digolongkan menjadi 6 kelompok, yaitu :
• Kemudahan penggunaan aplikasi
• Tingkat kesulitan menggunakan aplikasi
• Kesan tampilan teks, grafis dan animasi
• Pendapat responden terhadap struktur penyampaian
materi dalam aplikasi
• Pendapat responden terhadap penerapan aplikasi di
semua kantor atau perusahaan
Analisa Kuisioner Evaluasi
1. Apakah struktur penyampaian materi dalam aplikasi ini jelas dan

menarik?
Tabel 4.3. Hasil Kuisioner Evaluasi Pertanyaan No.1

Jawaban Jumlah Jumlah Penjawab Persentase (%)
a. Jelas dan Menarik 5 4 80%
b. Tidak 5 0 0%
c. Biasa Saja 5 1 20%
115
Struktur Penyampaian Materi
20 %
80 %
Gambar 4.61. Diagram kesan penyampaian materi
Dari hasil evaluasi dapat diketahui bahwa aplikasi yang telah dibuat
memberikan kesan yang jelas dan menarik bagi pengguna. Serta
menunjukkan bahwa aplikasi yang dirancang memiliki kejelasan dalam
penyampaian materi dan tidak menyulitkan.
2. Apakah Anda merasa kesulitan menggunakan aplikasi ini?

a. Ya 5 1 20%
b. Tidak 5 4 80%
c. Tidak Tahu 5 0 0%
Tingkat Penggunaan Aplikasi
20 %
80 %
Gambar 4.62. Diagram tingkat kesulitan menggunakan aplikasi
116
Dari hasil evaluasi dapat diketahui bahwa aplikasi yang telah dibuat tidak
menyulitkan staf Mapenda. Hal ini menunjukkan bahwa aplikasi yang
dirancang mempermudah dalam menyampaikan informasi tentang materi
pelatihan.
3. Apakah aplikasi ini membantu Mapenda dalam penyampaian materi

pelatihan?

a. Membantu 5 5 100%
b. Tidak 5 0 0%
Tingkat Pemahaman Materi
100 %
Gambar 4.63. Diagram pamahaman tentang materi
membantu Mapenda dalam menyampaikan materi. Hal ini menunjukkan
bahwa aplikasi ini memberikan kesan yang baik bagi terlaksananya
pelatihan.
117
4. Apakah tampilan teks, grafis dan animasi pada aplikasi ini
menjenuhkan?

a. Ya 5 1 20%
b. Tidak 5 3 60%
Kesan teks, grafis, dan animasi
20 % 20 %
60 %
Gambar 4.64. Diagram Kesan teks, grafis, dan animasi pada aplikasi
Dari hasil evaluasi dapat diketahui bahwa aplikasi yang telah dibuat tidak
menjenuhkan karena terdapat komponen multimedia. Hal ini menunjukkan
bahwa aplikasi yang dirancang memiliki keunikan dibandingkan presentasi
manual dan disajikan secara interaktif sehingga pengguna dapat
berinteraksi langsung dalam proses pelatihan.
118
5. Apakah aplikasi ini mudah digunakan?
Tabel 4.7. Hasil Kuisioner Evaluasi Pertanyaan No 5

a. Mudah 5 4 80%
b. Cukup mudah 5 1 20%
c. Kurang Mudah 5 0 0%
Penggunaan Aplikasi
20 %
80 %
Gambar 4.65. Diagram kemudahan menjalankan program
Dari hasil evaluasi tersebut dapat diketahui bahwa aplikasi materi
pelatihan ini mudah digunakan, dan juga menunjukkan bahwa aplikasi
yang dibuat tidak menyulitkan pengguna aplikasi.
6. Apakah aplikasi semacam ini perlu diterapkan untuk semua jenis

pelatihan di kantor Mapenda?

a. Perlu 5 4 80%
b. Tidak Perlu 5 1 20%
c. Tidak Tahu 5 0 0%
119
Penerapan Jenis Aplikasi Pelatihan
20 %
80 %
Gambar 4.66. Diagram pendapat tentang penerapan peltihan di Mapenda
mempermudah penyampaian dalam pelatihan. Hal ini menunjukkan bahwa
aplikasi yang dirancang membantu Mapenda menyampaikan informasi.
Berdasarkan hasil evaluasi yang telah dilakukan staff Mapenda
memberikan pendapat yang positif tentang aplikasi. Dari segi kemudahan
dalam penggunaan aplikasi, Pengguna menjawab bahwa aplikasi materi
pelatihan ini mudah digunakan, dan juga menunjukkan bahwa aplikasi
yang dibuat sudah memenuhi kriteria user friendly.
Sedangkan dari hasil evaluasi tentang tingkat kesulitan dalam
menggunakan aplikasi dapat diketahui bahwa aplikasi yang telah dibuat
tidak menyulitkan. Hal ini menunjukkan bahwa aplikasi yang dirancang
mempermudah Mapenda dalam penyampaian pelatihan tentang materi
yang disampaikan. Dari segi pemahaman tentang materi yang
disampaikan, dihasilkan bahwa aplikasi yang telah dibuat membantu
dalam memahami materi. Ini menunjukkan bahwa aplikasi ini memberikan
120
kesan yang baik bagi terlaksananya pelatihan. Untuk kesan tampilan teks,
grafis dan animasi pada aplikasi, sebagian staff Mapenda menjawab
aplikasi yang telah dibuat tidak menjenuhkan karena terdapat komponen
multimedia. Hal ini menunjukkan bahwa aplikasi yang dirancang memiliki
keunikan dibandingkan presentasi biasa. Dari segi struktur penyampaian
materi, dapat diketahui bahwa aplikasi yang telah dibuat memiliki
kejelasan dalam penyampaian dan tidak menyulitkan pengguna aplikasi.
Ini berarti aplikasi yang dirancang memberikan kesan menarik bagi staff
Mapenda.
Sedangkan pendapat tentang penerapan aplikasi pada kantor
Mapenda sangat diperlukan karena mempermudah penyampaian dalam
pelatihan. Hal ini menunjukkan bahwa aplikasi yang dirancang membantu
peserta memperoleh informasi. Dengan cara ini dapat diketahui bahwa
aplikasi ini telah memberikan solusi untuk dapat membantu Mapenda
mengatasi masalah yaitu penyampaian pelatihan yang masih menggunakan
metode manual. Dengan adanya aplikasi yang berbasiskan multimedia ini
membantu Mapenda dalam menyampaikan pelatihan khususnya tentang
dana Bantuan Operasional Sekolah (BOS) dengan memanfaatkan unsur
multimedia secara interaktif.
121
BAB V
PENUTUP
Pada bab ini berisi kesimpulan serta saran-saran dari hasil penulisan
skripsi yang bermanfaat bagi pihak-pihak yang ingin mengembangkan aplikasi ini
agar menjadi lebih baik.
5.1. Kesimpulan
Dari pembahasan yang telah diuraikan, maka penulis dapat menarik
kesimpulan, yaitu:
1. Aplikasi Multimedia Computer Based Training (CBT) Untuk Bantuan
Operasional Sekolah memberikan informasi dalam penyampaian secara
jelas dan menarik bagi Mapenda dan peserta pelatihan. Dapat dilihat
pada tabel 4.3.
2. Aplikasi ini merupakan suatu solusi dalam penyelesaian masalah yang
terdapat di Mapenda, yang dapat membantu pelaksanaan pelatihan
sebagai alat bantu yang efektif dan efisien. Dapat dilihat pada tabel 4.5.
3. Aplikasi ini disajikan secara interaktif dan pengguna dapat berinteraksi
langsung dalam proses pelatihan sehingga peserta pelatihan tidak cepat
merasa bosan. Dapat dilihat pada tabel 4.6.
122
5.2. Saran
Berdasarkan hasil evaluasi aplikasi yang diperoleh, maka saran-saran
untuk pengembangan Aplikasi ini adalah:
1. Aplikasi ini dapat dikembangkan lebih lanjut menjadi aplikasi pelatihan
berbasis multimedia tiga dimensi sehingga menghasilkan gambar dengan
kualitas, bentuk, dan model yang lebih menarik.
2. Untuk pengembangan selanjutnya aplikasi multimedia computer based
training ini dapat diterapkan untuk materi pelatihan lainnya.
123
DAFTAR PUSTAKA
Anonim 1. Computer Based Training. www.en.wikipedia.org, 23 Juli 2009
Anonim 2. Multimedia. www.hmetro.com, 12 Januari 2009
Anonim 3. Multimedia. www.id.wikipedia.org, 6 November 2008
Anonim 4. Multimedia. www.tekkomdik-sumbar.org,16 November 2008
Anonim 5. Multimedia.www.usu.edu, 12 Januari 2009
Anonim 6. Training. www.en.wikipedia.org, 23 Juli 2009
Ali, Muhammad. Buku Panduan Bantuan Operasional Sekolah, Jakarta : Depag
RI, 2009.
Baba. Animasi Kartun dengan Flash MX. Jakarta: Elex Media Komputindo, 2003.
Chandra, Lingo Director MX 2004 Untuk Orang Awam. Jakarta: Maxikom, 2005.
Dewanto, Tedi. Aplikasi Multimedia Computer Based Training (CBT) untuk
Distribusi Yellow Pages pada PT. Infomedia Nusantara. Skripsi S1
Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif
Hidayatullah Jakarta, 2008.
Djamas, Nurhayati. Madrasah Kepemimpinan. Jakarta: Depag RI, 2005.
Fakultas Sains dan Teknologi Universitas Islam Negeri Jakarta. Pedoman
Penulisan Skripsi. Jakarta: UIN Press, 2004.
Hadi Sutopo, Ariesto. Multimedia Interaktif dengan Flash. Yogyakarta: Graha
Ilmu, 2003.
Hendratman, Hendi. The Magic of Macromedia Director. Bandung: Informatika,
2006.
124
Jeprie, Muhammad. Membuat Games dengan Flash MX. Jakarta: Elex Media
Komputindo,2004.
Madcoms. Mendesain Website dengan Photoshop. Yogyakarta: Andi, 2005.
Maulana Syarif, Arry. Mengolah Multimedia untuk Web dengan Photoshop dan
Flash. Jakarta: Elex Media Komputindo, 2009.
Nazir, Mohammad. Metode Penelitian Cet. Ke-4. Jakarta: Ghalia Indonesia, 1999.
Pressman, Roger S. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku Satu).
Yogyakarta: Andi, 2002.
Ruky, Achmad. Sistem Managemen Kinerja, Panduan Praktis untuk Merancang dan
Meraih Kinerja Prima. Jakarta: Gramedia, 2001.
Salim, Ali. Trik Membuat Animasi Teks dengan Macromedia Flash MX 2004.
Jakarta: Elex Media Komputindo, 2004.
Sanjaya, Ridwan. Trik Memperindah Website dengan Menu Dinamis. Jakarta: Elex
Media Komputindo, 2004.
Supriansyah, Haris. 30 Menit menjadi Webmaster. Bandung: Oase Media, 2006.
Suyanto, M. Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing.
Yogyakarta: Andi, 2003.
Suyoto,Dr, dan Sunardi Yang. Multimedia dan Aplikasinya dengan Macromedia
Director, Jakarta: Elex Media Komputindo, 2005.
Wahana, Komputindo. Membuat CD Interaktif dengan Macromedia Flash MX.
Jakarta: Salemba Infotex, 2004.
125
Dr. Eko Syamsuddin H, M.Eng., Ir. Adil Siregar., dan Mimi Miftahul Jannah
Fakultas Sains dan Teknologi

Universitas Islam Negeri Syarif Hidayatullah Jakarta
Tel : 081959586764
e-mail : mft_0707@yahoo.com
ABSTRAK
Di Mapenda terdapat pelatihan tentang dana Bantuan Operasional Sekolah yang

masih menggunakan metode manual dengan buku panduan. Selain dari buku panduan
tersebut, informasi tentang dana Bantuan Operasional Sekolah ini diperoleh dari
wawancara langsung. Berangkat dari ketiadaan metode tersebut, maka penulis
membuat aplikasi materi pelatihan tentang dana BOS berbasiskan multimedia
sehingga memberikan solusi dari permasalahan yang ada. Dalam aplikasi ini penulis
menggunakan metode pengumpulan data yang terdiri dari metode studi lapangan dan
metode studi pustaka. Metode studi lapangan meliputi metode wawancara, metode
observasi langsung dan metode kuisioner. Sedangkan untuk metode pengembangan
multimedia penulis menggunakan metode menurut Luther yang terdiri dari 6 tahap
yaitu konsep, perancangan, pengumpulan bahan, pembuatan, tes dan implementasi.
Aplikasi ini dapat memberikan informasi dalam penyampaian secara jelas dan
menarik bagi Mapenda dan peserta pelatihan dan disajikan secara interaktif sehingga
pengguna dapat berinteraksi langsung dalam proses pelatihan. Dengan media
pelatihan seperti ini dapat membantu pelaksanaan pelatihan sebagai alat bantu yang
efektif dan efisien. Untuk pengembangan selanjutnya dapat dilakukan secara tiga
dimensi sehingga menghasilkan gambar dengan kualitas, bentuk, dan model yang
lebih menarik.
Kata Kunci: Aplikasi, Multimedia, Computer Based Training
Namun, informasi yang terdapat dalam

1. PENDAHULUAN buku panduan tersebut disampaikan
Di Mapenda terdapat pelatihan dengan metode penyampaian yang
tentang dana Bantuan Operasional masih manual yang berbasis pada kertas
Sekolah yang masih manual dengan dan presentasi biasa yang cenderung
menggunakan buku panduan. membosankan peserta pelatihan.
Permasalahan yang ada adalah sulitnya Berangkat dari ketiadaan metode
peserta pelatihan memahami materi yang tentang penyampaian materi pelatihan
disampaikan terutama tentang dana yang menarik dengan menggunakan
Bantuan Operasional Sekolah (BOS). pendekatan berbasis multimedia, maka
Buku panduan tersebut telah membahas timbul gagasan untuk membuat
materi pelatihan tentang dana Bantuan “Aplikasi Multimedia Computer Based
Opersional Sekolah secara lengkap. Training (CBT) untuk Bantuan
Operasional Sekolah pada Kantor Depag atau output dari data, media ini
Kabupaten Tangerang” yang dapat dapat berupa audio (suara atau
digunakan oleh Mapenda dengan musik), animasi, video, teks,
membuat metode pelatihan yang grafik dan gambar (Turban,
berbasiskan multimedia sehingga 2003).
memberikan solusi dari permasalahan 3. Multimedia merupakan alat
yang ada. yang dapat menciptakan
presentasi yang dinamis dan
2. LANDASAN TEORI interaktif yang
2.1. BOS mengkombinasikan teks,
grafik, animasi, audio dan
Kebijakan pembangunan pendidikan video (Robin dan Linda, 2003).
tahun 2004-2009 meliputi Peningkatan 4. Multimedia adalah
akses terhadap pendidikan yang lebih pemanfaatan komputer untuk
berkualitas melalui Peningkatan Wajib membuat dan menggabungkan
Belajar Pendidikan Dasar 9 Tahun dan teks, grafik, audio, gambar
pemberian akses yang lebih besar bergerak (video dan animasi)
kepada kelompok masyarakat yang dengan menggabungkan link
kurang dapat menjangkau layanan dan tool yang memungkinkan
pendidikan. pemakai melakukan navigasi,
berinteraksi, dan
2.2. Multimedia
berkomunikasi (Hofstetter,
Multimedia adalah berbagai media 2003).
atau istilah bagi transmisi data dan 5.
manipulasi semua bentuk informasi, baik 2.2.2.Komponen Multimedia
berbentuk kata-kata, gambar, video, a. Text
musik, angka atau tulisan tangan. Bagi Hampir semua orang yang biasa
komputer, semuanya diolah dalam menggunakan komputer sudah
bentuk data digital dalam bentuk nol dan terbiasa dengan teks. Teks
satu (Febrian, 2004). merupakan dasar dari pengolahan
Istilah multimedia merupakan kata dan informasi berbasis
istilah yang diambil dari teater, bukan multimedia. Dengan menggunakan
komputer. Pertunjukan yang teks, informasi lebih
memanfaatkan lebih dari satu medium mudah disampaikan dan
seringkali disebut pertunjukan dimengerti oleh pengguna
multimedia. Sistem multimedia dimulai (Sutopo, 2003).
pada akhir 1980-an dan terus
berkembang hingga saat ini (Suyanto, b. Gambar atau Grafik
2003). Secara umum gambar atau grafik
berarti still image seperti foto dan
gambar. Manusia sangat
berorientasi pada visual dan
2.2.1.Pengertian Multimedia gambar merupakan sarana yang
1. Multimedia mempunyai arti sangat baik untuk menyajikan
tidak hanya integrasi antara informasi (Sutopo, 2003).
teks dan grafik sederhana saja,
tetapi dilengkapi dengan suara c. Animasi
dan animasi (Sutopo, 2002). Animasi adalah pembentukan
2. Multimedia adalah kombinasi gerakan dari berbagai media atau
paling sedikit dua media input objek yang divariasikan dengan
gerakan transisi, efek, juga suara
yang selaras dengan gerakan
animasi tersebut atau animasi 2.2.3.Manfaat Multimedia
merupakan penayangan frame- a. Peningkatan pesan atau berita
frame gambar secara cepat untuk yang hanya berbentuk teks.
menghasilkan kesan gerakan Dalam multimedia, presentasi
(Sutopo, 2002). dalam bentuk teks akan
menjadi lebih menarik dengan
d. Audio atau Suara menambahkan gambar, suara,
Audio atau suara adalah fenomena dan efek-efek tertentu.
fisik yang dihasilkan oleh adanya b. Memperbaiki presentasi audio-
pergetaran materi. Dalam sistem video tradisional. Penonton
komunikasi bercirikan video, akan lebih tertarik pada
sinyal elektrik digunakan untuk presentasi dengan
membawa unsur bunyi. Istilah ini menggunakan aplikasi
biasa digunakan untuk multimedia dibandingkan
menerangkan sistem-sistem yang menggunakan proyektor
berkaitan dengan proses transparan.
perekaman dan transmisi yaitu c. Baik bagi para pemula
sistem pengambilan atau pengguna komputer. Bagi
penangkapan suara, sambungan pemakai yang merasa kesulitan
transmisi pembawa bunyi, dengan penggunaan papan
amplifier dan lainnya (Febrian, tombol komputer (keyboard)
2004). dan instruksi yang kompleks,
maka akan merasa lebih
c. Video nyaman menggunakan mouse
Video adalah suatu perangkat yang atau layar sentuh (touch
berfungsi sebagai penerima gambar screen) dalam pengoperasian.
dan suara. Video merupakan d. Menarik perhatian dan
komponen multimedia yang paling mempertahankannya. Pada
kompleks yang mampu umumnya orang lebih tertarik
menggambarkan gerakan yang sulit pada penyampaian dengan
diterangkan dengan kata-kata. multimedia yang
Video merupakan elemen menggabungkan element teks,
multimedia paling kompleks grafik, suara dan video
karena penyampaian informasi dibandingkan tampilan ketikan
yang lebih komunikatif teks yang cenderung monoton.
dibandingkan gambar biasa
(Suyanto, 2003). 2.2.4.Penyajian Multimedia
Pada teknik penyajian aplikasi
d. Interactive Link multimedia dapat dilakukan
Link berarti terhubung suatu obyek dengan dua cara yang dirancang
dengan obyek lainnya. Interactive dengan sistem informasi
link diperlukan bila pengguna multimedia (Dewanto, 2008) yaitu
menunjuk pada suatu obyek atau :
tombol untuk mengakses program a. Sistem Looping
tertentu. Interactive link diperlukan Teknik penyajian secara
untuk menggabungkan beberapa looping sangat membantu
elemen multimedia sehingga dalam penyajian yang
menjadi informasi yang terpadu informative karena
(Sutopo, 2002). penyampaian sistem informasi
dilakukan dengan metode satu pelatihan pada komputer. Pada
arah dan penyampaiannya dasarnya Computer Based Training
secara terus-menerus atau merupakan suatu metode pelatihan
berulang-ulang. yang aktif, tidak seperti metode
b. Sistem interaktif pelatihan yang pasif, misalnya hanya
Teknik penyajian secara menggunakan komunikasi satu arah
interaktif sangat membantu saja, seperti hanya mendengarkan
user dalam mendapatkan trainer yang memberikan materi di
informasi sesuai dengan kelas. Tetapi dengan metode ini
kebutuhannya karena sistem pengguna dapat memilih sendiri
interaktif dapat berkomunikasi materi training yang akan dipelajari,
langsung dengan user sehingga menyelesaikan latihan soal,
dengan pendekatan-pendekatan melakukan evaluasi. Selain itu juga
(user friendly), user dapat dapat digunakan sebagai alat
langsung memilih dari berbagai simulasi untuk mempraktekkan cara
pilihan informasi yang kerja yang disesuaikan pada situasi
disajikan dalam pilihan menu. tempat kerja yang sesungguhnya
dengan menggunakan suatu
2.3.Pelatihan (Training) teknologi multimedia (Dewanto,
Definisi pelatihan (training) menurut 2008).
beberapa sumber : 2.3.2.Keuntungan Computer Based
a. Pelatihan (training) adalah suatu Training
usaha untuk meningkatkan atau Sistem pelatihan berbasis komputer
memperbaiki kinerja karyawan atau Computer Based Training
dalam pekerjaannya sekarang dan memberikan keuntungan untuk
dalam pekerjaan lain yang terkait mencapai cara pelatihan yang efektif,
dengan yang sekarang dijabatnya, yaitu adanya peningkatan hasil
baik secara individu maupun sebagai pelatihan, serta efisien dalam
bagian dari sebuah team kerja. penggunaan sumber daya yang ada.
Kegiatan untukmeningkatkan 2.3.3.Aplikasi Multimedia di Bidang
pengetahuan, keahlian, kompetensi, Pelatihan
sebagai hasil dari pengajaran Dalam bidang Sumber Daya
vocational dan latihan keahlian dan Manusia, multimedia merupakan
pengetahuan yang berhubungan media pelatihan yang cukup baik dan
dengan penggunaan keahlian yang menarik. Dalam bidang pelatihan ini
spesifik (Dewanto, 2008). dikenal dengan istilah Computer
b. Pelatihan adalah suatu usaha untuk Based Training (CBT). Banyak
meningkatkan atau memperbaiki perusahaan menggunakan
kinerja karyawan dalam multimedia untuk mengurangi biaya
pekerjaannya sekarang dan dalam training dan memperbaiki
pekerjaan lain yang terkait dengan produktivitas pegawai (Suyanto,
yang sekarang dijabatnya, baik 2003).
secara individu maupun sebagai 2.3.4.Model CBT
bagian dari sebuah team kerja (Ruky,
2001). Ada berbagai macam model CBT
2.3.1.Computer Based Training yaitu Tutorial, Simulasi, Self-
Computer Based Training (CBT) Learning, Games, dan Evaluasi.
adalah pelatihan di mana peserta Masing-masing ini akan diuraikan
melaksanakan training dengan untuk mendapat gambaran yang
menjalankan bantuan aplikasi lebih jelas (Swajati, 2005).
a. Tutorial dengan cepat seperti halnya dalam
Tutorial biasanya digunakan untuk penguasaan pekerjaan, di samping
menyajikan informasi dan panduan itu juga apabila pelatihan dalam
berbentuk sebuah presentasi linier. pekerjaan tidak dapat dlakukan
Kunci untuk tutorial yang berguna karena sangat mahal.
dalam CBT adalah terjadinya
interaksi yang bolak-balik dan 2.4.Interaksi Manusia dan Komputer
konten yang jelas. Panduan tutorial (IMK)
dapat menjadi menarik dan efektif. Antarmuka pemakai (user interface)
b. Simulasi adalah bagian sistem komputer yang
Simulasi digunakan untuk membuat memungkinkan manusia berinteraksi
situasi tempat kerja yang dengan komputer. Tujuan antarmuka
sesungguhnya. Keadaan yang pemakai adalah agar sistem
mendekati nyata merupakan kunci komputer dapat digunakan oleh
sukses bagi simulasi, tetapi tidak pemakai. Salah satu istilah yang
setiap elemen dari sebuah simulasi berkaitan dengan user interface
dapat menjadi realistik. adalah user friendly, istilah tersebut
c. Belajar sendiri (Self Learning) digunakan untuk menunjuk kepada
Adanya kebebasan dalam memilih kemampuan yang dimiliki oleh
materi training pada waktu dan piranti lunak atau program aplikasi
tempat yang mereka atur sendiri yang mudah dioperasikan, dan dapat
menyesuaikan jadwal kerjanya, membantu menyelesaikan suatu
sehingga tidak mengganggu persoalan dengan hasil yang sesuai
produktivitas pekerjaannya dan dapat dengan keinginan pengguna
memahami materi dengan baik. sehingga pengguna merasa betah
d. Hiburan (Games) dalam mengoperasikan program
Hiburan (Games) digunakan untuk tersebut.
memberikan motivasi dalam proses
2.5.Rekayasa Perangkat Lunak (RPL)
pelatihan. Tetapi elemen motivasi
Rekayasa perangkat lunak adalah
dari games harus berjalan paralel
pengembangan dan penggunaan
sesuai dengan semua motivasi untuk
prinsip dan pengembangan suara
pelatihan.
untuk memperoleh perangkat lunak
2.3.5.Jenis Jenis Pelatihan
secara ekonomis yang reliable dan
Terdapat beragam model training
bekerja secara efisien pada mesin
atau pelatihan. Berikut penjelasan
nyata (Pressman, 2002).
berbagai model pelatihan yang lazim
Sedangkan IEEE [IEE93] telah
digunakan dalam perusahaan.
mengembangkan definisi yang lebih
A.On-the-job-Training
komprehensif (Pressman, 2002)
Metode on the job adalah pelatihan
yaitu :
yang menggunakan situasi dalam
1. Aplikasi dari sebuah pendekatan
pekerjaan. Di sini karyawan diberi
kuantifiabel, disiplin, dan
pelatihan tentang pekerjaan baru sistematis kepada
dengan supervisi langsung seorang pengembangan, operasi, dan
pelatih yang berpengalaman
pemeliharaan perangkat lunak ;
(biasanya karyawan lain).
yaitu aplikasi dari Rekayasa
B.Off-The-Job-Training perangkat lunak.
Metode off the job adalah pelatihan
2. Studi tentang pendekatan-
yang menggunakan situasi di luar
pendekatan seperti pada aplikasi
pekerjaan. Dipergunakan apabila
Rekayasa perangkat lunak.
banyak pekerja yang harus dilatih
2.6.Storyboard karena Macromedia Director memiliki
Storyboard merupakan deskripsi tiap pengaturan memory dan data yang baik
scene, dengan mencantumkan semua untuk pekerjaan dengan data yang
obyek multimedia dan link ke scene lain. banyak dan besar (Hendratman, 2006).
Dalam pembuatan storyboard terdapat
sebuah frame untuk sketsa layout 2.11. Macromedia Flash MX
tampilan multimedia dan sebuah frame Macromedia Flash adalah program
untuk penjelasan objek multimedia serta standar profesional yang digunakan
link yang digunakan (Sutopo, 2003). untuk membuat animasi web interaktif.
2.7.Flowchart Banyak orang dibuat kagum oleh Flash
karena ukurannya yang begitu kecil
Sistem flowchart menggambarkan namun dapat menampilkan animasi web
tahapan proses dari suatu sistem, yang luar biasa mengagumkan. Selain
termasuk sistem multimedia. Sedangkan itu, dengan Flash juga dapat membuat
program flowchart menggambarkan movie kartun dan aplikasi web interaktif
urutan-urutan instruksi dari suatu yang memungkinkan pengguna dapat
program komputer (Suyanto, 2003). berinteraksi langsung dengan aplikasi
web yang telah dibuat (Baba, 2003).
2.8.Struktur Navigasi 2.12. Macromedia Fireworks MX
Dalam pengembangan aplikasi Macromedia Fireworks MX adalah
multimedia, terdapat beberapa model sebuah aplikasi kelanjutan dari
navigasi dasar, dimana desainer harus Macromedia Firework 6.0 yang
mengenal dengan baik karena setiap ditujukan untuk mendesain grafis yang
model memberikan solusi untuk digunakan di lingkungan web. Aplikasi
kebutuhan yang berbeda (Sutopo, 2003). ini bisa membuat dan memodifikasi
image bitmap dan vector sekaligus dan
2.9.State Transition Diagram (STD) optimisasi gambar untuk mengurangi
State Translation Diagram merupakan: ukuran file. Aplikasi ini merupakan
“suatu modeling tools yang sebuah inovasi dalam menghadapi
menggambarkan sifat ketergantungan berbagai permasalahan yang
dari suatu sistem”. Notasi yang menyangkut desain grafis dan web
digunakan pada STD adalah state dan (Chandra, 2003).
perubahan state. State adalah suatu
kumpulan dari tingkah laku yang dapat 2.13. Adobe Photoshop CS
diobservasi. STD mewakili suatu Adobe Photoshop adalah program
tingkah laku dari suatu sistem dengan pengolah gambar yang penggunanya
menggambarkan state dan kejadian yang sangat luas. Mulai dari membuat gambar
menyebabkan sistem ke state yang lain animasi, merancang halaman web,
(Pressman, 2002). desain grafis (graphic design), persiapan
presentasi, editing foto atau
2.10. Macromedia Director MX penyuntingan foto. Adobe Photoshop CS
Macromedia Director adalah software mampu menghasilkan gambar dengan
programming dengan sentuhan grafis kualitas tertinggi untuk cetakan web atau
yang mampu mengendalikan banyak yang lainnya. Adobe Photoshop CS
format. Macromedia Director dapat adalah software editing gambar
menggabungkan format bitmap dan profesional, yang membantu pengguna
vektor, sehingga ketajaman gambar akan bekerja lebih efisien dan menghasilkan
dikendalikan. Macromedia Director gambar dengan kualitas tertinggi. Adobe
memiliki penampilan yang baik meski Photoshop menciptakan gambar menjadi
dijalankan di komputer pentium I, mudah diakses kedata file,
memperlancar desain web, lebih cepat Perintis Kemerdekaan II
dalam mengolah foto dan lebih banyak Cikokol Tangerang.
lagi (Suyanto, 2003). c. Metode Kuisioner
2.14. Ulead VideoStudio 10 Metode kuisioner dilakukan
Ulead VideoStudio merupakan salah satu dengan cara membagikan
software video editing yang ada di kuisioner kepada peserta
pasaran dengan fasilitas berupa pelatihan tentang faktor
capturing, editing, dan rendering. Cocok kelengkapan informasi
digunakan untuk pemula, karena tersedia yang akan digunakan pada
fasilitas Movie Wizard untuk membuat aplikasi, dan untuk
film hanya dengan tiga langkah mudah. mengetahui apakah aplikasi
Masukkan klip video, tentukan template ini diperlukan dan
dan style-nya (termasuk musik, efek dan membantu peserta
transisi), lalu pilih media hasilnya. pelatihan.
Biasanya untuk membuat video digital 3.1.2. Metode Studi Pustaka
berdurasi 1 jam, butuh ruang harddisk Pengumpulan data dan
yang besar sekitar 13 GB. Ulead informasi dengan cara
VideoStudio 10 mendukung banyak membaca buku, browsing
format file video, beberapa diantaranya : di internet, serta sumber-
AVI, MPEG, dan WMV. Selain murah, sumber referensi lainnya
ringan dan mudah digunakan, Ulead yang berhubungan dengan
VideoStudio 10 juga tidak memerlukan multimedia yang dapat
spesifikasi komputer yang tinggi. dijadikan referensi.
3.2. Metode Pengembangan
3. METODOLOGI PENELITIAN Multimedia
3.1. Metode Pengumpulan Data Sedangkan untuk pembuatan
3.1.1. Metode Studi Lapangan aplikasi penulis akan menggunakan
a. Wawancara metode pengembangan multimedia
Metode wawancara menurut Luther (2003:32) yang
digunakan karena memiliki terdiri dari enam tahap, yaitu
kekuatan mudah dalam konsep (concept), perancangan
pengaplikasian dan (design), pengumpulan bahan
penerapannya, murah, dan (material collecting), pembuatan
dapat mengetahui (assembly), tes (testing), dan
informasi yang dibutuhkan distribusi (implementation).
secara langsung. 3.2.1.Konsep (Concept)
b. Metode Observasi Tahap konsep (concept) yaitu
Langsung tahap dimana penulis akan
Metode ini akan dilakukan menentukan tujuan dari pembuatan
dengan cara melakukan aplikasi, termasuk identifikasi
pengamatan langsung ke pengguna, macam aplikasi
lapangan yang (informasi, media pembelajaran,
berhubungan dengan dana hiburan, pelatihan, dan lain-lain).
Bantuan Operasional Adapun tahap konsep yang penulis
Sekolah. Pengamatan lakukan adalah:
dilakukan pada Kantor a. Menentukan tujuan, pada tahap
Departemen Agama ini ditentukan tujuan dari
Kabupaten Tangerang pembuatan aplikasi multimedia
dengan alamat Jalan Computer Based Training
untuk dana Bantuan
Operasional Sekolah, serta berdasarkan storyboard, flowchart
spesifikasi pengguna yang view, struktur navigasi, state
menggunakan aplikasi ini. diagram transision dan
b. Deskripsi konsep aplikasi yang perancangan antarmuka. Pada
akan dibuat dengan tahap ini software yang akan
menentukan jenis aplikasi digunakan untuk membangun
(presentasi, interaktif, dan lain- aplikasi adalah Macromedia
lain), dan spesifikasi umum Director yang didukung dengan
aplikasi. Macromedia Fireworks,
3.2.2.Perancangan (Design) Macromedia Flash dan Adobe
Maksud tahap ini adalah Photoshop CS.
penulis akan membuat spesifikasi 3.2.5.Tes (Testing)
secara rinci mengenai arsitektur Tahap tes menggunakan
proyek, serta gaya dan kebutuhan metode black box yaitu dengan
material yang digunakan untuk melakukan tanya langsung ke user
proyek. yaitu staff Mapenda dan
Spesifikasi yang akan dibuat melakukan kuisioner. Tahap
berdasarkan pada langkah berikut: testing dilakukan setelah selesai
a. Perancangan storyboard tahap pembuatan dan seluruh data
b. Perancangan bagan alir telah dimasukkan. Fungsi dari
(flowchart view) pengetesan adalah memastikan
c. Desain arsitektur navigasi bahwa hasil rancangan materi
d. Perancangan diagram transisi pelatihan sesuai dengan yang
(state transition diagram) direncanakan, mengetahui apakah
e. Perancangan antar muka (user program aplikasi dapat berjalan
interface) dengan baik serta digunakan
3.2.3.Pengumpulan Bahan sebagai jaminan bahwa program
(Material Collecting) aplikasi ini terbebas dari kesalahan.
Pada tahap ini penulis akan 3.2.6.Implementation
melakukan pengumpulan bahan (Distribution)
seperti gambar, video, suara serta Pada tahap ini akan
animasi yang diperlukan untuk dilakukan implementasi serta
tahap berikutnya. Bahan-bahan evaluasi terhadap aplikasi.
yang akan digunakan untuk Implementasi dilakukan untuk
kebutuhan aplikasi diperoleh mengetahui apakah dapat
dengan cara membuat sendiri digunakan dengan baik oleh para
menggunakan beberapa software pemakai dan bisa mandiri dalam
program, seperti: Macromedia pengoperasiannya, baik dalam
Director MX, Macromedia penggunaan maupun penilaian.
Fireworks MX, Macromedia flash Implementasi akan dilakukan
MX, Adobe Photoshop CS dan kepada pengguna sesuai dengan
Ulead Video Studio 10. Namun ada spesifikasi pengguna yang telah
beberapa bahan yang diperoleh ditentukan sebelumnya.
melalui internet yang kemudian
diolah dengan program yang telah
disebutkan sebelumnya.
3.2.4.Pembuatan (Assembly)
Merupakan tahap dimana
seluruh obyek multimedia akan
dibuat. Pembuatan aplikasi
(state transition diagram), perancangan
4. PEMBAHASAN antar muka (user interface).
4.2.1.Perancangan Storyboard
4.1.Konsep (Concept) Secara umum rancangan
storyboard dalam aplikasi ini
adalah:
Judul Aplikasi Multimedia Computer
Based Training (CBT) Untuk
Bantuan Operasional Sekolah
Pada Kantor Depag Kabupaten
Tangerang
Fungsi Sebagai alat bantu interaktif yang
memiliki kemampuan untuk
mempermudah user mendapatkan
materi pelatihan dengan rancangan
desain menarik dengan komponen
multimedia
Jenis Aplikasi multimedia computer
Aplikasi based training berupa CD interaktif
Pengguna Mapenda khususnya peserta yang
akan melaksanakan pelatihan dana
Bantuan Operasional Sekolah
Gambar Menggunakan format file jpg, png
dan psd yang dibuat sendiri dengan
menggunakan software Adobe
Photoshop CS dan Macromedia 4.2.2.Perancangan Bagan Alir
Firework MX 2004 (Flowchart View)
Audio Menggunakan file MP3 dan WAV
Teks Diperoleh langsung dari Mapenda,

website Depag, dan tanya jawab
dengan staff Mapenda
Animasi Animasi teks dan gambar
menggunakan format swf yang
dibuat sendiri dengan menggunakan
software Macromedia Flash MX
2004 dan Macromedia Director MX
Interaktif Menggunakan link baik berupa
tombol, gambar maupun teks yang
dapat berpindah dari satu halaman
ke halaman lain
4.2.Perancangan (Design)
Tahap ini merupakan tahap
perancangan aplikasi, dimana 4.2.3.Perancangan Arsitektur Navigasi
perancangan tersebut berupa
perancangan storyboard, perancangan
flowchart view, perancangan arsitektur
navigasi, perancangan diagram transisi
dan produktifitas yang
lebih tinggi.
b. Hard disk 20 GB
4.2.4.Perancangan Diagram Transisi berfungsi untuk
(State Transition Diagram) menyediakan tempat
bagi aplikasi
perangkat lunak dan
menyediakan tempat
penyimpanan untuk
keperluan aplikasi
yang akan dibuat.
c. Memory minimal 256
MB berfungsi untuk
mempercepat proses
publish movie dan
rendering gambar,
sekaligus sebagai
tempat penyimpanan
sementara perangkat
lunak dan data.
d. Sound Card berfungsi
4.2.5.Pengumpulan Bahan (Material untuk memproses
Collecting) suara pada aplikasi
Bahan-bahan yang ini.
diperlukan untuk membangun e. Graphic Card 128
aplikasi ini, baik berupa file- MB berfungsi untuk
file teks, gambar, suara, mempercepat proses
animasi dan tombol diperoleh penampilan gambar
dari berbagai sumber, namun pada layar.
sebagian besar elemen banyak f. Mouse berfungsi
yang dibuat sendiri sebagai alat interaksi
menggunakan software pengguna aplikasi ini
programming. sekaligus sebagai alat
interaksi yang penting
4.2.6.Pembuatan (Assembly) pada pembuatan
Dalam pengembangan aplikasi.
Aplikasi materi pelatihan g. Keyboard berfungsi
berbasiskan Multimedia ini sebagai unit input
dibutuhkan spesifikasi data guna
sebagai berikut: pengembangan
1. Spesifikasi Perangkat aplikasi.
Keras Pengembangan h. Active Speaker
Multimedia berfungsi sebagai unit
a. Komputer Intel output suara untuk
Pentium 4 dengan mendengarkan suara
speed 3,06 Ghz yang ada pada
berfungsi untuk aplikasi.
memberikan proses i. Monitor 15 inci
kinerja, kreativitas berfungsi sebagai unit
keluaran yang dapat
menampilkan 4.2.9.Tampilan Aplikasi
tampilan aplikasi dan
secara otomatis
sebagai interface
(antar muka).
4.2.7.Tes (Testing)
Pada tahapini penulis
melakukan pengujian (testing)
terhadap aplikasi yang dibuat.
Pertama-tama dilakukan testing
secara modular untuk
memastikan apakah hasilnya
seperti yang diinginkan.
Pengujian selanjutnya
dilakukan pada komputer lain
dengan tujuan untuk
mengetahui apakah aplikasi
yang sudah jadi dapat berjalan
dengan baik atau tidak.
Penulis melakukan tes kepada
Bapak DR. Eko Syamsuddin H.
M.Eng dan Bapak Ir. Adil
Siregar, selaku dosen
Multimedia Fakultas Sains dan
Teknologi UIN Syarif
Hidayatullah Jakarta yang
merupakan orang-orang yang
ahli dibidang Multimedia untuk
memperoleh jaminan bahwa
program aplikasi terbebas dari 4.2.10.Pengoperasian Program
kesalahan script dan desain. Aplikasi ini dapat dioperasikan
4.2.8.Implementasi (Implementation) secara manual dan otomatis,
Pada tahap ini penulis saat CD aplikasi
melakukan implementasi serta ini dimasukkan ke
evaluasi terhadap aplikasi dalam CD atau DVD ROM
multimedia yang sudah dibuat komputer, maka script
dan setelah semuanya selesai autorun.inf
aplikasi ini digandakan dengan akan berjalan
menggunakan DVD RW dalam dan langsung
bentuk CD (Co mpact Disk). membuka halaman
Implementasi aplikasi Awal. Untuk
multimedia dipahami sebagai pengoperasian secara
proses yang akan menentukan manual yakni dengan
apakah aplikasi multimedia cara mengklik ganda pada file
mampu beroperasi dengan baik “Computer Based
dan mengetahui apakah para Training.exe” maka halaman
pemakai bisa mandiri dalam Awal akan terbuka. Karena file
pengoperasiannya, baik dalam ini berbentuk projector.exe
penggunaan maupun penilaian. maka keseluruhan halaman
pada aplikasi dapat diakses
meskipun komputer tidak
memiliki program Macromedia
Director MX.
4.2.11.Evaluasi Program
Setelah aplikasi diterapkan dan dicoba oleh pengguna, maka dilakukan evaluasi Aplikasi Multimedia Computer
Based Training (CBT). Evaluasi ini dilakukan setelah melakukan uji coba program. Dengan
memberikan kuisioner kepada Mapenda.
5. Kesimpulan
Dari pembahasan yang telah diuraikan, maka penulis dapat menarik kesimpulan, yaitu:
1. Aplikasi Multimedia Computer Based Training (CBT) Untuk Bantuan Operasional
Sekolah memberikan informasi dalam penyampaian secara jelas dan menarik bagi
Mapenda dan peserta pelatihan. Dapat dilihat pada tabel
4.3.
2. Aplikasi ini merupakan suatu solusi dalam penyelesaian masalah yang terdapat di Mapenda, yang dapat membantu
pelaksanaan pelatihan sebagai alat bantu yang efektif dan efisien. Dapat dilihat pada tabel 4.5.
3. Aplikasi ini disajikan secara
interaktif dan pengguna dapat berinteraksi langsung dalam proses pelatihan sehingga peserta pelatihan tidak cepat merasa
bosan. Dapat dilihat pada tabel 4.6.
6. REFERENSI
Anonim 1. Computer Based Training. www.en.wikipedia.org, 23 Juli

2009
Anonim 2. Multimedia. www.hmetro.com,
12 Januari 2009
Ali, Muhammad. Buku Panduan Bantuan Operasional Sekolah, Jakarta : Depag RI, 2009.
Baba. Animasi Kartun dengan Flash MX. Jakarta: Elex Media Komputindo, 2003.
Chandra, Lingo Director MX 2004 Untuk
Orang Awam. Jakarta: Maxikom,
2005.
Dewanto, Tedi. Aplikasi Multimedia Computer Based Training (CBT) untuk Distribusi Yellow Pages pada PT. Infomedia
Nusantara. Skripsi S1 Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta,
2008.
Djamas, Nurhayati. Madrasah
Kepemimpinan. Jakarta: Depag
RI, 2005.
Fakultas Sains dan Teknologi Universitas Islam Negeri Jakarta. Pedoman Penulisan Skripsi. Jakarta: UIN Press, 2004.
Hadi Sutopo, Ariesto. Multimedia Interaktif dengan Flash. Yogyakarta: Graha Ilmu, 2003.
Hendratman, Hendi. The Magic of Macromedia Director. Bandung: Informatika, 2006.
Jeprie, Muhammad. Membuat Games dengan Flash MX. Jakarta: Elex Media Komputindo,2004.
Madcoms. Mendesain Website dengan
Photoshop. Yogyakarta: Andi, 2005. Nazir, Mohammad. Metode Penelitian Cet.
Ke-4. Jakarta: Ghalia Indonesia, 1999. Sanjaya, Ridwan. Trik Memperindah Website dengan Menu Dinamis.
Jakarta: Elex Media Komputindo,
2004.
Supriansyah, Haris. 30 Menit menjadi
Webmaster. Bandung: Oase Media,
2006.
Suyanto, M. Multimedia Alat Untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Andi,
2003.
Suyoto,Dr, dan Sunardi Yang. Multimedia dan Aplikasinya dengan Macromedia Director, Jakarta: Elex Media Komputindo, 2005.
Wahana, Komputindo. Membuat CD Interaktif dengan Macromedia Flash MX. Jakarta: Salemba Infotex, 2004.
Lampiran 1. Struktur Organisasi
KEPALA KANTOR DEPAG

Drs. H. MOH.AGUS SALIM, M.Pd
NIP. 150240257
KASUBAG TU KEPALA SEKSI MAPENDA

Drs. H. DEDI MAHPFUDIN H. UCUP YUSUF, M.Pd
NIP. 150261451 NIP. 150226713
KOORD. KETENAGAAN KOORD. SARANA KOORD.KURIKULUM KOORD. SUPERVISI DAN KOORD. KELEMBAGAAN
DAN KESISWAAN DAN PRASARANA EVALUASI
1. Dra. ENENG HAMDIAH 1. H. SUKIMAN, S.Pd.I 1. Drs. TB. AMAN 1. Drs. SYAMSUDDIN 1. AHMAD RIFAUDIN, M.Pd
NIP. 150320478 NIP. 150222289 NIP. 150249609 NIP. 150281106 NIP. 150259489
2. ABDULLAH H ASYIM, S.HI 2. IYE JUHAETI 2. Dra. Hj. IIS AISYATUL.M 2. Hj. AAM AMINAH, S.Pd.I 2. NURDIN, S.Pd.I
NIP. 150343926 NIP. 150246141 NIP. 150270373 NIP. 150188052 NIP. 150263018
126
Lampiran 2. Kuisioner Evaluasi
UIN SYARIF HIDAYATULLAH JAKARTA

JURUSAN TEKNIK INFORMATIKA
KUISIONER EVALUASI
Kepada yth, staff Mapenda. Saya Mimi Miftahul Jannah mahasiswa UIN Syarif
Hidayatullah Jakarta, sedang melakukan penelitian skripsi dengan judul “Aplikasi
Multimedia Computer Based Training (CBT) Untuk Bantuan Operasional Sekolah
Pada Kantor Depag Kabupaten tangerang”. Saya mohon kesediaan Anda untuk
mengisi kuisioner dibawah ini untuk keperluan skripsi. Atas kesediaan dan
kerjasamanya saya ucapkan terima kasih.
Nama : ................................................
NIP : ................................................
1. Apakah aplikasi ini mudah digunakan?

a. Mudah b. Cukup Mudah c. Kurang
2. Apakah Anda merasa kesulitan menggunakan aplikasi ini?
a. Ya b. Tidak c. Tidak Tahu
3. Apakah aplikasi ini membantu Mapenda dalam penyampaian materi
pelatihan?
a. Membantu b. Tidak c. Biasa Saja
4. Apakah tampilan teks, grafis dan animasi pada aplikasi ini menjenuhkan?
a. Ya b. Tidak c. Biasa Saja
5. Apakah struktur penyampaian materi dalam aplikasi ini jelas?
a. Jelas b. Tidak c. Biasa Saja
6. Apakah aplikasi semacam ini perlu diterapkan untuk semua jenis pelatihan
di kantor Mapenda?
a. Perlu b. Tidak Perlu c. Tidak Tahu
127
Lampiran 3. Wawancara Pegawai
UIN SYARIF HIDAYATULLAH JAKARTA

JURUSAN TEKNIK INFORMATIKA
WAWANCARA PEGAWAI
“ APLIKASI MULTIMEDIA COMPUTER BASED TRAINING (CBT)

PADA KANTOR DEPAG KABUPATEN TANGERANG ”
Nama : Abdullah Has yim, S.HI
NIP : 150343926
Jawablah pertanyaan dibawah ini !
1. Jenis materi pelatihan apa yang di anggap sulit dipahami oleh peserta
pelatihan?
Jawab : - Jenis materi pelatihan dana Bantuan Operasional Sekolah.
2. Kendala apa yang dihadapi Bapak/Ibu dalam menyampaikan materi
pelatihan untuk pegawai?
Jawab : - Terbatasnya media dalam penyampaian materi sehingga
materi pelatihan melalui buku panduan cenderung membosankan
sehingga dapat menjenuhkan peserta yang akan mengikuti pelatihan.
3. Strategi apa yang digunakan oleh Bapak/Ibu untuk membuat peserta
pelatihan mengerti dalam penyampaian materi khususnya dana
Bantuan Operasional Sekolah?
128
Jawab : - Karena terbatasnya media yang digunakan untuk
penyampaian materi pelatihan yang selama ini hanya memanfaatkan
buku panduan pelatihan, dan alat seperti in focus. Namun dibutuhkan
waktu lama, ketelitian, dan kesabaran untuk menyampaikan materi
yang banyak membahas tentang pelatihan tersebut. Tetapi tidak semua
peserta dapat melakukan hal itu karena banyaknya kesibukan yang
dilakukan dan ket erbatasan waktu dengan peserta yang cukup banyak.
4. Menurut Anda, apakah perlu menggunakan media lain selain buku
panduan pelatihan yang digunakan dalam penyampaian materi
pelatihan? Jika perlu media seperti apa yang dirasa praktis digunakan
untuk memermudah peserta pelatihan dalam memahami materi yang
disampaikan?
Jawab : - Sangat perlu, dan media yang dirasa praktis adalah media
yang didalamnya mencakup semua materi yang disampaikan dan juga
presentasi yang menarik sehingga peserta pelatihan merasa tertarik dan
tidak menjenuhkan untuk mempelajarinya.
5. Apakah Anda setuju atau merasa perlu dibuat Aplikasi “Materi
Pelatihan Berbasiskan Multimedia”?
Jawab : - Ya, saya setuju. Terimakasih Kami sampaikan sebelumnya
untuk penawaran Anda, semoga Aplikasinya dapat bermanfaat untuk
mempermudah proses penyampaian materi palatihan di tempat kami.
129
Lampiran 4. Tabel bahan-bahan aplikasi
1. Bahan-bahan pada file Intro.dir
Nama file Ukuran Sumber Setelah diolah Ukuran

Intro.swf 61 kb Dibuat sendiri
Silahkan 169 kb Dibuat sendiri
Tunggu.swf
v6clouds_header 155 kb www. youtube.com Kincir.swf 84 kb
v6clouds_00000 765 kb www. youtube.com Background 666 kb
Video Background Awan
Klik Disini_quack 7 kb Dibuat sendiri
PANAH2_Symbol 1 kb Dibuat sendiri
1.swf
Notify.wav 116 kb Koleksi pribadi
Clouds_loop_Video 745 www. youtube.com Video 640
Background.swf b yte Background.swf b yte
Header_Animasi 535 kb CD Interactive Head_KmpterMie 4 kb
.swf .swf
Head_Teks.swf 340 kb Dibuat sendiri
Garis.png 305 kb Dibuat sendiri

Head_Kantor.swf 48.8 kb Dibuat sendiri
Logo_Depag.swf 55 kb Dibuat sendiri
Foto_Depag 842 kb Foto langsung Menu_Kantor.swf 137 kb
dan dibuat sendiri
Bawah.png 322 kb Dibuat sendiri
MenuUtama_quack 42 kb Dibuat sendiri
.swf
Keluar_quack.swf 5 kb Dibuat sendiri
Ukuran File Intro.dir = 8,56 Mb
130
2. Bahan-bahan pada file Menu Utama.dir

Musik_Tmplte.mp3 2,16 mb Koleksi pribadi
Dasar.png 334 kb Dibuat sendiri
Header_Animasi 535 kb CD Interactive Head_KmpterMie. 4 kb
.swf swf
Slide.swf 172 kb Foto langsung Dibuat sendiri 836 kb
Logo_Depag.swf 55 kb Dibuat sendiri
Bawah2.png 316 kb Dibuat sendiri
Clouds2.swf 49 kb Dibuat sendiri
AR22.jpg 670 kb www.google.com
Profil_Mapenda 29 kb Dibuat sendiri
BAR Ulagi.swf
KontakBARUlagi.swf 29 kb Dibuat sendiri
RekapitulasiBARUlagi 29 kb Dibuat sendiri
.swf
Galeri_MpndBARUlagi 29 kb Dibuat sendiri
.swf
MateriPelatihan.swf 29 kb Dibuat sendiri
Head_Kios21.swf 340 kb Dibuat sendiri
Music_Tangga_Nada 430 www.google.com Musik.png 155 kb
.jpg dan Dibuat sendiri
Plus.png 3,53 kb Dibuat sendiri
Minus.png 3,44 kb Dibuat sendiri
Intro_quack.swf 5 kb Dibuat sendiri
Teks_Berjalan2_Scene 5 kb Dibuat sendiri
1.swf
Ukuran File Menu Utama.dir = 9,51 Mb
131
3. Bahan-bahan pada file Profil.dir

2.png 334 kb Dibuat sendiri
.swf .swf
Clouds.swf 137 kb Dibuat sendiri
Depag_Baru.swf 55 kb Dibuat sendiri
Buat_IntroEdit1.swf 1 kb Dibuat sendiri
AR22.swf 670 kb www.google.com
G_U_BARU.swf 28 kb Dibuat sendiri
Misibaru.swf 28 kb Dibuat sendiri
Struktur_orgBARU.swf 29 kb Dibuat sendiri
Visibaru.swf 28 kb Dibuat sendiri
MenuUtama_quack.swf 42 kb Dibuat sendiri
Gambaran_UmumBARU 50 kb Dibuat sendiri
.swf
Visi.swf 48 kb Dibuat sendiri
Misi_Mapenda.swf 49 kb Dibuat sendiri
Struktur Organisasi.swf 56 kb Dibuat sendiri
Ukuran File Profil.dir = 10,3 Mb
132
4. Bahan-bahan pada file Materi.dir

Musik_Tmplte.mp3 2,16 mb Koleksi pribadi
2.png 334 kb Dibuat sendiri
Hd-net-010.swf 29 kb www.google.com
.swf .swf
AR22.swf 670 kb www.google.com
Introduction.swf 28 kb Dibuat sendiri
Tugas.swf 19 kb Dibuat sendiri
Lingkup Kerja.swf 29 kb Dibuat sendiri
Monitoring.swf 19 kb Dibuat sendiri
Flow_Proses.swf 28 kb Dibuat sendiri
Trans2-2.swf 1 kb Dibuat sendiri
Depag_BARU.swf 55 kb Dibuat sendiri
Latar.swf 2 kb Dibuat sendiri
Tujuan.swf 1 kb Dibuat sendiri
Teks_Uji_ 652 kb CD Interactive Alokasi Dana 594 kb
Scene1.swf BOS_
Scene1.swf
Buat_IntroEdit.swf 1 kb Dibuat sendiri
Monitoring_Scene1.swf 53 kb Dibuat sendiri
Pelaporan_Scene1.swf 22 kb Dibuat sendiri
Sasaran_Scene1.swf 3 kb Dibuat sendiri
133
Tingkatan.swf 270 kb Dibuat sendiri
Next.swf 6 kb Dibuat sendiri
Besar_Bantuan.swf 42 kb Dibuat sendiri
Ketentuan_Bia ya_BOS 81 kb Dibuat sendiri
.swf
Waktu_Penyaluran_ 55 kb Dibuat sendiri
Scene1.swf
Jenis Bia ya_Scene1.swf 4 kb Dibuat sendiri
MadrasahPenerimaBOS_ 3 kb Dibuat sendiri
Scene1.swf
Madrasah. VOB 55 mb Rekam video sendiri Mad.mpg 25 mb
Buat_Video_Scene1.swf 32 kb Dibuat sendiri
Back.swf 6 kb Dibuat sendiri
Ukuran File Materi.dir = 12,2 Mb
5. Bahan-bahan pada file Rekap.dir

Musik_Rekapitulasi.mp3 939 kb Koleksi pribadi
Hd-net-010.swf 29 kb www.google.com
.swf .swf
Buat_IntroEDIT1 1 kb Dibuat sendiri
Buat_IntroEdit.swf 1 kb Dibuat sendiri
Garis_pinggir.png 305 kb Dibuat sendiri
Buat_IntroEDIT1.swf 1 kb Dibuat sendiri
Depag_Mapenda_002.png 320 kb Dibuat sendiri
134
Rekap_Scene1.swf 164 kb Dibuat sendiri
Madrasah_quack.swf 2 kb Dibuat sendiri
Pengajar_quack.swf 2 kb Dibuat sendiri
Siswa_quack.swf 2 kb Dibuat sendiri
Madrasah_1.jpg 49 kb Dibuat sendiri
Pengajar_1.jpg 49 kb Dibuat sendiri
Siswa_1.jpg 49 kb Dibuat sendiri
Dt_Mad.swf 42 kb Dibuat sendiri
Dt_Peng.swf 42 kb Dibuat sendiri
Dt_Siswa.swf 42 kb Dibuat sendiri
Zoom.swf 63,1 kb Dibuat sendiri
Zoom2.swf 27,8 kb Dibuat sendiri
Slaid.swf 38,4 kb Dibuat sendiri
Ukuran File Rekap.dir = 9,91 Mb
6. Bahan-bahan pada file Galeri.dir

Galeri_Musik.mp3 782 kb Koleksi pribadi
.swf .swf
Garis_Pinggir.png 305 kb Dibuat sendiri
Depag_Mapenda_002.png 320 kb Dibuat sendiri
135
Music_Tangga_Nada 430 www.google.com Musik.png 155 kb
.jpg dan Dibuat sendiri
Gambar_Baru.swf 2 kb Dibuat sendiri
Video_Baru.swf 2 kb Dibuat sendiri
Plus.png 3,53 kb Dibuat sendiri
Minus.png 3,44 kb Dibuat sendiri
Gambar_Video.swf 11 kb Dibuat sendiri
Intro.swf 61 kb Dibuat sendiri
Galeri_Depag3.swf 16,8 kb Dibuat sendiri
Pembukaan_MTQ.swf 6,20 kb Dibuat sendiri
Rapat_BidangMapenda 2,57 kb Dibuat sendiri
.swf
Kunjungan_Madrasah.swf 2,52 kb Dibuat sendiri
Panah2_Simbol1.swf 1 kb Dibuat sendiri
Buat_Video_Scene1.swf 32 kb Dibuat sendiri
Raker.swf 2 kb Dibuat sendiri
Pemaparan.swf 2 kb Dibuat sendiri
Hasil.swf 1 kb Dibuat sendiri
P’Didin. VOB 60,5 mb Dokumen Mapenda P’Didin.mpg 28,5 mb
dan hasil editan
Rakernas. VOB 18,9 mb Dokumen Mapenda Raker.mpg 9,92 mb
dan hasil editan
Hasil_Pemaparan 25,1 mb Dokumen Mapenda Hasil.mpg 16,4 mb
dan hasil editan
VisiM isi. VOB
Ukuran File Galeri.dir = 3,30 Mb
136
7. Bahan-bahan pada file Kontak.dir

Musik_Galeri.mp3 782 kb Koleksi pribadi
Clouds_loop_Video 745 b yte www. youtube.com Video 640
Background.swf Background.swf b yte
.swf .swf
Buat_IntroEdit1.swf 1 kb Dibuat sendiri
Butfly.swf 126 kb www.google.com
Biodata.swf 6,20 kb Dibuat sendiri
Garis 305 kb Dibuat sendiri
Mieftah.swf 18 kb Dibuat sendiri
Mimi.swf 2 kb Dibuat sendiri
Panah2_Simbol1.swf 1 kb Dibuat sendiri
Ukuran File Kontak.dir = 9,49 Mb
137
Lampiran 5
Source Code
• Menuju Halaman Intro
on mouseUp me
go to movie "INTRO"
sound(2).fadeout(1000)
sound(2).stop()
sound(5).stop()
end
• Menuju Halaman Menu Utama
on mouseUp me
go to movie "MeNu_Utama"
end
• Menuju Halaman Profil
on mouseUp me
go to movie "PROFIL"
sound(2).stop()
sound(5).stop()
end
138
• Menuju Halaman Materi Pelatihan
on mouseUp me
go to movie "Materi"
sound(2).stop()
sound(5).stop()
end
• Menuju Halaman Rekap Madrasah
on mouseUp me
go to movie "Rekap"
sound(2).stop()
sound(5).stop()
end
• Menuju Halaman Galeri Mapenda
on mouseUp me
go to movie "Galeri"
sound(2).stop()
sound(5).stop()
end
139
• Menuju Halaman Kontak
on mouseUp me
go to movie "KONTAK"
sound(2).stop()
sound(5).stop()
end
• Keluar Dari Aplikasi
on mouseUp me
go to movie "TerimaKasih"
sound(2).stop()
sound(5).stop()
end
140
Lampiran 6. Uraian Kegiatan Seksi Mapenda
URAIAN KEGIATAN SEKSI MAPENDA

KANTOR KABUPATEN TANGERANG
PELAKSANA SUPERVISI DAN EVAL UASI
A. URAIAN T UGAS
1. Membuat jadwal pembinaan pembuatan kisi-kisi dan naskah soal.
2. Menyiakan bahan pembinaan pembuatan kisi-kisi dan naskah soal
3. Mengadakan pembinaan pembuatan kisi-kisi dan naskah soal
4. Meminta rekapitulasi data awal calon peserta ujian
5. meminta daftar calon peserta ujian (US.1) dan rekapnya
6. Merekap jumlah calon peserta ujian dan kebutuhan naskah soal
7. mengirim data peserta ujian ke kanwil dan Dinas Pendidikan
8. memonitor pelaksanaan ujian semester, ujian akhir sekolah dan ujian
nasional (MI, MTs dan MA)
9. Mensosialisasikan Ujian Semester dan UAS
10. Membuat jadwal monitoring
11. meminta laporan hasil ujian (peserta yang lulus dan tidak lulus)
12. meminta dan merekap data peserta yang memperoleh nilai tertinggi dan
terendah tiap mata pelajaran
13. mengevaluasi hasil ujian
14. Menyiapkan dan mendistribusikan buku raport, leger dan blangko ijazah
PELAKSANA SARANA DAN PRASARANA
A. URAIAN T UGAS
1. Meminta data usulan prioritas yang dicalonkan mendapatkan bantuan dari
KKM
2. Merekap data usulan prioritas yang dicalonkan mendapatkan bantuan
3. Menyeleksi madrasah yang akan mendapat prioritas bantuan
4. Memverifikasi madrasah yang akan dibantu
5. menetapkan madrasah yang akan dibantu
6. memonitor pelaksanaan bantuan
7. meminta laporan penggunaan uang bantuan (LPJ)
PELAKSANA KURIKULUM DAN PEMBINAAN O RG ANISASI
A. URAIAN T UGAS
1. Mensosialisasikan kurikulum yang berlaku
2. Membuat jadwal Sisialisasi Kurikulum RA, MI, MTs dan MA
3. Menyiapkan bahan sosialisasi
4. Mengadakan Pembinaan Madrasah
5. Membuat Jadwal Pembinaan Madrasah
141
6. Menyiapkan Bahan Pembinaan Madrasah
7. Mengadakan Pembinaan KKM, MGMP, KKG dan IGRA
8. Membuat Jadwal Pembinaan
9. Menyiapkan Bahan Pembinaan
10. Membuat daftar nama-nama KKM dan Anggotanya (RA,
MI, MTs dan
MA)
11. Membuat Kalender Pendidikan dan mendistribusikan
kepada Madrasah
12. Membuat Edaran Penyegaran KKM
13. Membuat Daftar nama KKM, MGMP, KKG dan
pengurus IGRA (beserta alamat dan nomor telepon)
14. Membuat SK KKM,
MGMP, KKG dan IGRA
PELAKSANA KETENA GAA N
DAN KESISWAAN
A. URAIAN T UGAS
1. Mendata keadaan ketenagaan dan kesiswaan
2. Mendata Guru Bantu Sementara (GBS) / BGK
3. Mendata BKM dan BKM
4. Mendata Guru Honorer
5. Mendata Guru yang sedang Stud y/Kuliah
6. Mendata Tenaga Pustakawan
7. Mendata Tenaga Administrasi / TU Madrasah
8. Mendata bantuan -bantuan untuk guru
9. Mendata bantuan -bantuan untuk siswa
10. Mengadakan Pembinaan Tenaga Pustakawan
11. Mengadakan Pembinaan Tenaga Administrasi / TU
12. Membuat grafik perkembangan jumlah siswa sekolah
umum dan
Madrasah
13. Menganalisa Perkembangan Jumlah siswa sekolah umum
dan Madrasah
14. Mendata keberadaan siswa dhu’afa
15. Mendata siswa berprestasi
16. Mendata guru berprestasi
17. Mengadakan Kegiatan PORSENI Madrasah
18. Mengadakan Perkemahan Pramuka
PELAKSANA KELEM BAGAAN

A. URAIAN T UGAS
1. Meneliti berkas usulan izin pendirian madrasah
2. Memverifikasi Madrasah yang mengajukan izin
3. Membuat rekomendasi Izin Pendirian Madrasah
4. Membuat Piagam / SK Izin Pendirian Madrasah
5. Memproses Izin Pendirian Madrasah
6. Mela yani Pembuatan Surat Izin Memimpin RA, MI dan
MTs
7. Menerima dan mengagendakan Surat Masuk
8. Mendistribusikan surat sesuai disposisi Kasi
9. Mengarsipkan Surat Masuk dan surat keluar
1
4
2

Skripsi Teknik Informatika

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Skripsi Teknik Informatika

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI MULTIMEDIA COMPUTER BASED TRAINING (CBT)

UNTUK BANTUAN OPERASIONAL SEKOLAH

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

MIMI MIFTAHUL JANNAH

Sebagai Salah Satu Syarat Untuk Meraih Gelar

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH

Pembimbing I, Pembimbing II,

DR. Eko Syamsuddin H, M.Eng Ir. Adil Siregar

Yusuf Durrachman, MIT

Arini, MT Yusuf Durrachman, MIT

Pembimbing I, Pembimbing II,

DR. Eko Syamsuddin H, M.Eng Ir. Adil Siregar

Dekan Ketua Program Studi

DR. Syopiansyah Jaya Putra, M.Sis Yusuf Durrachman, MIT

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI INI BENAR-BENAR

HASIL KARYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGAI SKRIPSI

ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA

Mimi Miftahul Jannah

Mimi Miftahul Jannah – 103091029605, Aplikasi Multimedia Computer Based

Di Mapenda terdapat pelatihan tentang dana Bantuan Operasional Sekolah yang

Kata Kunci: Aplikasi, Multimedia, Computer Based Training

Training (CBT) untuk Bantuan Operasional Sekolah pada Kantor Depag

Sekretaris Program Studi Teknik Informatika.

dalam penyusunan skripsi ini.

3. Seluruh Staff Kantor Departemen Agama Kabupaten Tangerang, yang telah

meluangkan waktu, tempat, dukungan, dan materi bagi penulis selama

Teknologi, Universitas Islam Negeri Syarif Hidayatullah Jakarta yang telah

membimbing penulis selama kuliah.

terselesaikan dengan baik.

terbuka terhadap segala saran dan kritik yang membangun.

kekurangannya, semoga dapat bermanfaat bagi kita semua, amien.

Mimi Miftahul Jannah

yang membimbingku menjadi manusia yang benar-benar mengerti betapa berharganya

1. Almarhumah Ibunda tercinta Samriyah binti H. Abdus Salam dan Ayahanda

kandungku tercinta Nana. Terima kasih banyak atas semua pengorbanan,

menyelesaikan skripsi ini.

perjuangan membantu membangkitkan semangat untuk menyelesaikan tugas ini.

Ilham, Hafis, dan adeku Ni’mah dan Ihsan.

Mimi Miftahul Jannah

HALAMAN JUDUL ...................................................................................... i

LEMBAR PERSETUJUAN PEMBIMBING .............................................. ii

LEMBAR PENGESAHAN PEMBIMBING .............................................. iii

LEMBAR PERNYATAAN ......................................................................... iv

KATA PENGANTAR ................................................................................ vi

LEMBAR PERSEMBAHAN .................................................................... viii

DAFTAR ISI ................................................................................................ x

DAFTAR TABEL ...................................................................................... xiv

DAFTAR GAMBAR ................................................................................. xv

BAB I PENDAHULUAN ................................................................. 1

1.1. Latar Belakang ................................................................ 1

1.2. Rumusan Masalah ........................................................... 3

1.3. Batasan Masalah .............................................................. 3

1.4. Tujuan Penelitian ............................................................. 4

1.5. Manfaat Penelitian ........................................................... 4

1.6. Metodologi Penelitian ...................................................... 5

1.7. Sistematika Penulisan ...................................................... 8

BAB II LANDASAN TEORI ........................................................... 10

2.1. Bantuan Operasional Sekolah (BOS) ............................. 10

2.1.1. Tujuan Program BOS ..................................... 10