Aplikasi Career Center

 








PROMPT FULL SYSTEM

APLIKASI CAREER CENTER (ALUMNI DOUBLE TRACK)


🎯 TUJUAN APLIKASI

Buatkan aplikasi Career Center berbasis web untuk mengelola alumni SMK Double Track yang memiliki fitur:

  • Pendataan alumni
  • Informasi lowongan kerja
  • Job matching
  • Dashboard statistik
  • Pengelolaan data oleh admin

πŸ’» TEKNOLOGI YANG DIGUNAKAN

Frontend:

  • HTML5
  • Tailwind CSS
  • JavaScript (Vanilla)

Backend:

  • Google Apps Script (Web App API)
  • Google Spreadsheet (Database)

🧩 STRUKTUR FITUR APLIKASI

1. πŸ‘€ HALAMAN LANDING

Buat landing page modern dengan:

  • Hero section (judul + CTA)
  • Informasi program Double Track
  • Statistik alumni (dinamis dari spreadsheet)
  • Tombol:
    • Daftar Alumni
    • Lihat Lowongan
    • Login Admin

2. πŸ“ FORM INPUT ALUMNI

Field:

  • Nama lengkap
  • Tahun lulus
  • Jurusan
  • No HP
  • Email
  • Status:
    • Bekerja
    • Wirausaha
    • Kuliah
    • Belum bekerja
  • Skill
  • Upload CV (opsional, link drive)

Fungsi:

  • Simpan ke Google Spreadsheet
  • Timestamp otomatis

3. πŸ’Ό HALAMAN LOWONGAN KERJA

Fitur:

  • List lowongan dari spreadsheet
  • Filter:
    • Lokasi
    • Bidang kerja
  • Detail pekerjaan:
    • Nama perusahaan
    • Deskripsi
    • Syarat
    • Link apply

4. 🎯 JOB MATCHING SYSTEM

Logika:

  • Cocokkan skill alumni dengan lowongan
  • Tampilkan rekomendasi pekerjaan

5. πŸ“Š DASHBOARD ADMIN

Fitur:

  • Statistik alumni:
    • Total alumni
    • Bekerja (%)
    • Wirausaha (%)
  • Grafik sederhana (JS chart)
  • Data tabel alumni
  • CRUD data lowongan

6. πŸ” LOGIN ADMIN

  • Username & password sederhana (hardcoded / spreadsheet)
  • Session login

πŸ—‚️ STRUKTUR GOOGLE SPREADSHEET

Sheet 1: Alumni

Kolom:

ID | Nama | Tahun | Jurusan | HP | Email | Status | Skill | CV | Timestamp

Sheet 2: Lowongan

ID | Perusahaan | Posisi | Lokasi | Skill | Deskripsi | Link | Timestamp

Sheet 3: Admin

Username | Password

⚙️ BACKEND (GOOGLE APPS SCRIPT)

Endpoint yang harus dibuat:

1. Tambah Alumni

POST /exec?action=addAlumni

2. Ambil Data Alumni

GET /exec?action=getAlumni

3. Ambil Lowongan

GET /exec?action=getJobs

4. Tambah Lowongan

POST /exec?action=addJob

5. Login Admin

POST /exec?action=login

🧠 LOGIKA APPS SCRIPT

Tuliskan kode:

  • doGet(e) → routing API
  • doPost(e) → handle POST
  • Fungsi:
    • addAlumni()
    • getAlumni()
    • getJobs()
    • addJob()
    • login()

Gunakan:

SpreadsheetApp.openById("SPREADSHEET_ID")

Return JSON:

ContentService.createTextOutput(JSON.stringify(data))
.setMimeType(ContentService.MimeType.JSON)

🎨 FRONTEND (DETAIL PERINTAH)

🎯 DESIGN:

  • Gunakan Tailwind
  • Modern UI (dashboard style)
  • Responsive (mobile friendly)

