Reihan Putra
Kembali ke Portofolio
PROYEK 02 / REKAYASA WEB TERPILIH / Kolaborasi Riset Skripsi • Smart Visitor Management & Lobby Kiosk Portal

Buku Tamu Digital — Telkom Indonesia & Presensi Gedung

Sistem manajemen pengunjung cerdas dan portal kiosk lobi modern yang dikembangkan untuk mendukung penelitian tugas akhir / skripsi mahasiswa (studi kasus: PT Telkom Indonesia) dengan pendaftaran mandiri layar sentuh, tanda tangan digital touchscreen, lencana QR Code, dan dashboard monitoring admin terpusat.

Konteks Proyek: Proyek dibuat atas permintaan rekan mahasiswa guna menunjang penelitian tugas akhir / skripsi dengan studi kasus operasional di PT Telkom Indonesia, bukan merupakan proyek penugasan komersial resmi dari PT Telkom Indonesia.
Peran Full-Stack Web Developer Arsitektur Kiosk & Pengembang Sistem Penelitian Skripsi
Waktu Pengerjaan 3 Minggu Desain Kiosk, Alur Pengunjung, Modul Admin & Testing
Konteks Proyek Penelitian Skripsi Mahasiswa Studi Kasus: PT Telkom Indonesia (Bukan Proyek Komersial Telkom)
Hasil Kerja Prototipe Kiosk Lobi Touchscreen + Portal Resepsionis Web Kiosk Tablet, Digital Pass QR, Dashboard Admin & Ekspor CSV
Semua Layar Bedah Arsitektur
Teknologi Inti: Laravel 12, Livewire 3, Tailwind CSS, Alpine.js, Canvas Signature Pad, QR Code Generator, SQLite/MySQL
11 Gambar Review Lengkap
Buku Tamu Digital Telkom Indonesia interface showcase
Klik untuk Melihat Gambar Ukuran Penuh (Pan & Zoom)
Portal Kiosk Lobi & Indikator Tamu Aktif Antarmuka lobi touchscreen menyajikan metrik live pengunjung di gedung, alur pendaftaran kilat, serta navigasi mandiri yang intuitif.
Pilih Tangkapan Layar (11 Gambar):
Tangkapan layar resolusi tinggi (1918×897) • Review desain antarmuka Fitur Zoom & Pan 360° Aktif
Total Pengunjung
15,424+

Data simulasi dan pengujian alur tamu terlayani pada skenario operasional gedung Telkom.

Efisiensi Arsip
100%

Nir-kertas (paperless) dengan paraf tanda tangan digital tersimpan aman dalam database.

Durasi Registrasi
< 45 Detik

Proses check-in mandiri di tablet resepsionis hingga penerbitan lencana digital QR.

Cakupan Operasional
42+ Graha

Arsitektur modular siap disimulasikan lintas unit Graha dan Witel Telkom.

Konteks & Kebutuhan Riset Skripsi

Digitalisasi Buku Tamu Kertas Menjadi Presensi Digital Terverifikasi

Dalam rangka menunjang penelitian tugas akhir / skripsi rekan mahasiswa mengenai digitalisasi fasilitas perkantoran, studi kasus ini meneliti alur penerimaan tamu di gedung perkantoran PT Telkom Indonesia yang memiliki volume pengunjung tinggi setiap harinya.

Sistem buku tamu konvensional berbasis kertas menimbulkan antrean panjang di meja resepsionis lobi, risiko tulisan tangan tidak terbaca, ketiadaan verifikasi tanda tangan yang valid, serta sulitnya merekonsiliasi jumlah pasti pengunjung yang sedang berada di dalam gedung saat situasi darurat K3.

Kendala & Tantangan Awal:
  • Buku tamu kertas rentan rusak, tercecer, dan menyulitkan pencarian riwayat kunjungan masa lalu
  • Petugas keamanan tidak memiliki data real-time mengenai berapa tamu yang masih aktif di dalam gedung
  • Proses pendaftaran manual membutuhkan waktu lama dan memicu penumpukan antrean di jam sibuk lobi
