BAB 3 ANALISA DAN PERANCANGAN SISTEM. di Jl. Raya Jatinegara Barat No. 122, Jakarta Timur.

Transkripsi

1 BAB 3 ANALISA DAN PERANCANGAN SISTEM 3.1 Riwayat Sekolah Sejarah Singkat Sekolah SD Santa Maria Fatima I yang dikelola oleh Yayasan Gembala Baik, didirikan pada tahun 1953 dengan akta No. 66 tahun 1962, berlokasi di Jl. Raya Jatinegara Barat No. 122, Jakarta Timur. SD Santa Maria Fatima memulai kegiatan belajar mengajarnya (KMB) pada tanggal 1 Agustus Pada awalnya siswa terdiri dari anakanak masyarakat sekitar sekolah. Di tahun , kegiatan sekolah masih dilaksanakan di gedung lain yang sekarang menjadi Panti Sosial Bina Remaja Parartasih. Pada tahun 1971-sekarang, secara bertahap kegiatan KBM dilaksanakan di gedung sekolah yang sekarang. Dalam KMB, guru-guru di SD Santa Maria Fatima I masih menggunakan metode lama, yakni menggunakan buku teks dan menerangkan secara lisan. Sedangkan pada mata pelajarannya, para siswa sudah diajarkan mengenai cara menggunakan komputer sejak kelas Visi dan Misi Sekolah Visi 25

2 26 Membangun budaya kasih dan masa depan penuh harapan serta memperjuangkan keadilan bagi orang-orang yang tersisih, dengan semboyan Setiap pribadi jauh lebih berharga daripada seluruh dunia. Misi 1. Mengusahakan agar peserta didik memiliki pribadi yang utuh dan berkualitas dalam segi intelektual, emosional, dan spiritual. 2. Menjadi Pembawa Kehidupan bersama dan bagi masyarakat serta berbela rasa terhadap kaum miskin dan lemah. Tujuan Pendidikan a. Tujuan Umum Sesuai dengan tujuan Pendidikan Nasional yang tercantum dalam GBHN berdasarkan Pancasila dan UUD Meningkatkan kualitas manusia beriman dan bertaqwa kepada Tuhan Yang Maha Esa, berbudi pekerti yang luhur, berkepribadian, berdisiplin dan terampil serta sehat jasmani dan rohani. Mampu menumbuhkan dan memperdalam rasa cinta kepada tanah air, mempertebal semangat kebangsaan dan rasa kesetiakawanan sosial. b. Tujuan Khusus 2.1 Mendidik siswa SD Santa Maria Fatima agar menjadi pribadi yang jujur, rendah hati, sederhana, disiplin, dan peduli terhadap sesama yang menderita berdasarkan kasih.

3 Memberi bekal kemampuan dasar yang berkualitas kepada siswa SD Santa Maria Fatima agar dapat melanjutkan dan mengikuti pendidikan di SMP. 2.3 Membantu secara khusus siswa yang bermasalah karena masalah keluarga atau kesulitan ekonomi Tugas dan Wewenang Adapun uraian tugas dari masing-masing tingkatan struktur organisasi SD Santa Maria Fatima I adalah sebagai berikut. a. Kepala Sekolah 1. Menyusun Program Kerja Tahunan. 2. Menyusun RAPBS (Rencana Anggaran Pendapatan dan Belanja Sekolah). 3. Membagi tugas guru dan karyawan sekolah. 4. Membina guru dan karyawan sekolah. 5. Mengadakan supervise kelas. 6. Memeriksa administrasi kelas. 7. Mengawasi dan memonitoring guru dan karyawan sekolah. 8. Mengadakan rapat pembinaan guru. 9. Memeriksa administrasi keuangan. 10. Mengikuti rapat-rapat pembinaan dari pembina. 11. Mengawasi inventaris kelas. 12. Mengawasi pelaksanaan tata tertib sekolah. 13. Melaksanakan BP dan BK kepada guru dan karyawan sekolah.

4 Mengikuti kegiatan PKG dan KKKS baik instansi pemerintah maupun MPK. 15. Mengadakan hubungan dengan masyarakat dan pemerintah. 16. Mengawasi pelaksanaan kurikulum. 17. Memahami kurikulum dan pelaksanaannya. 18. Melaksanakan upacara bendera/kegiatan ekstrakurikuler. 19. Mengawasi/membuat program pelaksanaan ekstrakurikuler. 20. Mengawasi pelaksanaan program perbaikan dan pengayaan. 21. Mengawasi administrasi kesiswaan. 22. Merencanakan perbaikan penambahan sarana/prasarana sekolah. 23. Membina dan mengawasi perpustakaan meliputi administrasi dan operasionalnya. 24. Mengawasi pelaksanaan Usaha Kesehatan Sekolah. 25. Mengawasi pelaksanaan 5K dan mengerakkan penghijauan. 26. Mengajukan kenaikan gaji berkala, pangkat/golongan guru dan karyawan kepada yayasan. 27. Membuat DP-3 guru dan karyawan setiap tahun. 28. Memberi peringatan lisan/tertulis kepada guru dan karyawan yang melanggar aturan kepegawaian. 29. Mengadakan pelatihan guru dalam hal penyajian materi kepada siswa, mengirimkan guru untuk mengikuti pelatihan/penataran yang diadakan MPK atau instansi terkait. 30. Bertanggung jawab dalam pelaksanaan Ujian Akhir Sekolah.

5 29 b. Tugas Guru 1. Menyusun program semester/tahunan untuk pelaksanaan kurikulum dan ekstrakurikuler. 2. Membuat persiapan harian. 3. Mengerjakan administrasi kelas. 4. Melaksanakan kegiatan belajar mengajar. 5. Menyusun soal dan menyerahkan kepada Kepala Sekolah untuk diperiksa sebelum digunakan untuk ulangan. 6. Melaksanakan penilaian (ulangan harian, ulangan tengah semester, pengamatan (sikap/perbuatan), ko-kurikuler, dan sumatif). 7. Memeriksa ulangan harian, ulangan tengah semester, dan ulangan umum. 8. Membuat program perbaikan atau pengayaan. 9. Melaksanakan program perbaikan atau pengayaan. 10. Membuat daftar pelajaran. 11. Membuat daftar piket kelas. 12. Membuat denah kelas. 13. Mengelola kelas. 14. Membimbing kegiatan ekstrakurikuler. 15. Melaksanakan ko kurikuler. 16. Melaksanakan bimbingan penyuluhan. 17. Mengisi raport. 18. Mengikuti kegiatan KKG. 19. Mengikuti rapat pembinaan dari Kepala Sekolah atau pembina lainnya.

