3.1.1 Pendefenisian Fungsionalitas Aplikasi Gerakan shalat
Berikut ini merupakan unit fungsionalitas yang terdapat pada Animasi Gerakan Shalat.
Gambar 3.1 Diagram Use Case System
Gambar 3.1 diagram use case system diatas menjelaskan tentang proses player menjalankan sistem aplikasi.
Universitas Sumatera Utara
3.1.2 Perancangan Class Diagram
Gambar 3.2 Diagram Class Animasi Gerakan Shalat
Diagram class animasi gerakan shalat merupakan gambaran umum operasi dan atribut dari setiap layer. Proses ini menunjukkan hubungan atau relasi
Universitas Sumatera Utara
yang terjadi antar class mulai dari bagian paling awal animasi gerakan shalat yaitu intro hingga bagian akhir dari animasi gerakan shalat.
3.1.3 Perancangan Sequence Diagram Animasi Gerakan Shalat
Sequence diagram pada gambar 3.3 merupakan diagram yang digunakan untuk menggambarkan perilaku pada sebuah skenario aplikasi animasi gerakan shalat.
Gambar 3.3 Diagram Sequence Animasi Gerakan Shalat
Proses ini menunjukkan perilaku actor ketika menjalankan aplikasi. Pertama-tama player membuka aplikasi maka system akan menampilkan layar
intro animasi gerakan shalat yang kemudian menampilkan menu-menu pilihan yaitu menu rukun shalat, shalat fardhu, about, exit. Ketiga menu tersebut
Universitas Sumatera Utara
menyediakan menu back untuk kembali pada layer menu utama animasi gerakan shalat. Dan pilihan menu exit merupakan menu untuk mengakhiri animasi gerakan
shalat.
3.1.4 Perancangan Activity Diagram Gambar Animasi Gerakan Shalat
a. Proses View Intro Animasi Gerakan Shalat
Gambar 3.4 Diagram Activity Intro Animasi Gerakan Shalat Proses ini bertugas untuk menampilkan animasi awal yang berjalan
ketika aplikasi gerakan shalat dimulai. Pada layar intro system menampilkan animasi text title, animasi tambahan lainnya, dan sound yang menjadi suara
animasi intro pada game ketika actor membuka aplikasi.
Universitas Sumatera Utara
b. Proses View Menu
Gambar 3.5 Diagram Activity Menu Animasi Gerakan Shalat
Pada diagram activity ini menjelaskan proses ketika layar intro selesai ditampilkan yang selanjutnya system akan menampilkan layar menu. Pada layar
menu system akan menampilkan beberapa pilihan button seperti menu about, menu play, dan menu exit.
Universitas Sumatera Utara
c. Proses View Screen Rukun Shalat
Gambar 3.6 Diagram Activity View Rukun Shalat
Proses view menu rukun shalat merupakan layar yang akan menampilkan actor memilih menu rukun shalat. Pada layer ini menampilkan 13 rukun shalat.
Pada layer ini juga menampilkan command back.
Universitas Sumatera Utara
c. Proses View Screen Shalat Fardhu
Gambar 3.7 Diagram Activity Screen Animasi Geakan shalat
Layar animasi gerakan shalat berfungsi untuk menampilkan proses gerakan shalat yang sedang berlangsung. Layar animasi gerakan shalat dapat
diakse ketika actor memilih menu play, maka system kemudian akan menjalankan proes gerakan shalat. Animasi yang ditampilkan pada layer ini yaitu animasi yang
berfungsi sebagai background dasar yaitu animasi langit biru disertai dengan
Universitas Sumatera Utara
animasi awan, animasi masjid, animasi pohoh, animasi rumput, animasi tanah, dan animasi orang.
Sedangkan animasi yang menjadi objek utama dari animasi gerakan shalat adalah animasi orang yang bergerak yang memuat semua gerakan shalat mulai
dari berdiri tegak, takbiratul ihram rukuk, sujud, duduk diantaa dua sujud, salam.
d. Proses View About
Gambar 3.8 Diagram Activity View About
Proses view about merupakan layar yang akan ditampilkan oleh system ketika actor memilih menu about. Pada layer ini selain untuk menjelaskan atau
memberikan info mengenai animasi gerakan shalat. Pada layer ini juga menampilkan menu berupa button back untuk kembali ke menu utama.
Universitas Sumatera Utara
3.2 Rancangan Intarface