Langkah Dasar Pelatihan Prakerin Sisfo Unjani

Langkah Dasar Pelatihan Prakerin Sisfo Unjani

Tema: Digital Office & Web Development

Fase 1: Dasar Administrasi Digital

Membekali siswa dengan keterampilan dasar pengelolaan dokumen dan surat secara digital.

1. Otomatisasi Excel dengan VBA

Membuat aplikasi sederhana: absensi, nilai, surat otomatis
Gunakan form dan tombol makro

2. Pelayanan Surat-Menyurat

Pahami alur surat masuk & keluar
Bandingkan pencatatan manual vs digital

3. Pembuatan Dokumen Resmi & Tidak Resmi

Format surat dinas, undangan, pemberitahuan
Gunakan template untuk efisiensi

4. Distribusi & Tracking Surat

Simulasi disposisi manual dan digital
Gunakan spreadsheet untuk pelacakan

Fase 2: Web Development & Sistem Informasi

Mengajarkan siswa membangun sistem informasi berbasis web.

5. Struktur Proyek Web

Susun folder HTML, CSS, JS, gambar
Terapkan penamaan file yang rapi

6. Gunakan Template Website

Pilih template gratis (Bootstrap/AdminLTE)
Ubah konten dan desain sesuai kebutuhan

7. Modifikasi Template Orang Lain

Pelajari etika penggunaan
Lakukan reverse engineering HTML/CSS

8. Formulir Pendaftaran Online

Buat form HTML dasar
Validasi input dengan JavaScript
Simpan data ke spreadsheet/database

9. Integrasi dengan Google Sheets

Dasar Google Apps Script
Simpan data form ke Google Sheets

10. Sistem Informasi Surat Digital

CRUD surat masuk/keluar
Login sederhana & dashboard status

Fase 3: Aplikasi Lanjutan & Deployment

Mendorong siswa membangun aplikasi nyata dan mempublikasikannya.

11. Proyek Aplikasi Mandiri (Ide Siswa)

Contoh: absensi, inventaris, peminjaman barang

12. Virtual Tour Interaktif

Gunakan Marzipano
Upload foto 360° dan buat navigasi

13. Domain & Hosting via GitHub

Buat akun GitHub & repository
Pelajari GitHub Pages

14. Upload Website ke GitHub

Struktur repo
Commit & push via GitHub web/VS Code

15. CRUD Otomatis dengan PHPRad

Generate aplikasi dari database
Ubah tampilan & fungsi

16. Studi Kasus Aplikasi PHPRad

Contoh: sistem surat, absensi
Export ke hosting lokal

17. Website Lokal dengan PHP Designer

Pengenalan PHP Designer (atau XAMPP + VS Code)
Alternatif untuk pengembangan lokal

‹ › ×