Tampilan Aplikasi IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1.1.3. Program Untuk Rotate sumbu z using UnityEngine; using System.Collections; public class rotatez : MonoBehaviour { void Rotasi{ Meletakkan button di pojok kanan atas GUI.matrix = Matrix4x4.TRSnew Vector3Screen.width- 258GUIsF.x,GUIsF.y,0,Quaternion.identity,GUIsF; if statusRotasi==false{ ifGUI.Buttonnew Rect-208,10,476,108,Rotasi{ statusRotasi = true; } }else{ ifGUI.Buttonnew Rect-208,10,476,108,Stop Rotasi{ statusRotasi = false;} } } void Update{ ifstatusRotasi==true{ Menu.transform.Rotatenew Vector30,0,Time.deltaTimekecepatanRotasi; rotate sumbu z deltatime kecepatanrotasi } }

4.2 Tampilan Aplikasi

4.2.1 Tampilan Penginstalan Aplikasi Tampilan penginstalan aplikasi pada android terlihat pada Gambar 4.2. Pengguna harus menginstal aplikasi dengan format file berbentuk .apk. Format file .apk merupakan format file yang digunakan untuk menginstal hardware biasanya aplikasi atau permainan pada sistem android. Gambar 4.2 Tampilan saat menginstal aplikasi “PART” 4.2.2 Tampilan Halaman Splash Screen Tampilan splash screen adalah tampilan awal sebagai intro sebelum masuk ke halaman landingPage. Ketika aplikasi dibuka maka akan terlihat tampilan splash screen aplikasi seperti Gambar 4.3. Gambar 4.3 Tampilan Halaman Splash Screen 4.2.3 Tampilan Halaman landingPage Tampilan landingPage adalah tampilan menu yang digunakan untuk masuk kedalam mainMenu. Pada halaman ini terdapat 3 tombol menu yaitu enter yang akan menampilkan halaman mainMenu, about akan menampilkan popup informasi mengenai aplikasi PART, dan exit untukkeluar dari aplikasi. Berikut tampilan landingPage pada Gambar 4.4 serta popup about pada Gambar 4.5. Gambar 4.4 Tampilan Halaman landingPage Gambar 4.5 Tampilan PopUp About 4.2.4 Tampilan Halaman mainMenu Pada halaman mainMenu utama ini terdiri dari sebuah tombol berbentuk buku menu untuk menuju menuBook yang berisikan menu – menu yang tersedia dalam bentuk 3D, tombol back untuk kembali ke landingPage, dan tombol help akan memberitahu informasi cara menggunakan aplikasi. Berikut tampilan mainMenu pada Gambar 4.6. Gambar 4.6 Tampilan Halaman mainMenu 4.2.5 Tampilan Halaman menuBook Tampilan ini merupakan tampilan utama di dalam aplikasi ini. Pada tampilan menuBook. Terdapat tombol – tombol dari menu yang memiliki objek 3D yang jika dipilih akan mengarahkan pengguna ke halaman masing – masing menu. Berikut tampilan dari menuBook pada Gambar 4.7. Gambar 4.7 Tampilan Halaman menuBook 4.2.6 Tampilan Halaman AR untuk Bola – bola udang Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Bola- bola udang maka akan tampil objek 3D dari Bola – bola udang seperti terlihat pada Gambar 4.8. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.8 Tampilan Halaman AR untuk Bola – bola udang 4.2.7 Tampilan Halaman AR untuk Kopi Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Kopi maka akan tampil objek 3D dari Kopi seperti terlihat pada Gambar 4.9. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.9 Tampilan Halaman AR untuk Kopi 4.2.8 Tampilan Halaman AR untuk Es Krim Besar Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Es Krim Besar maka akan tampil objek 3D dari Es Krim Besar seperti terlihat pada Gambar 4.10. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.10 Tampilan Halaman AR untuk Es Krim Besar 4.2.9 Tampilan Halaman AR untuk Es Krim Sedang Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Es Krim Sedang maka akan tampil objek 3D dari Es Krim Sedang seperti terlihat pada Gambar 4.11. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.11 Tampilan Halaman AR untuk Es Krim Sedang 4.2.10 Tampilan Halaman AR untuk Kentang Goreng Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Kentang Goreng Sedang maka akan tampil objek 3D dari Kentang Goreng seperti terlihat pada Gambar 4.12. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.12 Tampilan Halaman AR untuk Kentang Goreng 4.2.11 Tampilan Halaman AR untuk Jus Alpukat Tampilan halaman AR berisikan camera view yang berisikan tombol back dan tombol slider. Pada halaman ini jika kamera diarahkan pada gambar marker Jus Alpukat maka akan tampil objek 3D dari Jus Alpukat seperti terlihat pada Gambar 4.13. Tombol slider memberikan fitur untuk melakukan zoom in dan zoom out ketika objek 3D telah muncul. Tombol back digunakan untuk menuju halaman menuBook. Tombol rotasi untuk memulai rotasi objek. Gambar 4.13 Tampilan Halaman AR untuk Jus Alpukat 4.2.12 Tampilan Marker PART untuk Tuasan Marker untuk PART PopulAResto untuk Tuasan memiliki bentuk persegi empat yang terdiri dari lima jenis marker yaitu Bola – bola udang, Kopi, Es krim, Kentang Goreng, dan Jus Alpukat, seperti yang terlihat pada Gambar 4.14. Gambar 4.14 Tampilan Marker

4.3 Pengujian Aplikasi