LINUX MAIL SERVER BERBASIS WEB

“WEB PORTAL PADA LINUX MAIL SERVER”

FEBRIANSYAH RAZAK

Konsentrasi Teknik Komputer dan Jaringan,

Program Studi Teknik Elektronika Industri
Jurusan Teknik Elektro
Politeknik Negeri Jakarta

ABSTRAK

Dalam suatu jaringan lokal terdapat kesulitan untuk dapat berkomunikasi atau
menyampaikan berita terbaru, pengguna yang banyak tersebar di beberapa bagian
menjadikan informasi telambat untuk diterima sehingga keputusan yang diambil
menjadi tidak tepat dan tidak efektif. Di sisi lain komputer yang digunakan dalam
suatu jaringan banyak yang berbeda tipe dan sistem operasinya sehingga menjadikan
masalah baru dalam suatu jaringan komputer. Untuk itu perlu dikembangkan suatu
web yang dapat digunakan sebagai wadah informasi dari pengguna lain. Web disini
dapat diartikan sebagai suatu media penyampai informasi yang terpusat sehingga
berita yang dipublikasikan dapat terjamin keabsahannya. Dengan dukungan utama
email, web dapat dikembangkan sebagi portal atau akses masuk ke kotak surat
masing-masing pengguna, sehingga selain dapat melihat informasi terbaru pengguna
juga dapat langsung mengakses kotak suratnya. Website dibentuk dan diciptakan dari
serangkaian kode tertentu dari suatu bahasa program. Dalam hal ini website dibuat
dengan menggunakan bahasa pemrograman PHP (PHP Hypertext Processor).
Pemrograman Website menggunakan PHP dapat mengahasilkan suatu web yang
interaktif dan dinamis. Dengan adanya web didalam suatu jaringan lokal diharapkan
mengurangi kesulitan dalam berkomunikasi dan penyampaian informasi terbaru
sehingga pengguna dapat cepat tanggap dalam menentukan suatu tindakan. Selain
itu web juga menjadi suatu sarana bertukar pendapat untuk kemajuan teknologi.

Keyword : jaringan, website, email, php

PENDAHULUAN perkembangan tersebut secara

Latar Belakang langsung dan tidak langsung
mempengaruhi perkembangan
Teknologi informasi berkembang
komputer. Komputer pada masa
dengan cepat pada saat ini,
sekarang sudah bukan barang yang

1
asing dan mahal lagi, pada saat ini karena berasal dari berbagai pihak
hampir segala bidang membutuhkan yang memiliki kepentingan sendiri.
komputer sebagai alat bantu karena Informasi yang diperoleh tersebut juga
memiliki kelebihan dalam segi harus disampaikan kepada seluruh
kecepatan dan ketelitian. Tidak pengguna komputer dalam jaringan
berhenti begitu saja, dengan sehingga menimbulkan masalah dalam
berkembangnya teknologi informasi kecepatan hal pengiriman data dan
dan komputerisasi sekarang, informasi.
berkembang juga teknologi jaringan Ditengah kendala tersebut web dan
komputer yang memungkinkan setiap email merupakan salah satu cara untuk
orang dapat berkirim pesan dan dapat menyampaikan data secara
berbagi informasi secara bersama. akurat. Walaupun pada saat ini arti dari
Pembangunan sistem jaringan web itu sendiri cenderung kepada
komputer tentu tidak hanya persoalan aplikasi online yang interaktif dan
perangkat keras semata, melainkan dapat diakses melalui internet. Padahal
juga terkait dengan kebutuhan media apabila web tersebut dikembangkan
untuk menyampaikan informasi kepada pada jaringan lokal akan
komputer lain dalam suatu jaringan memungkinkan seluruh pengguna
lokal. Terdapat beberapa cara untuk komputer dalam suatu jaringan dapat
menyampaikan informasi atau data memperoleh data yang lebih cepat
kepada pengguna lain dalam suatu tanpa harus koneksi ke internet.
jaringan. Namun apakah data yang Untuk mengatasinya lahirlah solusi
dikirmkan tersebut dapat terjamin untuk membuat suatu web lokal yang
keabsahannya dan perlu berapa lama dapat mempublikasikan informasi
apabila informasi tersebut harus kepada pengguna jaringan sehingga
diakses oleh banyak pengguna dalam informasi yang terdapat pada kawasan
suatu jaringan? Penyampaian informasi tersebut dapat disampaikan secara
secara file sharing ternyata cepat dan efisien.
menimbulkan masalah terutama pada
ketidakabsahan informasi yang
diperoleh dan pada kerahasiaan data

2
Pembatasan Masalah Metode Penyelesaian Masalah

