Pemodelan Sistem Perancangan Sistem Perancangan Antarmuka Sistem

b. Desain, sistem atau aplikasi yang akan dibangun harus interaktif dan edukatif agar memudahkan user dalam menggunakannya. c. Ekonomi, sistem atau aplikasi yang akan dibangun harus bekerja dengan baik dan tidak memerlukan perangkat tambahan yang dapat mengeluarkan biaya. d. Informasi, sistem atau aplikasi harus mampu menyediakan informasi tentang komponen Elektronika. e. Pelayanan, sistem atau aplikasi yang akan dibangun harus mudah digunakan user friendly , menarik dan mudah dimengerti.

3.3. Pemodelan Sistem

Pemodelan sistem yang dirancang bertujuan menggambarkan peran user terhadap sistem yang dibuat. Pemodelan sistem yang digunakan dalam perancangan sistem, yaitu use-case diagram 3.3.1. Use-Case Diagram Diagram ini memperlihatkan himpunan use-case dan actor – aktor suatu jenis khusus dari kelas. Diagram ini terutama sangat penting untuk mengorganisasi dan memodelkan perilaku dari suatu sistem yang dibutuhkan serta diharapkan pengguna. Pada gambar 3.2 menjelaskan peran aktor terhadap sistem yaitu dapat memilih 7 objek 3D, dan sistemakan menghasilkan output berupa objek 3 dimensi terhadap marker . Universitas Sumatera Utara Gambar 3.2 Diagram Use-case menampilkan objek AR

3.4. Perancangan Sistem

Berdasarkan hasil dari analisis maka dapat dibangun suatu Flowchart diagram alir untuk menggambarkan lebih rinci tentang bagaimana setiap langkah program. Pada gambar 3.3 menjelaskan mengenai pilihan Menu dari aplikasi yang dapat diakses user. Proses terdapat 3 proses desicion yaitu objek AR, Tentang dan Keluar. Proses menampilkan objek AR dapat terlihat pada Menu Objek yang ketika di-klik maka akan masuk ke dalam halaman Objek, yang didalamnya terdapat 7 objek yang dapat dipilih untuk diketahui lebih lanjut. Proses Tentang menampilkan informasi perancang aplikasi dan proses Keluar menampilkan untuk keluar dari aplikasi. Universitas Sumatera Utara Gambar 3.3 Flowchart Sistem Arkonik

3.5. Perancangan Antarmuka Sistem

3.5.1. Rancangan Halaman Menu Utama Rancangan antarmuka halaman menu utama seperti pada gambar 3.4, serta keterangan komponen pada halaman Home dapat dilihat pada tabel 3.1. Universitas Sumatera Utara Gambar 3.4 Rancangan Halaman Menu Utama Tabel 3.1 Komponen – komponen pada halaman Menu Utama No Jenis Komponen Keterangan 1 AR Komponen Elektronika Text Judul untuk keterangan halaman 2 Tombol Objek Button Tombol untuk menampilkan halaman objek 3 Tombol Tentang Button Tombol untuk menampilkan halaman informasi perancang aplikasi 4 Tombol Keluar Button Tombol untuk menampilkan halaman keluar AR Komponen Elektronika Objek Tentang Keluar 1 2 3 4 Universitas Sumatera Utara 3.5.2. Rancangan Halaman Objek Rancangan antarmuka halaman objek seperti pada gambar 3.5, serta keterangan komponen pada halaman objek dapat dilihat pada tabel 3.2. Gambar 3.5 Rancangan Halaman Menu Objek Menu Objek Transistor Resistor Kapasitor IC LED Saklar Dioda Kembali 5 3 2 4 7 8 9 1 6 Universitas Sumatera Utara Tabel 3.2 Komponen – komponen pada halaman Menu Objek No Jenis Komponen Keterangan 1 Menu Objek Text Judul untuk halaman menu objek 2 Tombol Transistor Button Tombol untuk menampilkan halaman infomasi Transistor 3 Tombol Resistor Button Tombol untuk menampilkan halaman infomasi Resistor 4 Tombol Kapasitor Button Tombol untuk menampilkan halaman infomasi Kapasitor 5 Tombol LED Button Tombol untuk menampilkan halaman infomasi LED 6 Tombol Dioda Button Tombol untuk menampilkan halaman infomasi Dioda 7 Tombol Saklar Button Tombol untuk menampilkan halaman infomasi Saklar 8 Tombol IC Button Tombol untuk menampilkan halaman infomasi IC 9 Tombol Kembali Button Tombol untuk keluar dari menu objek dan kembali ke menu utama Universitas Sumatera Utara 3.5.3. Rancangan Halaman Tentang Rancangan antarmuka halaman objek seperti pada gambar 3.6, serta keterangan komponen pada halaman objek dapat dilihat pada tabel 3.3.

3.6. Proses Pembuatan Objek 3D