BAB 3
ANALISIS DAN PERANCANGAN
3.1 Riwayat Perusahaan
Sekolah Lanjutan Tingkat Pertama Kristen Ketapang dibuka pada tanggal 15 Juli 1996, yang berlokasi di komplek Green Garden Blok M -1, Jakarta Barat.
Sejak pertama kali berdiri sampai menginjak tahun ini, SLTP Kristen Ketapang telah berkembang seperti yang diharapkan. Setelah menjalankan Ebtanas yang pertama kali, maka pada bulan November 1999, SLTP Kristen Ketapang mendapat status disamakan setelah terlebih dahulu menjalani akreditasi sekolah oleh tim akreditasi Depdikbud.
Para staff guru dan karyawan yang selalu berusaha peduli terhadap para siswa dan didukung oleh fasilitas yang cukup memadai, walaupun belum semuanya, menjadikan SLTP Kristen Ketapang mampu bersaing dengan sekolah lain. Hal ini dapat dilihat dari prestasi kelulusan siswa yang pada angkatan pertama mampu menempati ranking 36 se-DKI Jakarta, angkatan kedua mampu menempati ranking 28 se-DKI Jakarta, dan angkatan ketiga
3.2 Struktur Organisasi Kepala Sekolah Koor. Kesiswaan Koor kerohanian Koor. Kurikulum Wakil Kepala Sekolah
Gambar 3.1 Struktur Organisasi SLTPK Ketapang
3.3 Prosedur yang Sedang Berjalan
Biologi merupakan pelajaran wajib di sekolah menengah pertama, mata pelajaran ini menarik bagi para siswa yang menyukai kehidupan makhluk hidup dan yang berkeinginan menjadi dokter. Tetapi di antara sekian banyak siswa terdapat cukup banyak siswa yang tidak menyukai pelajaran ini.
Para guru selama ini menggunakan metode konvensional dalam kegiatan belajar-mengajar yaitu penyampaian materi yang dilakukan seorang guru dan siswa hanya duduk mendengarkan, menperhatikan, dan mencatat
penguasaan materi siswa pada mata pelajaran ini, para guru memberikan ulangan yang dilakukan setiap satu bab selesai diajarkan.
Biologi merupakan pelajaran yang mempelajari kehidupan makhluk hidup sehingga dalam mempelajarinya diperlukan alat bantu untuk mendalaminya dan dibutuhkan laboratorium sebagai sarana untuk melakukan percobaan.
Kegiatan belajar mengajar di sekolah ini ditunjang oleh beberapa peralatan yaitu papan tulis, spidol, dan alat peraga. Setiap kelas mempunyai siswa sebanyak 28 orang. Sekolah juga mempunyai fasilitas untuk menunjang kegiatan belajar yaitu laboraorium biologi, laboratorium komputer, laboratorium fisika, dan laboratorium kimia.
M ata pelajaran Biologi pada SLTP Kristen Ketapang dilaksanakan setiap 2 kali dalam seminggu, dengan perhitungan 1 jam pelajaran adalah 45 menit, jadi siswa hanya mendapat pelajaran Biologi selama 90 menit setiap minggunya. Waktu yang diberikan sebanyak 2 kali juga termasuk percobaan yang dilakukan di laboratorium, sehingga waktu untuk membahas pelajaran pun jadi berkurang.
Dari prosedur yang sedang berjalan ini, siswa mendapatkan pengetahuan mengenai pelajaran Biologi dari buku teks dan guru. Dengan menggunakan metode konvensional, siswa menjadi cepat bosan dan kehilangan gairah untuk belajar.
3.4 Hasil Kuesioner
Untuk mengetahui permasalahan yang ada pada kegiatan belajar mengajar yang dilaksanakan di kelas khususnya pada mata pelajaran Biologi, maka penulis melakukan pengumpulan data melalui penyebaran kuesione untuk para siswa. Di bawah ini akan dibahas mengenai hasil kuesioner yang dilakukan pada siswa SLTP Kristen Ketapang .
1. Apakah kamu sering menggunakan waktu di luar jam sekolah untuk belajar? (tidak termasuk les,kursus,bimbingan belajar,jam tambahan dan sebagainya)
a. Sangat sering (lebih dari 3 jam sehari) b. Cukup sering ( 1-3 jam sehari)
c. Tidak begitu sering ( 30-60 menit sehari)
d. Hampir tidak pernah ( di bawah 30 menit sehari)
Apakah kamu sering menggunakan waktu di luar jam sekolah untuk belajar? (tidak termasuk les,kursus,bimbingan belajar,jam tambahan dan sebagainya)
Jumlah Presentase
a. Sangat sering ( lebih dari 3 jam sehari) 1 2 % b. Cukup sering ( 1-3 jam sehari) 12 24 % c. Tidak begitu sering ( 30-60 menit sehari) 21 41 % d. Hampir tidak pernah ( di bawah 30 menit sehari) 17 33 %
Diagram Tingkat Kebiasaan Belajar
di Luar Jam Sekolah
2% 24% 41% 33% Sangat Sering Cukup Sering Tidak begitu sering Hampir tidak
pernah s
Gambar 3.2 Diagram Tingkat Kebiasaan Belajar di luar jam sekolah
Dari diagram di atas kita dapat mengetahui seberapa besar minat siswa dalam mempergunakan waktu di luar jam sekolah untuk belajar. M enurut hasil kuesioner yang dilakukan pada siswa-siswi SLTP Kristen Ketapang sebanyak 21 orang atau 41% dari 51 orang yang mengisi kuesioner menyatakan bahwa mereka mempergunakan waktu di luar jam sekolah untuk belajar secara personal setidaknya 30 menit dalam sehari. Hal ini membuktikan bahwa siswa-siswi tersebut setidaknya masih mempunyai niat yang cukup besar untuk belajar, bahkan sebanyak 12 orang atau 24% dari responden menyatakan bahwa mereka menggunakan waktu untuk belajar sekurang-kurangnya 1 jam sehari. Sedangkan sebanyak 17 orang atau 33%
waktu untuk belajar, hal ini disebabkan oleh banyaknya kursus atau les yang mereka ikuti dan hal itu dirasakan sudah mencukupi waktu belajar.
2. Apakah kamu mempunyai minat terhadap pelajaran Biologi? a. Sangat berminat
b. Cukup berminat c. Tidak begitu berminat d. Tidak berminat
Apakah kamu mempunyai minat terhadap pelajaran Biologi?
Jumlah Presentase
a. Sangat berminat 2 4 %
b. Cukup berminat 24 47 %
c. Tidak begitu berminat 19 37 %
d. Tidak berminat 6 12 %
Tabel 3.2 Hasil Kusioner Pertanyaan ke 2
Diagram Tingkat Minat Siswa Terhadap
Pelajaran Biologi
4% 47% 37% 12% Sangat berminat Cukup berminat Tidak begitu berminat Tidak berminatDari data yang diperoleh melalui kuesioner yang disebarkan, dapat dilihat bahwa sebanyak 24 orang atau sebesar 47% siswa mempunyai ketertarikan yang cukup besar dalam mengikuti pelajaran Biologi di kelas, hal ini disebabkan oleh faktor pengajar yang dirasakan cukup aktif dan variatif dalam menjelaskan pelajaran tersebut, faktor keinginan untuk menjadi seorang dokter juga berpengaruh dalam hal ini, karena Biologi merupakan dasar pelajaran bagi siswa yang mempunyai keinginan untuk menjadi seorang dokter. Sedangkan sebanyak 19 orang atau sebesar 37% siswa mengakui bahwa mereka tidak begitu tertarik dengan mata pelajaran Biologi, hal ini disebabkan oleh ketidaktertarikan mereka pada mata pelajaran IPA (Ilmu Pengetahuan Alam).
3. Apakah kamu mengalami kesulitan dalam mengikuti pelajaran di kelas, khususnya Biologi?
a. Sangat sulit b. Cukup sulit c. Sedikit sulit d. Tidak sulit
Apakah kamu mengalami kesulitan dalam mengikuti pelajaran di kelas, khususnya Biologi?
Jumlah Presentase
a. Sangat sulit 6 12 %
b. Cukup sulit 28 55 %
c. Sedikit sulit 13 25 %
d. Tidak sulit 4 8 %
Diagram Tingkat Kesulitan Siswa
Mempelajari Biologi
12% 55% 25% 8% Sangat sulit Cukup sulit Sedikit sulit Tidak sulitGambar 3.4 Diagram Tingkat Kesulitan Siswa Mempelajari Biologi
Dari hasil kuesioner di atas dapat kita ketahui bahwa sebanyak 28 orang atau sebesar 55% siswa merasa kesulitan dalam mempelajari Biologi, hal ini disebabkan oleh banyaknya istilah-istilah asing yang harus dihafalkan dan mereka juga mengalami kesulitan dalam membayangkan atau memvisualisasikan pelajaran tersebut karena adanya keterbatasan fasilitas yang disediakan oleh sekolah.
4. Apakah selama ini cara penyajian materi di kelas khususnya pada mata pelajaran Biologi menarik?
c. Tidak begitu menarik d. Tidak menarik
Apakah selama ini cara penyajian materi di kelas khususnya pada mata pelajaran Biologi menarik?
Jumlah Presentase
a. Sangat menarik 2 4 %
b. Cukup menarik 29 57 %
c. Tidak begitu menarik 14 27 %
d. Tidak menarik 6 12 %
Tabel 3.4 Hasil Kusioner Pertanyaan ke 4
Diagram Tingkat ketertarikan Penyampaian
Materi di Kelas
4% 57% 27% 12% Sangat menarik Cukup menarik Tidak begitu menarik Tidak menarikGambar 3.5 Diagram Tingkat Ketertarikan Penyampaian Materi di Kelas
Diagram di atas menunjukkan bahwa penyampaian materi yang dilakukan di kelas oleh pengajar dirasakan sudah cukup menarik, dapat dilihat bahwa sebesar 29 orang atau sebesar 57% siswa menyatakan bahwa pelajaran ini cukup menarik, hal ini disebabkan oleh faktor guru yang mengajar yang
mempunyai sarana pendukung dalam menyampaikan materi pelajaran Biologi tersebut.
5. Apakah waktu yang diberikan untuk mata pelajaran Biologi cukup? a. Sangat kurang
b. Cukup kurang c. Sedikit kurang d. Tidak kurang
Apakah waktu yang diberikan untuk mata pelajaran Biologi cukup? Jumlah Presentase a. Sangat kurang 2 4 % b. Cukup kurang 19 37 % c. Sedikit kurang 12 24 % d. Tidak kurang 18 35 %
Tabel 3.5 Hasil Kusioner Pertanyaan ke 5
Diagram Tingkat ketersediaan Waktu
di Sekolah
4% 37% 24% 35% Sangat kurang Cukup kurang Sedikit kurang Tidak kurangDari diagram di atas dapat dilihat bahwa sebanyak 19 orang atau sebesar 37% siswa merasakan bahwa waktu diberikan di kelas dalam mempelajari pelajaran Biologi cukup kurang, hal ini disebabkan oleh ketiadaan waktu khusus untuk melakukan suatu penelitian di laboratorium dan biasanya waktu yang digunakan untuk hal tersebut adalah waktu pelajaran sehingga mengurangi jumlah waktu yang diberikan. Akan tetapi terdapat 18 orang atau sebesar 35% siswa menyatakan bahwa waktu yang disediakan untuk pelajaran Biologi sudah mencukupi, hal ini dikarenakan oleh perbedaan ingatan seseorang atau perbedaan tingkat pemahaman seseorang dalam mengolah suatu pelajaran.
6. M enurut kamu, faktor-faktor apa saja yang menjadi kendala dalam mempelajari Biologi? (boleh pilih lebih dari satu)
a. Kesulitan untuk membayangkan materi yang disampaikan b. Tidak adanya gambaran/visualisasi pendukung materi c. Suasana kelas yang tidak mendukung
d. Keterbatasan bahasa
M enurut kamu, faktor-faktor apa saja yang menjadi kendala dalam mempelajari Biologi? (boleh pilih lebih dari satu)
Jumlah Ranking
a. Kesulitan untuk membayangkan materi yang disampaikan 26 1 b. Tidak adanya gambaran/visualisasi pendukung materi 16 3 c. Suasana kelas yang tidak mendukung 20 2
d. Keterbatasan bahasa 14 4
Dari data di atas dapat kita ketahui faktor-faktor yang menjadi kendala dalam mempelajari Biologi yang diurutkan berdasarkan ranking, yaitu:
1. Kesulitan dalam membayangkan materi 2. Suasana kelas yang tidak mendukung 3. Kurangnya sarana pendukung
4. Keterbatasan bahasa
7. Apakah sarana/peralatan di kelas dan di laboratorium dapat membantu kamu dalam memahami pelajaran Biologi?
a. Sangat membantu b. Cukup membantu c. Sedikit membantu d. Tidak membantu
Apakah sarana/peralatan di kelas dan di laboratorium dapat
membantu kamu dalam memahami pelajaran Biologi? Jumlah Presentase
a. Sangat membantu 4 8 %
b. Cukup membantu 21 41 %
c. Sedikit membantu 19 37 %
d. Tidak membantu 7 14 %
Diagram Tingkat Kegunaan Fasilitas
Sekolah
8% 41% 37% 14% Sangat membantu Cukup membantu Sedikit membantu Tidak membantuGambar 3.7 Diagram Tingkat Kegunaan Fasilitas Sekolah
Dari data di atas dapat disimpulkan bahwa sarana yang disediakan oleh pihak sekolah cukup membantu mereka dalam mempelajari pelajaran Biologi, akan tetapi waktu yang digunakan untuk mempergunakan fasilitas tersebut terbatas sehingga hanya sedikit hasil yang diterima dalam menggunakan fasilitas sekolah.
8. M enurut kamu, apakah perlu dibuat sebuah perangkat ajar yang lebih menarik dan interaktif?
a. Sangat perlu b. Cukup perlu c. Tidak begitu perlu d. Tidak perlu
M enurut kamu, apakah perlu dibuat sebuah perangkat ajar yang lebih menarik dan interaktif?
Jumlah Presentase
a. Sangat perlu 36 71 %
b. Cukup perlu 13 25 %
c. Tidak begitu perlu 2 4 %
d. Tidak perlu 0 0 %
Tabel 3.8 Hasil Kusioner Pertanyaan ke 8
Diagram Tingkat Kebutuhan Perangkat
Ajar
71% 25% 4% 0% Sangat perlu Cukup perlu Tidak begitu perlu Tidak perluGambar 3.8 Diagram Tingkat Kebutuhan Perangkat Ajar
Dari diagram tingkat kebutuhan perangkat ajar pada SLTP Kristen Ketapang dapat disimpulkan bahwa para siswa membutuhkan suatu aplikasi perangkat ajar untu membantu meningkatkan pemahaman mereka dalam mempelajari pelajaran Biologi. Hal ini dapat disimpulkan karena melihat bahwa sebanyak 36 siswa atau sebesar 77% siswa menyatakan bahwa sangat
9. M enurut kamu, apa saja yang diperlukan agar perangkat ajar tersebut dapat meningkatkan minat kamu dalam mempelajari Biologi?
a. Tampilan yang menarik b. M udah penggunaannya c. Adanya penjelasan teori d. Adanya soal-soal dan jawaban e. Adanya animasi
f. Adanya video
g. Adanya gambar-gambar h. Adanya suara pendukung
i. Lain-lain, sebutkan……….
Jawaban Jumlah Ranking
a. Tampilan yang menarik 42 2
b. M udah penggunaannya 16 7
c. Adanya penjelasan teori 30 5
d. Adanya soal-soal dan jawaban 11 8
e. Adanya animasi 32 4
f. Adanya video 38 3
g. Adanya gambar-gambar 43 1
h. Adanya suara pendukung 19 6
i. Lain-lain, sebutkan…………. 3 9
Tabel 3.9 Hasil Kusioner Pertanyaan ke 9
Dari hasil kuesioner yang didapat, dapat diketahui apa saja kebutuhan perangkat ajar menurut para siswa, yaitu:
2. Tampilan yang menarik 3. Adanya video
4. Adanya animasi
5. Adanya penjelasan teori 6. Adanya suara pendukung 7. M udah penggunaannya
8. Adanya soal-soal dan jawaban
10. Seberapa sering kamu menggunakan omputer? a. Sangat sering ( lebih dari 10 jam seminggu) b. Sering ( 7-10 jam seminggu)
c. Cukup sering ( 4-6 jam seminggu) d. Tidak begitu sering ( 1-3 jam seminggu)
Seberapa sering kamu menggunakan komputer? Jumlah Presentase a. Sangat sering ( lebih dari 10 jam seminggu) 8 16 %
b. Sering ( 7-10 jam seminggu) 11 22 %
c. Cukup sering ( 4-6 jam seminggu) 13 25 % d. Tidak begitu sering ( 1-3 jam seminggu) 19 37 %
Diagram Tingkat Penggunaan Komputer 16% 22% 25% 37% Sangat sering Sering Cukup sering Tidak begitu sering
Gambar 3.9 Diagram Tingkat Penggunaan Komputer
Dari diagram di atas dapat diketahui bahwa tingkat penggunaan komputer yang dilakukan oleh para siswa cukup besar, hal ini disebabkan oleh adanya pelajaran komputer yang mereka ikuti sekurang-kurangnya satu jam dalam seminggu, bahkan sebanyak 32 siswa mengakui bahwa mereka menggunakan komputer sekurang-kurangnya 4 jam dalam seminggu. Hal ini tentunya amat menarik mengingat bahwa sejak muda mereka sudah mengenal teknologi informasi walaupun mereka baru mengenal sebatas permainan, word
processing, chatting, dan internet
Dari analisa yang dilakukan pada metode konvensional dapat dilihat beberapa kekurangan yang ada pada metode tersebut, yaitu
1. Keterbatasan seorang pengajar untuk memperlihatkan gerakan objek yang terjadi, dalam hal ini pada bab sistem peredaran darah pada mata pelajaran Biologi.
2. Keterbatasan pemilihan kata yang tepat untuk menyampaikan hal yang dimaksud.
3. Keterbatasan peralatan/media pada waktu kegiatan belajar ini dilakukan yaitu media yang dapat digunakan berupa dua dimensi sedangkan pelajaran ini menyangkut makhluk hidup yang merupakan tiga dimensi.
3.5 Pemecahan Masalah
Dengan adanya kendala-kendala yang muncul pada cara pengajaran secara konvensional maka penulis memberikan alternatif cara pengajaran yang berbeda yaitu dengan perangkat ajar berbasiskan multimedia, yang diharapkan dapat meningkatkan keinginan belajar siswa dan meningkatkan kualitas materi pelajaran. Peranan perangkat ajar yang dirancang mungkin dapat menggantikan peranan guru sebagai satu-satunya sumber pengetahuan. Pada masa yang akan datang peranan guru mungkin berubah yaitu lebih sebagai pendamping atau pembimbing saja. (Vaughan,2004)
3.6 Persyaratan Sistem dan Spesifikasi
Persyaratan sistem dan spesifikasi ini merupakan kesimpulan dari kuesioner yang telah disebarkan sebelum makalah ini dibuat dan dari hasil
tersebut maka penulis menyimpulkan bahwa perangkat ajar yang dirancang harus mempunyai spesifikasi sebagai berikut:
1. Perangkat ajar bersifat interaktif sehingga siswa dilatih untuk selalu aktif dalam mengikuti pelajaran. Interaktif merupakan salah satu tujuan dasar dari CAI (Computer Assisted Instruction).
2. Berdasarkan hasil dari kuesioner yang disebarkan, pengguna mengharapkan perangkat ajar yang memiliki tampilan yang menarik, mudah penggunaannya, adanya gambar, adanya animasi, adanya permainan pendukung.
3. Perangkat ajar berisi materi pelajaran yang sesuai dengan standar pada tingkat sekolah menengah pertama kelas 2 dan berisi soal-soal dan jawaban yaitu berdasarkan kurikulum berbasis kompetensi.
3.7 Perancangan Perangkat Ajar
3.7.1 Struktur Menu
Pada subbab ini akan dibahas mengenai perancangan struktur menu dimana modul-modul yang ada dan berhubungan akan digambarkan dalam bentuk diagram. Struktur menu digunakan untuk mengetahui tingkatan modul yang ada dalam suatu aplikasi. Rancangan struktur menu dari sistem yang akan dibuat adalah sebagai berikut:
1. M enu Awal
Gambar 3.10 Struktur Menu Awal
2. M enu Login Siswa
3. M enu Utama
Gambar 3.12 Struktur Menu Utama
4. M enu Sistem Peredaran Darah
5. M enu Peredaran Darah
Gambar 3.14 Struktur Menu Peredaran Darah
6. M enu Sistem Peredaran Getah Bening
7. M enu Tonsil
Gambar 3.16 Struktur Menu Tonsil
8. M enu Kelainan pada Sistem Transportasi
9. Struktur M enu Varises
Gambar 3.18 Struktur Menu Varises
3.7.2 State Transition Diagram (STD)
1. STD Aplikasi Perangkat Ajar bagian siswa a. STD Awal
b. STD M enu Login Siswa
d. STD Sistem Peredaran Darah
e. STD Peredaran Darah Sis tem Peredaran Darah Peredaran Darah test Video Games
Pilih menu ‘s is tem peredaran darah’ (tampilkan pilihan menu ‘sistem peredaran darah’) Pilih menu ‘s is tem
peredaran darah’ (tampilk an pilihan menu ‘sistem peredaran darah’)
Klik tombol ‘peredaran darah’ (tampilk an layar ‘peredaran darah’) Klik tombol ‘games’ (tampilkan lay ar ‘games ’’) Klik tombol ‘keluar’ (tampilkan layar ‘peredaran darah’
Klik tombol ‘v ideo’ (tam pilkan layar
‘video’)
Klik tombol ‘test’ (tampilk an layar
‘test’) Klik tombol ‘keluar’
(tampilk an layar ‘peredaran darah’)
Pilih menu ‘video’ (tampilkan
pilihan menu ‘video’) Pilih menu ‘games’
(tampilkan pilihan menu ‘games’)
f. STD Sistem Peredaran Getah Bening
g. STD Tonsil Sis tem Peredaran getah bening T onsil test Video Games
Pilih menu ‘sistem peredaran getah bening’ (tampilk an pilihan menu ‘sistem peredaran getah bening’) Pilih menu
‘sis tem peredaran getah bening’ (tampilk an pilihan menu
‘sistem peredaran getah bening’) Klik tombol ‘tonsil’ (tampilk an layar ‘tons il’) Klik tombol ‘games’ (tampilkan lay ar ‘games ’’) Klik tombol ‘keluar’ (tampilkan layar ‘Tonsil’
Klik tombol ‘v ideo’ (tam pilkan layar
‘video’)
Klik tombol ‘test’ (tampilk an layar
‘test’) Klik tom bol ‘keluar’ (tampilkan lay ar ‘tonsil’)
Pilih menu ‘video’ (tampilkan
pilihan menu ‘video’) Pilih menu ‘games’
(tampilkan pilihan menu ‘games’)
h. STD Kelainan pada Sistem Transportasi
i. STD Varises Kelainan s istem transportasi Varises test Video Games
Pilih menu ‘kelainan sistem transportasi’ (tampilk an pilihan menu ‘k elainan s is tem transportasi’) Pilih menu
‘kelainan sistem tranportasi’ (tampilk an pilihan menu
‘kelainan s istem transportas i’) Klik tombol ‘v arises’ (tampilk an layar ‘varises’) Klik tombol ‘games’ (tampilkan lay ar ‘games ’’) Klik tombol ‘keluar’ (tampilk an layar ‘varises ’
Klik tombol ‘v ideo’ (tam pilkan layar
‘video’)
Klik tombol ‘test’ (tampilk an layar
‘test’) Klik tom bol ‘keluar’ (tampilkan lay ar ‘tonsil’)
Pilih menu ‘video’ (tampilkan
pilihan menu ‘video’) Pilih menu ‘games’
(tampilkan pilihan menu ‘games’)
2. STD Aplikasi Perangkat Ajar bagian guru a. STD Awal
Menu Awal
Menu Login Guru Menu Login Siswa
Klik tombol ‘sis wa’ (tampilkan lay ar ‘menu login siswa)
Klik tombol ‘guru’ (tampilk an layar ‘menu login guru’)
Gambar 3.27 STD Layar Awal
b. STD M enu Login Guru
Menu Login Guru
Keluar Menu Utama
Klik tombol ‘login’
(tampilkan layar ‘menu utama’)
Klik tombol ‘ex it’ (keluar dari program)
c. STD M enu Utama Guru
d. STD Soal Sistem Peredaran Darah Soal sistem peredaran darah cari simpan hapus ubah batal tambah Klik tombol ‘tambah’
(tambah soal)
Klik tombol ‘batal’ (batalkan soal)
Klik tombol ‘ubah’ (ubah soal)
Klik tombol ‘hapus’ (hapus soal)
Klik tombol ‘s impan’ (simpan soal)
Klik tombol ‘cari’ (cari soal)
Keluar (keluar dari program)Klik tombol ‘keluar’
e. STD Soal Sistem Peredaran Getah Bening Soal sistem peredaran getah bening cari simpan hapus ubah batal tambah Klik tombol ‘tambah’
(tambah soal)
Klik tombol ‘batal’ (batalkan soal)
Klik tombol ‘ubah’ (ubah soal)
Klik tombol ‘hapus’ (hapus soal)
Klik tombol ‘s impan’ (simpan soal)
Klik tombol ‘cari’ (cari soal)
Keluar (keluar dari program)Klik tombol ‘keluar’ Soal sistem peredaran Getah Bening cari simpan hapus ubah batal tambah Klik tombol ‘tambah’
(tambah soal)
Klik tombol ‘batal’ (batalkan soal)
Klik tombol ‘ubah’ (ubah soal)
Klik tombol ‘hapus’ (hapus soal)
Klik tombol ‘s impan’ (simpan soal)
Klik tombol ‘cari’ (cari soal)
f. STD Soal Kelainan pada system transportasi Soal kelainan sistem transportasi cari simpan hapus ubah batal tambah Klik tombol ‘tambah’
(tambah soal)
Klik tombol ‘batal’ (batalkan soal)
Klik tombol ‘ubah’ (ubah soal)
Klik tombol ‘hapus’ (hapus soal)
Klik tombol ‘s impan’ (simpan soal)
Klik tombol ‘cari’ (cari soal)
Keluar (keluar dari program)Klik tombol ‘keluar’
3.7.3 Rancangan Layar
Rancangan layer menjelaskan tentang susunan layer dari perangkat ajar yang dibuat.
1. Layar Awal
Gambar 3.33 Layar Awal
Pada layar ini pengguna diminta untuk memilih bagian siswa atau bagian guru, hal ini bertujuan untuk mengetahui apakah pengguna itu guru atau siswa
M odul Awal
Tampilkan layar awal
Case pilih siswa
Tampilkan layar siswa
Case pilih guru
Tampilkan layar guru
Case keluar
2. Layar Login
Gambar 3.34 Layar Login
Pada layar ini pengguna diminta untuk memasukkan username dan password, bila username atau password salah maka akan muncul kotak peringatan, bila username dan password benar maka ketika menekan tombol ‘login’ maka pengguna akan dibawa pada layar menu utama, sedangkan bila salah maka pengguna tidak dapat memasuki layar utama.
M odul Login
Tampilkan layar login
Jika login
Tampilkan menu utama
Akhirjika
Jika pilih keluar
Keluar dari program
Akhirjika Akhir modul login
3. Layar Animasi
4. Layar M enu Utama
Gambar 3.36 Layar Menu Utama
Pada layar ini pengguna diminta untuk memilih salah satu bab yang ingin dipelajari. Pada layar ini terdapat empat tombol yang bila dipilih akan terhubung langsung dengan layar materi yang dipilih yaitu tombol “pendahuluan” yang bila dipilih akan menampilkan layar pendahuluan, tombol “Sistem Peredaran Darah” yang bila dipilih akan menampilkan layar Sistem Peredaran Darah, tombol “Sistem
sistem peredaran getah bening, tombol “kelainan pada sistem
transportasi” yang bila dipilih akan menampilkan layar kelainan pada sistem transportasi.
M odul menu utama
Tampilkan layar menu utama
Case pilih sistem peredaran darah
Tampilkan layar peredaran darah
Case pilih pendahuluan
Tampilkan layar pendahuluan
Case pilih sistem peredaran getah bening
Tampilkan layar sistem peredaran getah bening Case pilih kelainan pada sistem transportasi
Tampilkan layar kelainan sistem transportasi
Case pilih keluar
Keluar dari program
Akhir modul menu utama
Layar ini merupakan layar utama definisi darah, pada layar ini terdapat sepuluh buah tombol yang bila dipilih akan langsung membawa ke tampilan layar dari menu yang dipilih
M odul Sistem Peredaran Darah
Tampilkan layar sistem peredaran darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Tampilkan layar plasma darah Case pilih butiran darah
Tampilkan layar butiran darah Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul sistem peredaran darah
6. Layar Plasma Darah
Gambar 3.38 Layar Plasma Darah
Layar ini berisikan materi plasma darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih.
Tampilkan layar plasma darah Case pilih butiran darah
Tampilkan layar butiran darah Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul plasma darah
7. Layar Butiran Darah
Gambar 3.39 Layar Butiran Darah
Layar ini berisikan materi butiran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul butiran
Tampilkan layar butiran darah Case pilih darah
Case pilih butiran darah
Tampilkan layar butiran darah Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul butiran darah
8. Layar Fungsi Darah
Gambar 3.40 Layar Fungsi Darah
Layar ini berisikan materi fungsi darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul fungsi darah
Tampilkan layar fungsi darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul fungsi darah
9. Layar Golongan Darah
Gambar 3.41 Layar Golongan Darah
Layar ini berisikan materi plasma darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul golongan darah
Tampilkan layar golongan darah Case pilih darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul golongan darah
10. Layar Tranfusi Darah
Gambar 3.42 Layar Tranfusi Darah
Layar ini berisikan materi plasma darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul Tranfusi darah
Tampilkan layar tranfusi darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul tranfusi darah
11. Layar Alat Peredaran Darah
Gambar 3.43 Layar Alat Peredaran Darah
Layar ini berisikan materi alat peredaran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah
Case keluar
Keluar dari program Akhir modul alat peredaran darah
12. Layar Jantung
Gambar 3.44 Layar Jantung
Layar ini berisikan materi Jantung. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul jantung
Tampilkan layar Jantung Case pilih darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul jantung
13. Layar Pembuluh Darah
Gambar 3.45 Layar Pembuluh Darah
Layar ini berisikan materi alat peredaran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul pembuluh
Tampilkan layar pembuluh darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih keluar
Keluar dari program Akhir modul pembuluh darah
14. Layar Peredaran Darah
Gambar 3.46 Layar Peredaran Darah
Layar ini berisikan materi alat peredaran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul peredaran darah
Tampilkan layar peredaran darah Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih video
Tampilkan layar video sistem peredaran darah Case pilih games
Tampilkan layar games Case pilih test
Tampilkan layar test sistem peredaran darah Case pilih keluar
Keluar dari program Akhir modul peredaran darah
15. Layar Video Sistem Peredaran Darah
Gambar 3.47 Layar Video Sistem Peredaran Darah
Layar ini berisikan materi alat peredaran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul video sistem peredaran darah
Tampilkan video sistem peredaran darah Jika pilih video 1
Jalankan video 1 Jika pilih video 2
Jika pilih video 5
Jalankan video 5
Jika pilih video 6
Jalankan video 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Tampilkan layar plasma darah Case pilih butiran darah
Tampilkan layar butiran darah Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih games
Tampilkan layar games Case pilih test
Tampilkan layar test sistem peredaran darah Case pilih keluar
Keluar dari program Akhir modul video
16. Layar Games Sistem Peredaran Darah
Gambar 3.48 Layar Games Sistem Peredaran Darah
Layar ini berisikan materi alat peredaran darah. Pada layar ini terdapat tombol-tombol yang bila dipilih akan langsung terhubung dengan materi yang dipilih
M odul games
Tampilkan games Jika pilih game 1
Jika pilih game 5
Jalankan game 5
Jika pilih game 6
Jalankan game 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika Case pilih darah
Tampilkan layar darah Case pilih plasma darah
Tampilkan layar plasma darah Case pilih butiran darah
Tampilkan layar butiran darah Case pilih fungsi darah
Tampilkan layar fungsi darah Case pilih golongan darah
Tampilkan layar golongan darah Case pilih tranfusi darah
Tampilkan layar tramfusi darah Case pilih alat peredaran darah
Tampilkan layar alat peredaran darah Case pilih jantung
Tampilkan layar jantung Case pilih pembuluh
Tampilkan layar pembuluh Case pilih peredaran arah
Tampilkan layar peredaran arah Case pilih video
Tampilkan layar video sistem peredaran darah Case pilih test
Tampilkan layar test sistem peredaran darah Case pilih keluar
Keluar dari program Akhir modul games
17. Layar Test Sistem Peredaran Darah
Gambar 3.49 Layar Test Sistem Peredaran Darah
Pada layar ini terdapat soal-soal yang berhubungan dengan sistem peredaran darah
M odul test sistem peredaran darah
Tampilkan layar test sistem peredaran darah
Akhirjika Jika pilih keluar
Keluar dari program
Akhirjika
Akhir modul test sistem peredaran darah
18. Layar Sistem Peredaran Getah Bening
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi sistem peredaran getah bening.
M odul sistem peredaran getah bening
Tampilkan layar sistem peredaran getah bening Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Tampilkan layar pembuluh limfa Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program
19. Layar Cairan Limfa
Gambar 3.51 Layar Cairan Limfa
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi Cairan Limfa
M odul sistem cairan limfa
Tampilkan layar cairan limfa
Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul cairan limfa
20. Layar Pembuluh Limfa
Gambar 3.52 Layar Pembuluh Limfa
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi pembuluh limfa.
M odul pembuluh limfa
Tampilkan layar pembuluh limfa Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul pembuluh limfa
21. Layar Pembuluh Limfa Kiri
Gambar 3.53 Layar Pembuluh Limfa Kiri
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi pembuluh limfa kiri.
M odul pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul pembuluh limfa kiri
22. Layar Pembuluh Limfa Kanan
Gambar 3.54 Layar Pembuluh Limfa Kanan
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi pembuluh limfa kanan.
M odul pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul pembuluh limfa kanan
23. Layar Peredaran Limfa
Gambar 3.55 Layar Peredaran Limfa
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi peredaran limfa.
M odul peredaran limfa
Tampilkan layar peredaran limfa Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul peredaran limfa
24. Layar Kelenjar Limfa
Gambar 3.56 Layar Kelenjar Limfa
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi kelenjar limfa.
M odul kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul kelenjar limfa
25. Layar Limpa
Gambar 3.57 Layar Limpa
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”. Layar ini merupakan layar materi limpa.
M odul limpa
Tampilkan layar limpa
Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih keluar
Keluar dari program Akhir modul limpa
26. Layar Tonsil
Gambar 3.58 Layar Tonsil
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”,”games”,video”,”test”. Layar ini merupakan layar materi tonsil.
M odul Tonsil
Tampilkan layar Tonsil
Case pilih pembuluh limfa
Tampilkan layar pembuluh limfa Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih games
Tampilkan layar games Case pilih test
Tampilkan layar test sistem peredaran getah bening Case pilih video
Tampilkan layar video sistem peredaran getah bening Case pilih keluar
Keluar dari program Akhir modul tonsil
27. Layar Video Sistem Peredaran Getah Bening
Gambar 3.59 Layar Video Sistem Peredaran Getah Bening
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”,”games”,video”,”test”. Layar ini merupakan layar video sistem peredaran getah bening.
M odul Tonsil
Tampilkan layar Tonsil Jika pilih video 1
Jika pilih video 2 Jalankan video 2
Jika pilih video 3
Jalankan video 4 Jika pilih video 5
Jalankan video 5
Jika pilih video 6
Jalankan video 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Tampilkan layar pembuluh limfa Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih games
Tampilkan layar games Case pilih test
Tampilkan layar test sistem peredaran getah bening Case pilih video
Tampilkan layar video sistem peredaran getah bening Case pilih keluar
Keluar dari program
28. Layar Games Sistem Peredaran Getah Bening
Gambar 3.60 Layar Games Sistem Peredaran Getah Bening
Layar ini memiliki lima tombol yaitu “cairan limfa”,”pembuluh limfa”,”pembuluh limfa kiri”,”pembuluh limfa kanan”,”peredaran limfa”,”kelenjar limfa”,”limpa”,”tonsil”,”games”,video”,”test”. Layar ini merupakan layar games.
M odul games
Tampilkan layar games Jika pilih game 1
Jalankan game 1
Jika pilih game 3
Jalankan game 4
Jika pilih game 5
Jalankan game 5
Jika pilih game 6
Jalankan game 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika Case pilih cairan limfa
Tampilkan layar cairan limfa Case pilih pembuluh limfa
Tampilkan layar pembuluh limfa Case pilih pembuluh limfa kiri
Tampilkan layar pembuluh limfa kiri Case pilih pembuluh limfa kanan
Tampilkan layar pembuluh limfa kanan Case pilih peredaran limfa
Tampilkan layar peredaran limfa Case pilih kelenjar limfa
Tampilkan layar kelenjar limfa Case pilih limpa
Tampilkan layar limpa Case pilih tonsil
Tampilkan layar tonsil Case pilih games
Tampilkan layar games Case pilih test
Tampilkan layar test sistem peredaran getah bening Case pilih video
Tampilkan layar video sistem peredaran getah bening Case pilih keluar
Keluar dari program Akhir modul games
29. Layar Test Sistem Peredaran Getah Bening
Gambar 3.61 Layar Test Sistem Peredaran Getah Bening
Pada layar ini terdapat soal-soal yang berhubungan dengan sistem peredatan getah bening.
M odul test sistem peredaran getah bening
Tampilkan layar test sistem peredaran getah bening
Jika pilih OK
Jalankan keterangan nilai soal Akhirjika
Akhirjika Jika pilih keluar
Keluar dari program
Akhirjika
Akhir modul test sistem peredaran getah bening
30. Layar Kelainan pada Sistem Transportasi
Teks dan Gambar Materi Kelainan pada Sistem Transportasi Animasi Visi Sekolah
Next Kelainan Anemia Hemofilia Varises Wasir Hipertensi Leukimia X LOGO
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi kelainan pada sistem transportasi
M odul kelainan pada sistem transportasi
Tampilkan layar kelainan pada sistem transportasi
Case pilih kelainan pada sistem transportasi
Tampilkan layar kelainan pada sistem transportasi Case pilih anemia
Tampilkan layar anemia Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program
31. Layar Anemia
Gambar 3.63 Layar Anemia
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi anemia
M odul anemia
Tampilkan layar anemia
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program Akhir modul anemia
32. Layar Leukimia
Gambar 3.64 Layar Leukimia
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi leukimia.
M odul leukimia
Tampilkan layar leukimia
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program Akhir modul leukimia
33. Layar Hipertensi
Gambar 3.65 Layar Hipertensi
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi hipertensi.
M odul hipertensi
Tampilkan layar hipertensi
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program Akhir modul hipertensi
34. Layar Hemofilia
Gambar 3.66 Layar Hemofilia
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi hemofilia
M odul hemofilia
Tampilkan layar hemofilia
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program Akhir modul hemofilia
35. Layar Wasir
Gambar 3.67 Layar Wasir
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”. Layar ini merupakan layar materi wasir
M odul wasir
Tampilkan layar wasir
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih keluar
Keluar dari program Akhir modul wasir
36. Layar Varises
Gambar 3.68 Layar Varises
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”,”video”,”games”,”te st”. Layar ini merupakan layar materi varises
M odul varises
Tampilkan layar varises
Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih games
Tampilkan layar games Case pilih video
Tampilkan video kelainan pada sistem transportasi Case pilih test
Tampilkan layar test kelainan pada sistem transportasi Case pilih keluar
Keluar dari program Akhir modul varises
37. Layar Video Kelainan pada Sistem Transportasi
Gambar 3.69 Layar Video Kelainan pada Sistem Transportasi
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”,”video”,”games”,”te st”. Layar ini merupakan layar video kelainan pada sistem transportasi
M odul video kelainan pada sistem transportasi
Tampilkan layar video kelainan pada sistem transportasi Jika pilih video 1
Jika pilih video 3
Jalankan video 4 Jika pilih video 5
Jalankan video 5
Jika pilih video 6
Jalankan video 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika
Case pilih kelainan pada sistem transportasi
Tampilkan layar kelainan pada sistem transportasi Case pilih anemia
Tampilkan layar anemia Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih games
Tampilkan layar games Case pilih video
Tampilkan video kelainan pada sistem transportasi Case pilih test
Tampilkan layar test kelainan pada sistem transportasi Case pilih keluar
Keluar dari program
38. Layar Games Kelainan pada Sistem Transportasi
Gambar 3.70 Layar Games Kelainan pada Sistem Transportasi
Pada layar ini terdapat tombol “Kelainan pada sistem transportasi”, “anemia”,”leukimia”,”hipertensi”,”wasir”,”hemofilia”,”varises”,”video”,”games”,”te st”. Layar ini merupakan layar games.
M odul games
Tampilkan layar games Jika pilih game 1
Jika pilih game 3
Jalankan game 4
Jika pilih game 5
Jalankan game 5
Jika pilih game 6
Jalankan game 6 Akhirjika Akhirjika Akhirjika Akhirjika Akhirjika
Case pilih kelainan pada sistem transportasi
Tampilkan layar kelainan pada sistem transportasi Case pilih anemia
Tampilkan layar anemia Case pilih leukimia
Tampilkan layar leukimia Case pilih hipertensi
Tampilkan layar hipertensi Case pilih wasir
Tampilkan layar wasir Case pilih hemofilia
Tampilkan layar hemofilia Case pilih varises
Tampilkan layar varises Case pilih games
Tampilkan layar games Case pilih video
Tampilkan video kelainan pada sistem transportasi Case pilih test
Tampilkan layar test kelainan pada sistem transportasi Case pilih keluar
Keluar dari program Akhir modul games
39. Layar test kelainan pada sistem transportasi
Gambar 3.71 Layar Test Sistem Peredaran Getah Bening
Pada layar ini terdapat soal-soal yang berhubungan dengan kelainnan pada sistem transportasi
M odul test kelainan pada sistem transportasi
Tampilkan layar test kelainan pada sistem transportasi
Akhirjika Jika pilih keluar
Keluar dari program
Akhirjika
Akhir modul test kelainan pada sistem transportasi
40. Layar M enu Utama Guru
Siswa Guru
User Name Password
Add Save Delete
User Name Password
Add Save Delete Soal Sistem
Peredaran Darah
Soal
Kelainan Sistem Transportasi Soal Sistem
Peredaran Getah Bening Exit
X
Pada layar ini terdapat tombol “soal sistem peredaran darah”,”soal sistem peredaran getah bening”,”soal kelainan pada sistem transportasi”. Layar ini merupakan layar menu utama untuk guru dimana guru dapat menambah, menghapus, mengubah “username” dan “password”untuk siswa maupun guru.
M odul menu utama guru
Tampilkan layar menu utama guru
Jika pilih add
Tambahkan username dan password dalam database Akhirjika
Jika pilih save
Simpan record terakhir ke dalam database Akhirjika
Jika pilih delete
Hapus record terakhir dari database Akhirjika
Case pilih soal sistem peredaran darah
Tampilkan layar sistem peredaran darah Case pilih soal sistem peredaran getah bening
Tampilkan layar soal sistem peredaran getan bening Case pilih soal kelainan pada sistem transportasi
Tampilkan layar soal kelainan pada sistem transportasi Akhir modul menu utama guru
41. Layar Soal Sistem Peredaran Darah
Gambar 3.73 Layar Soal Sistem Peredaran Darah
Pada layar ini terdapat tombol “tambah”,”batal”,”ubah”,”hapus”,”simpan”,”cari”. Layar ini merupakan layar soal sistem peredaran darah, yang digunakan untuk menambah, mengubah, menghapus soal sistem peredaran darah.
M odul soal sistem peredaran darah
Tampilkan layar soal sistem peredaran darah Jika pilih tambah
Tambahkan soal ke dalam database Akhirjika
Batalkan record terakhir Akhirjika
Jika pilih ubah
Ubah soal dalam database Akhirjika
Jika pilih hapus
Hapus soal dalam database Akhirjika
Jika pilih simpan
Simpan record terakhir ke dalam database Akhirjika
Jika pilih cari
Cari record dalam database Akhirjika
42. Layar Soal Sistem Peredaran Getah Bening
Gambar 3.74 Layar Sistem Peredaran Getah Bening
Pada layar ini terdapat tombol “tambah”,”batal”,”ubah”,”hapus”,”simpan”,”cari”. Layar ini merupakan layar soal sistem peredaran getah bening, yang digunakan untuk menambah, mengubah, menghapus soal sistem peredaran getah bening.
M odul soal sistem peredaran getah bening
Tampilkan layar soal sistem peredaran getah bening Jika pilih tambah
Tambahkan soal ke dalam database Akhirjika
Batalkan record terakhir Akhirjika
Jika pilih ubah
Ubah soal dalam database Akhirjika
Jika pilih hapus
Hapus soal dalam database Akhirjika
Jika pilih simpan
Simpan record terakhir ke dalam database Akhirjika
Jika pilih cari
Cari record dalam database Akhirjika
43. Layar Soal Kelainan pada Sistem Transportasi
Gambar 3.75 Layar Soal Kelainan pada Sistem Transportasi
Pada layar ini terdapat tombol “tambah”,”batal”,”ubah”,”hapus”,”simpan”,”cari”. Layar ini merupakan layar soal kelainan pada sistem transportasi, yang digunakan untuk menambah, mengubah, menghapus soal kelainan pada sistem transportasi. M odul soal kelainan pada sistem transportasi
Tampilkan layar soal kelainan pada sistem transportasi Jika pilih tambah
Tambahkan soal ke dalam database Akhirjika
Batalkan record terakhir Akhirjika
Jika pilih ubah
Ubah soal dalam database Akhirjika
Jika pilih hapus
Hapus soal dalam database Akhirjika
Jika pilih simpan
Simpan record terakhir ke dalam database Akhirjika
Jika pilih cari
Cari record dalam database Akhirjika
Akhir modul soal kelainan pada sistem transportasi
3.7.4 Struktur Tabel
Perancangan database dirancang untuk menyimpan data-data. Database pada aplikasi ini digunakan untuk menyimpan username dan soal-soal dan jawaban yang dapat di-update oleh pihak-pihak tertentu dalam hal ini guru yang berhak mengubahnya.
Nama tabel : tabel_username
Tabel 3.11 Tabel Username Siswa
Field Type Panjang Keterangan
Username Text 50 Username
Nama tabel : tabel_username1
Tabel 3.12 Tabel Username Guru
Field Type Panjang Keterangan
Username Text 50 Username
Password Text 50 Password
Nama tabel : tabel_soal_ketapang
Tabel 3.13 Tabel Soal Sistem Peredaran Darah
Field Type Panjang Keterangan
Nomor Text 4 Nomor
Soal M emo --- Soal
jwabA Text 255 Pilihan A
jawabB Text 255 Pilihan B
jawabC Text 255 Pilihan C
Nama tabel : tabel_soal_ketapang1
Tabel 3.14 Tabel Soal Sistem Peredaran Getah Bening
Field Type Panjang Keterangan
Nomor Text 4 Nomor
Soal M emo --- Soal
jwabA Text 255 Pilihan A
jawabB Text 255 Pilihan B
jawabC Text 255 Pilihan C
Jawaban Text 1 Jawaban benar
Nama tabel : tabel_soal_ketapang2
Tabel 3.15 Tabel Soal Kelainan pada Sistem Transportasi
Field Type Panjang Keterangan
Nomor Text 4 Nomor
Soal M emo --- Soal
jwabA Text 255 Pilihan A
jawabB Text 255 Pilihan B
jawabC Text 255 Pilihan C