Rancangan Antarmuka Perancangan Jaringan Semantik Perancangan Prosedural

3.6 Perancangan Sistem

Sistem yang akan dibangun dari aplikasi berbasis mobile android ini memiliki fungsi utama untuk melakukan proses pengolahan citra. Sedangkan untuk proses pengenalan teks dan penerjemahan akan memanfaatkan dua layanan yang sudah ada, yaitu Tesseract dan Microsoft Translator. Citra yang dapat dikenali oleh layanan Tesseract berupa citra yang berwarna hitam dengan latar belakang berwarna putih. Oleh karena itu, tujuan dari pengolahan citra yang dikerjakan oleh program aplikasi ialah untuk menghasilkan citra yang bisa dikenali oleh layanan OCR tersebut.

3.6.1 Rancangan Antarmuka

Sistem dari aplikasi yang akan dibangun memiliki satu buah tampilan utama, yaitu tampilan Menu Utama. Tampilan Menu Utama digunakan untuk mengambil sumber foto yang ingin diolah, hasil pengenalan karakter dan hasil terjemahan teks. 1. Tampilan Utama Aplikasi Gambar 3.17 Tampilan Utama Aplikasi Navigator 1. Klik Take Picture untuk membuka halaman F2 F1 Take Picture OCR Text Translate Text 2. Tampilan Antarmuka Pengambilan Gambar Gambar 3.18 Tampilan Antarmuka Pengambilan Gambar 3. Tampilan Antarmuka Pemotongan Gambar Gambar 3.19 Tampilan Antarmuka Pemotongan Gambar F2 Navigator 1. Klik tombol kamera untuk menuju F3 2. Klik tombol back pada ponsel android untuk kembali ke F1 F3 Gambar Crop Cancel Navigator 1. Klik tombol crop untuk menuju F1 dengan hasil pengenalan karakter 2. Klik tombol cancel untuk kembali ke F1

3.6.2 Perancangan Jaringan Semantik

Jaringan semantik menggambarkan hubungan navigasi menu dari satu halaman ke halaman lainnya dari form satu ke form lainnya. Berikut adalah gambaran jaringan semantik yang ada pada aplikasi yang akan dibangun. Gambar 3.20 Jaringan Semantik

3.6.3 Perancangan Prosedural

Perancangan prosedural digunakan untuk menggambarkan langkah-langkah atau alur dari setiap proses yang ada pada sistem. Berikut adalah rancangan prosedural dari aplikasi yang akan dibangun. F1 F2 F3 1. Proses Pengambilan Gambar Gambar 3.21 Flowchart Proses Pengambilan Gambar Ya Tidak Mulai Mengambil Gambar Lanjutkan Proses? Menyimpan Gambar Selesai Gambar 2. Cropping Mulai Menentukan area yang akan dipotong Lanjutkan Proses? Menyimpan Gambar Selesai Memotong gambar Tidak Ya Gambar 3.22 Proses Pemotongan Gambar Cropped image 3. Grayscaling Gambar 3.23 Flowchart Grayscaling Mulai Selesai Grayscaling Citra grayscale Cropped Image 53

BAB 4 IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi sistem

Dalam bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang telah dibangun. Tahapan ini dilakukan setelah analisis dan perancangan selesai dilakukan, kemudian diimplementasikan pada bahasa pemrograman yang digunakan. Setelah implementasi, dilakukan pengujian sistem dimana akan dilihat kekurangan pada sistem yang telah dibangun, untuk dilakukan perbaikan maupun pengembangan terhadap sistem tersebut.

4.1.1 Implementasi Perangkat Keras

Perangkat keras yang digunakan untuk mengimplementasikan program ini adalah smartphone android dengan spesifikasi sebagai berikut: 1. Processor : 1 GHz 2. RAM : 512 MB 3. GPU : PowerVR 4. Penyimpanan : 2 GB 5. Kamera : 5 Mp

4.1.2 Implementasi Perangkat Lunak

Perangkat lunak yang digunakan untuk mengimplementasikan program ini adalah sebagai berikut: 1. Android 4.0.3 Ice Cream Sandwich 2. Aplikasi kamera default