PRAKERINSMK DKV
ADMIN (Kaprodi DKV)

Beranda Admin

Monitoring Pelaksanaan PRAKERIN · DKV

Pilih periode
Rentang tanggal

Notifikasi
6 anomali memerlukan peninjauanCatatan presensi dan laporan simulasi.
14 laporan belum masukRingkasan simulasi hari ini.
Admin
Selamat datang, Kepala Jurusan DKV!

Pantau kehadiran, laporan harian, dan tindak lanjut anomali pelaksanaan PRAKERIN di sini.

PROTOTIPE · DATA SIMULASI, BUKAN DATA SEKOLAH
Total Siswa PRAKERIN
96siswa
Check-in Hari Ini
88siswa91,7%
Laporan Masuk Hari Ini
82laporan85,4%

Tren Kehadiran 7 Hari Terakhir

Persentase Kehadiran

Kelengkapan Laporan Harian (7 Hari Terakhir)

93,2%Lengkap
Laporan Lengkap
626 laporan (93,2%)
Laporan Belum Masuk
46 laporan (6,8%)
Ringkasan Hari Ini (9 Nov 2026)
88Check-in
3Belum Check-in
5Belum Terjadwal
82Laporan Masuk
14Belum Lapor
Informasi Cepat

Batas pengiriman laporan harian belum diputuskan.

Anomali menandai data yang perlu ditinjau, bukan otomatis pelanggaran.

Perlu Tindakan (Presensi & Laporan)

NoTanggalSiswaKelasDU/DIJenis AnomaliDetailStatusAksi

Halaman belum dikerjakan

Menu navigasi tetap disediakan untuk evaluasi struktur. Konten halaman ini sengaja dikosongkan sesuai kesepakatan: selesaikan Beranda terlebih dahulu.

Data Master / Siswa

Data Master Siswa

Kelola identitas peserta PRAKERIN dan bank data pendukung UKK.

PROTOTIPE · DATA SIMULASI

NIS unik · Data kurang lengkap tetap bisa disimpan

FotoNISNISNNama SiswaKelasJurusanJenis KelaminStatus PesertaKelengkapanAksi
Data siswa tidak ditemukan

Ubah pencarian atau filter untuk melihat data lainnya.

Menampilkan 0 siswa
1 / 1

Data Master / / Detail Siswa

Detail Siswa

Identitas, informasi kontak, dan dokumen peserta.

♙ Identitas Siswa

♧ Informasi Kontak

Khusus admin · Kontak tidak ditampilkan ke publik.

▤ Dokumen Siswa

Akun Portal Peserta

Aktivasi dan reset password awal, khusus prototipe browser ini.

Belum Aktif

Pilih siswa untuk melihat status akun.

Password baru tidak disimpan di Data Master maupun ekspor Excel. Siswa wajib menggantinya saat login pertama. Reset menghasilkan password sementara baru.

Administrasi / Konfigurasi

Konfigurasi

Identitas portal, kebijakan operasional, dan kesiapan integrasi.

PROTOTIPE · PENGATURAN LOKAL

Mode demo: perubahan identitas di halaman ini hanya tersimpan pada browser ini. Tidak mengubah nama di header atau data master yang sudah dikunci, dan belum mengatur layanan Supabase atau Google Drive.

Identitas Portal

Metadata administratif untuk persiapan integrasi berikutnya.

Bisa diedit

Tahun ajaran menggunakan pola YYYY/YYYY. Email tidak digunakan untuk login ataupun menyambungkan Google Drive.

Ringkasan Konfigurasi

Nilai terakhir yang disimpan pada perangkat ini.

Browser lokal

Data ini belum terhubung dengan akun admin di server. Jangan menyimpan kata sandi atau token integrasi di sini.

Presensi & Lokasi Kerja

Aturan yang sudah disepakati. Pengaturannya tetap melekat pada DU/DI.

Aturan terkunci
Radius lokasi · acuan awal 100 m

Radius diatur terpisah untuk tiap lokasi kerja. Di luar radius tetap dicatat sebagai anomali yang perlu diperiksa, bukan ditolak otomatis.

Toleransi keterlambatan · acuan awal 10 menit

Nilai pada shift lokasi dapat berbeda. Penjadwalan mendadak ditangani melalui Jadwal Khusus dan tinjauan admin.

Shift & cabang

Satu DU/DI dapat memiliki beberapa lokasi, masing-masing dengan jadwalnya sendiri. Tidak ada perubahan penempatan hanya karena berpindah cabang.

Laporan, Publikasi & Privasi

Ringkasan kebijakan tanpa menambah field atau status baru.

Aturan terkunci
Pengiriman laporan

