Perancangan Halaman Utama ANALISIS DAN PERANCANGAN SISTEM

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