📄 Generator Dokumen HRD

Aplikasi web untuk membuat dokumen HRD dengan format .docx secara tunggal atau massal.

Mendukung dokumen:

• HRD-003 - Permohonan Izin Non-Active Staff
• HRD-001 - Pemberitahuan Hasil Recruitment (Accept)

✨ Fitur

• 📝 Single & Mass Mode - Buat dokumen untuk satu atau banyak
• 🎨 Preview Real-time - Lihat konten dokumen sebelum download
• 📥 Download .docx - Format Microsoft Word yang professional
• 🌙 Dark Mode Support - Desain modern dengan dark mode
• 📱 Responsive Design - Berfungsi di desktop dan mobile
• 📋 Multiple Document Types - Support HRD-001 dan HRD-003

🚀 Quick Start

1. Install Dependencies

bun install

2. Setup Logo (PENTING!)

Agar logo muncul di dokumen, copy file Picture1.png ke folder public/

# Path lengkap file yang dibutuhkan:
d:\Projects\kh1ev-doc\public\Picture1.png

Spesifikasi gambar:

• Format: PNG
• Ukuran: 450x90 px (atau ratio 5:1)
• File size: Maksimal 2MB

⚠️ Jika file tidak ada, dokumen tetap bisa di-generate tapi tanpa logo di header

3. Run Development Server

bun run dev

Buka browser di http://localhost:3000

📋 Cara Penggunaan

1️⃣ Pilih Tipe Dokumen

Di halaman utama, pilih antara:

• Non-Active Staff (HRD-003) - Permohonan izin non-active
• Acceptance Recruitment (HRD-001) - Pemberitahuan lulus seleksi

2️⃣ HRD-003: Non-Active Staff

Mode Single Document

1. Pilih tab "Single Document"
2. Isi form:
   • Username *
   • User ID *
   • Jabatan/Division *
   • Alasan *
   • Nomor Surat (opsional)
   • Periode Mulai & Selesai (opsional)
3. Lihat preview dokumen
4. Klik "Download Dokumen (.docx)"

Mode Mass Document

1. Pilih tab "Mass Document"
2. Isi form untuk karyawan pertama
3. Klik "Tambah ke Daftar"
4. Ulangi untuk karyawan lain
5. Klik "Download Semua (.docx)" untuk download semua sekaligus
6. Atau klik icon 📄 untuk download dokumen individual

3️⃣ HRD-001: Acceptance Recruitment

Mode Single Document

1. Pilih tab "Single Document"
2. Isi form:
   • Username *
   • User ID *
   • Division *
   • Nomor Surat (opsional)
   • Hari Interview (opsional)
   • Tanggal Interview (opsional)
   • Waktu Interview (opsional)
   • Tempat Interview (opsional)
3. Lihat preview dokumen
4. Klik "Download Dokumen (.docx)"

Mode Mass Document

1. Pilih tab "Mass Document"
2. Isi form untuk calon pertama
3. Klik "Tambah ke Daftar"
4. Ulangi untuk calon lain
5. Klik "Download Semua (.docx)" untuk download semua sekaligus
6. Atau klik icon 📄 untuk download dokumen individual

📄 Format Dokumen

HRD-003: Permohonan Izin Non-Active Staff

Nomor         : 002/HRD/KH1EV/17102025
Perihal       : Permohonan Izin Non-Active Staff

Kepada
Tim Human Resource Development
Kh1ev Community

Dengan hormat
Saya yang bertanda tangan di bawah ini:
Username      : [username]
User ID       : [user ID]
Jabatan       : [division]

Dengan ini saya mengajukan permintaan izin non-active sebagai staff 
Kh1ev Community dengan alasan:
[Alasan]

Adapun periode non-active yang saya ajukan adalah sebagai berikut:
Periode [mulai] - [selesai]

    Saya berkomitmen untuk memberikan kabar dan konfirmasi lebih lanjut 
apabila kondisi saya memungkinkan untuk aktif kembali sebelum atau setelah 
periode tersebut. Saya juga bersedia mengikuti prosedur reaktivasi staff 
yang berlaku di Kh1ev Community.
    Demikian permohonan ini saya sampaikan. Atas perhatian dan pengertiannya, 
