Diagram Activity Diagram Squence Pemodelan Statehart Diagram

4.1.5 Diagram Activity

Gambar 4.2 Activity Diagram Huruf memilih menu mengenal angka menampilkan angka dari 0-10 pengguna aplikasi memilih salah satu angka menampilkan angka yang dipilih Gambar 4.3 Activity Diagram Angka memilih menu mengenal huruf menampilkan huruf dari az Diagram Activity Huruf pengguna aplikasi memilih salah satu huruf menampilkan huruf yang dipilih Memilih menu “bangun datar” Menampilkan bangun datar pengguna aplikasi Memilih bangun datar Menampilkan bangun datar Gambar 4.4 Activity Diagram Bangun Datar Memilih menu “warna” Menampilkan warna pengguna aplikasi Meilih warna Menampilkan warna Gambar 4.5 Activity Diagram Warna memilih menu Latihan Soal Menampilkan Soal pengguna aplikasi menjawab soal menampilkan hasil akhir skor Gambar 4.6 Activity Diagram Soal

4.1.6 Diagram Squence

Gambar 4.7 Sequence Diagram Huruf Gambar 4.8 Sequence Diagram Angka Gambar 4.9 Sequence Bangun Datar Gambar 4.10 Sekuen Warna 4.1.7 Pemodelan Class Diagram +ShowFormMenu +ShowMidlet -Pilih -Keluar Menu Awal +ShowFormHuruf +ShowFormAngka +ShowFormBangunDatar +ShowFormWarna +ShowFormLatihanSoal -Mengenal Huruf -Mengenal Angka -Mengenal Bangun Datar -Mengenal Warna -Latihan Menu +ShowPembelajaranAngka -Mengenal Angka Mengena Angka +ShowPembelajaranWarna -Mengenal Warna Mengenal Warna +ShowpembelajaranBangunDatar -Mengenal Bangun Datar Mengenal Bangun Datar +ShowPembelajaranHuruf -Mengenal Huruf Mengenal Huruf +ShowLatihanSoal -LatihanSoal Latihan Soal Gambar 4.11 Class Diagram Aplikasi Tutorial ini memiliki suatu kelas utama yaitu class menu yang terdiri dari beberapa class lainnya diantaranya mengenal huruf, mengenal angka, meng enal bentuk dasar, mengenal warna, dan latihan soal. Class-class tersebut memiliki atribut dari class utama dan setiap atribut disertai dengan operation.

4.1.8 Pemodelan Statehart Diagram

Kita dapat menggunakan statchart diagram untuk memodelkan prilau dinamis satu kelas atau objek. Statechart diagram memperlihatkan urutan keadaan sesaat yang dilalui sebuah objek, kejadian yang menyebabkan esbuah transisi dari satu state atau aktivitas kepada yang lainnya, dan aksi yang menyebabkan perubahan satu state atau aktivitas. Statehart diagram khususnya digunakan untu memodelkan taraf-taraf diskrit dari sebuah siklus hidup objek, sedangkan diagram aktifitas paling cocok digunakan untuk memodelkan aktivitas dalam suatu proses. Gambar 4.12 Statechart Diagram Pada gambar 4.11 pada saat membuka aplikasi user akan masuk ke halaman daftar menu wait, setelah itu user dapat memilih menu tutorial sesuai dengan yang diinginkan dengan cara klik tombol pilih. Dan akan kembali ke daftar menu dengan menekan tombol kembali.

4.2 Perancangan Sistem