Pendahuluan

Perkembangan teknologi digital telah mendorong banyak layanan menjadi lebih cepat, mudah, dan dapat diakses secara daring. Salah satu bentuk implementasi transformasi digital adalah pembuatan aplikasi layanan transaksi berbasis web yang dapat digunakan secara ringan tanpa harus membangun infrastruktur server yang kompleks.

Berdasarkan tampilan yang ditunjukkan pada screenshot, aplikasi yang sedang dianalisis adalah sebuah web app bernama SIPPO yang dijalankan melalui Google Apps Script Web App. Hal ini terlihat dari domain URL script.google.com/macros/.../exec serta notifikasi di bagian atas halaman yang menunjukkan bahwa aplikasi tersebut dibuat menggunakan Google Apps Script.

Dari tampilan antarmuka, aplikasi SIPPO tampak dirancang sebagai sebuah sistem layanan transaksi digital atau platform pembayaran / layanan masyarakat yang menyediakan beberapa kategori utama seperti:

• Isi Ulang
• Tagihan
• Layanan Pemerintah
• Transportasi
• Keuangan
• Hiburan
• Asuransi

Secara umum, aplikasi ini menunjukkan arah pengembangan menuju sistem PPOB (Payment Point Online Bank) atau aplikasi layanan pembayaran digital sederhana berbasis web. Dari sisi pembelajaran, proyek seperti ini sangat baik untuk siswa RPL (Rekayasa Perangkat Lunak) karena melibatkan beberapa komponen penting dalam pengembangan aplikasi, seperti:

• antarmuka pengguna (UI)
• input data
• validasi pengguna
• integrasi backend
• deployment aplikasi secara online

Artikel ini akan membahas insight dari screenshot tersebut secara mendalam, mulai dari fungsi sistem, analisis tampilan, pengalaman pengguna, potensi fitur, kelebihan, kekurangan, hingga rekomendasi pengembangan lebih lanjut.

1. Gambaran Umum Sistem SIPPO

Dari tampilan awal, sistem ini memperlihatkan sebuah dashboard utama yang sangat sederhana dan fokus pada satu fungsi inti, yaitu:

Verifikasi atau pengecekan nomor HP pengguna

Di bagian atas halaman terlihat terdapat:

• judul aplikasi: SIPPO
• kolom input bertuliskan No HP
• tombol Cek

Hal ini menunjukkan bahwa sebelum pengguna dapat mengakses fitur-fitur tertentu, sistem kemungkinan mengharuskan pengguna untuk:

• memasukkan nomor HP
• mengecek akun atau identitas pelanggan
• memvalidasi saldo atau data pengguna

Setelah itu, sistem menampilkan informasi:

Saldo: Rp 0

Artinya, aplikasi ini kemungkinan besar memiliki konsep akun pelanggan, di mana setiap pengguna dapat memiliki:

• saldo digital
• riwayat transaksi
• akses ke berbagai layanan pembayaran

Dari struktur ini, SIPPO terlihat seperti aplikasi yang berperan sebagai:

• platform pembayaran
• layanan transaksi digital
• atau dashboard layanan masyarakat / pelanggan

---

2. Insight dari Struktur Antarmuka (UI)

a. Tampilan Berbasis Dashboard

Aplikasi SIPPO menggunakan pola tampilan yang sangat umum dalam sistem digital modern, yaitu dashboard sederhana.

Ciri dashboard tersebut terlihat dari:

• header utama
• area saldo
• kumpulan menu layanan dalam bentuk kotak-kotak fitur

Pendekatan seperti ini sangat efektif karena pengguna bisa langsung memahami:

• di mana mereka harus memulai
• data penting apa yang ditampilkan
• layanan apa saja yang tersedia

Secara konsep, dashboard seperti ini cocok untuk:

• aplikasi pembayaran
• sistem top up
• portal pelanggan
• mini marketplace layanan digital

---

b. Fokus pada Nomor HP sebagai Identitas Pengguna

Penggunaan nomor HP sebagai input utama menunjukkan bahwa sistem ini kemungkinan menggunakan nomor telepon sebagai:

• identitas akun
• kunci pencarian data
• parameter transaksi
• media validasi pengguna

Ini adalah pendekatan yang cukup relevan dalam aplikasi layanan digital karena nomor HP:

• mudah diingat
• umum digunakan masyarakat
• sering menjadi identitas utama dalam sistem transaksi

Dalam banyak aplikasi digital seperti dompet elektronik, PPOB, atau sistem pelanggan, nomor HP memang sering dijadikan primary identifier.

Insight penting:

Penggunaan nomor HP membuat sistem ini terasa lebih praktis, namun di sisi lain juga memerlukan perhatian lebih terhadap:

• validasi input
• keamanan data
• pencegahan akses tidak sah

---

3. Analisis Elemen Visual pada Tampilan

a. Warna Dominan Biru

Warna utama yang digunakan adalah biru cerah / cyan, terutama pada bagian header.

Makna visual warna biru

Dalam desain antarmuka, warna biru sering diasosiasikan dengan:

• kepercayaan
• profesionalitas
• kestabilan
• teknologi
• layanan digital

Pemilihan warna ini cukup tepat karena aplikasi yang berhubungan dengan:

• saldo
• transaksi
• pembayaran
• layanan masyarakat

memang sebaiknya menggunakan warna yang memberi kesan aman dan terpercaya.

Insight desain

Meskipun pemilihan warna sudah cukup relevan, tampilannya masih terlihat sangat dasar dan bisa ditingkatkan menjadi lebih modern dengan:

• gradasi warna
• ikon
• tipografi yang lebih kuat
• spacing yang lebih rapi

---

b. Layout Menu dalam Bentuk Kartu

Fitur-fitur seperti:

• Isi Ulang
• Tagihan
• Layanan Pemerintah
• Transportasi
• Keuangan
• Hiburan
• Asuransi

ditampilkan dalam bentuk kotak menu horizontal yang tersusun rapi.

Kelebihan layout ini

• mudah dibaca
• mudah diklik
• cocok untuk berbagai ukuran layar
• terstruktur dengan baik

Ini menunjukkan bahwa pengembang sudah memahami konsep dasar navigasi berbasis kategori, yang sangat penting dalam aplikasi layanan multi-fungsi.

Insight UX

Dengan menu seperti ini, pengguna langsung bisa memahami bahwa SIPPO bukan hanya satu layanan, tetapi sebuah portal layanan digital dengan banyak kategori.

---

4. Interpretasi Fungsi Tiap Menu

Dari screenshot, meskipun belum terlihat isi dari masing-masing menu, kita bisa melakukan analisis fungsional terhadap fitur yang tersedia.

---

a. Isi Ulang

Menu Isi Ulang kemungkinan ditujukan untuk layanan seperti:

• top up pulsa
• top up kuota internet
• top up e-wallet
• isi ulang token listrik
• isi saldo akun

Insight

Fitur ini biasanya menjadi salah satu layanan yang paling sering digunakan dalam aplikasi transaksi digital karena kebutuhan isi ulang sangat tinggi di masyarakat.

---

b. Tagihan

Menu Tagihan kemungkinan mencakup pembayaran seperti:

• listrik pascabayar
• air
• internet
• BPJS
• cicilan
• telepon

Insight

Keberadaan fitur ini menunjukkan bahwa SIPPO berpotensi dikembangkan menjadi aplikasi yang mendukung manajemen kebutuhan rumah tangga digital.

---

c. Layanan Pemerintah

Ini adalah fitur yang cukup menarik karena menunjukkan adanya arah pengembangan ke sektor layanan publik.

Kemungkinan layanan di dalamnya bisa berupa:

• pembayaran pajak
• PBB
• administrasi daerah
• e-samsat
• retribusi

Insight

Jika fitur ini benar-benar aktif, maka SIPPO tidak hanya berfungsi sebagai aplikasi transaksi biasa, tetapi juga memiliki potensi sebagai jembatan layanan digital masyarakat.

---

d. Transportasi

Kategori ini dapat mencakup:

• pembelian tiket
• top up kartu transportasi
• pembayaran tol
• pemesanan layanan perjalanan

Insight

Fitur ini memperlihatkan bahwa sistem dirancang dengan orientasi yang cukup luas, tidak hanya untuk pembayaran kebutuhan rumah tangga, tetapi juga mobilitas pengguna.

---

e. Keuangan

Menu Keuangan bisa menjadi salah satu kategori paling besar dan fleksibel.

Kemungkinan fitur:

• transfer saldo
• mutasi
• pinjaman
• cicilan
• simpanan
• pembayaran finansial lainnya

Insight

Menu ini menunjukkan bahwa SIPPO dapat berkembang menjadi platform semi-fintech sederhana jika backend dan sistem keamanan diperkuat.

---

f. Hiburan

Kategori ini menunjukkan adanya layanan non-esensial namun populer, misalnya:

• voucher game
• langganan streaming
• tiket hiburan
• pembelian digital entertainment

Insight

Keberadaan fitur hiburan membuat aplikasi terasa lebih “komersial” dan modern, karena mengikuti pola layanan digital yang umum digunakan generasi muda.

---

g. Asuransi