Penyelesaian tugas akhir ini

Pembatasan masalah terkait pada
menggunakan metode :
perancangan portal untuk melakukan
1. Metode Observasi
akses login ke email dengan
Pengamatan dilakukan pada
menggunakan PHP dan HTML pada
suatu sekolah yang telah
Apache Web Server.
menerapkan jaringan lokal
dengan server Linux. Metode
Tujuan
ini memberikan gambaran
Dengan adanya web portal ini
tentang lingkup web pada
pengunjung yang telah terdaftar dapat
sebuah jaringan lokal.
langsung mengakses emailnya melalui
web portal tanpa harus mengetikkan
2. Metode Studi Pustaka
alamat email pada address bar di
Referensi yang digunakan
browser, selain itu pengunjung juga
berasal dari berbagai buku dan
dapat melihat informasi terbaru yang
internet yang membahas
telah dipublikasikan pada halaman
tentang Linux dan web.
web. Web juga berguna untuk
pemusatan informasi agar berita yang
DASAR TEORI
dipublikasikan dapat terpercaya
Konsep Web
keabsahannya karena dipublikasikan
Perkembangan teknologi membawa
oleh administrator atau user yang telah
perubahan yang sangat terasa dalam
terdaftar
informasi dan komunikasi. Hal ini
semakin dirasakan ketika muncul
Perumusan Masalah
layanan-layanan teknologi bagi
Bagaimana informasi dapat
jaringan yang semakin memudahkan
disampaikan secara terpusat dan
pengguna untuk melakukan pertukaran
menyeluruh kepada pengguna
data dan informasi. Jika sebelumnya
komputer pada suatu jaringan?
informasi dan komunikasi dilakukan
secara sederhana, saat ini masyarakat

3
dapat menggunakan teknologi yang lunak yang dijalankan pada komputer
lebih efektif dan efisien. server dan berfungsi agar dokumen
Dari sekian banyak layanan yang ada, web yang disimpan di server dapat
web merupakan layanan terpopuler, diakses oleh pemakai. Dalam aplikasi
bahkan paling sering diakses oleh ini web server yang digunakan adalah
sebagian besar masyarakat untuk apache2 yang merupakan web server
bertukar informasi dan data. Web open source. Apache merupakan web
merupakan sebuah singkatan dari server yang kompatibel dengan bahasa
World Wide Web (www), web pemrograman PHP dan database
mendapat perhatian publik yang sangat MySQL. Dengan adanya web server
besar dan tidak dapat disamakan oleh apache kode-kode PHP dapat
aplikasi jaringan lainnya. Web telah dijalankan pada browser client.
menjadi sedemikian terkenalnya
sehingga kadang tersamar dengan Bahasa Pemrograman HTML
istilah internet. Meskipun sebenarnya HTML merupakan kependekan dari
pengertian web dan internet tidaklah HyperText Markup Language, yang
sama. artinya tata cara penulisan yang
Web adalah sistem pengiriman tersebar digunakan dalam dokumen web.
yang berjalan di dalam suatu jaringan. Dokumen ini akan dieksekusi oleh
Web saat ini telah menjadi media yang sebuah browser (internet explorer)
sangat penting bagi perkembangan sehingga browser mampu
informasi dan teknologi. Sekarang menghasilkan suatu dokumen yang
sudah umum dijumpai berbagai sesuai dengan keinginan seorang
perusahaan dan komunitas desain dan programmer web.
menggunakan web sebagai alternatif Secara utuh struktur dokumen HTML1
solusi untuk saling berkomunikasi dan dapat ditulis sebagai berikut :
bertukar pendapat.
Untuk menggunakan layanan web <html>
dibutuhkan web server yang dapat <head>
menangani permintaan dari client. Web 1 Andi Setiawan, S.Kom. Mudah Tepat
server merupakan suatu perangkat Singkat Pemrograman HTML. (Bandung :
Yrama Widya, 2004), hlm. 23.

