57
c. Squence Diagram
Squence Diagram merupakan gambaran alur sistem pada setiap fungsionalitas yang sebelumnya telah ditunjukkan pada
use case diagram. Berikut ini
squence diagram yang digunakan untuk membangun media pembelajaran perakitan komputer ini:
1
Squence Diagram Tampil Gambar 3D. Squence diagram yang digunakan
untuk menjelaskan proses menampilkan gambar 3D dalam menu Let’s Begin
lihat gambar 5.
Gambar 6. Squence Diagram Tampil Gambar 3D
2 Squence Diagram Tampil Video. Squence diagram yang digunakan untuk
menjelaskan proses menampilkan gambar video dalam menu Let’s Begin
lihat gambar 6.
58
Gambar 7. Squence Diagram Tampil Video
3 Squence Diagram SK-KD. Squence diagram yang digunakan untuk
menjelaskan proses menampilkan halaman Standar Kompetendi dan
Kompetensi Dasar lihat gambar 7.
Gambar 8. Squence Diagram SK-KD
59
4 Squence Diagram Tujuam Pembelajaran. Squence diagram yang digunakan
untuk menjelaskan proses menampilkan halaman tujuan pembelajaran lihat
gambar 8.
Gambar 9. Squence Diagram Tujuan Pembelajaran
5 Squence Diagram Latihan Soal. Squence diagram yang digunakan untuk
menjelaskan proses menampilkan halaman latihan soal lihat gambar9.
Gambar 10. Squence Diagram Latihan Soal
60
6 Squence Diagram Bantuan. Squence diagram yang digunakan untuk
menjelaskan proses menampilkan halaman bantuanlihat gambar 10.
Gambar 11. Squence Diagram Bantuan
7 Squence Diagram Profil. Squence diagram yang digunakan untuk
menjelaskan proses menampilkan halaman profil lihat gambar 11.
Gambar 12. Squence Diagram Profil
61
3. Tahap Perancangan Komponen
Tahap desain merupakan tahap yang digunakan untuk merancang sistem dan antarmuka dari media yang akan dikembangkan. Dalam tahap ini media
pembelajaran didesain sesuai dengan hasil analisis kebutuhan, analisis hardware,
dan analisis software pada tahap analisis. Dalam tahap ini, dilakukan
perancangan antarmuka media pembelajaran yang akan dikembangkan. Perancangan antarmuka media digambarkan melalui
storyboard program.
a. Storyboard Program