RANCANGAN ANTARMUKA

E.1 Rancangan Antarmuka Login

Gambar E-1 Halaman Login

Pada Gambar E-1, terlihat rancangan halaman login. Pada halaman ini, administrator mengisikan username dan password. Jika terjadi kesalahan, akan ditampilkan pesan kesalahan pada halaman ini. Ketika administrator melakukan logout, halaman inilah yang akan ditampilkan ditambah dengan pesan bahwa administrator telah logout.

E.2 Rancangan Antarmuka Inbox SMS

Gambar E-2 Halaman Inbox SMS

Halaman yang ditunjuk pada

Gambar E-2

akan ditampilkan setelah autentikasi pada halaman login berhasil. Agar dapat memperlihatkan pesan baru, halaman ini akan melakukan auto-refresh dalam selang waktu tertentu. Untuk menghapus pesan, administrator dapat menekan tombol delete. Tombol reply akan membuka halaman compose message untuk melakukan reply SMS. Jika SMS yang ada sangat banyak, dilakukan mekanisme paging untuk menyederhanakan tampilan.

E-1

E.3 Rancangan Antarmuka Outbox SMS

Gambar E-3 Halaman Outbox SMS

Seperti halnya halaman Inbox SMS, halaman pada

Gambar E-3

menampilkan SMS yang akan dikirimkan dan telah dikirimkan. Terdapat 3 jenis status pada kolom status, yaitu pending untuk mengindikasikan pesan yang akan dikirimkan, success untuk menunjukkan pesan berhasil dikirim, dan fail untuk pesan yang gagal dikirim. Pada kolom action, terdapat beberapa tombol, yaitu forward untuk melakukan forward SMS (masuk ke halaman compose message), edit untuk mengubah SMS yang belum terkirim (hanya untuk SMS dengan status pending), dan delete untuk menghapus pesan. Mekanisme paging juga dilakukan jika SMS sangat banyak.

E.4 ancangan Antarmuka Compose Message

erorangan). Halaman ini pula yang akan ditampilkan ketika akan melakukan reply, edit, dan forward dengan beberapa perbedaan pada field tertentu. Pada angkan pada halaman edit, destination hanya untuk 1 tujuan (semua field dapat diubah). Adapun pada halaman forward, perbedaan hanya pada field message yang sudah terisi.

E.5 Rancangan Antarmuka List of Responses

Halaman pada

Gambar E-5

menampilkan daftar kata kunci dan pesan yang digunakan untuk auto-reply. Pada kolom action terdapat dua tombol, yaitu edit untuk mengubah respon dan delete untuk menghapus respon.

R

Gambar E-4 Halaman Compose Message

Halaman compose message pada

Gambar E-4

digunakan untuk membuat pesan SMS yang nantinya akan disimpan di basis data. Destination atau tujuan dibagi menjadi 2 jenis, yaitu group (kelompok) dan contact (p

halaman reply, destination tidak dapat diubah dan sudah terisi, sed

Gambar E-5 Halaman List of Responses

E.6 Rancangan Antarmuka Add Response

Gambar E-6 Halaman Add Response

Halaman pada

Gambar E-6

digunakan untuk menambahkan respon pada auto-reply.

Hasilnya dapat dilihat pada

Gambar E-7

.

ilkan nama-nama contact yang terdapat

E.8 Rancangan Antarmuka Add Contact E.7 Rancangan Antarmuka List of Contacts

Gambar E-7 Halaman List of Contacts

Halaman list of contacts pada

Gambar E-7

menamp

di sistem. Contact ini nantinya digunakan sebagai tujuan dalam pengiriman pesan, baik SMS maupun MMS.

Gambar E-8 Halaman Add Contact

Halaman add contact pada

Gambar E-8

digunakan untuk menambahkan contact ke sistem.

Hasilnya dapat dilihat pada halaman list of contacts.

E.9 Rancangan Antarmuka List of Groups

Halaman list of groups pada

Gambar E-9

menampilkan daftar group yang telah ada di sistem. Group merupakan pengelompokan contact yang berfungsi untuk memudahkan pengirim n pesan ke suatu k apat tombol edit dan delete.

ngsung. Hal ini dapat dilakukan dengan menekan tombol add member. Tombol delete akan muncul bersama dengan nama contact, digunakan untuk menghapus contact tersebut (batal memasukkan contact ke dalam group tersebut).

Gambar E-9 Halaman List of Groups

elompok. Pada kolom action, terd a

Tombol edit digunakan untuk mengubah nama group. Untuk melihat daftar member suatu group dan melakukan perubahan (menambah atau menghapus) member dapat dilakukan dengan menekan nama group yang berupa link menuju halaman list of members yang ditunjukkan pada

Gambar E-11

.

E.10 Rancangan Antarmuka Halaman Add Group

Gambar E-10 Halaman Add Group

Halaman add group pada

Gambar E-10

berfungsi untuk menambahkan group. Penambahan dapat dilakukan dengan dua cara, yaitu penambahan group tanpa member (member ditambahkan di lain waktu) atau dengan member. Pada gambar tersebut, terdapat daftar member yang akan ditambahkan secara la

E.11 Rancangan Antarmuka List of Members

Gambar E-11 Halaman List of Members

Halaman list of members pada

Gambar E-11

digunakan untuk menampilkan member suatu group. Selain itu, pada halaman ini dapat ditambahkan member baru atau menghapus member. Pada halaman ini juga terdapat mekanisme paging untuk mempermudah tampilan member suatu group yang terlalu banyak.

halaman sebelumnya, yaitu halaman inbox SMS, seperti ditunjukkan pada

Gambar E-2

).

