4.4 Konfigurasi Captive Portal
script type = textjavascript var count = 2;
function validate { var un = document.myform.username.value;
var pw = document.myform.pword.value; var valid = false;
var unArray = [admin, root]; as many as you like - no comma after final entry
var pwArray = [admin, root,]; the corresponding passwords;
for var i=0; i unArray.length; i++ { if un == unArray[i] pw == pwArray[i] {
valid = true; break;
} }
if valid { alert Login was successful;
window.location = http:118.98.36.36; return false;
} var t = tries;
if count == 1 {t = try} if count = 1 {
alert Invalid username andor password. You have + count + t + left.;
document.myform.username.value = ; document.myform.pword.value = ;
setTimeoutdocument.myform.username.focus, 25; setTimeoutdocument.myform.username.select, 25;
count --; }
else { alert Still incorrect You have no more tries left;
document.myform.username.value = No more tries allowed;
document.myform.pword.value = ; document.myform.username.disabled = true;
document.myform.pword.disabled = true;
Universitas Sumatera Utara
return false; }
} script
form name = myform pENTER USER NAME input type=text name=username
ENTER PASSWORD input type=password name=pword input type=button value=Login name=Submit onclick=
validate p
form
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.
Universitas Sumatera Utara
Gambat 4.20 File Manager M0n0wall
Gambar 4.21 WebGUI Configuration M0nowall
Universitas Sumatera Utara
Gamabar 4.22 Setingan Captive Portal
Universitas Sumatera Utara
Gambar 4.23 Setingan Captive Portal Radius
Universitas Sumatera Utara
Gambar 4.24 Setingan Captive Portal Radius
Universitas Sumatera Utara
Gambar 4.25 Setingan Captive Portal Page Contents
Universitas Sumatera Utara
Gambar 4.26 Setingan Captive Portal Page Contents
4.4.1.Menu Tampilan Awal Captive Portal Menggunkan M0n0wall
Universitas Sumatera Utara
Gambar 4.27 Menu Tampilan Awal Captive Portal Menggunkan M0n0wall
4.4.2 Menu Tampilan Login Captive Portal
Universitas Sumatera Utara
Gambar 4.28 Menu Tampilan Login Masuk Sukses
4.4.3 Menu Tampilan Login Masuk Sukses M0n0wall
Universitas Sumatera Utara
Gambar 4.29 Menu Tampilan Login Masuk Sukses M0n0wall
4.4.4 Menu Tampilan Logout Captive Portal
Universitas Sumatera Utara
Gambar 4.30 Menu Tampilan Logout Captive Portal
4.5 Perbandingan Hotspot Menggunakan Mikrotik
Kategori