3.3.5 Perancangan Sistem
Perancangan merupakan penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan
berfungsi.
3.3.5.1 Perancangan Struktur Menu
Perancangan struktur menu merupakan gambaran jalur pemakaian aplikasi sehingga aplikasi yang dibangun mudah dipahami dan mudah digunakan. Perancangan
struktur menu dari aplikasi pengenalan sumber daya geologi dengan teknologi multitouch dapat dilihat pada gambar 3.9
Gambar 3. 9 Struktur Menu
3.3.5.2 Perancangan Antar Muka
Perancangan antarmuka mendeskripsikan rencana tampilan dari setiap tampilan yang akan digunakan pada aplikasi ini. Perancangan antarmuka pada aplikasi ini terdiri
dari perancangan halaman utama dan perancangan panel video.
1. Tampilan Halaman Utama
Berikut merupakan perancangan antar muka pada tampilan halaman utama aplikasi, dapat dilihat pada gambar 3.10 dibawah ini :
Gambar 3. 10 Tampilan Halaman Utama
2. Tampilan Panel Video
Berikut merupakan perancangan antar muka pada tampilan halaman panel video, dapat dilihat pada gambar 3.11 dibawah ini :
Gambar 3. 11 Tampilan Panel Video
3.3.5.3 Jaringan Semantik
Jaringan semantik merupakan gambaran pengetahuan grafis yang menunjukan hubungan antar berbagai objek. Jaringan semantik terdiri dari lingkaran-lingkaran
yang menunjukan objek informasi tentang objek-objek tertentu. Jaringan semantik untuk aplikasi ini dapat dilihat pada gambar 3.12
3.3.5.4 Perancangan Prosedural
Perancangan procedural merupakan representasi algoritma dari perangkat lunak yang dibangun. Perancangan procedural pada aplikasi ini dapat dilihat sebagai berikut:
3.3.5.4.1 Flowchart Menjalankan Video
Flowchart ini menggambarkan proses pada saat user menekanmenyentuh tombol video di halaman utama aplikasi. Flowchart ini dapat dilihat pada gambar
3.13
F001 F002
Gambar 3. 12 Jaringan Semantik
Gambar 3. 13 Flowchart Menjalankan Video
3.3.5.4.2 Flowchart Mengelola Panel Video
Flowchart ini menggambarkan proses apa saja yang dapat dilakukan dengan panel
video, seperti
menggeser panel,
memutar posisi
panel dan
memperbesarmemperkecil ukuran panel. Flowchart ini dapat dilihat pada gambar 3.14
Gambar 3. 14 Flowchart Mengelola Panel Video
3.3.6 Implementasi