Kategori Asuransi menunjukkan bahwa sistem ini ingin menjangkau layanan yang lebih serius dan formal.

Kemungkinan isi layanan:

• pembayaran premi
• cek status asuransi
• layanan kesehatan atau perlindungan

Insight

Fitur ini menunjukkan bahwa rancangan SIPPO memiliki visi yang cukup besar dan tidak hanya berhenti pada fungsi transaksi dasar.

---

5. Analisis User Experience (UX)

a. Pengalaman Pengguna Sangat Sederhana

Dari tampilan, alur penggunaan sistem kemungkinan seperti ini:

1. Pengguna membuka aplikasi
2. Memasukkan nomor HP
3. Menekan tombol Cek
4. Sistem menampilkan data akun / saldo
5. Pengguna memilih layanan

Alur ini sangat mudah dipahami, bahkan oleh pengguna yang tidak terlalu paham teknologi.

Insight UX

Kesederhanaan ini adalah nilai plus karena:

• mengurangi kebingungan
• mempercepat penggunaan
• cocok untuk aplikasi layanan masyarakat

Namun, kesederhanaan ini juga masih bisa ditingkatkan agar terlihat lebih:

• interaktif
• modern
• nyaman digunakan

---

b. Belum Ada Penekanan Visual pada Elemen Penting

Beberapa elemen seperti:

• kolom input
• tombol cek
• saldo
• kategori layanan

masih terlihat flat dan kurang memiliki hirarki visual yang kuat.

Dampaknya

Pengguna mungkin tidak langsung fokus ke:

• area utama input
• informasi saldo
• tombol aksi utama

Insight

Dari sisi UI/UX, sistem ini sudah fungsional, tetapi belum maksimal dalam menciptakan pengalaman visual yang kuat.

---

6. Analisis Teknis: Indikasi Arsitektur Sistem

Karena aplikasi ini berjalan di:

script.google.com/macros/.../exec

maka ada indikasi kuat bahwa backend sistem menggunakan Google Apps Script Web App.

Artinya, kemungkinan besar arsitekturnya seperti ini:

Frontend

• HTML
• CSS
• JavaScript sederhana

Backend

• Google Apps Script (doGet() / doPost())

Database

• Google Sheets (kemungkinan besar)

---

Kemungkinan alur teknis

Saat user memasukkan nomor HP dan menekan tombol Cek, kemungkinan prosesnya seperti ini:

1. Nomor HP dikirim ke backend
2. Backend memeriksa data pengguna
3. Data saldo dicari dari spreadsheet / data source
4. Hasil ditampilkan ke halaman

Insight teknis

Ini menunjukkan bahwa aplikasi SIPPO berpotensi menjadi proyek pembelajaran yang sangat baik karena menggabungkan:

• input form
• validasi data
• pengambilan data
• tampilan hasil
• kategori layanan

Bagi siswa RPL, ini sudah masuk kategori proyek aplikasi web dinamis sederhana.

---

7. Kelebihan Aplikasi SIPPO Berdasarkan Tampilan

Berikut beberapa poin kelebihan yang dapat disimpulkan dari screenshot:

1. Struktur aplikasi sudah jelas

Pengguna langsung memahami bahwa ini adalah aplikasi layanan digital.

2. Menu layanan cukup lengkap

Kategori yang ditampilkan menunjukkan cakupan layanan yang luas.

3. Antarmuka tidak membingungkan

Layout sederhana membuat aplikasi mudah digunakan.

4. Cocok untuk pengembangan bertahap

Tampilan seperti ini sangat cocok dijadikan MVP (Minimum Viable Product) atau versi awal aplikasi.

5. Mudah dikembangkan untuk tugas sekolah

Sangat relevan untuk dijadikan:

• proyek UAS
• proyek PKL
• portofolio jurusan RPL
• bahan presentasi

---

8. Kekurangan dan Area yang Masih Bisa Ditingkatkan

Walaupun tampilannya sudah memiliki struktur dasar yang baik, masih ada beberapa aspek yang dapat diperbaiki.

a. Desain masih terlalu polos

Belum ada:

• ikon
• ilustrasi
• animasi ringan
• penegasan visual

b. Belum terlihat status akun pengguna

Saat ini hanya ada:

Saldo: Rp 0

Akan lebih baik jika ada:

• nama pengguna
• status akun
• nomor pelanggan
• histori singkat

c. Tombol dan input masih terlalu kecil

Kolom input nomor HP dan tombol cek terlihat cukup kecil untuk standar UI modern.

d. Belum terlihat feedback interaktif

Belum tampak adanya:

• loading
• notifikasi sukses
• pesan error
• validasi langsung

e. Responsivitas mobile belum bisa dipastikan