6 Memberi laporan kepada Kepala Sekolah. 21. Membimbing siswa dalam perpustakaan. 22. Mengawasi pelaksanaan tata tertib sekolah. 23. Melaksanakan upacara bendera. 24. Melaksanakan 5K. 25. Membantu Kepala Sekolah. c. Tata Usaha Sekolah 1. Administrasi Kesiswaan Mencatat absensi siswa. Mengisi buku induk. Mengisi leger/daftar kumpulan nilai. Mencatat pencapaian target kurikulum. Mencatat pencapaian daya serap. Membuat diagram/grafik target kurikulum dan daya serap. 2. Administrasi Keuangan Mencatat pemasukan dan pengeluaran uang. Mengajukan anggaran kegiatan. Mengerjakan kas harian. Membuat laporan keuangan. 3. Sarana Prasarana Mencatat penerimaan barang. Mengerjakan buku inventaris barang. Membuat inventaris ruangan.

7 31 Mengawasi keadaan barang inventaris. Memberi nomor pada barang-barang inventaris. 4. Administrasi Kepegawaian Membuat fillo kepegawaian. Mengisi buku induk kepegawaian. Membuat buku cuti. Membuat catatan kenaikan pangkat/gaji pegawai. 5. Pendataan dan Arsip Mengisi agenda surat keluar dan surat masuk. Mengisi buku ekspedisi. Membuat buku tamu. Menyimpan arsip surat, hasil ujian, STL, dan STTB. Membuat laporan bulanan. Menyiapkan data siswa, guru, pegawai, buku pegangan dan perpustakaan. d. Pustakawan 1. Membuat buku induk perpustakaan. 2. Mengatur perpustakaan sesuai dengan sistem DDC. 3. Membuat tanda anggota, kartu pinjaman, daftar pinjaman, katalog, kartu buku dan buku penghapus barang. 4. Membuat daftar inventaris barang yang ada di ruang perpustakaan. 5. Membuat program pinjaman. 6. Membuat grafik kunjungan.

8 32 7. Membuat rencana pengembangan. 8. Mengajukan kebutuhan barang yang diperlukan sepengetahuan Kepala Sekolah. 9. Memproses buku yang baru diterima. 10. Mengawasi dan bertanggungjawab atas keadaan buku-buku dan barangbarang. e. Seksi-Seksi 1. Seksi Rohani a) Kegiatan doa pagi guru b) Kegiatan doa Sabtu pagi c) Pelajaran Agama Komuni I d) Misa bulanan/ibadat bulanan e) Kegiatan bulan Kitab Suci/bulan Maria (Rosario) f) Retret/Rekoleksi g) Program Natal Aksi Natal Pengakuan dosa Misa Natal Perayaan Natal h) Program Paskah Misa Rabu Abu Jalan Salib APP

9 33 Pengakuan dosa/rekoleksi Kelas IV-VI Misa Paskah/Ibadat Paskah Perayaan Paskah i) Pesta nama sekolah j) Misa Pembukaan Tahunan/Tutup Tahun Pelajaran 2. Seksi Kurikulum a) Program peningkatan mutu b) Lomba bidang studi c) KKG bidang studi d) Komunikasi antar bidang studi e) Saran/ide untuk kemajuan sekolah f) Kurikulum 2004 dan pelaksanaannya g) Majalah dinding, alat peraga, dan pameran bidang studi 3. Seksi Kesiswaan/Pramuka a) Latihan petugas upacara b) Jadwal Pembina upacara c) Pendampingan kegiatan lomba dan ajang prestasi d) Kegiatan pramuka e) Bekerjasama dengan seksi ketertiban, keamanan dan kebersihan dalam menegakkan disiplin sekolah. f) Pelayanan UKS 4. Seksi Sosial a) Pelayanan Sosial (moril + materiil)

10 34 b) Mengkoordinir kunjungan kepada guru / karyawan (kelahiran, pernikahan, sakit, kematian) c) Program pengumpulan dana atas persetujuan Kepala Sekolah dan Koordinator Sekolah. d) Dana/iuran bulanan guru yang telah disepakati bersama. e) Musyawarah peraturan dan besarnya sumbangan yang akan diberikan bersama Kepala Sekolah dan guru. f) Laporan pemasukan dan pengeluaran keuangan setiap bulan/semester. g) Menciptakan iklim kerja yang harmonis dan kondusif. 5. Seksi Ketertiban dan Keamanan a) Pelaksanaan piket guru b) Buku piket guru c) Kampanye kebersihan lingkungan sekolah d) Kedisiplinan siswa e) Ketertiban dan kebersihan ruang guru 6. Seksi Kesenian a) Pembina koor b) Bekerjasama dengan seksi rohani menyiapkan misa/ibadat/lombalomba bidang kesenian. c) Merencanakan kegiatan seni bersama Kepala Sekolah. 7. Seksi UKS a) Pelayanan UKS ( peralatan/obat-obatan) b) Keteraturan dan kebersihan ruang UKS

11 Struktur Organisasi Sekolah Gambar 3.1 Struktur Organisasi SD Santa Maria Fatima I 3.2 Analisa Hasil Kuesioner Kuesioner disebar ke siswa SD Santa Maria Fatima I dengan mengambil sampel 1 kelas yang berjumlah 36 orang. Dari ke 36 orang tersebut, 34 orang menjawab semua pertanyaan sedangkan sisanya yaitu 2 orang tidak menjawab sampai selesai. Berikut adalah pertanyaan-pertanyaan dari kuesioner yang diberikan dan analisis masing-masing pertanyaan:

