STATUS: LIVE_DEPLOY
Smart Captive Portal
WIFI School.
Mengembangkan portal autentikasi jaringan (Captive Portal) Mikrotik yang interaktif dan menarik, terintegrasi dengan penayangan video kegiatan sekolah, kata motivasi harian, hingga pelestarian budaya melalui pepatah bahasa Jawa.
01. System Overview
BACKGROUND_STORY
Optimalisasi Portal Autentikasi
Halaman login hotspot sekolah umumnya hanya menampilkan form statis. Proyek ini mendesain ulang portal tersebut (*captive portal*) agar tidak hanya berfungsi sebagai gerbang masuk jaringan, melainkan juga sebagai media informasi dan edukasi interaktif bagi para siswa setiap kali mereka terhubung ke WIFI sekolah.
ROLE & TIMELINE
Front-End & SysAdmin
VER_2024-NOW
Mendesain antarmuka responsif dan mengonfigurasi skrip HTML pada *router* Mikrotik agar berjalan optimal tanpa membebani *bandwidth* lokal.
TECH_STACK_USED
Teknologi Inti
- HTML5
- CSS3
- JAVASCRIPT
- MIKROTIK_ROS
- CLOUDFLARE_CDN
02. Visual Documentation
FILE_01: LOGIN_PORTAL.JPG
Antarmuka Utama
Desain form *login* yang minimalis dan responsif untuk berbagai ukuran layar perangkat (HP, Tablet, maupun Laptop).
FILE_02: MEDIA_EDU.JPG
Integrasi Video & Motivasi
Menampilkan video cuplikan kegiatan sekolah terbaru serta kutipan motivasi yang berganti secara dinamis.
FILE_03: LOCAL_CULTURE.JPG
Pepatah Bahasa Jawa
Menyelipkan elemen kearifan lokal melalui teks pepatah Jawa yang berfungsi sebagai pengingat etika bagi siswa.