4
<title> …judul… </title> Sintaks PHP2 pada umumnya dimulai
</head> dengan script berikut :
<body>
<?php
…isi utama dari suatu web… …
?>
</body>
</html> untuk menguji coba berjalan atau
tidaknya php dapat digunakan script
Pada dasarnya dokumen HTML dapat berikut :
dibuat pada text editor biasa seperti
Notepad pada Windows atau gedit <?php
pada Linux, dengan menambahkan phpinfo();
format extension berakhiran .htm atau ?>
.html pada nama file. File tersebut dapat ditulis pada editor
notepad pada windows atau gedit pada
Bahasa Pemrograman PHP linux sebagai phpinfo.php pada folder
PHP (PHP Hypertext Preprocessor web server yang tersedia, dalam
Tools) adalah sebuah pemrograman windows terdapat pada folder instalasi
yang terletak dan dieksekusi pada xampp yaitu C:\Program
server yang biasa disebut server-side. Files\xampp\htdocs namun apabila
Salah satu peranannya untuk dalam lingkup Sistem Operasi linux
menerima, mengolah dan dapat disimpan pada direktori
menampilkan data dari dan ke sebuah /var/www.
browser pada client. Data yang
diterima dari client akan diolah oleh
server yang memiliki script PHP yang
dapat terhubung pada sebuah database
server (database yang terletak di sisi
server) untuk kemudian hasilnya 2 Kasiman Peranginangin. Aplikasi WEB
ditampilkan ke browser client. dengan PHP dan MySQL. (Yogyakarta :
Penerbit Andi, 2006), hlm.5.

5
 Bagaimanapun konsep dasar SQL tetap
sama apapun jenis database yang
dipergunakan. Dalam pengolahan data
pada aplikasi yang menggunakan
database secara umum dikenal dengan
konsep CRUD yaitu Create, Read,
Update, dan Delete. Dengan adanya
Gambar 2.1 php telah berjalan pada
CRUD maka aplikasi yang
web server lokal
berhubungan dengan database dapat
distandarisasikan.
MySQL adalah suatu Relational
Database MySQL
Database Management Sistem
MySQL merupakan sebuah aplikasi
(RDBMS) yang mendukung database
pengolahan data yang berdasarkan
yang terdiri dari sekumpulan relasi
pada bahasa SQL (Structured Query
atau tabel. Di dalam suatu database
Language). Bahasa tersebut
RDBMS terdapat entitas dan
merupakan bahasa standar yang
relationship. Entitas adalah berbagai
digunakan untuk mengolah,
hal dalam dunia nyata yang
menyimpan, memanipulasi data dari
informasinya dapat disimpan dalam
sebuah database pada server. Dalam
database. Sementara relationship
bahasa SQL pada umumnya informasi
merupakan hubungan antar entitas.
tersimpan dalam tabel-tabel yang
Relationship terdiri dari tiga derajat
merupakan struktur dua dimensi terdiri
yang berbeda, yaitu :
dari baris (row atau record) dan kolom
1. One-to-one menghubungkan
(column atau field). Sedangakan pada
secara tepat dua entitas dengan
sebuah database dapat terdiri dari
satu kunci (key).
beberapa table.
2. One-to-many (many-to-one)
Saat ini telah banyak Database yang
hubungan antar entitas dimana
tersedia, tetapi MySQL khususnya
kunci (key) pada satu tabel
sangat cocok untuk bekerja sama
muncul berkali-kali pada tabel
dengan web aplikasi PHP.
lainnya.

6
 3. Many-to-many berarti banyak Menampilkan semua record
field pada sebuah tabel data yang terdapat pada table
berhubungan dengan banyak mahasiswa
field pada tabel lainnya. 3. Delete : digunakan untuk
menghapus record data dari table
Perintah-perintah pada bahasa SQL3 pada suatu database
yang digunakan secara umum antara  Delete from mahasiswa;
lain : Menghapus semua record yang
1. Create : untuk membuat atau berada pada table mahasiswa
menciptakan objek baru 4. Insert : digunakan untuk
 create database kampus; menambahkan record data pada
Maka akan tercipta sebuah table
database kampus;  Insert into mahasiswa
 create table mahasiswa (nim, nama, kelas) value
(nim varchar(15) not null (‘3306210285’, ‘Febriansyah
primary key, nama Razak’, ‘TKJ6C’);
varchar(50) not null, kelas Menambahkan record dengan
varchar(5) not null); nim 3306210285 pada table
maka akan tercipta sebuah table mahasiswa
mahasiswa yang terdiri dari 5. Update : digunakan untuk
kolom nim, nama, dan kelas. memodifikasi data pada database
 Update mahasiswa set
Untuk memanipulasi database dapat nama = ‘Febri’, kelas =
digunakan perintah ‘TKJ6C’ where nim =
2. Select : digunakan untuk ‘3306210285’;
mengambil data dari table pada Mengubah record pada field
suatu database nama menjadi ‘Febri’ dengan
 Select * from mahasiswa; nim = ‘3306210285’

3 Windra Swastika. PHP5 dan MySQL4 Selain itu terdapat juga perintah-
Proyek Membuat Blog. (Jakarta : Dian perintah lainnya seperti :
Rakyat, 2006), hlm.50