12 36 1. Apakah kamu tahu apa itu ensiklopedia? a. Ya b. Tidak Tabel 3.1 Tabel analisis pertanyaan pertama kuesioner awal Jawaban Responden % Ya Tidak Total Dari tabel 3.1 terlihat bahwa siswa-siswi SD Santa Maria Fatima I sebagian besar tidak tahu mengenai ensiklopedia. Walaupun ada yang tahu mengenai ensiklopedia, namun dari hasil kuesioner menunjukkan angkanya hanya 42%. Sehingga, dengan ensiklopedia yang akan dirancang, dapat sekaligus memperkenalkan ensiklopedia kepada siswa-siswi SD tersebut. 2. Apakah kamu pernah membaca ensiklopedia? a. Ya b. Tidak Tabel 3.2 Tabel analisis pertanyaan kedua kuesioner awal Jawaban Responden % Ya Tidak Total Dari tabel 3.2 terlihat bahwa siswa-siswi SD Santa Maria Fatima I yang tahu mengenai ensiklopedia juga pernah membaca ensiklopedia. Sehingga dapat disimpulkan bahwa siswa-siswi tersebut mengetahui ensiklopedia karena pernah membacanya.

13 37 3. Kalau pernah, ensiklopedia dalam bentuk apa yang lebih sering kamu baca? a. Buku b. CD c. Baca di internet (dalam bentuk situs/web) d. Lain-lain, Tabel 3.3 Tabel analisis pertanyaan ketiga kuesioner awal Jawaban Responden % Buku Baca di internet 4 27 CD 1 6 Lain lain Total Dari tabel 3.3 terlihat bahwa siswa-siswi SD Santa Maria Fatima I yang pernah membaca ensiklopedia, sebanyak 67% diantaranya membaca ensiklopedia berupa buku. Sedangkan siswa yang membaca dari internet dan CD sangat jarang yaitu masing-masing 27% dan 6%. Sehingga, ensiklopedia berbentuk CD ini merupakan sesuatu yang baru bagi mereka. Untuk itu, diharapkan siswa-siswi akan memiliki minat yang besar untuk membaca ensiklopedia berbasis multimedia ini. 4. Bentuk tampilan seperti apakah yang kamu harapkan ada dalam sebuah ensiklopedia ataupun ketika kamu membaca sebuah buku? a. Berisi gambar yang banyak b. Berisi teks yang banyak c. Warna-warni d. Lain-lain,

14 38 Tabel 3.4 Tabel analisis pertanyaan keempat kuesioner awal Jawaban Responden % Berisi gambar yang banyak Berisi teks yang banyak Warna warni 4 11 Lain lain (tidak tahu) 9 25 Total Dari tabel 3.4 terlihat bahwa siswa-siswi SD Santa Maria Fatima I menyukai tampilan yang berisi banyak gambar, namun teks juga tidak kalah penting. Sedangkan untuk tampilan yang warna-warni menempati prioritas terakhir. Selain itu, siswa yang tidak memberikan pendapatnya ada sebanyak 25%. Sehingga, ensiklopedia yang akan dirancang akan memuat terutama gambar dan informasi berupa teks. 5. Lihatlah contoh teks dengan ukuran yang berbeda di bawah ini. Contoh 1: Saya ingin menjadi seorang dokter. Contoh 2: Saya ingin menjadi seorang dokter. Contoh 3: Saya ingin menjadi seorang dokter. Diantara ketiga contoh di atas, menurut kamu manakah yang paling enak dibaca? a. Contoh 1 b. Contoh 2 c. Contoh 3 Tabel 3.5 Tabel analisis pertanyaan kelima kuesioner awal Jawaban Responden % Contoh Contoh

15 39 Contoh Total Dari tabel 3.5 terlihat bahwa siswa-siswi SD Santa Maria Fatima I menyukai ukuran tulisan yang agak besar. Sedangkan untuk ukuran tulisan yang kecil tidak disukai. Sehingga, untuk ensiklopedia yang akan dirancang akan menggunakan ukuran tulisan yang agak besar sesuai kebutuhan. 6. Apakah kamu bisa menggunakan komputer? a. Ya b. Tidak Tabel 3.6 Tabel analisis pertanyaan keenam kuesioner awal Jawaban Responden % Ya Tidak Total Dari tabel 3.6 terlihat bahwa 100% siswa-siswi SD Santa Maria Fatima I mengetahui tentang komputer dan bisa menggunakannya. Sehingga mendukung untuk aplikasi ensiklopedia yang akan dibuat, yaitu berupa CD. 7. Apakah kamu tahu tentang kehidupan prasejarah? a. Ya b. Tidak Tabel 3.7 Tabel analisis pertanyaan ketujuh kuesioner awal Jawaban Responden % Ya Tidak 9 26 Total

16 40 Dari tabel 3.7 terlihat bahwa sebanyak 74% siswa-siswi SD Santa Maria Fatima I mengetahui tentang kehidupan prasejarah. Sehingga, materi prasejarah ini bukan merupakan materi yang berat untuk dipelajari oleh siswa-siswi SD tersebut. 8. Darimana kamu mengetahui tentang kehidupan prasejarah? a. Buku b. TV c. CD d. Internet e. Ensiklopedia f. Lain-lain, Tabel 3.8 Tabel analisis pertanyaan kedelapan kuesioner awal Jawaban Responden % Buku Ensiklopedia 5 20 Internet 4 16 TV 3 12 CD 2 8 Lain lain Total Dari tabel 3.8 terlihat bahwa sebanyak 44% siswa-siswi SD Santa Maria Fatima I mengetahui tentang kehidupan prasejarah dari buku. Sedangkan 20% mengetahuinya dari ensiklopedia, 16% diantaranya dari internet, 12% dari menonton TV, dan 8% sisanya dari CD. Sehingga ensiklopedia kehidupan prasejarah yang dirancang dalam bentuk CD merupakan hal yang baru, dan

