Mempercantik halaman Login Captive portal

[4r31]

@Mas anto..
Alhamdulillah…
dah lebih baik dari sebelumnya...  ;D ;)

ini tampilan login sebelumnya :
http://www.mediafire.com/file/2ydtdlgykzi/tampilan-login.jpg

ini yang dah di update
http://www.mediafire.com/file/5mezybn0z1o/kampoeng-cyber.jpg

nah ..buat temen2 yang mau coba tampilannya.
dan source code beserta file2 saya letakkan di sini :
http://www.mediafire.com/file/oymwjlexzy4/BlackSpring.rar
extarct dulu filenya dan semua file tersebut di upload ke file managernya PFsense.
Tekan Service >> Captive portal >>> file manager

kalau mau di edit biasanya saya NUV atau Dreamweaver..

silahkan di kasih comment..kalau ada input atau perbaikan..nanti sama2x kita belajar yach..  ;D ;D :D

Btw, makasih @ mas anto_DIGIT atas sharingnya ya..    ;)
mas..kalau kita mau tampilkan ipclient di halaman login bisa ngga yach?
tujuannya kalau ada client baru dan ngga ngerti cara ngeliat ip adderssnya,
dia tinggal ngeliat di web login itu.
apakah pfsense bisa ngebaca file script php juga?

Terimakasih..

[kambeeng]

@4r31:

@anto_DIGIT
Mas boleh screenshootnya di share atau sriptnya ?

ini script punya saya di halaman login..

dibagian tab bar di buat berjalan tulisannya..lumayan agak beda dikit.. :P

di bagian direct url saya kasih langsung ke kompas rssnya supaya client ngga bingung waktu konek ke internet mau kemana lagi?

====================

<center>

Selamat Datang Sahabat di Kampoeng Cyber

<marquee>....Selamat menikmati kecepatan internet BO3.Net yang telah di Upgrade menjadi 2 Mega (paket executive) ..... Jaringan RT/RW-Net Perumahan Muka Kuning Indah 1 Batuaji - Batam......</marquee>

Silahkan isi kolom username dan password untuk login

<form method="post" action="http://192.168.3.1:8000/">

| Username: | |
| Password: | |
|   |
|

|

Hubungi <u>Hp : 0816-36-86-XXX</u> bila anda belum memiliki data.

</form> </center>

============================================
ini screenshootnya..

opsss..
gimana masukin gambar di forum ini yach... ;D   ???

yang lain ada yang mau share lagi...monggo...   :)

Untuk memasukan gambar di forum ini seperti berikut :D

Kik Insert image .. masukan url gambar.

atau bisa menggunakan tinypic .. dan masukan link dari Tinypic :D

[zchellpy]

Pliss help me kanda2 semua….
Captive portal ku nga mau jalan, napa yah....
ini script na...

<title>salewangan-networks</title>

Salewangan Networks is wireless hotspot.

anda bisa terkoneksi dengan internet dengan cara membeli
voucher 'salewangan internet voucher' di counter mitra kami...

daftar official counter salewangan networks.

Copyright 2010 | Salewangan Networks
Office : Perum. Nusa Idaman Blok C4/13 Maros

User Name

Password

[zchellpy]

ini saya sederhanakan script nya tp belum bisa juga napa yah…???

content="text/html; charset=ISO-8859-1">
  <title>captivaportal-salewangan.networks</title>

<table<br>style="width: 904px; height: 479px; text-align: left; margin-left: auto; margin-right: auto;"
cellpadding="2" cellspacing="2">

<td<br>style="width: 306px; height: 149px;">
      <div<br>style="text-align: center; width: 303px;">
      <form<br>style="margin-top: 25px; height: 146px; margin-left: 0px; width: 255px;"
name="form1" method="post" action="$PORTAL_ACTION$"> <span<br>style="font-family: Calibri;">

User
Name : <input<br>name="auth_user" type="text">

Password
  :  <input<br>name="auth_pass" type="password"> <input<br>name="redirurl" value="$PORTAL_REDIRURL$" type="hidden">

<div<br>style="text-align: right; width: 228px;">

value="Enter" type="submit">

<td<br>style="height: 149px; width: 476px;"> <span<br>style="font-family: Calibri;"> <span<br>style="color: rgb(0, 0, 128);">Salewangan Networks is
      a
wireless hotspot <br<br>style="font-family: Calibri; color: rgb(130, 180, 58);">

anda
bisa
terkoneksi dengan internet dengan cara membeli <br<br>style="font-family: Calibri;">
      voucher
'salewangan internet
voucher' di counter mitra kami... <br<br>style="font-family: Calibri;">