πŸ”Ή HALAMAN YANG HARUS DIBUAT:

1. index.html

  • Landing page
  • Statistik dari API

2. alumni.html

  • Form input alumni
  • Submit ke Apps Script API

3. jobs.html

  • Fetch API lowongan
  • Render card job

4. admin.html

  • Login
  • Dashboard
  • CRUD lowongan

πŸ”— INTEGRASI API (WAJIB ADA)

Gunakan fetch:

fetch(API_URL + "?action=getJobs")
.then(res => res.json())
.then(data => console.log(data));

POST:

fetch(API_URL, {
method: "POST",
body: JSON.stringify({
action: "addAlumni",
nama: "Fajar",
tahun: "2025"
})
});

🎯 FITUR TAMBAHAN (WAJIB ADA)

  • Loading indicator
  • Alert sukses/gagal
  • Validasi form
  • Search data alumni
  • Filter lowongan

πŸš€ BONUS FITUR (JIKA BISA)

  • Export data ke PDF
  • Integrasi WhatsApp
  • Upload CV ke Google Drive
  • Dark mode

πŸ“¦ OUTPUT YANG DIMINTA DARI AI

  1. Kode lengkap HTML (semua halaman)
  2. Kode lengkap Apps Script
  3. Struktur folder
  4. Cara deploy:
    • Deploy Apps Script sebagai Web App
    • Set akses: Anyone
  5. Cara menghubungkan frontend ke backend

πŸ”₯ PROMPT SUPER FINAL (TINGGAL COPY)

Buatkan aplikasi Career Center Alumni Double Track menggunakan HTML, Tailwind CSS, dan JavaScript untuk frontend, serta Google Apps Script sebagai backend dengan Google Spreadsheet sebagai database.

Fitur:
- Landing page modern
- Form input alumni (simpan ke spreadsheet)
- Halaman lowongan kerja (ambil dari spreadsheet)
- Dashboard admin (CRUD lowongan + statistik)
- Login admin sederhana
- Job matching berdasarkan skill

Backend:
- Apps Script dengan endpoint:
- addAlumni
- getAlumni
- getJobs
- addJob
- login
- Return JSON

Frontend:
- Responsive Tailwind UI
- Fetch API integration
- Validasi form
- Loading & alert

Berikan:
- Kode lengkap semua file HTML
- Kode Apps Script lengkap
- Struktur folder
- Cara deploy Apps Script Web App
- Cara menghubungkan frontend dengan backend

πŸ’‘ CATATAN PENTING (STRATEGIS)

Prompt ini sudah level:
πŸ‘‰ Bisa langsung jadi project mahasiswa
πŸ‘‰ Bisa jadi produk real sekolah
πŸ‘‰ Bisa dikembangkan jadi startup (Pervekt versi mini)

Pembinaan Karir Alumni

 




BINA KARIR ALUMNI DOUBLE TRACK

1. 🎯 Tujuan Program

Program Bina Karir Alumni Double Track bertujuan untuk:

  • Meningkatkan kesiapan kerja alumni
  • Membantu alumni mengenali potensi diri & jalur karir
  • Menjembatani alumni dengan dunia kerja & dunia usaha
  • Mendorong alumni menjadi pekerja profesional atau wirausaha mandiri

2. πŸ‘₯ Sasaran Program

  • Alumni Double Track (0–3 tahun kelulusan)
  • Siswa tingkat akhir (kelas XII sebagai persiapan)
  • Alumni yang sedang mencari kerja / ingin berwirausaha

3. 🧩 Struktur Program Bina Karir

Program dibagi menjadi 4 pilar utama:

A. Career Awareness (Kesadaran Karir)

Tujuan: Membantu alumni memahami peluang karir

Kegiatan:

  • Seminar dunia kerja & tren industri
  • Webinar karir & sharing alumni sukses
  • Pengenalan profesi sesuai bidang keahlian

