Rancangan Halaman Homescreen Rancangan Halaman Home Rancangan Halaman Play Rancangan Halaman Tutorials

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