17 diharapkan informasi yang disajikan dalam ensiklopedia ini dapat lebih gampang dipahami oleh siswa-siswi SD tersebut Apakah kamu pernah membaca ensiklopedia tentang kehidupan prasejarah? a. Ya b. Tidak Tabel 3.9 Tabel analisis pertanyaan kesembilan kuesioner awal Jawaban Responden % Ya Tidak Total Dari tabel 3.9 terlihat bahwa sebanyak 71% siswa-siswi SD Santa Maria Fatima I tidak membaca kehidupan prasejarah dalam bentuk ensiklopedia. Sehingga aplikasi ensiklopedia ini menjadi hal yang baru bagi siswa-siswi SD tersebut. 10. Apa yang ingin kamu ketahui tentang kehidupan prasejarah? a. Pembagian zaman prasejarah seperti Zaman Jurasik, Triasik, dan lain-lain. b. Hewan prasejarah seperti dinosaurus c. Manusia prasejarah d. Tumbuh-tumbuhan prasejarah e. Lain-lain, Tabel 3.10 Tabel analisis pertanyaan kesepuluh kuesioner awal Jawaban Responden % Pembagian zaman Hewan prasejarah Manusia prasejarah 5 15

18 42 Tumbuhan prasejarah 1 3 Lain lain 1 3 Total Dari tabel 3.10 terlihat bahwa sebanyak 50% siswa-siswi SD Santa Maria Fatima I menginginkan ensiklopedia kehidupan prasejarah yang membahas tentang pembagian zaman, 29% menginginkan bahasan tentang hewan-hewan prasejarah, 15% menginginkan bahasan tentang manusia prasejarah, dan 3% menginginkan bahasan tentang tumbuhan prasejarah. Sedangkan 3% sisanya tidak memberikan pendapatnya. Sehingga dalam ensiklopedia yang akan dirancang akan lebih banyak memuat informasi-informasi yang dibutuhkan oleh siswa-siswi tersebut terutama informasi pembagian zaman, hewan, dan manusia prasejarah. 11. Apakah kamu suka mendengarkan musik atau lagu? a. Ya b. Tidak Tabel 3.11 Tabel analisis pertanyaan kesebelas kuesioner awal Jawaban Responden % Ya Tidak 5 15 Total Dari tabel 3.11 terlihat bahwa sebanyak 85% siswa-siswi SD Santa Maria Fatima I suka mendengarkan musik atau lagu. Sehingga dalam aplikasi ensiklopedia yang dirancang akan dimuat musik ataupun lagu yang mendukung.

19 Apakah kamu suka menggambar? a. Ya b. Tidak Tabel 3.12 Tabel analisis pertanyaan keduabelas kuesioner awal Jawaban Responden % Ya Tidak 8 24 Total Dari tabel 3.12 terlihat bahwa sebanyak 76% siswa-siswi SD Santa Maria Fatima I suka menggambar. Sehingga dalam ensiklopedia yang akan dirancang, akan disertakan suatu fitur yang mendukung minat siswa-siswa tersebut. 13. Apakah kamu suka mewarnai? a. Ya b. Tidak Tabel 3.13 Tabel analisis pertanyaan ketigabelas kuesioner awal Jawaban Responden % Ya Tidak 7 21 Total Dari tabel 3.13 terlihat bahwa sebanyak 79% siswa-siswi SD Santa Maria Fatima I suka mewarnai. Sehingga dalam ensiklopedia yang akan dirancang, akan disertakan suatu fitur yang mendukung minat siswa-siswi tersebut.

20 Analisa Kebutuhan Sistem Dari hasil kuesioner, dapat diambil simpulan mengenai kebutuhankebutuhan yang dibutuhkan oleh siswa-siswi SD Santa Maria Fatima I sebagai berikut. a. Sedikitnya pengetahuan mengenai ensiklopedia Ternyata masih banyak siswa-siswi SD Santa Maria Fatima I yang tidak mengenal istilah ensiklopedia dan belum pernah membaca ensiklopedia. Dengan menghadirkan aplikasi ensiklopedia ini, diharapkan dapat menambah pengetahuan umum siswa-siswi tersebut baik mengenai ensiklopedia maupun kehidupan prasejarah. b. Ketertarikan mengenai kehidupan prasejarah Terlihat bahwa adanya keinginan untuk mengetahui lebih lanjut mengenai kehidupan prasejarah walaupun siswa-siswi SD tersebut sudah pernah membaca atau mengetahuinya. c. Sumber bacaan yang monoton Selama ini siswa-siswi SD Santa Maria Fatima I hanya belajar dari buku-buku dan jarang sekali mereka mencari sumber bacaan lain selain buku seperti CD, situs-situs, dan ensiklopedia yang sudah berbasis multimedia. d. Ketertarikan mengenai unsur-unsur multimedia seperti suara dan gambar Dengan suara dan gambar yang mendukung, diharapkan materi yang dipelajari dapat bertahan lebih lama dalam ingatan siswa-siswi SD tersebut.

21 Usulan Pemenuhan Kebutuhan Sistem Berdasarkan analisa di atas, dapat dibuat sebuah program aplikasi ensiklopedia berbasis multimedia yang: a. Memuat informasi mengenai kehidupan prasejarah seperti pembagian zaman prasejarah, hewan-hewan prasejarah, dan manusia prasejarah. b. Memuat unsur-unsur multimedia terutama suara, gambar, dan text. c. Memiliki tampilan ukuran text yang agak besar. d. Mudah digunakan dan dimengerti. 3.5 Perancangan Struktur Menu a. Struktur Menu Ensiklopedia Kehidupan Prasejarah Gambar 3.2 Struktur Menu Ensiklopedia Kehidupan Prasejarah

22 46 b. Struktur Menu Editor Gambar 3.3 Struktur Menu Editor 3.6 Perancangan State Transition Diagram a. State Transition Diagram Editor Gambar 3.4 Struktur Menu Editor b. State Transition Diagram Ensiklopedia Kehidupan Prasejarah

