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

Tampilan Utama Login Hotspot
FILE_02: MEDIA_EDU.JPG

Integrasi Video & Motivasi

Menampilkan video cuplikan kegiatan sekolah terbaru serta kutipan motivasi yang berganti secara dinamis.

Fitur Video Kegiatan
FILE_03: LOCAL_CULTURE.JPG

Pepatah Bahasa Jawa

Menyelipkan elemen kearifan lokal melalui teks pepatah Jawa yang berfungsi sebagai pengingat etika bagi siswa.

Fitur Pepatah Jawa