7
6. Show : Untuk menampilkan yang berbasis web. Dengan adanya
seluruh database yang telah PhpMyAdmin pekerjaan seorang
terbuat. programmer akan menjadi mudah
 Show databases; karena telah ada interface yang dapat
7. Use : Untuk menggunakan suatu mengolah database tanpa harus
database sehingga dapat merubah melakukan perintah-perintah SQL.
data yang ada di dalamnya PhpMyAdmin bersifat open source
 use kampus; sehingga dapat di download langsung
8. Desc : Untuk menampilkan dan menjadi tools yang paling favorit
struktur table pada suatu database di banyak penyedia hosting.
 desc mahasiswa; PhpMyAdmin berfungsi untuk
Maka akan tampil struktur menjembatani antara query pada SQL
table mahasiswa yang terdiri dengan interface web sehingga dapat
dari beberapa field dan meminimalisasi penggunaan query
attributnya. secara manual.

PhpMyAdmin Tools

Deskripsi Aplikasi
Aplikasi ini berbentuk web dengan
layanan utama berupa login email yang
dapat langsung mengakses kotak surat
user apabila username dan password
yang dimasukkan valid. Web ini
dibuat dengan menggunakan

Gambar 2.3. PhpMyAdmin yang telah pemrograman PHP, database MySQL

aktif dan PhpMyAdmin sebagai alat bantu

untuk membuat databasenya.

PhpMyAdmin merupakan suatu alat

bantu administrasi database MySQL

8
Fungsi Aplikasi home tampak seluruh menu
Web Portal berfungsi sebagai portal yang dapat diakses pengguna.
akses masuk menuju halaman kotak
surat tiap user dan sebagai media
informasi berbasis web. Web portal ini
bersifat lokal dan dapat diakses oleh
pengguna lain yang terhubung dengan
jaringan lokal setempat.

Spesifikasi Aplikasi
Halaman Awal dari layanan web akan Gambar 3.11. Tampilan Menu Home
memberikan pilihan kepada
pengunjung untuk memilih layanan 2. Masuk.
yang diberikan : Menu ini merupakan akses
login untuk pengaturan web.
Pengguna akan langsung
diarahakan ke halaman
pengaturan, namun untuk itu
diperlukan username dan
password yang benar dan valid.
Menu ini menghubungkan ke
halaman administrasi sehingga
seorang administrator dapat
Gambar 3.10. Tampilan
melakukan pengaturan web.
Halaman Awal Layanan Web
Bagi seorang user yang telah
terdaftar, halaman ini hanya
Web Portal memiliki 5 menu
dapat mengakses penambahan
utama, antara lain :
berita terbaru.
1. Home.
Home merupakan link halaman
awal web portal. Pada halaman

9
 pengguna harus memastikan
bahwa username dan password
yang dimasukkan telah benar
dan valid.

4. Berita.
Pada menu berita, pengunjung
dapat melihat tampilan daftar
Gambar 3.12. Tampilan
berita yang telah
halaman login
dipublikasikan. Setiap berita
memilki halaman detail yang
3. Mail Akses.
dapat menampilkan seluruh isi
Mail Akses merupakan link
berita.
yang dapat menghubungkan
pengguna menuju ke halaman
awal tampilan squirrelmail.
Halaman ini hanya berupa
direct link.

Gambar 3.14. Tampilan

Halaman Berita

Gambar 3.13 Tampilan

Awal Login Squirrelmail

Setelah mengakses menu ini

pengguna dapat melihat
tampilan squirrelmail, untuk
menuju ke kotak surat

10
5. Login Mail. Login Mail merupakan suatu
akses langsung menuju ke
halaman kotak surat tanpa
melalaui halaman awal
squirrelmail. Login Mail
merupakan layanan utama pada
werb portal ini.

Gambar 3.15. Tampilan Login

Mail

Gambar 3.16. Akses

Kotak Surat

11
Diagram Alir