23 Gambar 3.5 State Transition Diagram Ensiklopedia Kehidupan Prasejarah 47

24 Perancangan Layar dan Spesifikasi Proses a. Layar Pembuka Pada layar pembuka ditampilkan animasi movie clip dan tombol enter, yang Jika diklik akan menuju ke layar menu utama. Gambar 3.6 Rancangan Layar Pembuka Spesifikasi proses layar: Tampilkan layar Pembuka Jalankan animasi pembuka Lagu mulai dibunyikan Putar ulang lagu ketika lagu selesai dibunyikan Jika tombol Enter diklik maka Tampilkan layar Menu Utama

25 49 b. Layar Menu Utama Pada layar menu utama terdapat tiga tombol di bagian atas, berupa tombol menu utama (ikon rumah), tombol suara (ikon speaker) untuk menghidupkan atau mematikan suara, dan tombol keluar (ikon x) untuk keluar dari aplikasi. Di bagian tengah terdapat tiga menu utama yang bisa dipilih, yaitu menu Menjelajahi Kehidupan Prasejarah (ensiklopedia), menu Bermain di Zaman Prasejarah (permainan), dan menu Galeri Kehidupan Prasejarah (galeri video). Gambar 3.7 Rancangan Layar Menu Utama Spesifikasi proses layar: Tampilkan layar Menu Utama Jalankan modul tombol kanan atas Tampilkan tombol menu Menjelajahi Kehidupan Prasejarah Tampilkan tombol menu Bermain di Zaman Prasejarah

26 50 Tampilkan tombol menu Galeri Kehidupan Prasejarah Jika tombol menu Menjelajahi Kehidupan Prasejarah diklik maka Tampilkan layar Menjelajahi Kehidupan Prasejarah Selain itu Jika tombol menu Bermain di Zaman Prasejarah diklik maka Tampilkan layar Bermain di Zaman Prasejarah Selain itu Jika tombol menu Menjelajahi Kehidupan Prasejarah diklik maka Tampilkan layar Galeri Kehidupan Prasejarah Lagu berhenti c. Layar Menjelajahi Kehidupan Prasejarah Pada layar Menjelajahi Kehidupan Prasejarah terdapat sembilan menu yang bisa dipilih, yang dilambangkan dengan ikon yang sesuai dengan namanya. Menu-menu tersebut yaitu: Tumbuhan, Aves, Pisces, Invertebrata, Amfibia, Reptilia, Mamalia, Manusia dan Zaman. Jika salah satu menu tersebut diklik, maka akan menuju layar informasi.

27 51 Gambar 3.8 Rancangan Layar Menjelajahi Kehidupan Prasejarah Spesifikasi proses layar: Tampilkan layar Menjelajahi Kehidupan Prasejarah Jalankan modul tombol kanan atas Jika tombol Tumbuhan diklik maka Tampilkan layar Tumbuhan Selain itu jika tombol Aves diklik maka Tampilkan layar Aves Selain itu jika tombol Pisces diklik maka Tampilkan layar Pisces Selain itu jika tombol Invertebrata diklik maka Tampilkan layar Invertebrata Selain itu jika tombol Amfibia diklik maka Tampilkan layar Amfibia Selain itu jika tombol Reptilia diklik maka

28 52 Tampilkan layar Reptilia Selain itu jika tombol Mamalia diklik maka Tampilkan layar Mamalia Selain itu jika tombol Manusia diklik maka Tampilkan layar Manusia Selain itu jika tombol Zaman Prasejarah diklik maka Tampilkan layar Zaman Prasejarah d. Layar Informasi Layar informasi adalah sub menu dari layar Menjelajahi Kehidupan Prasejarah. Layar ini akan muncul setelah mengklik tombol menu Tumbuhan, Aves, Pisces, Invertebrata, Amfibia, Reptilia, Mamalia, Manusia, dan Zaman. Tombol pertama (dimana pada gambar 3.9 di bawah ini tertera Aves) merupakan tombol yang berisi teks dinamis, dimana teks dinamis tersebut akan ditampilkan sesuai dengan menu yang diklik pada layar sebelumnya (layar Menjelajahi Kehidupan Prasejarah). Sedangkan tombol ciri-ciri dan spesies bersifat statis. Tombol ciri-ciri untuk menampilkan ciri-ciri dari kategori makhluk hidup dan tombol spesies untuk menampilkan macam-macam hewan ataupun manusia yang sesuai dengan kategori (gambar 3.10). Di bawah tampilan informasi terdapat menu informasi terkait, yang jika salah satunya diklik akan menuju ke layar informasi terkait (gambar 3.11).

29 53 Gambar 3.9 Rancangan Layar Informasi Penjelasan/Ciri-ciri Makhluk Hidup Spesifikasi proses layar : Tampilkan layar informasi penjelasan/ciri-ciri makhluk hidup Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan penjelasan sesuai kategori yang dipilih Jalankan modul duplikasi tombol informasi terkait Jika tab ciri-ciri makhluk hidup yang diklik maka Tampilkan ciri-ciri sesuai kategori Selain itu jika tab spesies makhluk hidup yang diklik maka Tampilkan spesies sesuai kategori

30 54 Selain itu jika tab penjelasan makhluk hidup yang diklik maka Tampilkan penjelasan sesuai kategori Jika tombol Cari diklik maka Tampilkan layar pencarian informasi Jalankan modul cari Jika tombol informasi terkait diklik maka Jalankan modul informasi terkait Jika tombol menu shortcut diklik maka Jalankan modul menu shortcut Tutup koneksi database

31 55 Gambar 3.10 Rancangan Layar Informasi Spesies Makhluk Hidup Spesifikasi proses layar: Tampilkan layar informasi spesies makhluk hidup Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan spesies sesuai kategori Jalankan modul Next Spesies ketika tombol next diklik Jalankan modul Previous Spesies ketika tombol previous diklik Jalankan modul duplikasi tombol informasi terkait Jika tab ciri-ciri makhluk hidup yang diklik maka Tampilkan ciri-ciri sesuai kategori

