bab 3 analisa dan perancangan sistem 3.1 riwayat …thesis.binus.ac.id/doc/bab3/2009-1-00118-if bab...

25

BAB 3

ANALISA DAN PERANCANGAN SISTEM

3.1 Riwayat Sekolah

3.1.1 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 1953. Pada awalnya siswa terdiri dari anak-

anak masyarakat sekitar sekolah. Di tahun 1953-1970, 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 1.

3.1.2 Visi dan Misi Sekolah

Visi

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 1945. “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.

27

2.2 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.

3.1.3 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.

28

14. 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.

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.

30

20. 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.

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.

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 barang-

barang.

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

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)

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/lomba-

lomba bidang kesenian.

c) Merencanakan kegiatan seni bersama Kepala Sekolah.

7. Seksi UKS

a) Pelayanan UKS ( peralatan/obat-obatan)

b) Keteraturan dan kebersihan ruang UKS

35

3.1.4 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:

36

1. Apakah kamu tahu apa itu ensiklopedia?

a. Ya

b. Tidak

Tabel 3.1 Tabel analisis pertanyaan pertama kuesioner awal

Jawaban Responden % Ya 15 42

Tidak 21 58 Total 36 100

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



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.

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 10 67 Baca di internet 4 27 CD 1 6 Lain‐lain ‐ ‐

Total 15 100

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, …

38

Tabel 3.4 Tabel analisis pertanyaan keempat kuesioner awal

Jawaban Responden % Berisi gambar yang banyak 13 36 Berisi teks yang banyak 10 28 Warna‐warni 4 11 Lain‐lain (tidak tahu) 9 25

Total 36 100

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.



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 2 18 50 Contoh 1 17 47

39

Contoh 3 1 3 Total 36 100

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


Tidak ‐ ‐ Total 36 100

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



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 11 44 Ensiklopedia 5 20 Internet 4 16 TV 3 12 CD 2 8 Lain‐lain ‐ ‐

Total 25 100


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

41

diharapkan informasi yang disajikan dalam ensiklopedia ini dapat lebih

gampang dipahami oleh siswa-siswi SD tersebut.

9. Apakah kamu pernah membaca ensiklopedia tentang kehidupan prasejarah?

a. Ya

b. Tidak

Tabel 3.9 Tabel analisis pertanyaan kesembilan kuesioner awal




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 17 50 Hewan prasejarah 10 29 Manusia prasejarah 5 15

42

Tumbuhan prasejarah 1 3 Lain‐lain 1 3

Total 34 100


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




Fatima I suka mendengarkan musik atau lagu. Sehingga dalam aplikasi

ensiklopedia yang dirancang akan dimuat musik ataupun lagu yang

mendukung.

43

12. Apakah kamu suka menggambar?

a. Ya

b. Tidak

Tabel 3.12 Tabel analisis pertanyaan keduabelas kuesioner awal




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




Fatima I suka mewarnai. Sehingga dalam ensiklopedia yang akan dirancang,

akan disertakan suatu fitur yang mendukung minat siswa-siswi tersebut.

44

3.3 Analisa Kebutuhan Sistem

Dari hasil kuesioner, dapat diambil simpulan mengenai kebutuhan-

kebutuhan 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.

45

3.4 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

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

47

Gambar 3.5 State Transition Diagram Ensiklopedia Kehidupan Prasejarah

48

3.7 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

Akhir jika

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


Tampilkan layar Menu Utama

Jalankan modul tombol kanan atas

Tampilkan tombol menu Menjelajahi Kehidupan Prasejarah

Tampilkan tombol menu Bermain di Zaman Prasejarah

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

Akhir jika

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.

51

Gambar 3.8 Rancangan Layar Menjelajahi Kehidupan Prasejarah


Tampilkan layar Menjelajahi Kehidupan Prasejarah


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

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

Akhir jika

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).

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


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

54

Selain itu jika tab penjelasan makhluk hidup yang diklik maka

Tampilkan penjelasan sesuai kategori

Akhir jika

Jika tombol Cari diklik maka

Tampilkan layar pencarian informasi

Jalankan modul cari

Akhir jika

Jika tombol informasi terkait diklik maka

Jalankan modul informasi terkait

Akhir jika

Jika tombol menu shortcut diklik maka

Jalankan modul menu shortcut

Akhir jika

Tutup koneksi database

55

Gambar 3.10 Rancangan Layar Informasi Spesies Makhluk Hidup


Tampilkan layar informasi spesies makhluk hidup





Jalankan modul Next Spesies ketika tombol next diklik

Jalankan modul Previous Spesies ketika tombol previous diklik


Jika tab ciri-ciri makhluk hidup yang diklik maka

Tampilkan ciri-ciri sesuai kategori

56

Selain itu jika tab spesies makhluk hidup yang diklik maka


Selain itu jika tab penjelasan makhluk hidup yang diklik maka

Tampilkan penjelasan sesuai kategori

Akhir jika



Jalankan modul cari

Akhir jika



Akhir jika



Akhir jika


57

Gambar 3.11 Rancangan Layar Informasi Terkait


Tampilkan layar informasi terkait




Tampilkan informasi terkait yang dipilih



Jalankan modul cari

Akhir jika


58


Akhir jika


Jika tombol Kembali diklik maka

Kembali ke layar sebelum informasi terkait dipilih

Akhir jika

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.

59


Tampilkan layar Pembagian Zaman Prasejarah




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

