Gambar 3.26 Hotspot IP Binding
3.4 Perancangan Captive portal M0n0wall
3.4.1 Konfigurasi Firewall pada M0n0wal
Berikut adalah langkah-langkah instalasi mikrotik melalui CD : 1.
Setup BIOS agar dapat booting melalui CD 2.
Pilih CDROM pada bagian 1st Boot Device, setelah itu tekan tombol ESCAPE lalu tekan F10 dan pilih ‘yes’.
3. Masukkan CD instalasi Mikrotik setelah loading maka akan muncul jendela
awal instalasi berikut potongan tampilan awal M0n0wall saat booting seperti pada gambar dibawah:
Gambar 3.27 Penginstalan M0n0wall
Universitas Sumatera Utara
Gambar 3.28 Menu Console M0n0wall
Setelah booting Selesai kemudian akan muncul menu console Setup seperti pada gambar dibawah ini:
Menu console setup digunakan untuk konfigurasi dasar sistem, dimana terdapat lima menu yang masing-masing mempunyai fungsi seperti berikut:
•
Interface: assign network ports, menu ini digunakan untuk mendefinisikan ethernet card NIC yang digunakan.
•
Setup LAN ip address, digunakan untuk menseting IP address ethernet card yang terhubung ke jaringan local LAN.
•
Reset webGUI password, ini digunakan untuk mereset password webGUI user admin ke password default yaitu mono, menu ini berguna jika kita lupa
password user admin.
•
Reset to factory defaults, untuk mengembalikan ke konfigurasi awal seperti ketika baru menginstall.
•
Reboot system, untuk merestart system.
•
Ping host, untuk melakukan ping ke hostkomputer tertentu dan juga bisa di gunakan untuk mengtes koneksi ke host lain.
3.4.2 Konfigurasi Network Interface M0n0wall
M0n0wall secara default mendefinisikan network interfaceNIC dengan nama sis0, sis1. Jika terdapat lebih dari satu interface maka M0n0wall akan mendefinisikan
Universitas Sumatera Utara
sis0sis nol untuk interface LAN dan sis1 untuk interface WAN jaringan luarinternet yang ditampilkan pada bagian Port Configuration, tepatnya diatas menu
Gambar 3.29 Port Configurasi
Console Setup pada saat pertama kali loading seperti pada gambar dibawah ini: Berikut langkah-langkah untuk konfigurasi network interface untuk LAN dan WAN:
Pada bagian enter a number: masukan angka satu Interface: assign network port dan tekan enter, seperti pada gambar berikut:
Gambar 3.30 Interface Lan
Universitas Sumatera Utara
Script Login M0n0wall Php.
HTML HEADTITLERedirecting...TITLEHEAD
BODY SPAN STYLE=font-family: Tahoma, Verdana, Arial,
Helvetica, sans-serif; font-size: 11px; BRedirecting to A
HREF=http:www.google.comhttp:www.google.comA... B
SPAN SCRIPT LANGUAGE=JavaScript
-- LogoutWin = window.open, Logout,
toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0, resizable=0,width=256,height=64;
if LogoutWin { LogoutWin.document.writeHTML;
LogoutWin.document.writeHEADTITLELogoutTITLEHE AD ;
LogoutWin.document.writeBODY BGCOLOR=435370; LogoutWin.document.writeDIV ALIGN=center
STYLE=color: ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; ;
LogoutWin.document.writeBClick the button below to disconnectBP;
LogoutWin.document.writeFORM METHOD=POST ACTION=;
LogoutWin.document.writeINPUT NAME=logout_id TYPE=hidden VALUE=1362cca963292217;
LogoutWin.document.writeINPUT NAME=logout_popup TYPE=submit VALUE=Logout;
Universitas Sumatera Utara
LogoutWin.document.writeFORM; LogoutWin.document.writeDIVBODY;
LogoutWin.document.writeHTML; LogoutWin.document.close;
} document.location.href=http:www.google.com;
-- SCRIPT
BODY HTML
Logout M0n0wall: htmlheadtitleLogouttitlehead
script language=JavaScript var needToConfirm = true;
function confirmExit{ myform.submit;
} script
body bgcolor=435370div align=center style=color: ffffff; font-family: Tahoma, Verdana, Arial, Helvetica,
sans-serif; font-size: 11px;bClick the button below to disconnectbppform name=myform form
method=POST action=http:192.168.11.1:8000input name=logout_id type=hidden
value=cee42bef22196ad1divbodyhtml div align=centerinput type=Submit value=Logout
onclick=needToConfirm = false; body onbeforeunload = confirmExit
form DIVBODY
HTML
Universitas Sumatera Utara
1. Index.html - halaman login awal 2. Error.html - kesalahan halaman untuk pengguna ketika login gagal karena
alasan apapun dengan pesan respon yang Anda tetapkan 3. Announcement.html - Ini adalah file html sederhana yang dibingkai ke
index.html, Anda dapat mengubah file ini untuk pengumuman atau pesan kepada user sebelum mereka login. Hal ini berguna karena anda dapat
mengubah file ini dengan cepat tanpa harus restart semua otentikasi pengguna anda di Captive Portal.
4. Background.png - latar belakang untuk seluruh halaman, sederhana diri mengulangi pola batu
5. Login_form_background.png - nice sedikit mengulangi latar belakang kotak untuk membingkai layar login Anda terhadap
6. Logo.png - logo yang duduk di sudut kiri atas dari halaman login. Perubahan ini untuk apa pun yang anda suka, itu terutama placeholder
sekarang. Screen-shot di bawah ini menunjukkan di mana semua file-file perlu ditempatkan di
Captive Portal bekerja.
Gambat 3.31 File Manager M0n0wall
Universitas Sumatera Utara
Gambar 3. 32 WebGUI Configuration M0nowall
Universitas Sumatera Utara
Gamabar 3. 33 Configurasi Captive Portal
Universitas Sumatera Utara
Gambar 3. 34 Configurasi Captive Portal Radius
Universitas Sumatera Utara
Gambar 3. 35 Configurasi Captive Portal Radius
Universitas Sumatera Utara
Gambar 3.36 Configurasi Captive Portal Page Contents
Universitas Sumatera Utara
Gambar 3.37 Configurasi Captive Portal Page Contents
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PERBANDINGAN
4.1 Spesifikasi Sistem
Kategori