32 56 Selain itu jika tab spesies makhluk hidup yang diklik maka Tampilkan spesies sesuai kategori Selain itu jika tab penjelasan makhluk hidup yang diklik maka Tampilkan penjelasan sesuai kategori Jika tombol Cari diklik maka Tampilkan layar pencarian informasi Jalankan modul cari Jika tombol informasi terkait diklik maka Jalankan modul informasi terkait Jika tombol menu shortcut diklik maka Jalankan modul menu shortcut Tutup koneksi database

33 57 Gambar 3.11 Rancangan Layar Informasi Terkait Spesifikasi proses layar: Tampilkan layar informasi terkait Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan informasi terkait yang dipilih Jika tombol Cari diklik maka Tampilkan layar pencarian informasi Jalankan modul cari Jika tombol menu shortcut diklik maka

34 58 Jalankan modul menu shortcut Tutup koneksi database Jika tombol Kembali diklik maka Kembali ke layar sebelum informasi terkait dipilih Gambar 3.12 Rancangan Layar Informasi Pembagian Zaman Layar ini akan muncul setelah tombol zaman prasejarah diklik. Di layar terdapat menu-menu pembagian zaman, yang jika diklik akan memunculkan layar informasi tentang zaman dan subzamannya (gambar 3.13 dan 3.14). Jumlah menu-menu ini sifatnya dinamis, karena akan ditampilkan sebanyak jumlah zaman yang termuat di dalam database.

35 59 Spesifikasi proses layar: Tampilkan layar Pembagian Zaman Prasejarah Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Jalankan modul duplikasi tombol nama zaman Tampilkan nama-nama zaman sebanyak yang ada di dalam tabel Jika tombol salah satu nama zaman diklik maka Tampilkan layar informasi penjelasan zaman sesuai nama zaman yang dipilih Tutup koneksi database Gambar 3.13 Rancangan Layar Informasi Penjelasan Zaman/Iklim/Kehidupan

36 60 Spesifikasi proses layar: Tampilkan layar informasi penjelasan/iklim/kehidupan zaman Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan penjelasan sesuai nama zaman yang dipilih Jalankan modul duplikasi tombol informasi terkait Jika tab subzaman yang diklik maka Tampilkan layar informasi subzaman sesuai nama zaman Selain itu jika tab iklim yang diklik maka Tampilkan iklim sesuai nama zaman Selain itu jika tab kehidupan yang diklik maka Tampilkan kehidupan sesuai nama zaman Selain itu jika tab penjelasan yang diklik maka Tampilkan penjelasan sesuai nama zaman Jika tombol Cari diklik maka Tampilkan layar pencarian informasi Jalankan modul cari Jika tombol informasi terkait diklik maka Jalankan modul informasi terkait Jika tombol menu shortcut diklik maka

37 61 Jalankan modul menu shortcut Tutup koneksi database Gambar 3.14 Rancangan Layar Informasi Subzaman Spesifikasi proses layar: Tampilkan layar informasi subzaman Tampilkan gambar animasi Dino dan petunjuk Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan subzaman sesuai nama zaman yang dipilih Jalankan modul Next Subzaman ketika tombol next diklik

38 62 Jalankan modul Previous Subzaman ketika tombol previous diklik Jalankan modul duplikasi tombol informasi terkait Jika tab subzaman yang diklik maka Tampilkan layar informasi subzaman sesuai nama zaman Selain itu jika tab iklim yang diklik maka Tampilkan iklim sesuai nama zaman Selain itu jika tab kehidupan yang diklik maka Tampilkan kehidupan sesuai nama zaman Selain itu jika tab penjelasan yang diklik maka Tampilkan penjelasan sesuai nama zaman Jika tombol Cari diklik maka Tampilkan layar pencarian informasi Jalankan modul cari Jika tombol informasi terkait diklik maka Jalankan modul informasi terkait Jika tombol menu shortcut diklik maka Jalankan modul menu shortcut Tutup koneksi database

39 63 Gambar 3.15 Rancangan Layar Pencarian Informasi Layar Pencarian ini akan muncul jika tombol cari diklik dan akan menampilkan informasi mengenai kata yang dimasukkan. Jika kata yang ingin dicari belum dimasukkan maka akan tampil peringatan. Untuk menutup layar pencarian, klik tombol X pada layar pencarian. Spesifikasi proses layar: Tampilkan layar pencarian informasi Buka koneksi ke database Tampilkan jumlah hasil cari berdasarkan kata yang dimasukkan Tampilkan daftar kata-kata yang berhubungan dengan kata yang dimasukkan Jika salah satu kata dalam daftar dipilih maka Tampilkan informasinya pada textbox informasi

40 64 Tampilkan daftar informasi terkait dari kata yang dimasukkan Jika salah satu kata dalam informasi terkait dipilih maka Tampilkan informasinya pada textbox informasi Tutup koneksi database Jika tombol X diklik maka Sembunyikan layar pencarian informasi e. Layar Bermain di Zaman Prasejarah Pada layar Bermain di Zaman Prasejarah, akan ditampilkan tiga pilihan menu permainan. Masing-masing menu akan menampilkan halaman permainan yang berbeda-beda.

41 65 Gambar 3.16 Rancangan Layar Bermain di Zaman Prasejarah Spesifikasi proses layar: Tampilkan layar Bermain di Zaman Prasejarah Jalankan modul tombol kanan atas Tampilkan tombol menu Game 1 Tampilkan tombol menu Game 2 Tampilkan tombol menu Game 3 Jika tombol menu Game 1 diklik maka Tampilkan layar Game 1 Selain itu jika tombol menu Game 2 diklik maka Tampilkan layar Game 2 Selain itu jika tombol menu Game 3 diklik maka Tampilkan layar Game 3 f. Layar Galeri Kehidupan Prasejarah Beberapa pilihan video tentang kehidupan prasejarah akan ditampilkan pada layar ini. Kategori digunakan untuk mengelompokkan video agar lebih mudah dicari. Listbox untuk menampilkan judul-judul video sesuai kategori yang dipilih. Sedangkan kontrol menu untuk video itu sendiri ada play, pause, stop, sound mute dan unmute serta tampilan waktu untuk menandakan posisi video dan lama durasi video tersebut.