Akhir jika


Gambar 3.13 Rancangan Layar Informasi Penjelasan Zaman/Iklim/Kehidupan

60


Tampilkan layar informasi penjelasan/iklim/kehidupan zaman




Tampilkan penjelasan sesuai nama zaman yang dipilih


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

Akhir jika



Jalankan modul cari

Akhir jika



Akhir jika


61


Akhir jika


Gambar 3.14 Rancangan Layar Informasi Subzaman


Tampilkan layar informasi subzaman




Tampilkan subzaman sesuai nama zaman yang dipilih

Jalankan modul Next Subzaman ketika tombol next diklik

62

Jalankan modul Previous Subzaman ketika tombol previous diklik


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

Akhir jika



Jalankan modul cari

Akhir jika



Akhir jika



Akhir jika


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.




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

64

Akhir jika

Tampilkan daftar informasi terkait dari kata yang dimasukkan

Jika salah satu kata dalam informasi terkait dipilih maka

Tampilkan informasinya pada textbox informasi

Akhir jika


Jika tombol X diklik maka

Sembunyikan layar pencarian informasi

Akhir jika

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.

65

Gambar 3.16 Rancangan Layar Bermain di Zaman Prasejarah


Tampilkan layar Bermain di Zaman Prasejarah


Tampilkan tombol menu Game 1



Jika tombol menu Game 1 diklik maka

Tampilkan layar Game 1

Selain itu jika tombol menu Game 2 diklik maka


Selain itu jika tombol menu Game 3 diklik maka


Akhir jika

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.

66

Gambar 3.17 Rancangan Layar Galeri Kehidupan Prasejarah


Tampilkan layar Galeri Kehidupan Prasejarah



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

Akhir jika

Akhir jika


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.

Gambar 3.18 Rancangan Layar Exit

h. Layar Login Admin

Username

Password

Masuk Batal

Login

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.

68


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


Akhir jika

Buka koneksi database

Jika username dan password cocok dan ada dalam tabel Admin maka

Tampilkan layar editor

Akhir jika

Akhir jika

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.

69

Gambar 3.20 Rancangan Layar Editor Kategori




Akhir jika


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

Akhir jika

Jika tombol Ubah diklik maka

Update tabel Kategori Makhluk Hidup berdasarkan ID

70

Kosongkan semua isi textbox

Akhir jika

Jika tombol Keluar diklik maka

Keluar dari aplikasi editor

Akhir jika

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.

71


Jika salah satu kategori dipilih maka



Akhir jika


Tampilkan data-data dalam tabel Makhluk Hidup ke Datagrid

Akhir jika



Akhir jika

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

Akhir jika

Akhir jika

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


Akhir jika

72


Update tabel Makhluk Hidup berdasarkan ID



Akhir jika

Jika tombol Hapus diklik maka

Hapus data-data dari tabel Makhluk Hidup berdasarkan ID

Hapus gambar yang bersangkutan dari direktori gambar di aplikasi


Akhir jika



Akhir jika

Gambar 3.22 Rancangan Layar Editor Zaman

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.


Jika koneksi database sedang terbuka

Maka tutup koneksi database

Akhir jika


Tampilkan data-data dalam tabel Zaman ke Datagrid



Akhir jika


Tambahkan data-data pada textbox ke dalam tabel Zaman


Akhir jika


Update tabel Zaman berdasarkan ID


Akhir jika


74

Hapus data-data dari tabel Zaman berdasarkan ID


Akhir jika



Akhir jika

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


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.

75


Jika salah satu zaman dipilih maka



Akhir jika


Tampilkan data-data dalam tabel SubZaman ke Datagrid

Akhir jika



Akhir jika


Browse gambar pada direktori di komputer

Jika pilih OK maka

Tampilkan ke isi textbox Gambar Path


Kembali ke layar editor SubZaman

Akhir jika

Akhir jika


Tambahkan data-data pada textbox ke dalam tabel SubZaman



Akhir jika

76


Update tabel SubZaman berdasarkan ID



Akhir jika


Hapus data-data dari tabel SubZaman berdasarkan ID

Hapus gambar yang bersangkutan dari direktori gambar di aplikasi


Akhir jika



Akhir jika

Gambar 3.24 Rancangan Layar Editor Video List

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


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.




Akhir jika


Tampilkan data-data dalam tabel VideoList ke Datagrid



Akhir jika


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


Kembali ke layar Video

78

Akhir jika

Akhir jika

Jika tombol Tambah diklik

Tambahkan data-data pada textbox ke dalam tabel VideoList

Copy video dari direktori asal ke direktori video di aplikasi


Akhir jika


Update tabel Video List berdasarkan ID

Copy video dari direktori asal ke direktori video di aplikasi


Akhir jika


Hapus data-data dari tabel Video List berdasarkan ID

Hapus video dari direktori video di aplikasi


Akhir jika



Akhir jika

3.8 Perancangan Basis Data

Pembuatan basis data ini menggunakan Microsoft Access. Adapun tabel-

tabel yang diperlukan adalah sebagai berikut.

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 : MHID

Foreign key : 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

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 : SZID

Foreign key : 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

81

KategoriVideo Text 30 Pengelompokkan jenis video PathVideo Text 255 Initial direktori dari video

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

bab 3 analisa dan perancangan sistem 3.1 riwayat …thesis.binus.ac.id/doc/bab3/2009-1-00118-if bab...

Documents