Karena screenshot berasal dari desktop, belum bisa dipastikan apakah tampilan ini sudah mobile-friendly.

---

9. Rekomendasi Pengembangan UI/UX

Agar SIPPO terlihat lebih profesional dan modern, berikut beberapa saran pengembangan:

a. Tambahkan ikon pada setiap kategori

Contoh:

• Isi Ulang
• Tagihan
• Layanan Pemerintah
• Transportasi
• Keuangan
• Hiburan
• Asuransi

Ini akan membuat menu lebih cepat dikenali.

---

b. Perbesar area input dan tombol

Kolom nomor HP sebaiknya dibuat:

• lebih panjang
• lebih modern
• dengan placeholder jelas

Contoh:

Masukkan nomor HP Anda

---

c. Buat kartu saldo lebih menonjol

Saldo seharusnya menjadi salah satu elemen paling penting.

Bisa dibuat seperti:

• kartu dengan ikon dompet
• angka lebih besar
• warna kontras
• tombol “Top Up”

---

d. Tambahkan ucapan selamat datang

Misalnya:

Selamat datang di SIPPO
Solusi layanan pembayaran digital Anda

Ini akan membuat halaman terasa lebih hidup.

---

e. Tambahkan navigasi atau footer

Footer bisa berisi:

• kontak admin
• bantuan
• syarat layanan
• versi aplikasi

---

10. Potensi Pengembangan Fitur Lanjutan

Jika proyek ini ingin ditingkatkan menjadi aplikasi yang lebih lengkap, maka SIPPO dapat dikembangkan dengan fitur-fitur berikut:

1. Login dan autentikasi pengguna

Agar tiap nomor HP terhubung dengan akun tertentu.

2. Riwayat transaksi

Menampilkan semua aktivitas pengguna.

3. Top up saldo

Agar pengguna bisa menambah saldo secara mandiri.

4. Dashboard admin

Untuk mengelola data pengguna dan transaksi.

5. Integrasi QR Code

Untuk pembayaran atau absensi digital.

6. Integrasi Telegram / WhatsApp

Untuk notifikasi transaksi.

7. Integrasi Looker Studio

Untuk menampilkan visualisasi data transaksi.

Insight

Jika semua ini diterapkan, maka SIPPO bisa berkembang dari sekadar web app sederhana menjadi sistem layanan digital yang sangat layak dipresentasikan sebagai proyek akhir.

---

11. Insight Akademik dan Nilai Proyek untuk Anak RPL

Dari sudut pandang pendidikan, proyek seperti SIPPO sangat bagus karena melatih banyak kompetensi inti dalam jurusan Rekayasa Perangkat Lunak, seperti:

• analisis kebutuhan sistem
• desain UI/UX
• pembuatan form input
• pemrograman web dasar
• pengolahan data
• integrasi backend
• deployment cloud
• pengujian aplikasi

Nilai plus untuk presentasi

Kalau proyek ini dipresentasikan di kelas atau saat PKL, kamu bisa menonjolkan bahwa aplikasi ini:

• berjalan online
• punya struktur sistem nyata
• berbasis web app
• mendukung konsep transaksi digital
• punya potensi pengembangan besar

Ini jauh lebih menarik daripada sekadar program CRUD biasa tanpa konteks penggunaan nyata.

---

12. Kesimpulan

Berdasarkan screenshot yang dianalisis, aplikasi SIPPO merupakan sebuah web app layanan digital yang dibangun dengan pendekatan sederhana namun cukup jelas secara fungsi. Sistem ini tampaknya dirancang untuk menyediakan berbagai kategori layanan transaksi seperti isi ulang, tagihan, layanan pemerintah, transportasi, keuangan, hiburan, dan asuransi.

Dari sisi antarmuka, SIPPO sudah menunjukkan struktur dasar yang baik, yaitu:

• area identifikasi pengguna
• informasi saldo
• menu layanan utama

Hal ini menandakan bahwa pengembang telah memahami konsep penting dalam pembuatan aplikasi digital berbasis layanan.

Meskipun tampilannya masih sederhana dan belum sepenuhnya modern, justru di situlah letak nilai pembelajarannya. Aplikasi seperti ini sangat cocok dijadikan:

• proyek sekolah
• tugas akhir
• portofolio RPL
• dasar pengembangan aplikasi digital yang lebih besar

Dengan peningkatan pada sisi:

• desain visual
• pengalaman pengguna
• validasi data
• keamanan sistem
• fitur lanjutan

SIPPO memiliki potensi untuk berkembang menjadi aplikasi yang jauh lebih profesional dan relevan dengan kebutuhan dunia digital saat ini.