Gambar 3.16 Export video animasi
Pada preset, pilih kualitas gambar yang diinginkan, dan pada Output Name, ketikkan
nama video yang ingin di export. Lalu klik tombol Export. Maka video akan tersimpan
dalam format MP4.
3.5 Perancangan Halaman Utama
Antarmuka ataupun interface merupakan salah satu hal terpenting dalam setiap sistem. Hal tersebut dikarenakan tampilan dari suatu program aplikasi yang berperan sebagai
media komunikasi yang digunkan sebagai sarana dialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami
dan digunakan oleh user. Perancangan interface yang akan dibangun terdiri atas perancangan menu utama, perancangan start, about, help, icon, splash screen dan
perancangan button.
Universitas Sumatera Utara
3.5.1 Rancangan Halaman Utama
Halaman ini adalah halaman utama dari aplikasi pembelajaran rambu – rambu lalu
lintas. Halaman ini berisi tombol – tombol yang dapat digunakan oleh pengguna untuk
menjalankan aplikasi ini.
Gambar 3.17 Rancangan halaman utama
Keterangan :
1.
Start : Tombol ini berguna untuk menjalankan aplikasi AR Camera yang dapat
diarahakan ke object dan kemudian aplikasi melakukan scan marker rambu lalu lintas untuk menampilkan Video.
2.
Help : Tombol ini berguna untuk menampilkan informasi panduan kepada pengguna
tentang aplikasi pengenalan rambu lalu lintas. 3.
About : Tombol ini berguna untuk memberikan detail informasi tentang aplikasi
pengenalan rambu lalu lintas. 4.
Exit : Tombol ini berguna untuk menutup aplikasi pengenalan rambu lalu litas.
3.5.2 Rancangan Tampilan Menu Help, dan About.
Pada rancangan halaman – halaman tersebut dari masing – masing tombol akan
menampilkan inforamsi terkait tombol – tombol tersebut. Gamaba rancangan tampilan
masing – masing menu dapat dilihat pada gambar.
S O
N
START HELP
ABOUT
EXIT
BACKGROUND
Universitas Sumatera Utara
Gambar 3.18 Rancangan menu help
Gambar 3.19 Rancangan menu about
Keterangan : 1.
Apabila pengguna menekan tombol Help, maka akan mucul tampilan seperti gambar 3.18, tampilan yang muncul yaitu judul menu dan informasi petunjuk aplikasi
pengenalan rambu lalu lintas. 2.
Apabila pengguna menekan tombol About, maka akan mucul tampilan seperti gambar 3.19, tampilan yang muncul yaitu judul menu dan informasi profil aplikasi pengenalan
rambu lalu lintas.
S O
N
START HELP
ABOUT E
EXIT
S O
N
START HELP
ABOUT
EXIT
Informasi mengenai aplikasi pengenalan rambu lalu lintas
Informasi petunjuk penggunaan aplikasi
X
X
Universitas Sumatera Utara
3.5.3 Rancangan Icon
Icon merupakan tampilan yang menjadi simbol suatu aplikasi. Icon seperti gambar di
bawah ini akan muncul ketika kita telah selesai menginstall aplikasi pengenalan rambu lalu lintas pada smarthphone.
Gambar 3.20 Rancangan menu icon
3.5.4 Rancangan Splash Screen
Halaman splash merupakan halaman yang muncul pada saat pertama kali sistem dijalankan. Halaman ini berfungsi untuk menunggu loading saat sitem menampilakan
tampilan menu. Gambaran rancangan tampilan halaman splash dapat dilihat pada Gambar berikut.
Gambar 3.21 Rancangan Splash screen
3.5.5 Rancangan Button
Button merupakan tampilan yang menjadi symbol tombol yang diberi perintah pada
system untuk memberi pilihan kepada pengguna agar aplikasi tersebut bisa berjalan. Gambaran Rancangan tammpilan button dapat dilihat pada gambar berikut.
S O
N
SPLASH SCREEN
ICON
Universitas Sumatera Utara
Gambar 3.22 Rancangan Button
Button
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Implementasi sistem merupakan tahap menjelaskan hasil perancangan interface pada aplikasi Android yang akan dijalankan pada perangkat smartphone. Arsitektur sistem
meliputi kebutuhan spesifikasi hardware dan software yang dibutuhkan sebelum atau sesudah pembuatan aplikasi.
4.1.1 Kebutuhan hardware Spesifikasi hardware yang digunakan untuk implementasi sistem adalah sebagai
berikut: 1.
Prosessor AMD A8-5545M APU with Radeon tm HD Graphics 1.7 GHz 2.
Resolusi monitor 1366 x 768 pixel 32 bit. 3.
Sound card 4.
Memory RAM 4 GB 5.
Mouse dan Keyboard 6.
Smartphone RAM 2 GB, Android 5.1 Lollipop
. 7.
Kertas hasil cetak marker 4.1.2 Kebutuhan software
Spesifikasi software yang digunakan untuk implementasi sistem adalah sebagai berikut:
1. Sistem Operasi Windows 8.0 Enterprise 64 bit
2. Unity 3D
3. Vuforia SDK
4. Android SDK
5. Adobe Premiere
6. Adobe Photoshop
7. 3D Studio Max
8. Corel Draw
Universitas Sumatera Utara