12
Pengujian aplikasi Agar client dapat menjalankan aplikasi
Proses pembuatan aplikasi program yang terdapat di dalam server
telah dilakukan, kemudian dilakukan dibutuhkan suatu koneksi jaringan.
pengujian kinerja program dan server. Apabila IP server dan IP client telah
Proses pengujian ini dilakukan untuk diatur dengan kelas yang sama dan
mengetahui cara kerja sistem dalam telah disimpan maka server dan client
mengorperasikan program aplikasi telah dapat melakukan koneksi.
tersebut.
a. Pengujian untuk melakukan
Deskripsi pengujian
koneksi jaringan pada komputer
A. Tujuan
Untuk mengetahui apakah program server.
dapat berjalan sesuai dengan fungsinya i. Klik System 
pada web server di sistem operasi Administration  Network,
linux. kemudian akan tampil pilihan
koneksi.
B. Target pengujian
ii. Pilih Wired Connection,
Pada pengujian web portal ini, kemudian masukkan
diharapkan aplikasi tersebut dapat password untuk agar
berjalan dengan baik, yaitu : saat user mendapatkan hak akses
yang terdaftar pada mail server ingin iii. Pada tampilan Network
mengakses kotak suratnya maka dapat Setting, uncheck roaming
menggunakan web portal ini sebagai mode kemudian pilih
akses masuk. User dapat mengakses static IP address pada
Login Mail terlebih dahulu pada web connection setting.
portal dan juga harus memasukkan iv. Isikan IP server dan
username dan password yang benar subnet masknya.
dan valid. v. Untuk melakukan
pengujian, pada terminal
Prosedur Pengujian ketikkan ping ke alamat
1. Pengujian Koneksi Client – IP server.
Server

13
 DNS suffix (in order)  masukkan
b. Pengujian untuk melakukan
nama server (tekaje.com)  isikan
koneksi jaringan pada komputer
DNS suffix for this connection 
client (windows).
pilih juga check button register this
i. Klik Control Panel  Network
connection’s addresses in DNS dan
Connection  Lokal Area Network
Use this connection’s DNS suffix in
 pilih Internet Protocol (TCP/IP)
DNS registration  kemudian klik
 klik Properties
OK
ii. Kemudian pada jendela Internet
vii. Jalankan browser client, masukkan
Protocol (TCP/IP) masukkan
http://www.tekaje.com , maka akan
alamat ip dengan kelas atau grup
tampil halaman awal yang
yang sama dengan server, dalam
menandakan web server apache
hal ini 192.168.1.7 masukkan
telah aktif dan dapat dipanggil
netmask kelas 255.255.255.0
melalui jaringan.
iii. Buka command prompt dengan
cara klik start  run  ketik cmd
iv. Uji koneksi jaringan dengan ping
2. Pengujian Squirrelmail sebagai
ke IP server, ping 192.168.1.254 Web Mail
v. Apabila tampil response berarti
a. Login Mail
koneksi jaringan telah terhubung.
i. Ketikkan alamat webmail pada
vi. Kemudian agar client dapat
address bar browser
memanggil IP server dengan suatu
http://www.tekaje.com/webmail.
nama, tentukan DNS servernya,
ii. Akan tampil halaman login
masukkan IP server pada Preffered
squirrelmail, isikan dengan
DNS Server , dalam hal ini
username dan password yang
masukkan alamat IP server agar
benar dan valid serta pastikan
client dapat mengakses
username telah terdaftar pada
192.168.1.254 sebagai tekaje.com
sistem email.
vi. Klik advance  pilih tab menu
iii. Apabila ternyata benar, akan
DNS  kemudian isikan IP DNS
terlihat tampilan akses kotak
server  lalu pilih append these
surat. Pada kotak surat ini user

14
 dapat dengan mudah mengelola alamat tujuan, tembusan, judul
data dan email. dan isi email. Terdapat juga
iv. Apabila ternyata username dan beberapa fasilitas email lainnya
password tidak cocok maka berupa tingkat prioritas dan
akan tampil halaman error laporan pengiriman.
page yang meminta untuk iii. Ketikkan alamat tujuan pada
login kembali. field to. Pastikan juga alamat
v. Jika pada 1 browser diakses 2 email tujuan telah terdaftar
kotak surat user yang berbeda pada sistem.
maka akses kotak user yang iv. Isikan judul dan isi email.
paling lama akan expired time Apabila ingin merubah prioritas
out. Sehingga kotak surat user terdapat 3 pilihan yaitu : low,
terbaru yang dapat diakses. normal, dan high, perubahan
prioritas disini akan berdampak
pada subject pengiriman,
b. Pengiriman Email
apabila dipilih low maka
i. Pastikan user telah masuk ke
terdapat simbol tanda tanya (?)
kotak surat sehingga tampil
pada subject pengiriman email,
halaman awal kotak surat. Pada
jika dipilih high maka terdapat
bagian ini terdapat 4 folder
simbol tanda seru (!) pada
default yaitu : inbox sebagai
subject pengiriman, pilihan
penyimpan surat masuk,
normal (default) tidak akan
outbox sebagai penyimpan
menampilkan simbol. Untuk
surat keluar, template sebagai
mendapat laporan diterima atau
penyimpan rancangan surat,
dikirim tandai receipt on.
dan trash sebagai penyimpan
v. Apabila ingin melampirkan
surat yang dihapus.
file, klik tombol browse pada
ii. Untuk melakukan pengiriman
bagian attachment yang
email pilih menu compose pada
terdapat dibawah isi email. File
bagian atas email. Akan terlihat
lampiran dibatasi maksimal
tampilan untuk memasukkan
berukuran 2 MB setiap

