3.2 Perancangan Sistem
Berdasarkan hasil analisis proses yang berlangsung dalam sistem diperoleh gambaran fungsionalitas yang nantinya diterapkan pada sistem. Berdasarkan gambaran ini,
dilakukan perancangan antarmuka pengguna dan perancangan struktur direktori pada berkas .xpi, dimana rancangan ini nantinya akan diimplementasikan menggunakan
bahasa pemrograman.
3.2.1 Perancangan Antar Muka Add On yang dirancangan nantinya akan diwakilkan sebagai dua buah icon yang
ditempatkan pada toolbar jendela Write New Message pada aplikasi Mozilla Thunderbird. Letak icon Add On yang dirancang pada tool bar Mozilla Thunderbird
dapat dilihat pada gambar 3.18.
Gambar 3.18 Letak Icon Add On pada Toolbar Mozilla Thunderbird
Universitas Sumatera Utara
Tabel 3.4 Komponen pada Toolbar No. Nama Komponen
Keterangan 1
Menubar Mozilla Thunderbird Merupakan sebuah Menu bar yang terdapat
pada Mozilla Thunderbird, didalamnya terdapat menu-menu untuk memudahkan pengguna
dalam menggunakan e-mail client Mozilla Thunderbird.
2
Toolbar Mozilla Thunderbird Merupakan sebuah tools yang terdapat pada
Mozilla Thunderbird, didalamnya terdapat icon- icon untuk memudahkan pengguna dalam
menggunakan e-mail client Mozilla Thunderbird.
3
Icon Enkripsi Icon untuk proses enkripsi pesan yang terdapat
pada body e-mail.
4 Icon Dekripsi
Icon untuk proses dekripsipesan yang terdapat pada body e-mail.
5 E-mail Address Box
Merupakan area untuk penulisan e-mail address pengirim dan penerima e-mail.
6 Subject
Merupakan area utuk penulisan subjek dari e- mail yang akan dikirim.
7 Body E-mail
Merupakan tempat penulisan pesan yang akan dikirim.
3.2.2 Perancangan Struktur Direktori Add On Perancangan sebuah aplikasi Add On Mozilla Thunderbird mengharuskan penggunaan
struktur direktori khusus yang nantinya direktori ini di-archive dengan extensi dokumen “.xpi”. Struktur direktori untuk Add On yang dirancang dapat dilihat pada
gambar 3.19.
Universitas Sumatera Utara
2.
Gambar 3.19 Struktur Direktori untuk Add On yang Dikembangkan
Struktur direktori tersebut terdiri atas sebuah direktori yang diberi nama Add On yang sedang dirancang dan sebuah sub-direktori yang diberi nama “chrome”.
Selain itu direktori utama juga berisikan dua berkas masing-masing “chrome.manifest” dan “install.rdf”. Ini merupakan standar umum untuk struktur
direktori aplikasi Add On pada Mozilla Thunderbird. Di dalam sub direktori terdapat beberapa dokumen yang terdiri atas dokumen berekstensi “.xul” yaitu dokumen
overlay yang menjelaskan bahwa Add On akan melakukan fungsinya pada jendela tertentu dalam Mozilla Thunderbird. Sedangkan dokumen berekstensi “.css” berguna
untuk mengatur posisi dan ukuran icon pada jendela Mozilla Thunderbird. Berkas yang menjelaskan behavior fungsionalitas Add On adalah berkas berekstensi “.js”,
berkas ini berisikan program yang ditulis dengan bahasa pemrograman javascript. Secara lengkap dokumen-dokumen ini dapat ditemukan pada bagian lampiran skripsi
ini. masseyomura.xpi
chrome.manifest install.rdf
chrome button.css
MasseyOmura.js icon.png
button.xul
buttondekripsi.png buttonenkripsi.png
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem