Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.

com/artikel/138/

(/)

Pengumuman Libur Isra Mi'raj dan Imlek 2575

Sehubungan dengan Hari Isra Mi'raj Nabi Muhammad SAW 27 Rajab 1445 H dan Tahun Baru
Imlek 2575 Kongzili, seluruh operasional Citraweb Solusi Teknologi of�ce Yogyakarta dan
Jakarta diliburkan pada :

Kamis, 08 Februari 2024 sampai dengan Minggu, 11 Februari 2024

Kami kembali beroperasional pada Senin, 12 Februari 2024

Segenap Staff dan Direksi Citraweb Solusi Teknologi mengucapkan :

Selamat memperingati Isra Mi'raj Nabi Muhammad SAW 27 Rajab 1445 H dan Tahun Baru
Imlek 2575 Kongzili.

 PENCARIAN PRODUK

Cari produk

 Cari  Kategori Produk (/kategori/)

Artikel
Modifikasi Tampilan Login Hotspot
 Jum'at, 8 Mei 2015, 14:19:00 WIB
Kategori: Tips & Trik (/artikel/?kategori=3)
Bagikan :

(http://www.facebook.com/sharer.php?u=https://citraweb.com/artikel/138/)

(http://twitter.com/share?url=https://citraweb.com/artikel/138/&text=Modi�kasi Tampilan
Login Hotspot)

1 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/


(https://api.whatsapp.com/send?phone=&text=Modi�kasi Tampilan Login Hotspot
https://citraweb.com/artikel/138/)

(tg://msg_url?url=https://citraweb.com/artikel/138/&text=Modi�kasi Tampilan Login
Hotspot)

(mailto:?subject=Modi�kasi Tampilan Login Hotspot&body=Modi�kasi Tampilan Login
Hotspot https://citraweb.com/artikel/138/)

(sms:?&body=Modi�kasi Tampilan Login Hotspot https://citraweb.com/artikel/138/)

Seperti yang kita ketahui bahwa pada router mikrotik memiliki sebuah �tur hotspot. Ketika
kita membuat hotspot dan mencoba akses internet melalui titik hotspot tersebut maka kita
akan di-redirect ke halaman login untuk proses autentikasi user. Nah, darimana halaman
login tersebut berasal?
Apabila kita melihat kedalam 'Files' di storage router akan terlihat kumpulan �le yang
berekstensi html. Salah satunya ada �le dengan nama 'login'. Dari �le inilah tampilan-
tampilan login hotspot itu berasal.

Kita juga bisa mengubah tampilan standart dari login hotspot menjadi lebih artistik sesuai
dengan keinginan kita. Namun sebelumnya kita harus mengetahui fungsi dari masing-
masing �le login tersebut. Diantara �le tersebut adalah login.html, alogin.html, rlogin.html,
�ogin.html. Untuk penjelasannya adalah sebagai berikut :

• login html â Merupakan sebuah halaman login yang ditampilkan untuk autentikasi user
dengan memasukkan username dan password.
• alogin.html â Sebuah halaman yang ditampilkan setelah user berhasil di autentikasi.
Halaman ini menampilkan sebuah pop-up tentang status dari halaman apakah 'Log In'
atau 'Log Off' dan juga akan diredirect (otomatis/manual) ke halaman web yang diakses
oleh user.
• rlogin.html â Sebuah halaman yang me-redirect user dari mengakases halaman URL ke
halaman login, jika user tersebut memerlukan autorisai untuk melakukan akses.
• �ogin.html â Sebuah halaman login yang ditampilkan apabila terdapat kesalahan
(error) terjadi. Misal, ketika user salah memasukkan 'Username' maupun 'Password'.

Kemudian untuk cara kerja dari request halaman â/loginâ adalah :

2 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/

- Apabila user belum terautentikasi dan melakukan akses sebuah web maka akan di-redirect
ke halaman login.html.
- Apabila prosedur login gagal (baik salah memasukkan username atau password), maka akan
ditampilkan halaman �ogin.html; Jika halaman �ogin.html tidak ditemukan maka akan
ditampilkan halaman login.html.
- Apabila user telah berhasil terautentukasi (login), alogin.html akan ditampilkan; apabila
alogin.html tidak ditemukan maka akan langusung di-redirect ke halaman web yang di akses
oleh user tersebut atau ke halaman status.

Tampilan Login Hotspot

Pada contoh kali ini kita akan mencoba untuk mengubah tampilan dari login hotspot.
Sebenarnya dari sistem hotspot telah diberikan tampilan default. Namun, mungkin diantara
kita ingin mengubahnya untuk memberikan tampilan yang lebih baik.

Nah, untuk mengubahnya, kita akan memodi�kasi script dari �le login.html. File tersebut
dapat kita download terlebih dahulu dari router, baik menggunakan FTP (Linux dan Mac OS)
atau cukup 'Drag & Drop' untuk Windows OS.

3 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/

Setelah kita download, kita bisa melakukan editing pada script tersebut menggunakan Text
Editor. Karena script tersebut menggunakan �le HTML, maka setidaknya kita sudah familiar
dengan bahasa HTML.

4 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/

Nah, setelah kita melakukan modi�kasi terhadap script tersebut, kita upload kembali ke
router. Caranya pun juga sama seperti kita men-download, bisa memakai FTP atau 'Drag &
Drop' (Windows). Dan salah satu contoh tampilan sederhana yang kita buat adalah seperti
tampilan berikut.

Kembali ke :
Halaman Artikel (/artikel/) | Kategori Tips & Trik (/artikel/?kategori=3)

FOLLOW OUR SOCIAL MEDIA

 @citraweb_com
(https://twitter.com/citraweb_com)

5 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/

 @citraweb_com
(https://instagram.com/citraweb_com)
 https://mtik.id/youtube
(https://mtik.id/youtube)

Menu Utama
Halaman Muka (/)
Produk (/produk/)
Training (/training/)
Layanan (/layanan/)
RMA (/user_RMA/)
Artikel (/artikel/)

Menu Lainnya
Aturan dan Tata Cara (/page/4/)
Tentang Kami (/page/1/)
Kontak Kami (/kontak/)
Pendaftaran Anggota (/member_daftar/)
Cek Garansi (/warranty_check/)

Links
Citranet (ISP) (http://www.citra.net.id)
Citraweb (System Developer) (http://www.citra.web.id/)
Citraweb (Web Hosting) (http://www.citrahost.com)
Citraweb (RFelements Distributor) (http://www.rfelements.id)
MikroBits (http://www.mikrobits.com)
GudegNet (Portal Jogja) (http://www.gudeg.net)
Jogjastreamers (http://www.jogjastreamers.com)

Kontak Kami
Citraweb Solusi Teknologi, PT
Jalan Petung 31 Papringan
Yogyakarta 55281
INDONESIA
Telp: +62-274-554444

Copyrights ©2005-2024 PT. Citraweb Solusi Teknologi. All Rights Reserved. Generated in 0.0114 second(s). Your
IP: 202.67.40.223

6 dari 7 12/02/2024, 8:26

Citraweb.com : Modifikasi Tampilan Login Hotspot https://citraweb.com/artikel/138/

7 dari 7 12/02/2024, 8:26