Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    Mempercantik halaman Login Captive portal

    Scheduled Pinned Locked Moved Indonesian
    34 Posts 10 Posters 25.9k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • 4
      4r31
      last edited by

      Dear para suhu PFsense,

      Mohon bantuanya bagaimana caranya untuk membuat halaman login PFsense lebih indah/cantik.
      sudah coba nge search di mbah google..rata2 dapetnya login halaman mikrotik , Easyhotspot..etc….   ;D

      Terima kasih sebelumnya.

      1 Reply Last reply Reply Quote 0
      • A
        anto_DIGIT
        last edited by

        GAmpangnya begini :

        • halaman login tdk bisa mengeksekusi script php.
        • pada saat proses desain, sebaiknya dibuat dlm 1 direktori yg sama dng file induknya.
        • semua gambar atau file2 lain menggunakan awalan captiveportal-…. file2 diupload melalui file manager captive portal.
        • jumlah total file < 256 KB. Kalau lebih kita bisa menggunakan WinSCP taruh filenya di /usr/local/captiveportal
        1 Reply Last reply Reply Quote 0
        • 4
          4r31
          last edited by

          @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>

          BO3.Net

          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...   :)

          1 Reply Last reply Reply Quote 0
          • A
            anto_DIGIT
            last edited by

            BO3.Net
            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}...

            1 Reply Last reply Reply Quote 0
            • 4
              4r31
              last edited by

              @anto_DIGIT
              mas ..untuk baris yg ini..

              Redirecting to {$my_redirurl}… [=======================================================

              my_redirurl di isi dengan alamat captive portal kita ya mas ?

              misal kalau punya saya :
              Redirecting to]({$my_redirurl}) {$http://192.168.3.1}… [tapi waktu saya buat seperti di atas jadi error "file not found"

              ;D

              mohon pencerahannya lagi ya..]({$http://192.168.3.1})

              1 Reply Last reply Reply Quote 0
              • A
                anto_DIGIT
                last edited by

                Wah itu jangan diganti … ;D
                Kalau mau ganti redirect-nya kan tinggal dari webgui saja ... itu jangan diotak-atik lagi ..

                1 Reply Last reply Reply Quote 0
                • 4
                  4r31
                  last edited by

                  @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..

                  1 Reply Last reply Reply Quote 0
                  • K
                    kambeeng
                    last edited by

                    @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>

                    BO3.Net

                    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

                    1 Reply Last reply Reply Quote 0
                    • Z
                      zchellpy
                      last edited by

                      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

                      1 Reply Last reply Reply Quote 0
                      • Z
                        zchellpy
                        last edited by

                        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>

                        1 Reply Last reply Reply Quote 0
                        • Z
                          zchellpy
                          last edited by

                          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...

                          1 Reply Last reply Reply Quote 0
                          • A
                            anto_DIGIT
                            last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • 4
                              4r31
                              last edited by

                              @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

                              1 Reply Last reply Reply Quote 0
                              • 4
                                4r31
                                last edited by

                                @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>

                                BO3.Net

                                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....

                                1 Reply Last reply Reply Quote 0
                                • Z
                                  zchellpy
                                  last edited by

                                  @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

                                  1 Reply Last reply Reply Quote 0
                                  • Z
                                    zchellpy
                                    last edited by

                                    Ini Om error nya.

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

                                    Thanks,

                                    Adyn

                                    1 Reply Last reply Reply Quote 0
                                    • Z
                                      zchellpy
                                      last edited by

                                      @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

                                      1 Reply Last reply Reply Quote 0
                                      • 4
                                        4r31
                                        last edited by

                                        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... ;)

                                        1 Reply Last reply Reply Quote 0
                                        • Z
                                          zchellpy
                                          last edited by

                                          @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

                                          1 Reply Last reply Reply Quote 0
                                          • A
                                            anuarkb
                                            last edited by

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

                                            @anto_DIGIT:

                                            BO3.Net
                                            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}...

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.