Perancangan Struktur Navigasi Perancangan State Diagram Transition STD
93
3. Rancangan menu visualisasi 3D
Gambar 4.12 Rancangan Menu Visualisasi 3D
4. Rancangan menu materi
Gambar 4.13 Rancangan STD Menu Materi
94
5. Rancangan menu tengkorak
Tengkorak Materi
Gambar Penjelasan
Video Klik “tengkorak”
Tampilkan Tengkorak Klik “tengkorak”
Tampilkan Tengkorak Klik “Gambar”
Tampilkan Gambar Klik “Penjelasan”
Tampilkan pejelasan Klik “tengkorak”
Tampilkan Tengkorak Klik “tengkorak”
Tampilkan Tengkorak Klik “Video”
Tampilkan Video
Gambar 4.14 Rancangan Menu Tengkorak
6. Rancangan menu rusuk
Gambar 4.15 Rancangan Menu Rusuk
95
7. Rancangan menu tulang belakang
Gambar 4.16 Rancangan
Menu Tulang Belakang
8. Rancangan menu ekstremitas atas
Gambar 4.17 Rancangan
Menu Ekstremitas Atas
96
9. Rancangan menu ekstremitas bawah
Gambar 4.18 Rancangan
Menu Ekstremitas Bawah
10. Rancangan menu Bantuan
Gambar 4.19 Rancangan STD Menu Bantuan
97
11. Rancangan menu Profil
Gambar 4.20 Rancangan STD Menu Profil 4.2.5
Mendesain Antarmuka interface
Rancangan antarmuka pemakai user interface yang akan ditampilkan pada aplikasi multimedia ini akan disesuaikan dengan kebutuhan pengguna dan
pengetahuan pengguna. Pada program visualisasi 3D struktur rangka pada manusia terdapat 7 rancangan layar, yaitu:
1. Rancangan layar intro Rancangan ini merupakan tampilan awal sebelum masuk ke tampilan
utama. Pada tampilan intro ini terdapat tombol untuk melanjutkan ke menu utama yaitu tombol mulai untuk memulai program.
2. Rancangan layar me Rancangan ini
menyediakan bantuan, profil.
music dan exit. struktur rangka
Gambar 4.21 Rancangan Pembukaan Program
ngan layar menu utama ngan ini berfungsi sebagai tampilan utama program
menyediakan 6 tombol menu yaitu : home, visualisasi 3D, n, profil. Pada tampilan menu ini juga terdapat tombol
dan exit. Pada tampilan berisikan tentang sekilas struktur rangka manusia.
98
rogram
program yang visualisasi 3D, materi,
tombol on off sekilas seputar
3. Rancangan layar visuali Pada rancangan
rangka dengan panah atas, panah
zoom out. Pada tombol
Tanda zoom memperkecil objek
digunakan untuk semula.
Gambar 4.22 Rancangan Menu Utama
ngan layar visualisasi 3D rancangan visualisasi 3D ini berfungsi menampilkan
dengan 3 dimensi. Di rancangan ini terdapat 8 tombol atas, panah bawah, panah kiri, panah kanan, reset, zoom
tombol panah berfungsi merotasi 3 dimensi struktur zoom in dan zoom out berfungsi untuk memper
perkecil objek 3 dimensi struktur rangka dan untuk tombol digunakan untuk mengembalikan 3 dimensi struktur rangka
99
pilkan struktur 8 tombol yaitu :
reset, zoom in, dan
struktur rangka. memperbesar dan
untuk tombol reset rangka ke posisi
Gambar 4.
4. Rancangan layar ma Pada rancangan
seputar struktur menu untuk mengakses
rusuk, tulang bel
Gambar 4.23 Rancangan Menu Visualisasi 3 Dimensi
ngan layar materi rancangan menu materi ini berfungsi untuk menampilkan
struktur rangka manusia. Pada menu ini juga disajikan untuk mengakses tiap bagian struktur rangka yaitu: tengkorak,
rusuk, tulang belakang, ekstremitas atas dan ekstremitas bawah.
100
imensi
menampilkan materi disajikan tombol
yaitu: tengkorak, as bawah.
5. Rancangan layar sub me Pada rancangan
masing-masing yang disediaka
Pada materi berisi materi yang
visualisasi gambar bisa diperbesar
tulang pada manusia. dimensi tentang materi yang di
Gambar 4.24 Rancangan Menu Materi
ngan layar sub menu materi rancangan ini berfungsi sebagai pemberi keterangan
masing bagian dari struktur rangka pada manusia. sediakan pada rancangan ini yaitu : materi, gambar dan
materi berisi berupa teks yang menjelaskan bagian-bagian yang terdapat pada menu materi. Pada tombol gambar
si gambar dari materi yang telah dipilih dan gambar perbesar agar pengguna dapat melihatnya dengan jelas
pada manusia. Dan pada tombol video menampilkan nsi tentang materi yang dipilih oleh pengguna.
101
keterangan dari tiap manusia. Tombol
gambar dan video. bagian dari
gambar berupa gambar tersebut
dengan jelas struktur menampilkan video 3
102
Gambar 4.25 Rancangan Sub Menu Materi
6. Rancangan layar bantuan Rancangan ini berisi untuk menampilkan informasi cara penggunaan
program. Rancangan ini akan ditampilkan secara singkat agar bisa memenuhi kebutuhan pengguna dan mempermudah pengguna dalam
menggunakan program ini.
103
Gambar 4.26 Rancangan Menu Bantuan
7. Rancangan layar profil Rancangan ini berfungsi untuk menampilkan informasi tentang
penulis.
Gambar 4.27 Rancangan Menu Penulis
104