KopdesAcademy — UI Mockup Library

Mockup Design Portal

Direktori lengkap semua mockup UI — web dan mobile — untuk platform Learning Management System Offline-First Koperasi Desa.

Peserta Instruktur Admin Publik Mobile

Landing Page

1 halaman publik

Halaman marketing publik KopdesAcademy — hero, fitur, dan CTA

Publik landing.html

Web Mockups

36 halaman — Peserta, Instruktur, Admin, Publik

Portal Peserta 15 halaman

Masuk akun peserta SPPI dan operator

Peserta peserta/login

Registrasi akun peserta baru

Peserta peserta/register

Beranda Peserta

Dashboard kursus aktif dan progres

Peserta peserta/beranda

Daftar Learning Path

Semua jalur belajar tersedia

Peserta peserta/kursus

Detail Learning Path

Kurikulum dan modul jalur belajar

Peserta peserta/kursus/detail

Isi modul dan jadwal kursus

Peserta peserta/kursus/course

Baca materi teks offline

Peserta peserta/modul/text

Tonton video dengan mode offline

Peserta peserta/modul/video

Ujian pengetahuan per modul

Peserta peserta/quiz

Nilai dan pembahasan kuis

Peserta peserta/quiz/hasil

Rekap progres belajar semua kursus

Peserta peserta/progres

Daftar Sertifikat

Sertifikat kelulusan yang diterima

Peserta peserta/sertifikat

Detail Sertifikat

Sertifikat dengan QR verifikasi

Peserta peserta/sertifikat/detail

Biodata dan pengaturan akun

Peserta peserta/profil

Kelola Penyimpanan

Atur konten offline tersimpan

Peserta peserta/profil/storage

Portal Instruktur 8 halaman

Dashboard Instruktur

Ringkasan kelas dan peserta aktif

Instruktur instruktur/dashboard

Daftar kursus yang diajarkan

Instruktur instruktur/kursus

Monitor progres semua peserta

Instruktur instruktur/peserta

Profil dan riwayat belajar peserta

Instruktur instruktur/peserta/detail

Daftar dan nilai kuis peserta

Instruktur instruktur/quiz

Form pembuatan soal kuis

Instruktur instruktur/quiz/buat

Laporan Instruktur

Statistik kelulusan dan engagement

Instruktur instruktur/laporan

Profil Instruktur

Biodata dan portofolio instruktur

Instruktur instruktur/profil

Portal Admin 11 halaman

Dashboard Admin

Statistik platform dan aktivitas

Admin admin/dashboard

Manajemen semua akun pengguna

Admin admin/users

Profil dan riwayat aktivitas user

Admin admin/users/detail

Upload massal data peserta CSV

Admin admin/users/import

Manajemen Kurikulum

Struktur learning path dan kursus

Admin admin/kurikulum

Konten teks, video, dan materi

Admin admin/kurikulum/modul

Manajemen Batch

Gelombang pelatihan dan jadwal

Admin admin/batch

Sertifikat Admin

Semua sertifikat yang diterbitkan

Admin admin/sertifikat

Verifikasi Sertifikat

Validasi keaslian sertifikat QR

Admin admin/sertifikat/verifikasi

Riwayat aktivitas dan perubahan sistem

Admin admin/audit

Konfigurasi platform dan integrasi

Admin admin/settings

Portal Publik 2 halaman

Halaman marketing publik KopdesAcademy

Publik public/index

Verifikasi Sertifikat Publik

Cek keaslian sertifikat via QR

Publik public/verify

Mobile Mockups

13 halaman — PWA Offline-First untuk Peserta

Onboarding & Auth 4 halaman

Layar pembuka aplikasi

Mobile mobile/splash

Pengenalan fitur untuk pengguna baru

Mobile mobile/onboarding

Masuk ke akun peserta

Mobile mobile/login

Register Mobile

Daftar akun peserta dari HP

Mobile mobile/register

Belajar 5 halaman

Dashboard kursus dan progres

Mobile mobile/beranda

Daftar learning path tersedia

Mobile mobile/kursus

Detail Kursus Mobile

Modul dan konten kursus

Mobile mobile/kursus/detail

Modul Teks Mobile

Baca materi offline

Mobile mobile/modul/text

Video Player Mobile

Tonton video offline

Mobile mobile/modul/video

Kuis & Progress 2 halaman

Ujian pengetahuan dan hasil kuis

Mobile mobile/quiz

Progress Mobile

Rekap pencapaian belajar

Mobile mobile/progres

Sertifikat & Profil 2 halaman

Sertifikat Mobile

Sertifikat kelulusan

Mobile mobile/sertifikat

Akun dan pengaturan offline

Mobile mobile/profil