<a<br>href="/usr/local/captiveportal/captiveportal-counter.html"> <span<br>style="font-family: Calibri;">daftar
official counter salewangan

<table<br>style="text-align: left; height: 32px; width: 385px; margin-left: 42px;"
border="0" cellpadding="2" cellspacing="2">

<td<br>style="text-align: center; width: 117px;"> <img<br>style="width: 48px; height: 48px;" alt="" src="pc.gif">
            <td<br>style="text-align: center; vertical-align: middle; width: 133px;"> <img<br>style="width: 88px; height: 41px;" alt="" src="logo.jpg">
            <td<br>style="text-align: center; width: 82px;"> <img<br>style="width: 32px; height: 32px;" alt=""
src="internet.png">

<td<br>style="width: 476px; height: 134px;">
     <font<br>face="Calibri">Copyright 2010 |
Salewangan
Networks</font<br>
     <font<br>face="Calibri">Office
: Perum. Nusa Idaman
Blok C4/13
     </font<br></td<br></img<br></td<br></img<br></td<br></img<br></td<br></table<br></span<br></a<br></br<br></br<br></br<br></span<br></span<br></td<br></div<br></input<br></input<br></input<br></span<br></form<br></div<br></td<br></table<br>

[zchellpy]

Ini aku sederhanakan kanda script na…
tp masih aja nga mau, napa yah...

content="text/html; charset=ISO-8859-1">
 <title>captivaportal-salewangan.networks</title>

<td<br>style="width: 476px; height: 134px;">
     <font<br>face="Calibri">Copyright 2010 |
Salewangan
Networks</font<br>
     Office: Perum. Nusa Idaman Blok C4/13</td<br>

|

<form style="margin-top: 25px; height: 146px; margin-left: 0px; width: 255px;" <br="">      name="form1" method="post" action="$PORTAL_ACTION$">
    <spanstyle="font-family: calibri;"="">UserName :

Password   :</spanstyle="font-family:></form>

| |
Salewangan Networks is
a wireless hotspot

anda bisa terkoneksi dengan internet dengan cara membeli

voucher 'salewangan internet voucher' di counter mitra kami...

daftar
official counter salewangan |
| | |

border="0" cellpadding="2" cellspacing="2">

|
|
| |

|
| | | |
| | |

ini screenshot nya...

[anto_DIGIT]

Browsernya pakai apa? Kalau IE, kadang memang tdk kompatible?

[4r31]

@zchellpy

Mas….ngga bisa jalannya gimana maksudnya?  ;)
apa tulisan errornya mas..?

hmmm..boleh file2 di share ke forum ?
nanti kita coba bantu sama-sama...apa masalahnya..

:D

[4r31]

@kambeeng:

@4r31:

@anto_DIGIT
Mas boleh screenshootnya di share atau sriptnya ?

ini script punya saya di halaman login..

dibagian tab bar di buat berjalan tulisannya..lumayan agak beda dikit.. :P

di bagian direct url saya kasih langsung ke kompas rssnya supaya client ngga bingung waktu konek ke internet mau kemana lagi?

====================

<center>

Selamat Datang Sahabat di Kampoeng Cyber

<marquee>....Selamat menikmati kecepatan internet BO3.Net yang telah di Upgrade menjadi 2 Mega (paket executive) ..... Jaringan RT/RW-Net Perumahan Muka Kuning Indah 1 Batuaji - Batam......</marquee>

Silahkan isi kolom username dan password untuk login

<form method="post" action="http://192.168.3.1:8000/">

| Username: | |
| Password: | |
|   |
|

|

Hubungi <u>Hp : 0816-36-86-XXX</u> bila anda belum memiliki data.

</form> </center>

============================================
ini screenshootnya..

opsss..
gimana masukin gambar di forum ini yach... ;D   ???

yang lain ada yang mau share lagi...monggo...   :)

Untuk memasukan gambar di forum ini seperti berikut :D

Kik Insert image .. masukan url gambar.

atau bisa menggunakan tinypic .. dan masukan link dari Tinypic :D

==================================

Thankyou @ mas kambeeng
ber arti masukan urlnya diantara img–-/img  itu yach?

opsss ini ya...
http://tinypic.com/

coba ahh....

[zchellpy]

@4r31:

@zchellpy

Mas….ngga bisa jalannya gimana maksudnya?   ;)
apa tulisan errornya mas..?

hmmm..boleh file2 di share ke forum ?
nanti kita coba bantu sama-sama...apa masalahnya..

:D

Kalau Captive Portalnya aku aktifkan lama banget muncul authentifikasi di browser client, entar aku cek error na apa

