BAB IV PEMBAHASAN
4.1. Hasil Pengumpulan Data
4.1.3. Hasil Kuisioner
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
Notes
Halaman intro merupakan halaman pembuka, dimana dalam halaman ini hanya terdapat dua tombol, yaitu menuju halaman selanjutnya atau keluar dari aplikasi
Storyboard
Modul : 2
Halaman : Menu Utama Nama File : MeNu_Utama.dir
Gambar : Halaman2.psd
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
Keluar Untuk keluar dari aplikasi
Notes
Halaman menu utama, merupakan halaman pertama dari aplikasi ini, dimana dalam menu utama ini terdapat lima tombol menu untuk 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
Storyboard
Modul : 3
Halaman : PROFIL Nama File : PROFIL.dir
Gambar : Halaman3.psd
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
Keluar Untuk keluar dari aplikasi
Notes
Halaman Profil Mapenda menampilkan
informasi mengenai gambaran umum, visi, misi, dan struktur organisasi dari Mapenda. Serta terdapat tombol menu utama untuk kembali ke menu utama dan tombol keluar untuk keluar dari aplikasi.
Storyboard
Modul : 4
Halaman : Materi Pelatihan Nama File : Materi Pelatihan.dir
Gambar : Halaman4.psd
Audio : Musik_Menu.mp3
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
Keluar Untuk keluar dari aplikasi
Notes
Halaman Materi Pelatihan menampilkan informasi mengenai Uraian Kegiatan, Tugas dan tanggung jawab seksi Mapenda Serta 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
Storyboard
Modul : 5
Halaman : REKAPITULASI Nama File : REKAPITULASI.dir
Gambar : Halaman5.psd
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
Menu Utama Untuk masuk ke Menu Utama
Notes
Halaman Rekap Madrasah menampilkan informasi mengenai Jumlah Madrasah, pengajar dan siswa Kabupaten Tangerang
dari tahun ajaran 2005/2006 sampai
2008/2010. Serta terdapat tombol menu utama untuk kembali ke menu utama.
Storyboard
Modul : 6
Halaman : Galeri_Mapenda
Nama File : Galeri_Mapenda.dir
Gambar : Halaman6.psd
Audio : Musik_Menu.mp3
Navigasi :
Galeri Mapenda Untuk masuk ke menu Galeri Mapenda
Gambar Untuk masuk ke menu Gambar
Video Untuk masuk ke menu Video
Menu Utama Untuk masuk ke Menu Utama
Notes
Halaman Galeri Mapenda menampilkan informasi mengenai Galeri Mapenda. Terdapat dua tombol menu yaitu tombol Gambar untuk menampilkan 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
Storyboard
Modul : 7
Halaman :Kontak Nama File : Kontak.dir
Gambar : Halaman7.psd
Audio : Musik.mp3
Navigasi :
Kontak Untuk masuk ke menu Kontak
Menu Utama Untuk masuk ke Menu Utama
Keluar Untuk keluar dari aplikasi
Notes
Halaman Kontak menampilkan informasi mengenai 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
Mulai
Tampilkan Layar Intro
Pilih Halaman Selanjutnya
Ya
Pilih Menu Utama A
Tidak Terima Kasih
Keluar
Keter anga n :
A : Halaman Menu Uta ma
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.
B
A
Ta mpilkan Layar Menu Uta ma
Pilih Menu
Pilih Menu Ya
Profil Mapenda Tidak
Pilih Menu Ya 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
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.
B
Ta mpilkan Layar Profil Mapenda
Pilih Me nu Pilih Menu Ga mbara n Umu m Ya Ta mpilkan Layar Ga mbar a n U mu m Tidak Pilih Menu Visi Mape nda
Ya Ta mpilkan Layar Visi Mapenda Tidak Pilih Menu Mi si Mapenda Ya Ta mpilkan La yar Misi Mapenda Tidak Pilih Menu Str uktur Orga nisasi
Ya
Ta mpilkan Layar Struktur Orga nisasi
Keluar
Keterangan:
B : Halam an Pr ofil Mapenda
Gambar 4.10. Flowchart Profil Mapenda
Flowchart diatas menjelaskan bahwa dalam halaman Profil Mapenda berisi 4 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.
C
Ta mpilkan La yar Materi Pelatihan
Pilih Menu Pilih Menu Intr oduction Ya Ta mpilkan Layar Introduction Tidak Pilih Menu Tugas&Tan ggung Jawab
Ya
Ta mpil kan Layar Tugas&Tanggung Ja wab Tidak Pilih Menu Lingkup Kerja Ya Ta mpilkan Layar Lingkup Kerja Tidak Pilih Menu Monitoring&Pe lapora n Ya Ta mpilkan Layar Monitori ng&Pelaporan Tidak Pilih Menu Flow Proses Ya Ta mpilkan Layar Flow Pr oses Keterangan: Keluar
C : Halam an Materi Pelatihan
Flowchart diatas menjelaskan bahwa dalam halaman Uraian Kegiatan 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.
D
Ta mpilka n Layar Rekap Madrasah
Pilih Menu Pilih Menu Jumlah Madrasah Ya Ta mpilkan Layar Jumlah Ma drasah Tidak Pilih Menu Jumlah Pengajar Ya Ta mpilka n Layar Jumlah Pengajar Tidak Pilih Menu Jumla h Sis wa Ya Ta mpilkan Layar Jumlah Siswa Keluar Keterangan:
D : Halam an Rekapitulasi Madrasah
Gambar 4.12. Flowchart Rekap Madrasah
Flowchart diatas menjelaskan bahwa dalam 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.
E
Ta mpil kan Layar Galeri Mapenda
Pilih Menu
Pilih Menu Ga mbar
Ya
Ta mpil kan Layar Ga mbar Tidak Pilih Menu Video Ya Ta mpilka n Layar Vi deo Keluar Keterangan:
E : Halam an Galeri Mapenda
Gambar 4.13. Flowchart Galeri Mapenda
Flowchart diatas menjelaskan bahwa dalam halaman Galeri Mapenda berisi 2 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.
F
Ta mpilkan Layar Kont ak
Pilih Menu Pilih Menu Kontak Ya Ta mpilkan Layar Kontak Tidak Keluar Keterangan: F : Halam an Kont ak
Gambar 4.14. Flowchart Kontak
Flowchart diatas menjelaskan bahwa dalam 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.
Jumlah Madrasah
Jumlah Pengajar
Jumlah Siswa