ANALISIS DAN PERANCANGAN SISTEM
3.4 Perancangan Tampilan Antarmuka Aplikas
Tampilan antarmuka perlu dirancang untuk menggambarkan sistem yang akan dibuat dan membantu mempermudah proses pembangunan sistem. Rancangan tampilan sistem dapat dilihat dan akan dijelaskan sebagai berikut.
3.4.1 Rancangan Halaman Landing Page
Rancanga halaman landing page pada aplikasi kopi tampan bertujuan untuk memulai aplikasi untuk masuk ke dalam halaman home/ menu utama dan sekaligus pengenalan awal dari sistem yang dibuat kepada pengguna dalam menggunakan aplikasi. Dalam rancangan ini halaman landing page terbagi menjadi tiga tombol menu yaitu menu start , menu about dan menu exit. Untuk rancangan halaman landing page dapat dilihat pada Gambar 3.9 dan Tabel 3.2 untuk keterangan bagian rancangan halaman landing page.
Gambar 3.9 Rancangan Halaman Landing Page
Tabel 3.2 Keterangan Bagian-Bagian Rancangan Halaman Landing Page
No Jenis Objek Keterangan
1 Picture Logo Kopi Tampan.
2 Tombol Start Tombol masuk ke halaman home/menu utama.
3 Tombol About Tombol popup pemberitahuan tentang aplikasi.
4 Tombol Exit Tombol keluar dari aplikasi.
3.4.2 Rancangan PopUp About
Rancangan popup about pada aplikasi ini bertujuan untuk memberitahukan tujuan dari aplikasi ini dibuat. Rancangan popup about dapat dilihat pada Gambar 3.10 dan Tabel 3.3 untuk keterangan bagian rancangan popup about.
Gambar 3.10 Rancangan PopUp About
Tabel 3.3 Keterangan Bagian-Bagian Rancangan PopUp About
No Jenis Objek Keterangan
1 Tombol Keluar Tombol keluar dari popup about. 2 Text View Deskripsi tujuan aplikasi dibuat.
3.4.3 Rancangan Halaman Home/Menu Utama
Rancangan halaman home/menu utama pada aplikasi kopi tampan bertujuan untuk memberitahukan isi dari aplikasi dan mempermudah pengguna dalam menggunakan sistem melalui menu yang terlihat pada tampilan halaman home/menu utama yang didesain dengan fitur-fitur yang menarik. Rancangan tampilan halaman home/menu utama memiliki tujuh tombol menu yaitu tampilan kopi tampan, tampilan produk, tampilan gerobak, tampilan mini cafe, tampilan marker, tampilan help dan tampilan kembali ke landing page. Rancangan halaman home/menu utama dapat dilihat pada Gambar 3.11 dan Tabel 3.4 untuk rancangan halaman home/menu utama.
1
1 2 3 4 5 6 7
Gambar 3.11 Rancangan Halaman Home/Menu Utama
Tabel 3.4 Keterangan Bagian-Bagian Rancangan Halaman Home/Menu Utama
No Jenis Objek Keterangan
1 Tombol Kopi Tampan Tombol informasi tentang kopi tampan.
2 Tombol Produk Tombol untuk melihat jenis produk kopi tampan.
3 Tombol Gerobak Tombol untuk masuk ke halaman Augmented Reality Gerobak.
4 Tombol Mini Cafe Tombol untuk masuk ke halaman Augmented Reality Mini Cafe.
5 Tombol Marker Tombol untuk melihat marker yang digunakan dalam sistem.
6 Tombol Help Tombol untuk membantu user menggunakan sistem.
7 Tombol Home Tombol kembali ke halaman landing page.
3.4.4 Rancangan Halaman Kopi Tampan
Rancangan pada halaman kopi tampan memiliki halaman sebanyak empat halaman, halaman pertama adalah kopi tampan 1, halaman kedua adalah kopi tampan 2, halaman ketiga adalah kopi tampan 3 dan halaman terakhir adalah kopi tampan 4. Setiap halaman terdapat tombol home, tombol next dan tombol back.
4
1
3
2
a. Rancangan Halaman Kopi Tampan 1
Rancangan pada halaman ini akan berisi tentang visi, misi, produk, dan informasi mengenai perusahaan kopi tampan. Rancangan halaman kopi tampan 1 dapat dilihat pada Gambar 3.12 dan Tabel 3.5 untuk keterangan bagian rancangan halaman kopi tampan 1.
Gambar 3.12 Rancangan Halaman Kopi Tampan 1
Tabel 3.5 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 1
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Text View Deskripsi tentang kopi tampan 3 Text View Judul : Kopi Tampan
4 Tombol Next Tombol menuju ke halaman kopi tampan 2
b. Rancangan Halaman Kopi Tampan 2
Rancangan pada halaman ini akan berisi tentang perancangan bisnis dari 3 produk yaitu gayo, premium dan jantan coffee. Rancangan halaman kopi tampan 2 dapat dilihat pada Gambar 3.13 dan Tabel 3.6 untuk keterangan bagian rancangan halaman kopi tampan 2.
1
3
2
Gambar 3.13 Rancangan Halaman Kopi Tampan 2
Tabel 3.6 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 2
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Text View Gambar perancangan bisnis produk kopi tampan
3 Text View Judul : Kopi Tampan
4 Tombol Back Tombol kembali ke halaman kopi tampan 1 5 Tombol Next Tombol menuju ke halaman kopi tampan 3
c. Rancangan Halaman Kopi Tampan 3
Rancangan pada halaman ini akan berisi tentang perancangan bisnis dari gerobak. Rancangan halaman kopi tampan 3 dapat dilihat pada Gambar 3.14 dan Tabel 3.7 untuk keterangan bagian rancangan halaman kopi tampan 3.
Gambar 3.14 Rancangan Halaman Kopi Tampan 3
Tabel 3.7 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 3
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Text View Gambar perancangan bisnis gerobak 3 Text View Judul : Kopi Tampan
4 Tombol Back Tombol kembali ke halaman kopi tampan 2 5 Tombol Next Tombol menuju ke halaman kopi tampan 4
d. Halaman Kopi Tampan 4
Pada halaman ini akan berisi tentang perancangan bisnis dari mini cafe. Rancangan halaman kopi tampan 4 dapat dilihat pada Gambar 3.15 dan Tabel 3.8 untuk keterangan bagian rancangan halaman kopi tampan 4.
1
4
1
3
2
5
4
1
3
2
Gambar 3.15 Rancangan Halaman Kopi Tampan 4
Tabel 3.8 Keterangan Bagian-Bagian Rancangan Halaman Kopi Tampan 4
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Text View Deskripsi Perancangan Bisnis Kopi Tampan. 3 Text View Judul : Kopi Tampan.
4 Tombol Back Tombol kembali ke halaman Kopi Tampan 3.
3.4.5 Rancangan Halaman Produk
Rancangan halaman produk pada aplikasi ini bertujuan untuk memberitahukan informasi tentang produk secara 3D. Pada rancangan halaman produk terdapat 3 tombol produk yaitu tombol Gayo Coffee, Premium Coffee, Jantan Coffee, dan tombol home. Tombol produk akan langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality produk. Untuk rancangan halaman Augmented Reality terdapat tombol home yang digunakan untuk kembali ke halaman home/menu utama. Untuk memunculkan objek 3D dari produk, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman produk dapat dilihat pada Gambar 3.16 dan Tabel 3.9 keterangan bagian rancangan halaman produk.
2
3
4
1
Gambar 3.16 Rancangan Halaman Produk Kopi Tampan
Tabel 3.9 Keterangan Bagian-Bagian Rancangan Halaman Produk Kopi Tampan
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Tombol Gayo Coffee Tombol untuk masuk ke halaman Augmented Reality Gayo Coffee.
3 Tombol Premium Coffee
Tombol untuk masuk ke halaman Augmented Reality Premium Coffee.
4 Tombol Jantan Coffee Tombol untuk masuk ke halaman Augmented Reality Jantan Coffee.
1
a. Halaman Augmented Reality Gayo Coffee
Rancangan halaman Augmented Reality gayo coffee dapat dilihat pada Gambar 3.17 dan Tabel 3.10 untuk keterangan bagian rancangan halaman Augmented Reality gayo coffee.
2
3
Gambar 3.17 Rancangan Halaman Augmented Reality Gayo Coffee
Tabel 3.10 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Gayo Coffee
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Camera view Halaman untuk melihat Augmented Reality Gayo Coffee.
3 Slider Digunakan untuk memperbesar atau memperkecil objek.
b. Halaman Augmented Reality Premium Coffee
Rancangan halaman Augmented Reality premium coffee dapat dilihat pada Gambar 3.18 dan Tabel 3.11 untuk keterangan bagian halaman Augmented Reality premium coffee.
1
2
3
Gambar 3.18 Rancangan Halaman Augmented Reality Premium Coffee
Tabel 3.11 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Premium Coffee
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Camera view Halaman untuk melihat Augmented Reality Premium Coffee.
3 Slider Digunakan untuk memperbesar atau memperkecil objek.
c. Halaman Augmented Reality Jantan Coffee
Rancangan halaman Augmented Reality jantan coffee dapat dilihat pada Gambar 3.19 dan Tabel 3.12 untuk keterangan bagian rancangan halaman Augmented Reality jantan coffee.
1
2
3
Gambar 3.19 Rancangan Halaman Augmented Reality Jantan Coffee
Tabel 3.12 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Jantan Coffee
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Camera view Halaman untuk melihat Augmented Reality Jantan Coffee.
3 Slider Digunakan untuk memperbesar atau memperkecil objek.
3.4.6 Rancangan Halaman Augmented Reality Gerobak
Rancangan halaman gerobak pada aplikasi ini bertujuan untuk memberitahukan informasi tentang gerobak secara 3D. Pada halaman gerobak, pengguna bisa langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality gerobak. Untuk memunculkan objek 3D dari gerobak, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman gerobak dapat dilihat pada Gambar 3.20 dan Tabel 3.13 untuk keterangan bagian rancangan halaman gerobak.
1
2
3
Gambar 3.20 Rancangan Halaman Augmented Reality Gerobak
Tabel 3.13 Keterangan Bagian-Bagian Rancangan Gerobak
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama.
2 Camera view Halaman untuk melihat Augmented Reality Gerobak Kopi Tampan.
3 Slider Digunakan untuk memperbesar atau memperkecil objek.
3.4.7 Rancangan Halaman Augmented Reality Mini Cafe
Rancangan halaman mini cafe pada aplikasi ini bertujuan untuk memberitahukan informasi tentang mini cafe secara 3D. Pada halaman mini cafe, pengguna bisa langsung terhubung ke fungsi kamera smartphone dan menampilkan halaman Augmented Reality mini cafe. Untuk memunculkan objek 3D dari gerobak, Scan marker yang sudah ditentukan dan kamera smartphone akan mentracking marker agar dapat memunculkan objek. Rancangan halaman mini cafe dapat dilihat pada Gambar 3.21 dan Tabel 3.14 untuk keterangan bagian rancangan halaman mini cafe.
1
2
3
Gambar 3.21 Rancangan Halaman Augmented Reality Mini Cafe
Tabel 3.14 Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality Mini Cafe
No Jenis Objek Keterangan
1 Tombol Home Tombol kembali pada halaman home/menu utama. 2 Camera view Halaman untuk melihat Augmented Reality Mini Cafe. 3 Slider Digunakan untuk memperbesar atau memperkecil objek.
3.4.8 Rancangan PopUp Marker
Rancangan PopUp marker bertujuan untuk memberitahukan bagaimana bentuk dari marker yang akan digunakan dalam sistem. Pada PopUp ini hanya berisi marker dalam bentuk .jpg. dan tombol exit. Rancangan popup marker dapat dilihat pada Gambar 3.22 dan Tabel 3.15 untuk keterangan bagian rancangan popup marker.
Gambar 3.22 Rancangan PopUp Marker
1
2
Tabel 3.15 Keterangan Bagian-Bagian Rancangan Marker
No Jenis Objek Keterangan
1 Tombol Keluar Tombol keluar dari popup marker. 2 Text View Judul : Marker
3 Text View Gambar - gambar Marker
3.4.9 Rancangan PopUp Help
Rancangan PopUp help bertujuan untuk memberitahukan cara penggunaan dari aplikasi. Pada halaman ini hanya berisi informasi untuk menggunakan aplikasi dan tombol exit. Rancangan PopUp help dapat dilihat pada Gambar 3.23 dan Tabel 3.16 untuk keterangan bagian rancangan popup help.
Gambar 3.23 Rancangan PopUp Help
Tabel 3.16 Keterangan Bagian-Bagian Rancangan Help
No Jenis Objek Keterangan
1 Tombol X Tombol keluar dari popup help.
2 Text View Judul : Help
3 Text View Pemberitahuan Help
1
2
Seperti pada gambar cube di perbesar untuk dijadikan sebagai lantai pada mini cafe.
3. Lalu ubah mode menjadi edit mode. Setelah itu buat pola garis kotak – kotak sesuai dengan keinginan dengan menekan CTRL + R dan pola mini cafe dapat jelas terlihat pada gambar. Lalu blok face yang akan dinaikkan keatas untuk membuat meja bar dari mini cafe.
4. Setelah meja bar terbentuk, selanjutnya blok face kembali yang akan dinaikkan keatas untuk membuat tiang penyangga atap dan dinding belakang dari mini cafe. Bisa dilihat pada gambar, tiang penyangga atap dan dinding belakang yang sudah terbentuk.
5. Setelah itu tambahkan lagi bagian lantai samping kiri untuk membuat meja dengan cara seperti diatas. Untuk lebih jelasnya bisa dilihat pada gambar.
6. Pada dinding belakang buat pola untuk membuat laci – laci pada dinding dengan cara memblok face yang diinginkan lalu tekan DELETE dan pilih face maka face akan terhapus dan membentuk seperti laci untuk didinding.
7. Kemudian blok kembali lantai melalui face yang diinginkan, lalu lakukan dengan cara seperti diatas.
8. Setelah itu blok keseluruhan face dari lantai untuk diberi warna sesuai keinginan, cara memberi warna setiap face menggunakan material yang terdapat pada menu di sebelah kanan. Untuk lebih jelasnya bisa dilihat pada gambar.
9. Tahap selanjutnya adalah membuat atap untuk mini cafe, ubah dulu mode ke object mode lalu tambahkan objek dasar cube dan ubah sesuaikan dengan model yang sudah dibuat. Lalu cocokkan atap dengan model yang sebelumnya telah dibuat. Lihat model atap melalui sisi atas, depan, kiri dan kanan dengan menggunakan menu view yang terletak pada toolbar kiri bawah.
10.Setelah pas, buat pola pada atap untuk membuat atap yang miring disebelah kanan dan kiri. Setelah pola terbuat maka blok face akan ditarik untuk membuat atap yang miring. Setelah itu tarik face yang sudah di blok dan atur kemiringannya. 11.Beri warna pada atap yang sudah di terbentuk dengan cara yang masih sama yaitu
menggunakan material yang terdapat pada kanan menu. Jika ingin memberi warna blok face terlebih dahulu baru gunakan material untuk warna yang diinginkan. 12.Mini cafe sudah selesai, jika masih ada kekurangan bisa diubah dengan kreasi
4.1.1.1. Program Untuk Rotate
function touchobjek()
//ketika gerakan tangan menyetuh maka status drag objek menjadi "true" {
drag = true; }
function Update() {
//menangani perubahan yang terjadi akibat inputan pada layar device '' if (Input.touchCount == 1) //jika disentuh hanya 1
{
var theTouch : Touch = Input.GetTouch(0);
if (theTouch.phase == TouchPhase.Moved) //jika sentuhan berpindah {
touchobjek(); }
if ((theTouch.phase == TouchPhase.Ended) || (theTouch.phase == TouchPhase. Canceled)) //jika berhenti menyentuh atau batal menyentuk
{
drag = false; }
}
if (Input.touchCount > 1) //jika disentuh lebih dari 1 {
drag = false; }
if ((theTouch.phase == TouchPhase.Moved) && drag) //jika proses sentuh dan berpindah {
kecepatan = new Vector3(theTouch.position.x,theTouch.position.y, 0); avg = Vector3.Lerp(avg,kecepatan,Time.deltaTime * 5);
}
transform.Rotate ( Camera.main.transform.up*kecepatan.x* rotasi, Space.World ); //rotasi keatas
transform.Rotate ( Camera.main.transform.right*kecepatan.y*rotasi, Space.World ); //rotasi kekanan
}
4.1.1.2Program Untuk Zoom
void Update () {
objek.transform.localScale = new Vector3(0.4f, 0.4f, 0.4f) * nilaiI * 0.01f; //perubahan ukuran berdasarkan slide interval
}
void OnGUI() //untuk menampilkan GUI slider {
Gambar 4.5 Tampilan PopUp About
4.1.2.4Tampilan Home/Menu Utama
Tampilan ini merupakan tampilan utama di dalam aplikasi ini. Pada halaman home/menu utama ini terdiri dari tombol kopi tampan untuk melihat bagaimana visi, misi, produk, dan informasi mengenai perancangan bisnis kopi tampan. Produk untuk melihat produk kopi tampansecara 3D, gerobak untuk melihat Augmented Reality dari gerobak kopi tampan, mini cafe untuk melihat Augmented Reality dari mini cafe, marker digunakan untuk memberi informasi mengenai marker yang akan digunakan dan help akan memberitahu informasi tentang aplikasi. Tampilan home/menu utama dapat dilihat pada Gambar 4.6.
4.1.2.5Tampilan Halaman Kopi tampan
Pada tampilan halaman kopi tampan dibagi menjadi 4 bagian. Halaman Kopi Tampan 1 berisi deskripsi mengenai kopi tampan, dan visi misi dan dapat dilihat pada Gambar 4.7. Halaman Kopi Tampan 2 berisi tentang perancangan bisnis dari 3 produk yaitu gayo, premium, dan jantan coffee dan dapat dilihat pada Gambar 4.8. Halaman Kopi Tampan 3 berisi tentang perancangan bisnis dari gerobak dan dapat dilihat pada Gambar 4.9. Halaman Kopi Tampan 4 berisi tentang perancangan bisnis dari mini cafe dan dapat dilihat pada Gambar 4.10.
Gambar 4.7 Tampilan Kopi Tampan 1
Tabel 4.1 Hasil Pengujian Tekan Tombol Start
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Kopi Tampan Tombol Kopi Tampan akan menuju ke halaman Kopi Tampan 1
Baik
2 Cek Tombol Produk Tombol Produk akan menuju ke halaman produk
Baik
3 Cek Tombol Gerobak Tombol Gerobak akan menuju ke halaman Augmented Reality Gerobak
Baik
4 Cek Tombol Mini Cafe Tombol Mini Cafe akan menuju ke halaman Augmented Reality Mini Cafe
Baik
5 Cek Tombol Marker Tombol Marker akan menuju ke popup marker
Baik
6 Cek Tombol Help Tombol Help akan menuju ke popup help
Baik
7 Cek Tombol Home Tombol Home akan menuju ke halaman landing page
Baik
4.2.1.2Proses Tekan Tombol About
Hasil pengujian pada proses Tekan Tombol About diperlihatkan pada Tabel 4.2.
Tabel 4.2 Hasil Pengujian Tekan Tombol About
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
4.2.1.3Proses Tekan Tombol Kopi Tampan
Hasil pengujian pada proses Tekan Tombol Kopi Tampan diperlihatkan pada Tabel 4.3.
Tabel 4.3 Hasil Pengujian Tekan Tombol Kopi Tampan
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Next Tombol Next akan menuju ke halaman Kopi Tampan 2
Baik
2 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.4Proses Tekan Tombol Next Pada Halaman Kopi Tampan 1
Hasil pengujian pada proses Tekan Tombol Next Pada Halaman Kopi Tampan 1 diperlihatkan pada Tabel 4.4.
Tabel 4.4 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 1
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Next Tombol Next akan menuju ke halaman Kopi Tampan 3
Baik
2 Cek Tombol Back Tombol Back akan menuju ke halaman Kopi Tampan 1
Baik
3 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.5Proses Tekan Tombol Next Pada Halaman Kopi Tampan 2
Hasil pengujian pada proses Tekan Tombol Next Pada Halaman Kopi Tampan 2 diperlihatkan pada Tabel 4.5.
Tabel 4.5 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 2
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Next Tombol Next akan menuju ke halaman Kopi Tampan 4
Baik
2 Cek Tombol Back Tombol Back akan menuju ke halaman Kopi Tampan 2
Baik
3 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.6Proses Tekan Tombol Next Pada Halaman Kopi Tampan 3
Hasil pengujian pada proses Tekan Tombol Next Pada Halaman Kopi Tampan 3 diperlihatkan pada Tabel 4.6.
Tabel 4.6 Hasil Pengujian Tekan Tombol Next Pada Halaman Kopi Tampan 3
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Back Tombol Back akan menuju ke halaman Kopi Tampan 3
Baik
2 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.7Proses Tekan Tombol Produk
Hasil pengujian pada proses Tekan Tombol Produk diperlihatkan pada Tabel 4.7.
Tabel 4.7 Hasil Pengujian Tekan Tombol Produk
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Gayo Coffee Tombol Gayo Coffee akan menuju ke halaman Augmented Reality
Gayo Coffee 2 Cek Tombol Premium
Coffee
Tombol Premium Coffee akan menuju ke halaman Augmented Reality Premium Coffee
Baik
3 Cek Tombol Jantan Coffee Tombol Jantan Coffee akan menuju ke halaman Augmented Reality Jantan Coffee
Baik
4 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.8Proses Tekan Tombol Gerobak
Hasil pengujian pada proses Tekan Tombol Gerobak diperlihatkan pada Tabel 4.8.
Tabel 4.8 Hasil Pengujian Tekan Tombol Gerobak
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.9Proses Tekan Tombol Mini Cafe
Hasil pengujian pada proses Tekan Tombol Mini Cafe diperlihatkan pada Tabel 4.9.
Tabel 4.9 Hasil Pengujian Tekan Tombol Mini Cafe
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Home Tombol Home akan menuju ke halaman home/menu utama
Baik
4.2.1.10 Proses Tekan Tombol Marker
Tabel 4.10 Hasil Pengujian Tekan Tombol Marker
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Keluar Keluar dari popup marker Baik
4.2.1.11 Proses Tekan Tombol Help
Hasil pengujian pada proses Tekan Tombol Help diperlihatkan pada Tabel 4.11.
Tabel 4.11 Hasil Pengujian Tekan Tombol Help
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Keluar Keluar dari popup help Baik
4.2.1.12 Proses Tekan Tombol Gayo Coffee
Hasil pengujian pada proses Tekan Tombol Gayo Coffee diperlihatkan pada Tabel 4.12.
Tabel 4.12 Hasil Pengujian Tekan Tombol Gayo Coffee
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Home Tombol Home akan menuju ke halaman produk
Baik
4.2.1.13 Proses Tekan Tombol Premium Coffee
Hasil pengujian pada proses Tekan Tombol Premium Coffee diperlihatkan pada Tabel 4.13.
Tabel 4.13 Hasil Pengujian Tekan Tombol Premium Coffee
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Home Tombol Home akan menuju ke halaman produk
Baik
4.2.1.14 Proses Tekan Tombol Jantan Coffee
Hasil pengujian pada proses Tekan Tombol Jantan Coffee diperlihatkan pada Tabel 4.14.
Tabel 4.14 Hasil Pengujian Tekan Tombol Jantan Coffee
No. Pengujian Hasil yang Diharapkan Hasil
Pengujian
1 Cek Tombol Home Tombol Home akan menuju ke halaman produk
Baik