Sequence diagram merupakan diagram yang mengambarkan bagaimana objek-objek saling bersinergi dalam beberapa kebiasaan behavior. Sequence diagram menunjukkan sejumlah
contoh maupun pesan yang berada atau melewati objek-objek tersebut didalam use case. Sequence diagram pada sistem ini terdapat pada Gambar 3.4.
Gambar 3.4 Sequence Diagram Sistem
3.3 Flowchart
Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, urutan kegiatan dari suatu program dari awal sampai akhir dan isi halaman per halaman. Dengan adanya
flowchart akan sangat membantu untuk memvisualisasikan isi dari setiap halaman aplikasi tersebut. Berikut Gambar 3.5 dan Gambar 3.6 sebagai flowchart dari sistem secara
menyeluruh dan flowchart dari sistem halaman AR.
Universitas Sumatera Utara
Gambar 3.5 Flowchart Sistem
Universitas Sumatera Utara
Start
Kamera siap
menangkap gambar
Deteksi marker Bangunan 3D
Marker terdeteksi
Tampilkan objek 3D
Slider digeser
Button rotasi ditekan
End Yes
No
Yes Objek 3D
ditransformasi No
No Yes
Pilih button video
Tampilkan video
Deteksi marker video
No Yes
Gambar 3.6 Flowchart Sistem Halaman AR
3.4 Perancangan Antarmuka Aplikasi
Universitas Sumatera Utara
Tampilan antarmuka perlu dirancang untuk menggambarkan sistem yang akan dibuat dan dapat mempermudah proses pembangunan sistem. Rancangan tampilan sistem dapat dilihat
dan akan dijelaskan sebagai berikut.
3.4.1 Rancangan Halaman Main Menu Main Menu pada aplikasi historicAR bertujuan untuk memulai aplikasi dan sekaligus
pengenalan awal dari sistem yang dibuat kepada pengguna dalam menggunakan aplikasi. Secara umum Main menu terbagi menjadi tiga bagian yaitu menu Start scan untuk
melakukan scanning pada marker, menu about untuk melihat profile dari aplikasi yang telah dibuat, serta menu Exit untuk keluar dari aplikasi. Gambar rancangan halaman Main Menu
terdapat pada Gambar 3.7, serta Tabel 3. untuk keterangan bagian-bagian rancangan dari halaman Main Menu.
Gambar 3.7 Rancangan Halaman Main Menu
Tabel 3. Keterangan Bagian-Bagian Rancangan Halaman Main Menu
No Jenis Objek
Keterangan
1 Tombol Start Scan
Tombol utama untuk mulai scanning pada gambar marker
2 Logo
Bagian logo pada aplikasi 3
Tombol About Tombol popup untuk menampilkan
Universitas Sumatera Utara
profile tentang aplikasi. 4
Tombol Exit Tombol keluar dari aplikasi
3.4.2 Rancangan PopUp About Pada Tombol About PopUp pada tombol About dapat dilihat pada Gambar 3.8. tampilan popup memiliki tujuan
untuk untuk menampilkan profil tentang aplikasi. Tabel 4. memberikan keterangan bagian bagian dari rancangan popup About.
Gambar 3.8 Rancangan PopUp About
Tabel 4. Keterangan Bagian-Bagian Rancangan PopUp About
No Jenis Objek
Keterangan
1 Text
Keterangan mengenai profil aplikasi 2
Tombol Slose Tombol untuk menutup popup
3.4.3 Rancangan Halaman Augmented Reality Rancangan halaman Augmented Reality seperti yang terlihat pada Gambar 3.9 memiliki 3
buah tombol dan sebuah slider yang terdiri dari tombol home untuk kembali ke halaman Main Menu, tombol rotate untuk merotasi objek bangunan, tombol video untuk masuk ke
halaman scan video dan sebuah slider yang berfungsi untuk memperbesar atau memperkecil
Universitas Sumatera Utara
objek bangunan. Tabel 5 memberikan keterangan bagian – bagian dari rancangan halaman
Augmented Reality.
Gambar 3.9 Rancangan Halaman Augmented Reality
Tabel 5. Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality
No Jenis Objek
Keterangan
1 Tombol Home
Tombol untuk kembali ke Main Menu 2
Tombol Rotate Tombol untuk merotasi objek bangunan
3 Tombol Scan video
Tombol untuk menuju
ke halaman
Augmented Reality video 4
Slider Digunakan
untuk memperbesar
dan memperkecil objek bangunan
3.4.4 Rancangan Halaman Augmented Reality Video
Universitas Sumatera Utara
Rancangan halaman Augmente Reality video pada Gambar 3.10 menampilkan halaman untuk melakukan scan marker video Tabel 6. akan memberikan keterangan bagian bagian dari
rancangan popup Synopsis.
Gambar 3.10 Rancangan Halaman Augmented Reality Video
Tabel 6. Keterangan Bagian-Bagian Rancangan Halaman AR Video
No Jenis Objek
Keterangan
1 Tombol Home
Tombol untuk kembali ke Main Menu 2
Tombol Back Tombol untuk kembali ke halaman Augmented
Reality.
3.5 Perancangan Pembuatan Objek 3D pada Blender