Maksimal satu laporan per peserta per tanggal kegiatan. Saat check-out, deskripsi dan 1–2 foto wajib dilengkapi.

Revisi & publikasi

Laporan terkunci setelah dikirim; revisi memerlukan persetujuan admin. Laporan beranomali tetap boleh tayang dengan label yang aman.

Pembatasan data publik

Koordinat mentah, kontak pribadi, dan informasi internal tidak tampil di galeri publik. Kebijakan izin publikasi peserta harus dipastikan sebelum rilis.

Kesiapan Sistem

Status prototipe saat ini, bukan hasil pemeriksaan layanan eksternal.

Belum produksi
Supabase · DatabaseBelum Terhubung

Data master dan monitoring saat ini masih demo/penyimpanan browser.

Google Drive · DokumentasiBelum Terhubung

Upload foto ke Drive, izin akses, dan penyajian gambar belum diaktifkan.

Autentikasi · Admin & PesertaBelum Terhubung

Login, sesi aman, dan kontrol akses server masih perlu implementasi dan pengujian.

PRAKERIN / Evaluasi & Rekap

Evaluasi & Rekap

Ringkasan faktual presensi, laporan harian, dan tindak lanjut anomali per penempatan.

PROTOTIPE · DATA SIMULASI
Periode terpilihHari tercatat ≠ hari kerja terjadwal. Belum ada penilaian kerja atau alfa otomatis.
NISNama PesertaDU/DIGuru PembimbingHariMasukPulangLaporanPeninjauanAksi
Tidak ada penempatan sesuai filter.Periksa periode, pencarian, atau pilihan filter.
0 penempatan
1 / 1

Detail Evaluasi & Rekap

Rekap ini hanya menghitung kejadian yang tercatat pada simulasi. Belum check-in bukan otomatis alfa. Anomali wajib diperiksa admin dan bukan nilai kedisiplinan.

TanggalMasukPulangLaporanAnomaliPeninjauanAksi
Belum ada catatan harian.Data belum tersedia untuk rentang periode yang dipilih.

Monitoring / Laporan

Monitoring Laporan

Pantau laporan harian, dokumentasi, pengajuan revisi, dan status publikasi.

PROTOTIPE · DATA SIMULASI
Periode laporanFoto dari transaksi peserta bisa diperiksa; data seed tanpa berkas ditandai secara terpisah.
TanggalPesertaDU/DIRingkasan KegiatanFotoStatusPublikasiRevisiAksi
Belum ada laporan sesuai filter.Ubah pencarian, periode, atau filter untuk menampilkan data lain.
0 laporan
1 / 1

Detail Laporan

Peserta & Penempatan

Informasi Laporan

Deskripsi Kegiatan

Pengajuan & Riwayat Revisi

Publikasi Galeri

Monitoring / Presensi

Monitoring Presensi

Pantau check-in/out, kecocokan lokasi kerja, dan anomali yang perlu ditinjau.

PROTOTIPE · DATA SIMULASI
Periode: 7 hari terakhirKlik Aksi → View pada baris bertanda “foto contoh · demo” untuk melihat thumbnail dan memperbesar foto. Tanpa upload.
TanggalPesertaDU/DIMasukPulangPresensiAnomali / VerifikasiAksi
Tidak ada data sesuai filter.Ubah periode atau filter untuk melihat data lain.
0 data
1 / 1

Detail Presensi

Dokumentasi Kegiatan · Bukti Check-out

Memeriksa bukti...

Foto dari transaksi check-out peserta yang tersimpan pada browser demo. Klik thumbnail untuk zoom; foto ilustrasi dan angka seed bukan bukti unggah.

Check-in · Data Waktu dan GPS

Check-out · Data Waktu dan GPS

Jadwal dan Ringkasan Kegiatan

Anomali dan Riwayat Peninjauan

Uji Bukti Foto · Mode Demo

Tanggal simulasi 10-11-2026 · Membuat satu transaksi Peserta dalam store bersama.

Pilih 1–2 foto aktual dari perangkat. Sistem memakai kompresi dan validasi yang sama dengan Portal Peserta, lalu membuka Aksi → View untuk catatan tersebut. Ini bukan unggahan Google Drive dan tidak memodifikasi data seed lama.

Foto diproses dan disimpan hanya di browser ini. Pengiriman ulang pada tanggal sama tidak diperbolehkan.

Foto Dokumentasi
Foto dokumentasi diperbesar
Berkas simulasi browser, bukan Google Drive.

PRAKERIN / Penempatan

Penempatan

Hubungkan peserta, guru pembimbing, dan DU/DI sesuai periode pelaksanaan.