15
 pengiriman email. Lampiran sebagai penanada bahwa email
file ini juga akan merubah tersebut telah dibalas.
subject pengiriman, akan ix. Apabila user memilih receipt
terlihat simbol plus (+) sebagai on, maka penerima akan
tanda bahwa terdapat mendapat pesan peringatan
atachment. bahwa pengirim mengingkan
vi. Tanda tangan digital juga laporan penerimaan. Terdapat 2
terdapat pada fasilitas email, tombol yaitu Cancel dan OK
klik tombol signature untuk pada pesan peringatan tersebut,
menampilkan tanda tangan jika tombol OK dipilih maka
digital yang sebelumnya telah pengirim akan mendapat
dikonfigurasi. laporan penerimaan namun
vii. Klik tombol send untuk apabila tombol cancel dipilih
mengirimkan ke alamat email pengirim tidak akan mendapat
tujuan atau klik tombol save laporan penerimaan
draft untuk menyimpan
rancangan surat. Tombol check c. Fitur dan Fasilitas Email
spelling digunakan untuk
i. Beragam fitur dan fasilitas email
mengecek ejaan yang terdapat
dapat terlihat pada menu di bagian
pada isi email. Tombol
atas kotak surat, terdapat option
addresses digunakan untuk
menu Addresses yang digunakan
memilih alamat email tujuan
untuk menyimpan daftar alamat
yang telah terdaftar pada kotak
email, Folder yang berfungsi untuk
surat user.
konfigurasi data penyimpanan
viii. Setelah dikirimkan penerima
direktori, Options yang ditujukan
dapat membalas email dengan
untuk pengaturan sistem email
memilih option reply, langkah
berupa tampilan atau yang lainnya,
ini sama seperti pengiriman
Search merupakan pilihan untuk
email namun pada bagian
menemukan bagian email, Help
subject pengiriman akan
sebagai bantuan untuk
terdapat simbol huruf A (A)
mempermudah pengelolaan email,

16
 dan Calendar sebagai penanda merubah tampilan,
jadwal dan waktu. mengaktifkan menu pop up
ii. Pada bagian address dapat sebagai peringatan jika ada
disimpan daftar alamat email, email baru yang masuk,
tedapat beberapa isian untuk mengaktifkan tanda tangan
menyimpan daftar alamat digital. Untuk mengganti
seperti nickname, email, tampilan atau template kotak
firstname, lastname, dan surat dapat memilih options 
additional info. Seteleh alamat Display Preferences  pilih
email tersimpan maka apabila themes  Save. Refresh
user yang terdaftar pada alamat halaman dan tampilan baru
email mengirimkan email akan digunakan. Untuk
tampilan from yang berada mengaktifkan menu pop up
dalam inbox akan berupa dapat memilih options  New
nickname bukan berupa alamat Messages..  tandai pilihan
email. Show pop up window on new
iii. Menu Folder diakses untuk mail. Untuk mengkonfigurasi
membuat direktori tanda tangan digital dapat
penyimpanan baru atau untuk dipilih options  Personal
mengelola direktori yang sudah information  isikan data-data
ada, dapat merubah nama, yang tersedia  kemudian
menghapus atau pun tandai use signature. Maka
memperbarui direktori. Untuk pada setiap pengiriman email
membuat direktori ketik nama akan ditampilkan tanda tangan
direktori pada field yang telah otomatis.
disediakan kemudian klik v. Menu Search digunakan untuk
tombol create. pencarian email, pada menu ini
iv. Menu Options digunakan untuk dapat dipilih pencarian
konfigurasi sistem, terdapat berdasarkan subject, from, date
beragam fasilitas yang tedapat dan direktori pencarian.
pada menu options seperti

