3.5.1. Rancangan Halaman Homescreen
Halaman homescreen merupakan halaman pertama sekali muncul pada saat aplikasi dijalankan, dapat dilihat pada gambar 3.8 dan keterangan komponen-komponen dapat
dilihat pada tabel 3.2.
Gambar 3.8. Rancangan Halaman Homescreen
Tabel 3.2. Komponen-Komponen pada Halaman Homescreen No Jenis Komponen
Keterangan
1 Nama aplikasi Text
Judul aplikasi 2
Logo Image Menampilkan gambar alat musik terompet
reog 3
Tombol Start Button Tombol akan menampilkan halaman Home
3.5.2. Rancangan Halaman Home
Halaman Home merupakan halaman yang muncul setelah halaman homescreen dengan menekan tombol start, dapat dilihat pada gambar 3.9 dan keterangan komponen-
komponen dapat dilihat pada tabel 3.3. Logo
Start Terompet Reog
2 1
3
Universitas Sumatera Utara
Gambar 3.9. Rancangan Halaman Home
Tabel 3.3. Komponen-Komponen pada Halaman Home No
Jenis Komponen Keterangan
1 Nama aplikasi Text
Judul aplikasi 2
Tombol Play Button Tombol akan menampilkan halaman alat
musik terompet reog 3
Tombol Tutorials Button Tombol akan menampilkan halaman informasi
tutorials dari alat musik terompet reog
4 Tombol Info Button
Tombol akan menampilkan halaman informasi tentang bagian-bagian alat musik terompet
reog 5
Tombol About Button Tombol akan menampilkan halaman informasi
tentang profil penulis 6
Tombol Exit Button Tombol akan langsung menutup aplikasi
3.5.3. Rancangan Halaman Play
Halaman Play merupakan halaman yang menampilkan objek 3D alat musik terompet reog, dapat dilihat pada gambar 3.10 dan keterangan komponen-komponen dapat dilihat
pada tabel 3.3.
Play
Tutorials Terompet Reog
2 1
3
Info
4
About
5
Exit
6
Universitas Sumatera Utara
Gambar 3.10. Rancangan Halaman Play
Tabel 3.4. Komponen-Komponen pada Halaman Play No
Jenis Komponen Keterangan
1 Tombol Close Button
Tombol akan menutup kamera yang diarahkan pada marker
2 Objek 3D Image
Tampilan objek 3D alat musik terompet reog
3.5.4. Rancangan Halaman Tutorials
Halaman Tutorials merupakan halaman yang menampilkan cara penggunaan aplikasi terompet reog, dapat dilihat pada gambar 3.11 dan keterangan komponen-komponen
dapat dilihat pada tabel 3.5.
Gambar 3.11. Rancangan Halaman Tutorials
Close
1
Objek 3D
2
Back
1
Tutorials
2
Keterangan
3
Gambar
4
Universitas Sumatera Utara
Tabel 3.5. Komponen-Komponen pada Halaman Tutorials No
Jenis Komponen Keterangan
1 Tombol Back Button
Tombol akan menuju ketampilan Home 2
Tutorials Text
Judul menu 3
Keterangan Text Tampilan informasi keterangan tentang cara
penggunaan aplikasi 4
Gambar Image Tampilan informasi gambar tentang cara
penggunaan aplikasi
3.5.5. Rancangan Halaman Info