46 Gambar 4. Rancangan Class Diagram
c. Perancangan Activity Diagram
Activity diagram menggambarkan aliran aktivitas-aktivitas beserta subjek yang melakukan aksi tersebut. Berikut adalah gambar
activity diagram aplikasi panduan shalat jenazah pada handphone :
MainActivity
+onCreateBundle:void +onCreateOptionsMenu
Menu:boolean +btn1view:void
+btn2view:void
+btn3view:void +btn4view:void
+btn5view:void +btn6view:void
+actionTentang:void +close:void
Laybtn1 Bacaan
+onCreateBundle:void +onCreateOptionsMenu
Menu:boolean +button1view:void
+button2view:void +button3view:void
+button4view:void +button5view:void
+button6view:void +actionTentang:void
+close:void -imageView1ImageView
-playbtnImageButton -pausebtnImageButton
-stopbtnImageButton -mpMediaPlayer
-loadClip:void +onCreateBundle:void
+onCreateOptionsMenuMe nu:boolean
+actionTentang:void +close:void
+onCompletionMediaPlayer :void
Takbir
Laybtn2 Hukum
+onCreateBundle:void +onCreateOptionsMen
uMenu:boolean +actionTentang:void
+close:void
Laybtn3 Gerakan
+onCreateBundle:void +onCreateOptionsMen
uMenu:boolean +actionTentang:void
+close:void
Laybtn4 Syarat
+onCreateBundle:void +onCreateOptionsMen
uMenu:boolean +actionTentang:void
+close:void
Laybtn5 Video
+webkit webView +onCreateBundle:void
+onCreateOptionsMenu Menu:boolean
+actionTentang:void +close:void
Laybtn6 Rukun
+onCreateBundle:void +onCreateOptionsMenu
Menu:boolean +actionTentang:void
+close:void
1 .. n
1 .. n
1 .. n 1 .. n
1 .. n 1 .. n
1 .. 1
1
1 1
47
1
Membuka materi Hukum, Syarat, Rukun dan Gerakan
Gambar 5. Rancangan Class Diagram 2 Membuka menu Tentang Aplikasi
Gambar 6. Activity Diagram Membuka Menu Tentang Aplikasi
User System
Membuka aplikasi
Menampilkan isi materi sesuai menu
Memilih menu pada hukumsyaratrukun
Menampilkan menu utama
User System
Memilih ikon Menampilkan
gambaran tentang aplikasi dan informasi
pengembangan
48 3 Membuka menu bacaan
Gambar 7. Activity Diagram Membuka Bacaan
User System
Membuka aplikasi
Menampilkan list takbir
Memilih menu Bacaan
Menampilkan menu utama
Memilih salah satu tombol pada list
Menampilkan isi bacaan
Pilih ikon play Memainkan
suara
akhiri fungsi
Stop pause
49 4 Memainkan video
Gambar 8. Activity Diagram Memainkan Video
User System
Membuka aplikasi
Menampilkan halaman
youtube Memilih
menu Video Menampilkan menu
utama
Akses data tersedia
Akses data tidak
tersedia
peringatan
50 5 Keluar dari program aplikasi
Gambar 9. Activity Diagram Keluar Aplikasi
d. Perancangan User Interface
Kategori