3.2.8. Perancangan Antarmuka
Perancangan antarmuka merupakan perancangan halaman aplikasi yang nantinya akan berinteraksi secara langsung dengan pengguna. Adapun perancangan
yang akan dibuat adalah sebagai berikut: 1.
Gambar 3.8 adalah antarmuka menu utama, terdapat 2 buah tombol yaitu: tombol close dan tombol select. Pengguna dapat memilih salah satu menu yang
tersedia, jika pada inbox terdapat pesan masuk yang belum terbaca, pada antarmuka tulisan inbox akan menambahkan informasi di dalam kurung jumlah
pesan masuk yang belum dibaca, begitu juga dengan pesan keluar. Contoh: jika terdapat pesan masuk yang belum dibaca maka pada tulisan berubah menjadi
”[icon] inbox 2” atau ”[icon] outbox 3”. Jika pesan telah terbaca semua atau tidak ada pesan, menu hanya menampilkan tulisan saja. Untuk mengakhiri
penggunaan aplikasi, pengguna bisa menekan tombol close.
Gambar 3.8. Antarmuka Menu Utama
2. Gambar 3.9 adalah antarmuka Tulis pesan baru, terdapat 2 tombol, yaitu
tombol continue dan back. Untuk kenyamanan pengguna dalam mengetik pesan, dirancang tempat sebesar layar handphone, ketika pengguna
mengetikkan karakter melebihi batas kompresi, aplikasi maka akan muncul alert yang menampilkan info bahwa batas penulisan karakter telah dilewati dan
hal ini mengakibatkan 2 kali biaya, untuk itu pengguna diminta untuk menghapus beberapa karakter. Jika selama pengetikan alert tidak muncul maka
pesan yang dikirimkan masih berada kurang dari batas pengiriman. Jika layar tidak cukup pengguna dapat menggunakan drop down pada kanan layar untuk
navigasi ke atas atau ke bawah. Setelah mengetik pesan pengguna dapat menekan tombol continue untuk melanjutkan atau menekan tombol back untuk
kembali ke menu utama.
Gambar 3.9. Antarmuka Tulis Pesan
3. Gambar 3.10 adalah antarmuka yang ditampilkan ketika pengguna menekan
tombol continue pada antarmuka tulis pesan. Tombol back digunakan untuk kembali ke antarmuka tulis pesan, dan tombol menu memiliki 2 sub menu yaitu
tombol add number from contact untuk mengambil no telepon dari phone book memori handphone dan tombol send untuk mengirimkan pesan. Pengiriman
pesan tidak dapat dilakukan jika pengguna belum memasukkan no tujuan atau no tujuan tidak valid, alert akan ditampilkan jika salah satu hal tersebut
terpenuhi. Cara lain untuk menentukan no tujuan yaitu, pengguna dapat mengetikkan langsung nomor pada kotak destination number. Di bawah kotak
destination number terdapat informasi kompresi yang berisi: banyak pesan yang akan dikirim, jumlah karakter yang diketikkan, jumlah kelebihan karakter
dari hasil kompresi dan prosentase rasio kompresi pesan.
Gambar 3.10. Antarmuka No Tujuan dan Info Kompresi
4. Gambar 3.11 adalah antarmuka pesan masuk berupa list pesan-pesan masuk
yang tersimpan record-record, terdapat 2 tombol pada antarmuka ini yaitu tombol back untuk kembali ke menu utama dan tombol view untuk melihat isi
dari record. Jika record belum pernah dibuka nantinya icon yang akan ditampilkan berupa surat tertutup begitu juga sebaliknya jika pesan telah
terbuka maka icon yang ditampilkan surat terbuka.
Gambar 3.11. Antarmuka pesan masuk
5. Gambar 3.12 adalah antarmuka yang ditampilkan ketika pengguna menekan
tombol view pada antarmuka pesan masuk. Antar muka ini menampilkan isi pesan masuk serta informasi tentang no pengirim dan tanggal dikirim.
Pengguna dapat menggunakan tombol navigasi untuk membaca karakter yang tidak terlihat pada bagian bawah. Pada antarmuka ini terdapat tombol back
untuk kembali ke pesan masuk dan tombol menu yang mempunyai 2 sub menu yaitu tombol reply untuk membalas pesan dan tombol delete akan menghapus
pesan dari daftar pesan masuk.
Gambar 3.12. Antarmuka Pengolahan pesan masuk
6. Gambar 3.13 adalah antarmuka pesan keluar berupa list pesan-pesan keluar
yang tersimpan record-record, terdapat 2 tombol pada antarmuka ini yaitu tombol back untuk kembali ke menu utama dan tombol view untuk melihat isi
dari record. Jika record belum pernah dibuka nantinya icon yang akan ditampilkan berupa surat tertutup begitu juga sebaliknya jika pesan telah
terbuka maka icon yang ditampilkan surat terbuka.
Gambar 3.13. Antarmuka Pesan Keluar
7. Gambar 3.14 adalah antarmuka pengolahan pesan keluar, antamuka ini
menampilkan isi pesan keluar serta informasi no tujuan dan tanggal terkirim. Terdapat tombol menu yang mempunyai 2 sub menu yaitu tombol resend untuk
mengirim pesan ulang dan tombol delete untuk menghapus pesan.
Gambar 3.14. Pengolahan pesan keluar
8. Gambar 3.15 adalah antarmuka pengaturan bahasa, pengguna dapat memilih
salah satu bahasa yang tersedia dengan menandai cek box di kiri bahasa yang akan dipilih kemudian menekan tombol save untuk menyimpan konfigurasi.
Gambar 3.15. Antarmuka Pengaturan Bahasa
51
BAB IV IMPLEMENTASI SISTEM
4.1. Lingkungan Implementasi
Pada bagian ini akan dijelaskan mengenai spesifikasi handphone pada gambar 4.1 yang akan digunakan dalam implementasi sistem kali ini.
Gambar 4.1. Spesifikasi Handphone Nokia 7610
Selain handphone, perangkat lain yang digunakan untuk implementasi sistem
yaitu laptop dengan spesifikasi berikut: Perangkat Keras:
- Intel Centrino Core Duo 1.66 GHZ RAM 1 GB Perangkat Lunak:
- Microsoft Windows XP SP2 - Java Development Kit 6 Update 2
- J2ME Wireless ToolKit 2.2
Kategori