Output:

  • Alumni memahami pilihan karir (kerja, kuliah, wirausaha)

B. Career Preparation (Persiapan Karir)

Tujuan: Membekali keterampilan dasar untuk masuk dunia kerja

Kegiatan:

  • Pelatihan pembuatan CV & portofolio
  • Simulasi interview kerja (mock interview)
  • Pelatihan soft skill:
    • komunikasi
    • teamwork
    • problem solving
  • Personal branding (LinkedIn & digital profile)

Output:

  • Alumni siap melamar kerja secara profesional

C. Career Development (Pengembangan Karir)

Tujuan: Meningkatkan kompetensi dan pengalaman kerja

Kegiatan:

  • Program magang lanjutan
  • Upskilling (kursus digital skill, teknis, dll)
  • Mentoring karir (oleh guru / praktisi industri)
  • Workshop kewirausahaan (startup / UMKM)

Output:

  • Alumni memiliki skill relevan dengan kebutuhan industri

D. Career Placement (Penempatan Karir)

Tujuan: Menghubungkan alumni dengan peluang kerja/usaha

Kegiatan:

  • Job fair (offline/online)
  • Kerjasama dengan industri (link and match)
  • Portal lowongan kerja alumni
  • Inkubasi bisnis (untuk alumni wirausaha)

Output:

  • Alumni mendapatkan pekerjaan / membuka usaha

4. πŸ—“️ Rencana Aktivitas Tahunan

BulanKegiatanOutput
JanSeminar Tren Dunia KerjaInsight karir
FebPelatihan CV & PortofolioCV siap pakai
MarSimulasi InterviewSkill wawancara
AprPelatihan Soft SkillKomunikasi meningkat
MeiJob Matching IndustriPeluang kerja
JunWorkshop WirausahaIde bisnis
JulMagang / PKL AlumniPengalaman kerja
AguMentoring KarirPendampingan
SepPelatihan Digital SkillSkill baru
OktJob FairRekrutmen
NovInkubasi BisnisUMKM alumni
DesEvaluasi & Tracking AlumniData penempatan

5. πŸ› ️ Model Implementasi Program

πŸ“Œ A. Platform Digital

  • Website / aplikasi alumni
  • Database alumni
  • Sistem informasi lowongan kerja

πŸ“Œ B. Kolaborasi

  • Dunia Industri (DUDI)
  • Perguruan tinggi
  • Alumni sukses
  • UMKM & startup

πŸ“Œ C. Metode Pelaksanaan

  • Hybrid (online + offline)
  • Project-based learning
  • Mentoring & coaching

6. πŸ“Š KPI (Key Performance Indicator)

IndikatorTarget
Alumni terserap kerja≥ 70%
Alumni wirausaha≥ 15%
Alumni melanjutkan studi≥ 10%
Partisipasi program≥ 80%
Kepuasan alumni≥ 85%

7. πŸ”„ Monitoring & Evaluasi

Metode:

  • Tracer Study Alumni (per 6 bulan)
  • Survey kepuasan program
  • Tracking status kerja alumni

Tools:

  • Google Form / Dashboard (Looker Studio)
  • Sistem database alumni

8. πŸš€ Output Utama Program

  • Database alumni terintegrasi
  • Alumni siap kerja / siap usaha
  • Terbentuk ekosistem karir berkelanjutan
  • Link kuat antara sekolah dan industri

9. πŸ’‘ Contoh Inovasi Program (Opsional)

  • Aplikasi Career Center berbasis web/app
  • Marketplace jasa alumni
  • Talent pool lulusan SMK
  • Program “1 Alumni 1 Karir Sukses”

10. 🧠 Catatan Strategis (Penting)

  • Jangan hanya fokus pelatihan → harus sampai penempatan kerja
  • Libatkan industri secara aktif
  • Gunakan data alumni untuk pengambilan keputusan
  • Bangun komunitas alumni (network effect)