Verifikasi LSP SMK

LSP

Verifikasi LSP 2026

Login Petugas / Administrator

Username / NIP

Password

Versi 1.0.0 | Direktorat SMK

LSP SMK 2026

Dashboard Instrumen Evaluasi 🚀 Setup & Developer

👤

Target Evaluasi

12 SMK

Selesai Diverifikasi

4 SMK

Progres & Draf

8 SMK

Daftar Penugasan Sekolah (Simulasi)

NPSN	Nama SMK	Kabupaten/Kota	Status	Aksi
20606899	SMKN 3 Tangerang	Kota Tangerang	Proses
20102598	SMKN 57 Jakarta	Jakarta Selatan	Selesai (Hijau)

Identitas Evaluasi

Nama SMK

NPSN

Nama Petugas 1

Nama Kepala Sekolah

Total Capaian Sementara

Status Kesiapan

Dokumentasi & Finalisasi

Upload Foto Bukti Fisik (TUK, Kantor, dll)

🚀 Pusat Developer & Implementasi

Ikuti langkah-langkah di bawah ini untuk mengaktifkan sistem database dan backend dari aplikasi ini secara penuh. Anda tidak perlu keluar dari halaman ini untuk menyalin kodenya.

1 Setup Google Sheets (Database)

Buka Google Sheets yang Anda jadikan referensi. Buat sheet baru dengan nama jawaban_instrumen, dan buat Header di baris ke-1 sebagai berikut:

id_transaksi, npsn, tgl, petugas_1, petugas_2, total_skor, zonasi, q1_skor, q1_catatan, q2_skor, q2_catatan... (lanjutkan sampai q23_catatan), link_laporan

2 Deploy Backend (Google Apps Script)

1. Di Google Sheets, klik menu Ekstensi > Apps Script.
2. Hapus semua kode, lalu Copy-Paste kode Backend di bawah ini ke dalam file Code.gs.
3. Klik Terapkan (Deploy) > Deployment Baru. Pilih tipe Aplikasi Web. Akses: Siapa saja (Anyone).
4. Salin URL Web App yang dihasilkan.

// ========================================================================= // BACKEND GOOGLE APPS SCRIPT - LSP SMK 2026 // ========================================================================= const SPREADSHEET_ID = SpreadsheetApp.getActiveSpreadsheet().getId(); const TEMPLATE_DOC_ID = '1SyAT0tf4t2es0ZjKDaU1MjXWmy70vA-N5VqcjKhyHQQ'; // ID Template GDocs Anda const FOLDER_LAPORAN_ID = 'MASUKKAN_ID_FOLDER_DRIVE_DISINI'; // Fungsi wajib untuk menerima request HTTP POST (REST API) dari Frontend Blogger function doPost(e) { var output = ContentService.createTextOutput(); output.setMimeType(ContentService.MimeType.JSON); try { var payload = JSON.parse(e.postData.contents); var action = payload.action; if (action === "simpan_instrumen") { var result = simpanDataInstrumen(payload.data); return output.setContent(JSON.stringify({ status: 'success', data: result })); } return output.setContent(JSON.stringify({ status: 'error', message: 'Action not found' })); } catch(err) { return output.setContent(JSON.stringify({ status: 'error', message: err.toString() })); } } // Fungsi opsional untuk HTTP GET (Cek koneksi API) function doGet(e) { return ContentService.createTextOutput(JSON.stringify({status: "API Aktif", versi: "1.0"})) .setMimeType(ContentService.MimeType.JSON); } // Fungsi inti menyimpan data ke Sheets function simpanDataInstrumen(data) { var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('jawaban_instrumen'); var idTransaksi = "LSP-" + new Date().getTime(); // Siapkan Array sesuai urutan kolom. Sesuaikan dengan urutan kolom di Sheet Anda var rowData = [ idTransaksi, data.npsn, new Date(), data.petugas_1, data.petugas_2, data.total_skor, data.zonasi ]; // Looping dinamis memasukkan nilai Q1-Q23 for(var i=1; i<=23; i++){ var qData = data.answers.find(q => q.id === i); rowData.push(qData ? qData.skor : 0); rowData.push(qData ? qData.catatan : ""); } // Simpan baris ke Sheet sheet.appendRow(rowData); // Proses Generate Laporan Gdocs var urlLaporan = generateLaporanDokumen(data, idTransaksi); // Tulis URL Laporan ke kolom terakhir (asumsi kolom BA/BB) var lastRow = sheet.getLastRow(); sheet.getRange(lastRow, rowData.length + 1).setValue(urlLaporan); return { id: idTransaksi, url_laporan: urlLaporan }; } // Fungsi Auto-Generate PDF Laporan function generateLaporanDokumen(data, idTx) { try { var template = DriveApp.getFileById(TEMPLATE_DOC_ID); var folder = DriveApp.getFolderById(FOLDER_LAPORAN_ID); var fileName = "Laporan_LSP_" + data.npsn + "_" + idTx; var copyDoc = template.makeCopy(fileName, folder); var doc = DocumentApp.openById(copyDoc.getId()); var body = doc.getBody(); // Replace teks (Tag Template harus disesuaikan di GDocs, misal {{NPSN}}) body.replaceText("{{NPSN}}", data.npsn); body.replaceText("{{NAMA_SMK}}", "Data Dinamis SMK"); body.replaceText("{{ZONASI}}", data.zonasi); body.replaceText("{{SKOR_AKHIR}}", data.total_skor + "%"); body.replaceText("{{NAMA_PETUGAS_1}}", data.petugas_1); doc.saveAndClose(); // Ubah jadi PDF (Opsional) // var pdfBlob = copyDoc.getAs('application/pdf'); // var pdfFile = folder.createFile(pdfBlob); // copyDoc.setTrashed(true); // Hapus doc temp jika hanya butuh PDF return copyDoc.getUrl(); // Atau pdfFile.getUrl() } catch(e) { return "Error Generate: " + e.message; } }

3 Hubungkan ke Blogger

1. Buat Halaman (Page) baru di Blogger.
2. Pindah ke mode Tampilan HTML.
3. Copy seluruh kode HTML file ini (dari <!DOCTYPE html> sampai selesai).
4. Cari variabel API_URL di dalam tag <script> di bawah file ini, lalu ganti dengan URL Web App Apps Script dari Langkah 2.