42 66 Gambar 3.17 Rancangan Layar Galeri Kehidupan Prasejarah Spesifikasi proses layar: Tampilkan layar Galeri Kehidupan Prasejarah Jalankan modul tombol kanan atas Buka koneksi ke database Tampilkan kategori video sesuai dengan kategori yang ada dalam tabel video Jika salah satu kategori dipilih maka Tampilkan judul video pada list dibawahnya Jika salah satu judul video pada list dipilih maka Mainkan video pada video player Tutup koneksi database

43 67 g. Layar Exit (Keluar) Layar Exit akan muncul pengguna mengklik tombol Ya pada layar peringatan (konfirmasi) dimana layar konfirmasi ini keluar ketika tombol X (keluar aplikasi) diklik. h. Layar Login Admin Gambar 3.18 Rancangan Layar Exit Login Username Password Masuk Batal Gambar 3.19 Rancangan Layar Login Admin Layar login ini muncul ketika pertama kali aplikasi editor dibuka. Untuk dapat masuk ke layar editornya, pengguna harus memasukkan username dan password dengan benar.

44 68 Spesifikasi proses layar: Tampilkan layar login admin Jika username belum diisi maka Tampilkan peringatan Selain itu jika password belum diisi maka Tampilkan peringatan Selain itu Jika koneksi database sedang terbuka maka Tutup koneksi database Buka koneksi database Jika username dan password cocok dan ada dalam tabel Admin maka Tampilkan layar editor i. Layar Editor Pada layar editor terdapat lima tab yaitu kategori, makhluk hidup, zaman, subzaman dan video list. Sedangkan pada gambar 3.20 di bawah merupakan layar editor kategori. Pada layar tersebut terdapat tombol ubah untuk mengedit data yang sudah ada, dan tombol keluar untuk keluar dari editor. Selain itu, terdapat juga datagrid yang fungsinya untuk menampilkan data-data yang ada dalam tabel Kategori Makhluk Hidup.

45 69 Gambar 3.20 Rancangan Layar Editor Kategori Spesifikasi proses layar: Jika koneksi database sedang terbuka maka Tutup koneksi database Buka koneksi database Textbox kategori di-disable Tampilkan data-data dalam tabel Kategori Makhluk Hidup ke Datagrid Jika salah satu baris pada Datagrid dipilih maka Tampilkan isinya pada textbox Jika tombol Ubah diklik maka Update tabel Kategori Makhluk Hidup berdasarkan ID

46 70 Kosongkan semua isi textbox Jika tombol Keluar diklik maka Keluar dari aplikasi editor Gambar 3.21 Rancangan Layar Editor Makhluk Hidup Pada layar editor makhluk hidup ini terdapat tambah untuk menambahkan data baru ke dalam database, tombol ubah untuk mengedit data yang sudah ada, tombol hapus untuk menghapus data yang ada, dan tombol keluar untuk keluar dari editor. Selain itu, terdapat juga tombol Pilih.. untuk mem-browser gambar dari direktori komputer setempat dan datagrid yang fungsinya untuk menampilkan data-data yang ada dalam tabel Makhluk Hidup.

47 71 Spesifikasi proses layar: Jika salah satu kategori dipilih maka Jika koneksi database sedang terbuka maka Tutup koneksi database Buka koneksi database Tampilkan data-data dalam tabel Makhluk Hidup ke Datagrid Jika salah satu baris pada Datagrid dipilih maka Tampilkan isinya pada textbox Jika tombol Pilih diklik Browse gambar pada direktori di komputer Jika pilih OK maka Tampilkan ke isi textbox Gambar Path Selain itu jika pilih Cancel maka Kembali ke layar editor Makhluk Hidup Jika tombol Tambah diklik maka Tambahkan data-data dalam textbox ke dalam tabel Makhluk Hidup Copy gambar dari direktori asal ke direktori gambar di aplikasi Kosongkan semua isi textbox

48 72 Jika tombol Ubah diklik maka Update tabel Makhluk Hidup berdasarkan ID Copy gambar dari direktori asal ke direktori gambar di aplikasi Kosongkan semua isi textbox Jika tombol Hapus diklik maka Hapus data-data dari tabel Makhluk Hidup berdasarkan ID Hapus gambar yang bersangkutan dari direktori gambar di aplikasi Kosongkan semua isi textbox Jika tombol Keluar diklik maka Keluar dari aplikasi editor Gambar 3.22 Rancangan Layar Editor Zaman

49 73 Pada layar editor zaman ini terdapat tambah untuk menambahkan data baru ke dalam database, tombol ubah untuk mengedit data yang sudah ada, tombol hapus untuk menghapus data yang ada, dan tombol keluar untuk keluar dari editor. Selain itu, terdapat juga datagrid yang fungsinya untuk menampilkan data-data yang ada dalam tabel Zaman. Spesifikasi proses layar: Jika koneksi database sedang terbuka Maka tutup koneksi database Buka koneksi database Tampilkan data-data dalam tabel Zaman ke Datagrid Jika salah satu baris pada Datagrid dipilih maka Tampilkan isinya pada textbox Jika tombol Tambah diklik maka Tambahkan data-data pada textbox ke dalam tabel Zaman Kosongkan semua isi textbox Jika tombol Ubah diklik maka Update tabel Zaman berdasarkan ID Kosongkan semua isi textbox Jika tombol Hapus diklik maka

50 74 Hapus data-data dari tabel Zaman berdasarkan ID Kosongkan semua isi textbox Jika tombol Keluar diklik maka Keluar dari aplikasi editor Gambar 3.23 Rancangan Layar Editor Subzaman Pada layar editor subzaman ini terdapat tambah untuk menambahkan data baru ke dalam database, tombol ubah untuk mengedit data yang sudah ada, tombol hapus untuk menghapus data yang ada, dan tombol keluar untuk keluar dari editor. Selain itu, terdapat juga tombol Pilih.. untuk mem-browser gambar dari direktori komputer setempat dan datagrid yang fungsinya untuk menampilkan data-data yang ada dalam tabel SubZaman.

