Perancangan Flowchart Pertimbangan Perancangan

B Tidak E Ya Pilih Katalog Tanaman Tidak A Ya Pilih Menu Keluar Ya Pilih Peta Tidak F Tampilan Layar Jenis Katalog Gambar 4.23 Flowchart Jenis Katalog Flowchart Gambar 4.23 menjelaskan halaman jenis katalog dari aplikasi. Jika pengguna memilih menu maka akan menuju halaman menu utama. Jika pengguna memilih katalog tanaman maka akan menuju halaman katalog tanaman. Jika pengguna memilih peta maka akan menuju halaman peta. Jika pengguna memilih keluar maka pengguna akan keluar dari halaman jenis katalog aplikasi. Keterangan: A: Halaman Menu Utama B: Halaman Jenis Katalog E: Halaman Katalog Tanaman F: Halaman Peta E Pilih Gambar G Keluar Ya Tidak Tampilan Layar Katalog Tanaman Gambar 4.24 Flowchart Katalog Tanaman Flowchart Gambar 4.24 menjelaskan halaman katalog tanaman dari aplikasi. Jika pengguna memilih gambar tanaman maka akan menuju halaman 3D tanaman. Jika pengguna memilih keluar maka pengguna akan keluar dari halaman katalog tanaman. F Pilih Tombol Tanaman G Keluar Ya Tidak Tampilan Layar Peta Gambar 4.25 Flowchart Peta Keterangan: E: Halaman Katalog Tanaman G: Halaman 3D Tanaman Keterangan: F: Halaman Peta G: Halaman 3D Tanaman Flowchart Gambar 4.25 menjelaskan halaman peta dari aplikasi. Jika pengguna memilih tombol tanaman maka akan menuju halaman 3D tanaman. Jika pengguna memilih keluar maka pengguna akan keluar dari halaman peta. G Pilih Deskripsi Tanaman Pilih Video Pengolahan Pilih Kembali Keluar Ya Tidak H I B Ya Ya Tidak Tidak Tampilan Layar 3D Tanaman Gambar 4.26 Flowchart 3D Tanaman Flowchart Gambar 4.26 menjelaskan halaman 3D tanaman. Pada halaman ini pengguna dapat berinteraksi dengan objek 3 dimensi tanaman yang ditampilkan melalui kontrol navigasi yang disediakan. Pengguna dapat memutar maupun memperbesar dan memperkecil objek 3 dimensi tanaman tersebut melalui kontrol navigasi. Jika pengguna memilih deskripsi tanaman maka akan menuju halaman deskripsi tanaman. Jika pengguna memilih video pengolahan maka akan menuju halaman video pengolahan. Jika pengguna memilih kembali maka akan menuju Keterangan: B: Halaman Jenis katalog G: Halaman 3D Tanaman H: Halaman Deskripsi Tanaman I: Halaman Video Pengolahan halaman jenis katalog. Jika pengguna memilih keluar maka pengguna akan keluar dari tampilan 3D tanaman. H Keluar Pilih Back Ya Tidak Tampilan Layar 3D Tanaman Tampilan Layar Deskripsi Tanaman Gambar 4.27 Flowchart Deskripsi Tanaman Flowchart Gambar 4.27 menjelaskan halaman deskripsi tanaman. Jika pengguna memilih back maka pengguna akan kembali ke tampilan layar 3D tanaman. Jika pengguna memilih keluar maka pengguna akan keluar dari tampilan deskripsi tanaman. I Pilih Back Keluar Tidak Ya Tampilan Layar Video Pengolahan Tampilan Layar 3D Tanaman Gambar 4.28 Flowchart Video Pengolahan Keterangan: H: Halaman Deskripsi Tanaman Keterangan: I: Video Pengolahan Flowchart Gambar 4.28 menjelaskan tampilan video tanaman. Jika pengguna memilih back maka pengguna akan kembali ke halaman 3D tanaman. Jika pengguna memilih keluar maka pengguna akan keluar dari tampilan video pengolahan. C Pilih Menu Keluar Ya Tidak Tampilan Layar Bantuan Tampilan Layar Menu Gambar 4.29 Flowchart Bantuan Flowchart Gambar 4.29 menjelaskan halaman bantuan. Jika pengguna memilih menu maka akan menuju halaman menu. Jika pengguna memilih keluar maka pengguna akan keluar dari aplikasi. Keterangan: C: Halaman Bantuan D Pilih Menu Keluar Ya Tidak Tampilan Layar Tentang Saya Tampilan Layar Menu Gambar 4.30 Flowchart Tentang Saya Flowchart Gambar 4.30 menjelaskan halaman tentang saya. Jika pengguna memilih menu maka akan menuju halaman menu. Jika pengguna memilih keluar maka pengguna akan keluar dari aplikai.

4.3 Implementasi

Tahap implementasi merupakan tahap yang terdiri atas prototyping dan beta testing. Prototyping dijelaskan melalui pembangunan aplikasi, Beta Testing merupakan pengujian terhadap aplikasi yang telah dibuat. Berikut ini adalah pembahasan dalam tahap implementasi.

4.3.1 Prototyping

Pada tahap prototyping menjelaskan tentang implementasi aplikasi yang dibuat berupa penjelasan dari pembangunan aplikasi. Keterangan: D: Halaman Tentang Saya

1. Membuat Background pada Adobe Photoshop

Gambar 4.31 Background Tampilan Aplikasi Pada Gambar 4.31 merupakan latar belakang dari tampilan lainnya selain tampilan home yang dibuat pada Adobe Photoshop dengan resolusi 800x600 pixels dan disimpan dengan format .jpg.

2. Merancang Grafik 3 Dimensi pada 3D Studio Max dan Adobe Photoshop

Perancangan objek 3 dimensi tanaman dilakukan berdasarkan gambar-gambar tanaman yang telah diperoleh sebelumnya. Pemodelan 3 dimensi dilakukan menggunakan 3D Studio Max dimana dilakukan proses modelling, pemberian material, pengaturan pencahayaan dan proses export ke dalam format shockwave 3D.w3d. Gambar 4.32 Pemodelan 3D Tanaman Pemodelan 3 dimensi diawali dengan pembuatan bagian-bagian tanaman seperti bagian daun, bunga dan batang. Gambar 4.33 Pembuatan material Tanaman pada Adobe Photoshop Proses selanjutnya adalah pembuatan material pada Adobe Photoshop berdasarkan cetakan yang dihasilkan pada 3D Studio Max menggunakan modifier unwrap UVW. Gambar 4.34 Pemberian Material pada 3D Tanaman Material yang telah dihasilkan kemudian dipasangkan pada objek tanaman 3D menggunakan 3D Studio Max.