79
4.3. Tampilan Aplikasi pada Smartphone Android berserta potongan
program
Berikut ini akan dijelaskan mengenai tampilan aplikasi VinereySMS menggunakan beserta potongan program.
4.3.1. Menu Utama
Pada gambar 4.1 menunjukan tampilan Menu Utama pada smartphone yang akan ditampilkan pertama kali ketika aplikasi dijalankan.
Pada Menu Utama, terdapat 4 pilihan yang disajikan dalam bentuk tab, berikut ini :
1. Tulis
Pada menu Tulis ini berfungsi untuk melakukan pengiriman pesan baru.
80
2. Inbox
Pada menu Inbox ini berfungsi untuk menampilkan list pesan yang diterima beserta penginputan kunci, mengedit pesan yang
diterima, membalas pesan yang diterima, dan menghapus pesan yang diterima.
3. Outbox
Pada menu Outbox ini berfungsi untuk menampilkan pesan yang terkirim beserta penginputan kunci jika user ingin melihat isi
pesan yang terkirim, mengedit pesan yang terkirim, membalas pesan yang terkirim, dan menghapus pesan yang terkirim.
4. Info
Pada menu Info ini berfungsi untuk menampilkan informasi tentang Aplikasi VinereySMS.
81
Berikut ini adalah potongan kode program yang digunakan untuk membuat tampilan pada Menu Utama.
4.3.2. Menu Tulis
82
Pada gambar 4.2 menunjukan tampilan Pada menu Tulis. Menu ini digunakan saat user akan mengirimkan pesan baru. Pada Menu ini,
terdapat Textbox untuk 1.
Mengisi no hp, yang berfungsi meng-inputkan nomor tujuan 2.
Mengisi pesan, yang berfungsi meng-inputkan isi pesan 3.
Mengisi kunci, yang berfungsi meng-inputkan kunci 4.
cari kontak, yang berfungsi jika user akan mencari kontak
83
Berikut adalah potogan program yang digunakan untuk cari kontak
Selain itu, pada Menu tulis ini terdapat beberapa button 1.
Simpan, yang berfungsi untuk menyimpan kunci sementara jika user akan berpindah-pindah tab, sekaligus akan menyimpan
pada text box kunci yang berada pada inbox dan outbox. Untuk lebih jelasnya, dapat diperhatikan pada tampilan di bawah ini:
84
Ketika Button Simpan di-klik maka button akan menjadi button lepas, dan menyimpan kunci pada textbox kunci, penyimpanan
kunci sementara ini juga menyimpan pada kunci di menu Inbox dan menu Outbox.
85
Berikut adalah potongan program untuk Simpan kunci
2. Send, yang berfungsi untuk mengirimkan pesan ke nomor tujuan
yang sudah diinputkan. Dan pesan yang telah terkirim akan berada pada outbox.
86
Berikut adalah potongan program untuk button send
3. Encrypt, yang berfungsi untuk mengenkripsi isi pesan sebelum
pesan dikirimkan, button ini dapat digunakan oleh user, jika user ingin melihat hasil enkripsi pesan yang akan dikirimkan. Hasil
Enkripsi Pesan akan ditampilkan diatas button.
87
Berikut adalah potongan program untuk Encrypt
88
4. Reset, yang berfungsi untuk menormalkan tampilan pada menu
Tulis Awal.
Gambar 4.5 Tampilan button reset Berikut adalah potongan program untuk button reset
89
4.3.3. Menu Inbox
Pada gambar 4.6 menunjukan tampilan menu Inbox. Pada menu ini, pesan yang memiliki header VN- akan diterima dan ditampilkan pada list
pesan. Jika user akan membuka dan membaca pesan tersebut maka kata kunci harus diinputkan terlebih dahulu. Selain itu pada menu ini, terdapat
reply,forward dan delete. Berikut adalah potongan program untuk menu Inbox
90
4.3.4. Menu Outbox
Pada gambar 4.7 menunjukan tampilan menu Outbox. Pada menu ini, pesan yang terkirim akan ditampilkan pada list pesan. Jika user ingin
membuka dan membaca pesan tersebut maka kata kunci harus diinputkan terlebih dahulu. Pada menu ini juga terdapat reply,forward dan delete.
Berikut adalah potongan program untuk menu Outbox
91
Berikut adalah potongan program untuk reply forward dan delete yang ada pada Menu Inbox maupun Outbox
4.3.5. Menu Info
Pada gambar 4.8 menunjukan tampilan menu info. Menu info ini berisi petunjuk penggunaan aplikasi VinereySMS. Berikut adalah potongan
program untuk Menu Info
92
93
4.3.6. Pop-up Peringatan
Beberapa peringatan atau pesan error ditampilan pada aplikasi melalui pop-up. Pop-up peringatan tersebut adalah pop-up validasi no. HP, pop-up
validasi pesan, pop-up validasi kunci, Pop-up informasi pesan berhasil dikirim. Berikut ini adalah cuplikan kode program yang digunakan untuk
membuat pop-up. Berikut ini adalah tampilan pop-up peringatan pada Aplikasi
VinereySMS. 1.
Pop-up validasi no. HP
Berikut adalah potongan program untuk validasi no HP
94
2. Pop-up validasi pesan
Berikut adalah potongan program untuk validasi pesan
3. Pop-up validasi kunci
95
Berikut adalah potongan program untuk validasi kunci
4. Pop-up informasi pesan berhasil dikirim
Berikut adalah potongan program untuk validasi pesan berhasil dikirim
96
4.4. Pengujian Aplikasi