17
vi. Fasilitas Help ditujukan sebagai b. Apabila koneksi berhasil maka
bantuan untuk mempermudah akan terlihat tampilan halaman
penggunaan squirrelmail, di awal web portal
dalam help terdapat berbagai c. Ketikkan alamat
macam tutorial diantaranya http://www.tekaje.com/webmail
Introduction Squirrelmail pada address bar di browser client
sebagai dasar untuk d. Apabila koneksi berhasil maka
menggunakan squirrelmail akan terlihat tampilan halaman
sebagai web mail. Terdapat login squirrelmail
juga bantuan untuk e. Untuk melakukan koneksi dari
menggunakan menu folders, webportal ke webmail dapat
addresses, message index, dan dilakukan dengan memilih menu
tata cara pengiriman email pada mail akses, setelah itu pengunjung
link compose. akan diarahkan ke halaman login
vii. Fasilitas Calendar disediakan squirrelmail.
sebagai pendanda jadwal dan
watku bagi user. User dapat
4. Pengujian Web Portal dengan
memberikan tanda terhadap Database
tanggal atau jam tertentu
a. Buka halaman awal web portal
sehingga dapat tercatat dengan
dengan mengakses
baik pada kotak surat yang
http://www.tekaje.com/webportal
memudahkan dalam mengingat
b. Kemudian masuk sebagai
janji atau jadwal tertentu.
administrator atau user yang telah
terdaftar
c. Klik menu masuk, halaman ini
3. Pengujian koneksi Web Portal
dan Web Mail akan membawa ke halaman login
administrasi
a. Ketikkan alamat
d. Masukkan username dan password
http://www.tekaje.com/webportal
dengan benar dan valid
pada address bar di browser client

18
 e. Apabila username dan password b. Masukkan username dan password
benar dan valid, maka akan dengan benar dan valid.
diarahkan sesuai dengan hak akses. c. Apabila username dan password valid
f. Seorang administrator dapat maka user akan langsung dapat
mengatur penuh data-data di dalam mengakses halaman kotak surat.
web site, sementara user hanya d. Pada halaman kotak surat user dapat
dapat mengatur berita yang telah mengirimkan email kepada user lain
dipublikasian sendiri atau merubah yang telah daftar atau memeriksa kotak
passwordnya. masuk.
g. Untuk menguji koneksi dengan e. Untuk keluar dapat memilih sign out.
database dapat dilakukan dengan
cara menambah berita. Hasil Pengujian
h. Pilih menu berita, kemudian klik
1. Pengujian Koneksi Client – Server
button tambah berita.
a. Pengujian untuk melakukan koneksi
i. Kemudian isikan spesifikasi berita,
jaringan pada komputer server.
setelah selesai klik simpan
j. Apabila koneksi berhasil, maka
pada halaman awal web portal
telah tampil berita yang baru
dimasukkan.
k. Untuk keluar dapat memilih menu
logout.

Gambar 4.1.a.i Tampilan

awal untuk konfigurasi
jaringan
5. Pengujian Login Mail dengan
Web Mail

a. Pada halaman awal webportal terdapat

Login Mail

19
 Gambar 4.1.a.v. Pengujian koneksi ip

b. Pengujian untuk melakukan

koneksi jaringan pada komputer
client.

Gambar 4.1.a.iii. Tampilan setting ip

address

20
Gambar 4.1.b.i Network Connection

Gambar 4.1.b.ii Konfigurasi

Internet Protocol

Gambar 4.1.b.iii Pengujian

koneksi

21
 2. Pengujian Squirrelmail
sebagai Web Mail

Gambar 4.2.a.v. Halaman kotak surat

yang expired time out
Gambar 4.2.a.i. Halaman login
squirrelmail

Gambar 4.2.b.ii Halaman

Gambar 4.2.a.iii. Halaman tampilan
Compose email
akses kotak surat

Gambar 4.2.b.v.(a) Halaman

compose email dengan
Gambar 4.2.a.iv. Halaman error page attachment
squirrelmail

22
 Gambar 4.2.b.v.(b) Proses
Gambar 4.2.b.ix.(b). laporan
download lampiran pada email
penerimaan email

Gambar 4.2.b.viii Halaman

Kotak surat dengan prioritas Gambar 4.2.c.iv Menu pop up
pengiriman tanda diterima email baru

Gambar 4.2.c.ii. Fitur

Gambar 4.2.b.ix.(a). Pesan addresses sebagai daftar alamat
peringatan terhadap laporan email
penerimaan

23
 Gambar 4.2.c.iii. Proses
Gambar 4.2.c.iv.(c) pengisian
pembuatan direktori baru
personal information untuk
mengaktifkan tanda tangan
digital

Gambar 4.2.c.iv.(a) tampilan

halaman options preference
template

Gambar 4.2.c.v. Tampilan

pencarian email berdasarkan
subject

Gambar 4.2.c.iv.(b) proses

mengaktifkan menu pop up

Gambar 4.2.c.vi. Tampilan

halaman bantuan squirrelmail

24
 Gambar 4.2.c.vii.(a) Fasilitas
Gambar 4.3.b tampilan
Calendar pada squirrelmail
halaman login squirrelmail

4. Pengujian Web Portal

dengan Database

Gambar 4.2.c.vii.(b) Fasilitas Jadwal

pada squirrelmail
Gambar 4.4.c Tampilan
Halaman Login Administrasi
3. Pengujian koneksi Web
Portal dan Web Mail