PROTOTIPE · DATA SIMULASI
NISNama PesertaDU/DIGuru PembimbingPeriodeStatusAksi
Belum ada penempatan sesuai filter.

Tambahkan penempatan manual, massal, atau melalui impor Excel.

0 data
1 / 1

Tambah Penempatan

Pilih dari data master yang sudah tersimpan.

Satu peserta tidak boleh memiliki penempatan dengan periode yang bertumpang tindih. Cabang dan shift dikelola di DU/DI, bukan di sini.

Penempatan Massal

Atur guru, DU/DI, dan tanggal sekali. Tanggal tertentu bisa diubah per peserta.

0 dipilih

Impor Penempatan Excel

NIS, Kode DUDI, dan Kode Guru harus sudah terdaftar di Data Master.

Format tanggal: YYYY-MM-DD. Tanggal kosong per baris memakai tanggal default di atas. Baris tidak valid atau berkonflik ditolak tanpa mengganti data lama.

Detail & Riwayat Penempatan

Jejak Penempatan

Data Master / DU/DI

Data Master DU/DI

Kelola identitas industri, lokasi kerja, dan kesiapan presensi.

PROTOTIPE · DATA SIMULASI
Kode DUDINama DU/DIAlamat DU/DILokasiStatusKelengkapanKesiapanAksi
Data DU/DI tidak ditemukan.

Periksa pencarian atau filter.

1 / 1

Data Master / / Detail DU/DI

Detail DU/DI

Identitas industri, kontak pembimbing, lokasi kerja, dan shift.

Lokasi Kerja & Konfigurasi Shift

Impor Data DU/DI

Satu baris untuk satu perusahaan. Lokasi dan shift diatur di Detail DU/DI.

Konfirmasi Tindakan

Data Master / Guru Pembimbing

Data Master Guru Pembimbing

Kelola identitas dan informasi guru pembimbing PRAKERIN.

PROTOTIPE · DATA SIMULASI
FotoKode GuruNama GuruNIPNUPTKStatusKelengkapanAksi
Data guru tidak ditemukan

Ubah pencarian atau filter untuk melihat data lainnya.

Menampilkan 0 guru
1 / 1

Data Master / / Detail Guru

Detail Guru Pembimbing

Identitas dan informasi kontak guru pembimbing.

♙ Identitas Guru

♧ Informasi Kontak

Tambah Guru

Hanya Kode Guru yang wajib untuk menyimpan. Data lain yang belum lengkap akan ditandai.

Identitas Guru

Informasi Kontak

Foto Profil

Impor Guru Pembimbing

Unggah .xlsx atau .csv. Kode Guru duplikat tidak menimpa data lama.

Konfirmasi Tindakan

Tambah Siswa

Hanya NIS yang wajib untuk menyimpan. Data lain yang belum lengkap akan ditandai.

Identitas Siswa

Informasi Kontak

Foto & Dokumen

Catatan: pada prototipe ini berkas tersimpan di penyimpanan browser, bukan Google Drive.

Pratinjau Kartu Pelajar

⇩ Unduh Dokumen

Impor Data Siswa

Upload berkas .xlsx atau .csv. Duplikat NIS tidak menimpa data.

Gunakan template agar kolom sesuai; hanya NIS yang wajib agar baris dapat diproses.

Konfirmasi Tindakan

Data simulasi. Peninjauan hanya memengaruhi tampilan demo.

P
PRAKERINPortal Peserta

MENU PESERTA

MODE REVIEW FRONTEND
Data identitas, penempatan, presensi, dan laporan seluruhnya simulasi.

PORTAL PESERTA / MVP 1

Beranda

Ringkasan aktivitas PRAKERIN harian

DATA SIMULASI
KONTROL REVIEW TAMPILAN
Ganti kondisi untuk memeriksa setiap state UI, tanpa mengubah data admin.
RIWAYAT & LAPORAN

Detail Laporan

Laporan yang dipilih dari riwayat

REVISI LAPORAN TERKUNCI

Ajukan Revisi Laporan

Form ini hanya mengirim usulan perubahan. Laporan asli tetap terkunci dan tidak berubah sebelum ada persetujuan admin. Tidak ada perubahan GPS atau waktu presensi.

Dokumentasi foto (1–2 foto)

Pertahankan foto sebelumnya atau pilih penggantinya. Foto baru hanya disimulasikan untuk review UI, tidak diunggah ke Drive.

Foto DokumentasiPeriksa foto dalam ukuran besar
Foto dokumentasi diperbesar
Foto 1 dari 2Pratinjau · bukan bukti unggah Google Drive
▦Portal PRAKERINInformasi & Aktivitas Peserta
PORTAL PRAKTIK KERJA INDUSTRI

