Gambar 3.4 Sequence Implementasi Augmented Reality pengenalan Sel Hewan
Dari keterangan diatas dapat digambarkan dengan sequence diagram mengenai informasi sistem yang berjalan saat ini, sehingga dengan diagram ini dapat
menggambarkan pergerakan sebuah objek dan pesan yang terjadi di dalam sistem penyampaian informasi.
3.4. Perancangan Sistem
Berdasarkan gambaran dari hasil analisis proses maka dibangun suatu model rancangan flowchart sistem dan juga rancangan antar muka sistem.
Pada gambar 3.5 dijelaskan mengenai Menu pada Aplikasi. Pengguna dapat masuk melalui halaman pembuka kemudian dilanjutkan ke halaman Beranda. Pada
halaman Beranda diberikan penjelasan mengenai aplikasi yang digunakan dan melakukan pilihan pada halaman Lihat Sel pada aplikasi ARACellS. Pengguna dapat
memilih untuk melihat bagian sel yang ingin dipelajari, pengguna dapat melakukan latihan sebagai bahan evaluasi telah mempelajari bagian atau komponen sel yang
terdapat pada materi yang tersedia pada aplikasi tesebut. 3.4.1. Flowchart System
Flowchart sistem yang menjelaskan pilihan dan cara kerja aplikasi ARACellS ditunjukkan seperti pada gambar 3.5.
Universitas Sumatera Utara
Mulai
Apakah Memilih 1. Inti Sel Apakah Memilih 2. Mitokondria
Apakah Memilih 4. Peroksisom Apakah Memilih 3. Lisosom
Ya Tidak
Ya Ya
Ya Tidak
Tidak
Apakah Memilih 5. R. E. Kasar Apakah Memilih 6. Badan
Golgi Apakah Memilih 7. R. E. Halus
Apakah Memilih 8. Vakuola Apakah Memilih 9. Sentriol
Apakah Memilih 10. Sel Utuh Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Ya Tidak
Selesai Apakah Memilih Lihat Sel
Apakah Memilih Menu Pilihan Ya
Ya Tidak
Tidak Apakah Memilih Buka Link
Ya Tidak
Tidak Tidak
Halaman Pembuka Halaman Beranda
Halaman Pembuka
Halaman Augmented
Menampilkan Menu Pilihan Tombol Sel
1. Inti sel 2. Mitokondria
3. Lisosom 4. Peroksisom
5. Retikulum Endoplasma Kasar 6. Badan Golgi
7. Retikulum Endoplasma Halus 8. Vakuola
9. Sentriol 10. Sel Utuh
Halaman Web Menampilkan
Objek Inti Sel Menampilkan
Objek Mitokondria
Menampilkan objek Lisosom
Menampilkan objek Peroksisom
Menampilkan objek R. E. Kasar
Menampilkan objek R. E. Halus
Menampilkan objek Mikrotubul
Apakah Memilih 11. Mikrotubul Menampilkan
objek Vakuola Menampilkan
objek Sentriol Menampilkan objek
Badan Golgi
Menampilkan objek Sel Utuh
Gambar 3.5. Flowchart System
3.5. Perancangan Antarmuka Sistem