Thanks,

Adyn

[zchellpy]

Ini Om error nya.

Not Found
The requested URL /index.php?username=adyn was not found on this server.

Thanks,

Adyn

[zchellpy]

@zchellpy:

content="text/html; charset=ISO-8859-1">
 <title>captivaportal-salewangan.networks</title>

<table<br>style="width: 904px; height: 479px; text-align: left; margin-left: auto; margin-right: auto;"
cellpadding="2" cellspacing="2">
 
   
      <td<br>style="width: 306px; height: 149px;">
      <div<br>style="text-align: center; width: 303px;">
      <form<br>style="margin-top: 25px; height: 146px; margin-left: 0px; width: 255px;"
name="form1" method="post" action="$PORTAL_ACTION$"> <span<br>style="font-family: Calibri;">

User
Name : <input<br>name="auth_user" type="text">

Password
  :  <input<br>name="auth_pass" type="password"> <input<br>name="redirurl" value="$PORTAL_REDIRURL$" type="hidden">

<div<br>style="text-align: right; width: 228px;">

value="Enter" type="submit">
     
     
     
      <td<br>style="height: 149px; width: 476px;"> <span<br>style="font-family: Calibri;"> <span<br>style="color: rgb(0, 0, 128);">Salewangan Networks is
     a
wireless hotspot <br<br>style="font-family: Calibri; color: rgb(130, 180, 58);">

anda
bisa
terkoneksi dengan internet dengan cara membeli <br<br>style="font-family: Calibri;">
     voucher
'salewangan internet
voucher' di counter mitra kami… <br<br>style="font-family: Calibri;">

<a<br>href="/usr/local/captiveportal/captiveportal-counter.html"> <span<br>style="font-family: Calibri;">daftar
official counter salewangan
   
   
     
     
      
           
           
           
   
      <table<br>style="text-align: left; height: 32px; width: 385px; margin-left: 42px;"
border="0" cellpadding="2" cellspacing="2">
       
         
            <td<br>style="text-align: center; width: 117px;"> <img<br>style="width: 48px; height: 48px;" alt="" src="pc.gif">
            <td<br>style="text-align: center; vertical-align: middle; width: 133px;"> <img<br>style="width: 88px; height: 41px;" alt="" src="logo.jpg">
            <td<br>style="text-align: center; width: 82px;"> <img<br>style="width: 32px; height: 32px;" alt=""
src="internet.png">
         
       
     
         
          
   
   
     
     
     
   
   
     
     
      <td<br>style="width: 476px; height: 134px;">
     <font<br>face="Calibri">Copyright 2010 |
Salewangan
Networks</font<br>
     <font<br>face="Calibri">Office
: Perum. Nusa Idaman
Blok C4/13
     </font<br></td<br></img<br></td<br></img<br></td<br></img<br></td<br></table<br></span<br></a<br></br<br></br<br></br<br></span<br></span<br></td<br></div<br></input<br></input<br></input<br></span<br></form<br></div<br></td<br></table<br>

@4r31:

@zchellpy

Mas….ngga bisa jalannya gimana maksudnya?   ;)
apa tulisan errornya mas..?

hmmm..boleh file2 di share ke forum ?
nanti kita coba bantu sama-sama...apa masalahnya..

:D

Ternyata masalahnya ada pada rederict url nya mesti ditambahin http://

untuk masalah captive portalnya harus dihaspus dulu file /usr/local/captiveportal/captiveportal-index.html
dengan perintah "rm /usr/local/captiveportal/captiveportal-index.html" di menu diagnostic > command ( untuk liat isi file tersebut bisa dengan perintah "ls  /usr/local/captiveportal/" ), terus upload lagi file inex.html nya di menu file manager captiva portal, trus di menu captiva portalnya jangan lupa di browse lagi file nya….

Kalau ada yang kurang ngerti silahkan ym: zchellpy ato nulis aja disini apa masalahnya

nb: ngetik perintah nya jangan pake tanda petik. ok

Thanks,

Adyn

[4r31]

wah bolehlah..  :)

dah solve sendiri problemnya…
btw..kayanya bagus tuh halaman loginnya..
ada halaman voucernya lagi..

mau dong....  ;D  ;D  ;D
Boleh dishare file2nya...?  please... ;)

[zchellpy]

@4r31:

wah bolehlah..  :)

dah solve sendiri problemnya…
btw..kayanya bagus tuh halaman loginnya..
ada halaman voucernya lagi..

mau dong....   ;D   ;D   ;D
Boleh dishare file2nya...?   please... ;)

