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