Solusi & Arsitektur Kiosk Terpadu

Prototipe Presensi Kiosk Layar Sentuh dengan Lencana QR Code & Dashboard Resepsionis

Saya merancang dan membangun prototipe Buku Tamu Digital Telkom Indonesia v2.0 menggunakan Laravel 12 dan Tailwind CSS yang mengadaptasi palet warna tema Telkom Red (#EE2E24) dan Dark Slate (#263238) sesuai kebutuhan konteks riset.

Sistem ini menyediakan portal lobi interaktif yang dioptimalkan untuk tablet touchscreen resepsionis, lengkap dengan kanvas tanda tangan digital, penerbitan lencana tamu QR unik otomatis, serta dashboard monitoring admin yang mendukung filter cepat dan ekspor laporan berkala untuk validasi pengujian data skripsi.

Check-in Mandiri & Paraf Digital

Formulir tablet responsif dengan Signature Pad Canvas API beresolusi tinggi untuk paraf masuk & keluar nir-kertas.

Lencana Digital QR & Monitoring Live

Penerbitan kode kunjungan unik, QR Code pass instan, serta pemantauan jumlah tamu aktif real-time demi keselamatan K3.

Arsitektur Sistem

Teknologi & Perangkat Rekayasa Web

Dipilih untuk performa maksimal, keamanan kode, dan kemudahan pemeliharaan.

Laravel 12 Framework Inti Backend & Routing
Tailwind CSS Desain Korporat Telkom
Livewire 3 Komponen Reaktif Real-Time
Alpine.js State & Interaktivitas Klien
Canvas API Signature Pad Touchscreen
QR Generator Kode Kunjungan Unik Instan
Pemecahan Masalah

Tantangan Arsitektur & Solusi Teknis

01

Presisi Kanvas Tanda Tangan Layar Sentuh

Kendala Awal

Pada perangkat tablet lobi dengan rasio piksel tinggi (Retina/High-DPI), goresan tanda tangan digital sering kali mengalami distorsi koordinat atau tampak buram.

Terselesaikan

Menerapkan dynamic scaling berbasis window.devicePixelRatio pada elemen HTML5 Canvas dan menyatukan event pointer/touch untuk rekaman paraf yang tajam dan presisi.

02

Pemindaian & Verifikasi QR Code Cepat

Kendala Awal

Ketika banyak tamu keluar secara bersamaan, proses verifikasi lencana tidak boleh mengalami keterlambatan response time server.

Terselesaikan

Menghasilkan QR Code berbasis vektor SVG ringan dengan format payload string ringkas sehingga dapat didekode seketika oleh scanner optik lobi maupun kamera tablet.

03

Akurasi Rekonsiliasi Tamu Aktif untuk Standar K3

Kendala Awal

Petugas keamanan membutuhkan data mutlak pengunjung yang masih berada di dalam gedung jika sewaktu-waktu terjadi alarm evakuasi darurat.

Terselesaikan

Membangun logika status state-machine (Aktif vs Selesai) pada database dengan validasi paraf keluar ganda sehingga rekapitulasi data selalu akurat 100%.

Langkah Selanjutnya & Kolaborasi

Proyek Selanjutnya (03)
Mobile App Development

Keuangan App — Personal Finance Monitoring

Aplikasi manajemen keuangan pribadi berbasis Flutter dengan arsitektur offline-first, pemindaian struk otomatis on-device OCR, pencadangan privat Google Drive AppData, dan enkripsi lokal SQLite AES-256.

Lihat Studi Kasus
Punya Rencana Proyek Web?

Mari Wujudkan Aplikasi Web Anda

Siap membantu konsultasi arsitektur web, pengembangan frontend modern, dan aplikasi Laravel yang siap berkembang.

Kirim Pesan Jadwalkan Diskusi