saya ucapkan terima kasih.

Hormat saya
Tertanda, [username] ([user ID])

HRD-001: Pemberitahuan Hasil Recruitment (Accept)

Nomor         : 001/HRD/KH1EV/26072025
Tentang       : Pemberitahuan hasil recruitment

Kepada
Username      : [username]
User ID       : [user ID]
Division      : [division]

    Terima kasih telah berpartisipasi dalam proses rekrutmen staff Kh1ev 
Community. Berdasarkan hasil seleksi tahap awal yang telah kami lakukan, 
dengan ini kami sampaikan bahwa Anda dinyatakan LOLOS ke tahap selanjutnya.
    Sehubungan dengan hal tersebut, kami mengundang Anda untuk mengikuti 
sesi interview online yang akan dilaksanakan pada:
Hari          : [hari]
Tanggal       : [tanggal]
Pukul         : [waktu]
Tempat        : [tempat]
    Interview ini bertujuan untuk mengenal lebih dalam mengenai komitmen, 
kemampuan, serta kesiapan Anda untuk menjadi bagian dari Tim Internal Kh1ev.
    Mohon pastikan kehadiran tepat waktu serta dalam kondisi yang siap. 
Jika berhalangan hadir, harap konfirmasi kepada tim HRD sebelum jadwal 
yang telah ditentukan. Demikian pemberitahuan ini kami sampaikan. Atas 
perhatian dan kerja samanya, kami ucapkan terima kasih.

Hormat kami,
Tim Human Resource Development
Kh1ev Community

🛠️ Tech Stack

• Next.js 15 - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• shadcn/ui - UI components
• docx - Generate .docx files
• file-saver - Download files
• Bun - Package manager & runtime

📦 Dependencies

{
  "docx": "^9.5.1",
  "file-saver": "^2.0.5",
  "next": "15.5.4",
  "react": "19.1.0"
}

📁 Project Structure

kh1ev-doc/
├── public/              # Static files
│   └── Picture1.png     # Logo (tambahkan manual)
├── src/
│   ├── app/
│   │   ├── page.tsx     # Main page
│   │   └── layout.tsx   # Root layout
│   ├── components/ui/   # shadcn components
│   └── lib/
│       ├── docGenerator.ts  # .docx generator
│       └── utils.ts         # Utilities
├── SETUP.md             # Setup instructions
└── README.md            # This file

🎯 Field Descriptions

HRD-003: Non-Active Staff

Field	Required	Default	Description
Username	✅	-	Nama karyawan
User ID	✅	-	ID karyawan
Jabatan/Division	✅	-	Posisi/jabatan
Alasan	✅	-	Alasan non-active
Nomor Surat	❌	Auto-generated	Format: 002/HRD/KH1EV/DDMMYYYY
Periode Mulai	❌	Agustus 2025	Bulan & tahun mulai
Periode Selesai	❌	Oktober 2025	Bulan & tahun selesai

HRD-001: Acceptance Recruitment

Field	Required	Default	Description
Username	✅	-	Nama calon karyawan
User ID	✅	-	ID calon
Division	✅	-	Posisi yang dilamar
Nomor Surat	❌	Auto-generated	Format: 001/HRD/KH1EV/DDMMYYYY
Hari Interview	❌	Sabtu	Hari pelaksanaan interview
Tanggal Interview	❌	26 Juli 2025	Tanggal lengkap interview
Waktu Interview	❌	19.00 WIB – selesai	Waktu mulai interview
Tempat Interview	❌	Voice Channel Interview	Lokasi interview

📥 Output File Naming

• HRD-003: HRD-003-[username]-[userId]-[DDMMYYYY].docx

  • Contoh: HRD-003-JohnDoe-EMP001-17102025.docx

• HRD-001: HRD-001-Accept-[username]-[userId]-[DDMMYYYY].docx

  • Contoh: HRD-001-Accept-JaneDoe-EMP002-26072025.docx

🔧 Development

# Install dependencies
bun install

# Run dev server
bun run dev

# Build for production
bun run build

# Start production server
bun start

📝 License

MIT

---

Made with ❤️ for Kh1ev Community