• Tidak ada hasil yang ditemukan

BAB 3 ANALISIS DAN PERANCANGAN

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB 3 ANALISIS DAN PERANCANGAN"

Copied!
118
0
0

Teks penuh

(1)

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

(2)

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

(3)

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.

(4)

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 %

(5)

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%

(6)

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 berminat

(7)

Dari 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 %

(8)

Diagram Tingkat Kesulitan Siswa

Mempelajari Biologi

12% 55% 25% 8% Sangat sulit Cukup sulit Sedikit sulit Tidak sulit

Gambar 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?

(9)

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 menarik

Gambar 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

(10)

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 kurang

(11)

Dari 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

(12)

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 %

(13)

Diagram Tingkat Kegunaan Fasilitas

Sekolah

8% 41% 37% 14% Sangat membantu Cukup membantu Sedikit membantu Tidak membantu

Gambar 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

(14)

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 perlu

Gambar 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

(15)

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:

(16)

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 %

(17)

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.

(18)

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

(19)

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:

(20)

1. M enu Awal

Gambar 3.10 Struktur Menu Awal

2. M enu Login Siswa

(21)

3. M enu Utama

Gambar 3.12 Struktur Menu Utama

4. M enu Sistem Peredaran Darah

(22)

5. M enu Peredaran Darah

Gambar 3.14 Struktur Menu Peredaran Darah

6. M enu Sistem Peredaran Getah Bening

(23)

7. M enu Tonsil

Gambar 3.16 Struktur Menu Tonsil

8. M enu Kelainan pada Sistem Transportasi

(24)

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

(25)

b. STD M enu Login Siswa

(26)
(27)

d. STD Sistem Peredaran Darah

(28)

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

(29)

f. STD Sistem Peredaran Getah Bening

(30)

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

(31)

h. STD Kelainan pada Sistem Transportasi

(32)

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

(33)

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)

(34)

c. STD M enu Utama Guru

(35)

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’

(36)

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)

(37)

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’

(38)

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

(39)

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

(40)

3. Layar Animasi

(41)

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

(42)

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

(43)

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

(44)

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.

(45)

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

(46)

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

(47)

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

(48)

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

(49)

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

(50)

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

(51)

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

(52)

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

(53)

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

(54)

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

(55)

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

(56)

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

(57)

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

(58)

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

(59)

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

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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

(65)

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

(66)

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

(67)

Akhirjika Jika pilih keluar

Keluar dari program

Akhirjika

Akhir modul test sistem peredaran darah

18. Layar Sistem Peredaran Getah Bening

(68)

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

(69)

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

(70)

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

(71)

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

(72)

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

(73)

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

(74)

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

(75)

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

(76)

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

(77)

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

(78)

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

(79)

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

(80)

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

(81)

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

(82)

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

(83)

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

(84)

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

(85)

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

(86)

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

(87)

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

(88)

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

(89)

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

(90)

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

(91)

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

(92)

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

(93)

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

(94)

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

(95)

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

(96)

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

(97)

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

(98)

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

(99)

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

(100)

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

(101)

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

(102)

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

(103)

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

(104)

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

(105)

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

(106)

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

(107)

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

(108)

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

(109)

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

(110)

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

(111)

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

(112)

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

(113)

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

(114)

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

(115)

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

(116)

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

(117)

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

(118)

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

Gambar

Gambar 3.21 STD Layar Sistem Peredaran Darah
Gambar 3.22 STD Layar Peredaran Darah
Gambar 3.23 STD Layar Sistem Peredaran Getah Bening
Gambar 3.24 STD Layar Tonsil
+7

Referensi

Garis besar

Dokumen terkait

Hasil Post-Test kelas eksperimen lebih tinggi di banding kelas kontrol disebabkan tidak lepas dari kelebihan-kelebihan penerapan model pembelajaran SAVI Shoimin

Untuk dapat memulai kerja online freelancer tentunya Anda memerlukan “alat tempur” dimana dengannya Anda bisa nyaman dalam bekerja dan mendapatkan project dengan lebih mudah..

Dengan demikian, maka peneliti tertarik untuk mengkaji tentang hakikat agama dalam perspektif filsafat perenial untuk menjelaskan kekeliruan yang selama ini tumbuh dalam

Menimbang, bahwa berdasarkan keterangan 2 orang saksi Penggugat, maka Majelis Hakim menilai Penggugat telah dapat membuktikan kebenaran dalil-dalil

Hasil estimasi jangka panjang variabel jumlah uang beredar memiliki pengaruh yang positif dan tidak signifikan terhadap variabel indeks harga saham gabungan pada tingkat

Dari contoh di atas dapat dilihat bahwa fungsi dibuat dengan nama "tulis" sehingga untuk menulis ke layar tidak perlu menulis perintah document.write yang lebih

Hasil penelitian menunjukkan bahwa konsentrasi molibdenum (Mo) dari 0,05 sampai 2,05 ppm tidak berpengaruh pada semua variabel pertumbuhan vegetatif dan generatif, sehingga belum

Metode penelitian yang digunakan adalah kuasi eksperimen dengan desain pretest-postest control group design (Fraenkel, dkk., 2012). Kemampuan awal dan kemampuan akhir