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