E.13 Rancangan Antarmuka Outgoing SMS Detail E.12 Rancangan Antarmuka Incoming SMS Detail

Gambar E-12 Halaman Incoming SMS Detail

Halaman incoming SMS detail pada

Gambar E-12

berfungsi untuk menampilkan pesan SMS masuk yang terlalu panjang. Pada halaman ini, terdapat tiga tombol, yaitu reply, delete, dan back (untuk kembali ke

Gambar E-13 Halaman Outgoing SMS Detail

Halaman pada

Gambar E-13

seperti halnya halaman incoming SMS detail, berfungsi untuk menampilkan pesan SMS keluar yang terlalu panjang. Ada satu perbedaan yaitu tombol reply diganti dengan tombol forward.

E.14 Rancangan Antarmuka Compose MMS

Halaman yang ditunjukkan pada

Gambar E-14

digunakan untuk menyusun sebuah pesan pesan hanya berupa contact, tidak terdapat group, tetapi dapat ditujukan ke banyak penerima. Slide kedua dan seterusnya dapat ditambahkan jika slide sebelumnya telah dibuat.

E.15 Rancangan Antarmuka MMS Outbox

Gambar E-14 Halaman Compose MMS

MMS. MMS yang dibuat maksimal terdiri dari 4 slide. Tujuan

Gambar E-15 Halaman MMS Outbox

Halaman MMS outbox pada

Gambar E-15

berfungsi untuk menampilkan MMS yang akan n outbox SM pada

mbar E-3

. Pada kolom ol change schedule untuk mengubah jadwal pengiriman MMS. Seperti kebanyakan halaman listing yang lain, halaman ini menerapkan mekanisme paging.

E.16 Rancangan Antarmuka Images Gallery

menampilkan galeri gambar laman maksimal menampilkan 3 baris x 5 kolom gambar. Di atas gambar terdapat tombol delete untuk menghapus gambar bersangkutan.

E.17 Rancangan Antarmuka Add Image

dan telah dikirimkan seperti pada halama S

Ga

action, jika pesan belum terkirim (status pending), terdapat tomb

Gambar E-16 Halaman Images Gallery

Halaman yang ditunjukkan pada

Gambar E-16

digunakan untuk yang nantinya digunakan dalam penyusunan MMS. Tiap ha

Gambar E-17 Halaman Add Image

dalam galeri. Hasil penambahan dapat dilihat pada halaman images gallery, yang ditunjukkan pada

Gambar E-16

.

E.18 Rancangan Antarmuka Verify Email Native Client

Halaman Verify Email pada Native Client yang ditunjukkan oleh

Gambar E-18

digunakan

email tidak valid, sistem akan menampilkan halaman Verify Email disertai dengan pesan kesalahan.

E.19 Rancangan Antarmuka Halaman Utama Native Client

Halaman utama pada native client seperti yang ditunjukkan pada

Gambar E-19

menerima masukan dari user berupa query pada field pertama dan alamat pengalihan (redirect) baik alamat email maupun nomor ponsel pada field kedua. Jika alamat pengalihan adalah nomor ponsel, penulisannya harus mengikuti aturan berikut: +62xxxxxxxxx@null.

Halaman add image pada

Gambar E-17

berfungsi untuk menambahkan gambar ke

Gambar E-18 Halaman Verify Email pada Native Client NoteBOX

untuk melakukan verifikasi alamat email sebelum masuk ke halaman utama. Jika alamat

Gambar E-19 Halaman Utama pada Native Client NoteBOX