Halaman vouchernya hanya menampilkan informasi tempat pembelian voucher teman, aku jualan voucher na pake cara manual 10rb/6Jam jadi tiap 6 Jam aku hapus lagi ID yang dah konek, mirip billing lah….

Thanks,

Adyn

[anuarkb]

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

[kuroishounen]

@anuarkb:

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

nah loh kan ada tuh pada saat kepengen membuat username dan password buat captive portal, tinggal masukin tanggal nya di expiration date malahan tinggal klik ikon d sebelah inputannya kalo mo kemudahan ^_^

[anuarkb]

@kuroishounen:

@anuarkb:

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

nah loh kan ada tuh pada saat kepengen membuat username dan password buat captive portal, tinggal masukin tanggal nya di expiration date malahan tinggal klik ikon d sebelah inputannya kalo mo kemudahan ^_^

saya kurang faham…. boleh terang secara detail tak???

[kuroishounen]

@anuarkb:

@kuroishounen:

@anuarkb:

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

nah loh kan ada tuh pada saat kepengen membuat username dan password buat captive portal, tinggal masukin tanggal nya di expiration date malahan tinggal klik ikon d sebelah inputannya kalo mo kemudahan ^_^

saya kurang faham…. boleh terang secara detail tak???

yang mo di Date Expired password n username buat Captive Portalnya nya kan?

[anuarkb]

@kuroishounen:

@anuarkb:

@kuroishounen:

@anuarkb:

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

nah loh kan ada tuh pada saat kepengen membuat username dan password buat captive portal, tinggal masukin tanggal nya di expiration date malahan tinggal klik ikon d sebelah inputannya kalo mo kemudahan ^_^

saya kurang faham…. boleh terang secara detail tak???

yang mo di Date Expired password n username buat Captive Portalnya nya kan?

SEE FROM CLIENT

SEE FROM CAPTIVE PORTAL

[kuroishounen]

@anuarkb:

@kuroishounen:

@anuarkb:

@kuroishounen:

@anuarkb:

boleh kita menambahkan date expired nyer????
bagaimana caranya…..

@anto_DIGIT:

Ini tinggal upload file "captiveportal-logo3.jpg" melalui "file manager" yg ada di captive portal.

Sebenarnya bisa juga kita menyertakan file2 dasar yang bisa didownload di halaman tsb, tinggal pakai WinSCP taruh filenya di /usr/local/captiveportal. Maks sepertinya 50MB. Misal firefox, winrar, video codec,  dsb …

Dari halaman utama, kemudian di redirect ke intranet saya, lumayan bisa utk sharing file pengumuman, dan berita2 lokal.

Dari
/usr/local/captiveportal/index.php
kita juga bisa memodifikasi dengan menambahkan :

• informasi IP
• bandwidth up /down
• dan mengambil variable username utk dipakai di halaman intranet

<title>Redirecting...</title>

Redirecting to {$my_redirurl}...

nah loh kan ada tuh pada saat kepengen membuat username dan password buat captive portal, tinggal masukin tanggal nya di expiration date malahan tinggal klik ikon d sebelah inputannya kalo mo kemudahan ^_^

saya kurang faham…. boleh terang secara detail tak???

yang mo di Date Expired password n username buat Captive Portalnya nya kan?

SEE FROM CLIENT

SEE FROM CAPTIVE PORTAL

wah maaf ilmu saya belum sampe ke sana itupun saya dapat ilmunya melalui forum internasional mengenai hal yang kawan inginkan ^_^

[anto_DIGIT]

Di index.php, informasi mengenai expirationdate hanya digunakan untuk menghapus user2 yg sudah expire. jadi spt ini informasinya :

//erase expired accounts
    if (is_array($userdb)) {
        $moddb = false;
        for ($i = 0; $i < count($userdb); $i++) {
            if ($userdb[$i]['expirationdate'] && (strtotime("-1 day") > strtotime($userdb[$i]['expirationdate']))) {
                unset($userdb[$i]);
                $moddb = true;
            }

Sehingga bisa ditambahkan di :

$userdb = &$config['captiveportal']['user'];

for ($i = 0; $i < count($userdb); $i++) {
            if (($userdb[$i]['name'] == $_POST['auth_user']) && ($userdb[$i]['password'] == md5($_POST['auth_pass']))) {

/* script yg ditambahkan */

$exp_date = ($userdb[$i]['expirationdate'];

/* end */
                $loginok = true;
                break;

Selamat mencoba,  jangan lupa utk menambah lagi utk display dari $exp_date
ini masalahnya skrg sudah pakai yg versi 2 beta … semoga berhasil