51 75 Spesifikasi proses layar: Jika salah satu zaman dipilih maka Jika koneksi database sedang terbuka maka Tutup koneksi database Buka koneksi database Tampilkan data-data dalam tabel SubZaman ke Datagrid Jika salah satu baris pada Datagrid dipilih maka Tampilkan isinya pada textbox Jika tombol Pilih diklik Browse gambar pada direktori di komputer Jika pilih OK maka Tampilkan ke isi textbox Gambar Path Selain itu jika pilih Cancel maka Kembali ke layar editor SubZaman Jika tombol Tambah diklik maka Tambahkan data-data pada textbox ke dalam tabel SubZaman Copy gambar dari direktori asal ke direktori gambar di aplikasi Kosongkan semua isi textbox

52 76 Jika tombol Ubah diklik maka Update tabel SubZaman berdasarkan ID Copy gambar dari direktori asal ke direktori gambar di aplikasi Kosongkan semua isi textbox Jika tombol Hapus diklik maka Hapus data-data dari tabel SubZaman berdasarkan ID Hapus gambar yang bersangkutan dari direktori gambar di aplikasi Kosongkan semua isi textbox Jika tombol Keluar diklik maka Keluar dari aplikasi editor Gambar 3.24 Rancangan Layar Editor Video List

53 77 Pada layar editor video list ini terdapat tambah untuk menambahkan data baru ke dalam database, tombol ubah untuk mengedit data yang sudah ada, tombol hapus untuk menghapus data yang ada, dan tombol keluar untuk keluar dari editor. Selain itu, terdapat juga tombol Pilih.. untuk mem-browser video dari direktori komputer setempat dan datagrid yang fungsinya untuk menampilkan data-data yang ada dalam tabel Video List. Spesifikasi proses layar: Jika koneksi database sedang terbuka maka Tutup koneksi database Buka koneksi database Tampilkan data-data dalam tabel VideoList ke Datagrid Jika salah satu baris pada Datagrid dipilih maka Tampilkan isinya pada textbox Jika tombol Pilih diklik Browse video pada direktori di komputer Jika pilih OK maka Tampilkan ke isi textbox Video Path Vp = ambil string nama file saja dari isi textbox video path Tampilkan vp ke isi textbox Nama Video Selain itu jika pilih Cancel maka Kembali ke layar Video

54 78 Jika tombol Tambah diklik Tambahkan data-data pada textbox ke dalam tabel VideoList Copy video dari direktori asal ke direktori video di aplikasi Kosongkan semua isi textbox Jika tombol Ubah diklik maka Update tabel Video List berdasarkan ID Copy video dari direktori asal ke direktori video di aplikasi Kosongkan semua isi textbox Jika tombol Hapus diklik maka Hapus data-data dari tabel Video List berdasarkan ID Hapus video dari direktori video di aplikasi Kosongkan semua isi textbox Jika tombol Keluar diklik maka Keluar dari aplikasi editor 3.8 Perancangan Basis Data Pembuatan basis data ini menggunakan Microsoft Access. Adapun tabeltabel yang diperlukan adalah sebagai berikut.

55 79 a. Tabel Data Kategori Makhluk Hidup Tabel 3.14 Tabel Data Kategori Makhluk Hidup Primary key : KID Nama Field Tipe Data Panjang Keterangan KID Number Integer ID bersifat unik Kategori Text 30 Pengelompokkan makhluk hidup Penjelasan Memo Penjelasan dari kategori Ciri Memo Ciri ciri dari kategori KeywordK Text 100 Kata kunci untuk informasi terkait b. Tabel Data Makhluk Hidup Tabel 3.15 Tabel Data Makhluk Hidup Primary key Foreign key : MHID : KID Nama Field Tipe Data Panjang Keterangan MHID Number Integer ID bersifat unik NamaMH Text 30 Nama makhluk hidup PenjelasanMH Memo Penjelasan makhluk hidup Lokasi Text 100 Lokasi fosil ditemukan Makanan Text 100 Makanan yang dimakan Pengucapan Text 50 Pengucapan nama yang benar Artinama Text 100 Arti pemberian nama Panjang Text 10 Panjang tubuh makhluk hidup Tinggi Text 10 Tinggi tubuh makhluk hidup Berat Text 10 Berat tubuh makhluk hidup GambarMH Text 255 Initial direktori dari gambar makhluk hidup KID Number Integer ID Kategori

56 80 c. Tabel Data Zaman Tabel 3.16 Tabel Data Zaman Primary key : ZID Nama Field Tipe Data Panjang Keterangan ZID Number Integer ID bersifat unik Era Text 30 Nama zaman PenjelasanZaman Memo Penjelasan zaman Kehidupan Memo Penjelasan makhluk hidup pada zaman Iklim Memo Penjelasan iklim zaman KeywordZ Text 100 Kata kunci untuk informasi terkait d. Tabel Data Subzaman Tabel 3.17 Tabel Data Subzaman Primary key Foreign key : SZID : ZID Nama Field Tipe Data Panjang Keterangan SZID Number Integer ID bersifat unik Subzaman Text 30 Nama subzaman PenjelasanSZ Memo Penjelasan subzaman GambarSZ Text 255 Initial direktori dari gambar subzaman ZID Number Integer ID zaman KeywordSZ Text 100 Kata kunci untuk informasi terkait e. Tabel Data Video List Tabel 3.18 Tabel Data Video List Primary key : VID Nama Field Tipe Data Panjang Keterangan VID Number Integer ID bersifat unik NamaVideo Text 50 Initial directori dari video

57 KategoriVideo Text 30 Pengelompokkan jenis video PathVideo Text 255 Initial direktori dari video 81 f. Tabel Data Admin Tabel 3.19 Tabel Data Admin Primary key : Username Nama Field Tipe Data Panjang Keterangan Username Text 30 Nama admin Password Text 30 Password admin