Gambar 4.4.h Tampilan

Halaman Administrasi Berita

Gambar 4.3.a tampilan halaman

awal web portal

25
 Gambar 4.4.i Tampilan
Halaman Tambah Berita
Gambar 4.5.d Akses kotak surat
berhasil dilakukan

Analisa Program

1. Pengujian Koneksi Client – Server

Pada percobaan ini dilakukan
Gambar 4.4.j Halaman awal
ketika berita baru telah pengecekan terhadap IP server dan IP
dipublikasikan client. IP dalam jaringan tersebut harus
berada pada kelas yang sama. Pada
saat pengujian menggunakan IP server
5. Pengujian Login Mail dengan
Web Mail 192.168.1.254 dan IP client
192.168.1.7, IP tersebut menggunakan
kelas C dengan netmask 255.255.255.0
dan ternyata berhasil melakukan
koneksi ke jaringan dengan baik
dengan ttl (time to life) = 128.

2. Pengujian Squirrelmail sebagai

Web Mail
Gambar 4.5.b Pengujian Login Mail Percobaan ini dilakukan dengan tujuan
untuk memastikan seluruh fasilitas dan
fitur layanan email pada squirrelmail
dapat berjalan sebagaimana mestinya.
Fitur dan layanan Squirrelmail sangat

26
banyak dalam hal pengiriman maupun browser dapat mengakses kedua
pengelolaan email. Hal ini terbukti aplikasi web tersebut dan menu mail
bahwa squirrelmail mampu akses sebagai link juga berjalan dengan
menampilkan pesan peringatan dan baik.
pop up otomatis ketika ada email baru
yang masuk selain itu jenis pengiriman 4. Pengujian Web Portal dengan
email juga dapat diprioritaskan Database
berdasarkan levelnya dan pengirim Pada saat melakukan penambahan data
dapat menerima laporan bahwa email pada web, berarti telah melakukan
tersebut telah dikirima atau telah koneksi dengan database berupa insert
diterima. Fitur-fitur bagus lainnya data. Untuk melakukan penambahan
berupa layanan Calendar dan template data diperlukan autentikasi login
yang dapat dirubah sesuai dengan sebagai hak akses, setelah itu
keinginan masing-masing user. administrator dan user dapat
mengakses database melalui interface
3. Pengujian koneksi Web Portal ke web sesuai dengan hak akses masing-
Web Mail masing.
Ketika koneksi client – server telah Hak akses yang dibedakan antara
terhubung dengan baik, dapat administrator dengan user.
dilakukan pengujian untuk aplikasi. Administrator memiliki hak akses
Pengujian web portal dilakukan penuh untuk merubah data berita, data
dengan cara mengakses alamat user dan juga pengaturan administrasi
masing-masing aplikasi. Apakah kedua web, sedangkan user hanya memiliki
aplikasi tersebut berjalan dengan baik akses terhadap berita yang
pada browser? Untuk melakukan dipublikasikan sendiri. Selain itu user
hubungan antar web portal dengan web juga hanya dapat merubah
mail juga telah disediakan link pada passwordnya sendiri.
menu mail akses yang mempermudah
pengunjung untuk mengakses halaman
login mail tanpa harus mengetikkan 5. Pengujian Login Mail dengan
alamat. Pengujian berhasil dilakukan, Web Mail

27
Pada saat setelah memasukkan alamat
webportal, maka terdapat menu Login
Mail. Login Mail disini berfungsi
untuk menghubungkan langsung akses
ke kotak surat. Untuk itu diperlukan
username dan password yang valid dan
benar. Setelah berhasil maka user mail
akan dibawa langsung menuju ke
halaman kotak surat dengan meredirect
halaman login squirrelmail, jadi user
tidak perlu mengakses halaman login
squirrelmail terlebih dahulu.
ke halaman kotak surat tanpa
perlu melakukan login kembali
pada halaman squirrelmail.
3. Web portal juga dapat menjadi
sebuah wadah informasi bagi
pengunjung untuk melihat
berita-berita terbaru
4. Hak akses pada web portal
dibedakan menjadi user dan
administrator

KESIMPULAN

1. Web dapat digabungkan

dengan fasilitas layanan utama
email sehingga akan menjadi
sebuah portal masuk untuk
mengakses halaman kotak
surat. Web portal merupakan
sebuah web yang dapat
mengakses langsung halaman
kotak surat user tanpa harus
mengetikkan alamat
webmailnya.
2. Untuk dapat mengakses
halaman kotak surat diperlukan
username dan password yang
benar dan valid, setelah itu
user akan diarahkan langsung

28