Aktivitas terpantau.
Progres terlihat.

Pantau presensi, aktivitas harian, dan dokumentasi peserta PRAKERIN dalam satu halaman. Semua informasi tersaji jelas dan mudah dijelajahi.

01 Presensi tercatat✓
02 Aktivitas harian✓
03 Dokumentasi▣
VIDEO PROFIL · SLOT DEMO
Kenali PRAKERINVideo pengantar program · Menunggu berkas resmi

PRATINJAU UX · Data dan dokumentasi yang terlihat adalah simulasi; penyajian publik produksi memerlukan izin sekolah.

Pilih rentang tanggal

Aktivitas Peserta

Periode 7 hari terakhir

Data simulasi · pembaruan lokal
PesertaDU/DIGuru PembimbingTanggal KegiatanPresensiDeskripsi KegiatanDokumentasi
Belum ada aktivitas tercatat.Ubah periode atau kata kunci untuk menampilkan catatan lain. Kondisi ini bukan otomatis berarti alfa.
Memuat data...
1 / 1
INFORMASI PROGRAM

Tentang PRAKERIN

Kemitraan, jadwal kerja, penempatan, dan pembimbingan peserta dalam satu rangkaian kegiatan.

01 / MITRA INDUSTRI

Mitra DU/DI

Jejaring dunia usaha dan dunia industri tempat peserta menjalankan PRAKERIN.

02 / JADWAL OPERASIONAL

Jadwal Kerja & Shift

Template jadwal kerja per mitra dan lokasi, sesuai data yang dikonfigurasi Admin. Bukan jadwal individu peserta.

03 / PESERTA & PENEMPATAN

Penempatan PRAKERIN

Peserta dikelompokkan berdasarkan mitra penempatan, bukan berdasarkan urutan data admin.

04 / PENDAMPINGAN

Guru Pembimbing

Pendampingan siswa oleh guru sekolah, dengan daftar peserta yang dibimbing.

DATA DEMO · Daftar di atas diturunkan dari data master dan penempatan browser ini. Tidak ada nomor pribadi, GPS presensi, atau catatan internal.

KENALI BIDANG KEAHLIAN

Belajar, berkarya, dan siap terjun ke industri.

Halaman ini memaparkan bidang keahlian secara editorial. Data resmi program dan profil Kepala Jurusan belum disediakan, sehingga konten identitas tidak dikarang.

01 / PROGRAM TERDETEKSI PADA DEMO

Desain Komunikasi Visual

Visual komunikasi, desain grafis, konten digital, dan proses kreatif yang berkaitan dengan dunia kerja.

Desain GrafisBrandingMedia Digital
02 / PROFIL KEPEMIMPINAN

Kepala Jurusan

◯
Profil resmi belum diisi

Slot foto, nama, jabatan, pengantar singkat, dan kontak jabatan (jika disetujui).

Teks kompetensi di atas merupakan contoh konten UX, bukan klaim tentang kurikulum spesifik sekolah.

AKSES TERBATAS · PRAKERIN

Selamat datang kembali.

Satu akses untuk presensi peserta dan pengelolaan PRAKERIN. Masuk menggunakan email dan password. Dashboard dipilih otomatis dari akun yang terdaftar.

01Masukkan email dan password
02Lanjut ke dashboard
03Kelola aktivitas
LOGIN PORTAL

Masuk ke akun

Akses demo menggunakan email dan kata sandi pengujian.

MODE SIMULASI · KHUSUS PREVIEW

Langsung masuk tanpa email atau password untuk meninjau dashboard. Pintasan ini bukan autentikasi dan wajib dihapus pada deployment produksi.

AKUN UJI · KHUSUS DEMOPeserta: peserta@gmail.com atau siswa@gmail.com · sandi pesertaAdmin: admin@gmail.com · sandi admin
Login Peserta dan Admin menggunakan formulir yang sama.
SIMULASI FRONTEND · Akun demo hanya berlaku di browser ini. Jangan gunakan kata sandi sungguhan. Login produksi memerlukan Supabase Auth dan otorisasi server.

Ganti password awal

Demi keamanan, ganti password sementara sebelum mengakses dashboard.

Portal PRAKERIN

Informasi kemitraan, pembimbingan, dan aktivitas Praktik Kerja Industri.

© 2026 · Prototipe frontend, bukan situs produksi
Navigasi
Informasi & Kontak

Alamat sekolah dan nomor WhatsApp resmi belum dikonfigurasi.

Deskripsi lengkap

Foto dokumentasi
Foto dokumentasi diperbesar

Informasi demo