86 2
Fungsi Bantuan
Gambar 14. Diagram Sequence Fungsi Bantuan
3 Fungsi Informasi
Gambar 15. Diagram Sequence Fungsi Profil
87
c. Desain Activity Diagram
Activity diagram berfungsi untuk menggambarkan tingkah laku dinamis dari sistem. Berbagai
activity diagram yang dibuat tersaji pada
Tabel 17, 18, 19.
1 Fungsi Mulai
Tabel 17. Activity Diagram Fungsi Mulai
User System
Berhasil Gagal
88 2
Fungsi Bantuan Tabel 18.
Activity Diagram Fungsi Bantuan
User System
3 Fungsi Profil
Tabel 19. Activity Diagram Fungsi Profil
User System
89
d. Desain Interface
Desain interface dibuat dengan storyboard yang tersaji pada Tabel
20. Tabel 20.
Storyboard
NO Desain
Deskripsi
1 Halaman Main Menu
Pada halaman utama main menu terdapat judul dan tiga
menu utama, yakni menu mulai, bantuan, dan profil
2 Halaman AR
Halaman AR akan mengaktifkan kamera AR. Jika kamera di
arahkan di atas marker maka sistem akan menampilkan obyek
yang sudah disesuaikan animasi 3D atau video ilustrasi.
3 Halaman Bantuan
Halaman bantuan akan menampilkan penjelasan tentang
fungsi tombol pada main menu dan penjelasan lain terkait cara
penggunaan aplikasi Geometra.
4 Halaman Profil Pengembang
Halaman profil akan menampilkan data pengembang
dan pembimbing.
JUDUL
MULAI BANTUAN TENTANG
JUDUL
Penjelasan lain
Penjelasan fungsi tombol
JUDUL
Deskripsi aplikasi
Data Pengembang Data Pembimbing
90
4. Construction Implementasi
a. Implementasi Desain dan Penataan Layout
Pada tahap ini desain yang sudah dirancang pada storyboard mulai
dibuat menggunakan software grafis Corel Draw X.7. Setelah desain
grafis selesei dibuat, maka berdasarkan desain tersebut tampilan interface aplikasi dan layout-nya mulai dibuat di dalam Unity 3D. Hasil
dari desain interface dan penataan layout aplikasi tersaji pada gambar 16
hingga Gambar 20.
Splashscreen adalah halaman awal setelah user membuka membuka aplikasi
Gambar 16. Splashscreen
Gambar 17. Halaman Main Menu