KKN Reguler Kenasri: Merajut Asa di Dusun Kenasri, Pacitan

1. Latar Belakang: Mendokumentasikan Perjalanan KKN

Kuliah Kerja Nyata (KKN) adalah salah satu pengalaman paling berkesan dan bermakna dalam perjalanan perkuliahan—sebuah momen di mana mahasiswa meninggalkan zona nyaman kampus untuk terjun langsung membantu masyarakat. Namun, tanpa dokumentasi yang terstruktur, momen-momen berharga ini hanya tersimpan di memori dan foto berserakan di WhatsApp group. KKN Reguler Kelompok 29 UKDW di Dusun Kenasri, Pacitan, berhak mendapatkan lebih dari itu: sebuah arsip digital yang abadi, bisa diakses kapanpun, dan menceritakan kisah perjalanan kami secara utuh.

Mengapa Perlu Website Arsip Digital?

Selain fungsi dokumentasi untuk anggota kelompok, website ini juga berperan penting sebagai laporan transparansi kepada masyarakat Dusun Kenasri tentang apa yang telah kami kerjakan selama program berlangsung. Warga desa dapat mengakses informasi tentang kegiatan yang telah dijalankan, melihat galeri foto program, dan menemukan direktori UMKM yang sudah kami data. Bagi universitas, website ini menjadi bukti nyata kontribusi program KKN yang terukur dan terdokumentasi.

2. Solution: Website Arsip Digital yang Komprehensif

Saya merancang dan mengembangkan website KKN Reguler Kenasri sebagai platform yang melayani dua audiens utama: anggota tim KKN Kelompok 29 yang ingin mengenang perjalanan mereka, dan masyarakat luas (termasuk warga Kenasri) yang ingin mengetahui apa yang telah dikerjakan selama program berlangsung. Hasilnya adalah website dengan desain modern dan konten yang kaya, memadukan estetika dark mode yang elegan dengan animasi yang memperindah pengalaman membaca.

3. Fitur dan Konten Website

Website KKN Reguler Kenasri dibangun dengan beberapa halaman/seksi utama yang masing-masing memiliki fungsi spesifik:

• Beranda (Hero Section): Halaman pembuka dengan tagline "Merajut Asa di Dusun Kenasri" disertai statistik ringkas program (durasi, jumlah program kerja, mahasiswa terlibat) dan CTA menuju seksi kegiatan dan UMKM.
• Profil Desa: Informasi lengkap tentang Dusun Kenasri—letak geografis di Kabupaten Pacitan, jumlah penduduk, potensi alam, dan kondisi sosial ekonomi masyarakat yang menjadi konteks program KKN.
• Timeline Kegiatan: Kronologi visual program kerja KKN yang interaktif—dari hari pertama tiba di Kenasri hingga perpisahan. Setiap item timeline menampilkan foto, deskripsi kegiatan, dan tanggal pelaksanaan.
• Peta Potensi: Peta interaktif berbasis Leaflet.js yang memetakan lokasi-lokasi penting di Dusun Kenasri: titik UMKM, lokasi program kerja, tempat wisata, dan fasilitas umum yang ditemukan selama survei lapangan.
• Direktori UMKM: Katalog bisnis lokal Dusun Kenasri yang didata selama program KKN, mencakup nama usaha, produk/jasa, kontak pemilik, dan lokasi di peta—sebagai kontribusi nyata untuk digitalisasi ekonomi lokal.
• Galeri: Koleksi foto-foto terpilih yang mendokumentasikan momen-momen penting selama program KKN—dari kegiatan bakti sosial, penyuluhan, pembangunan fasilitas, hingga momen kebersamaan dengan warga.

4. Technical Implementation

Website ini dibangun dengan pendekatan static site—HTML, CSS, dan JavaScript murni tanpa framework backend. Keputusan ini disengaja: website arsip tidak membutuhkan fitur dinamis yang kompleks, dan dengan static site, hosting bisa dilakukan secara gratis dan berkelanjutan tanpa khawatir biaya server atau pembaruan framework.

Animasi dan Interaktivitas

Meski menggunakan teknologi yang sederhana, website ini kaya akan detail visual. Timeline dianimasikan menggunakan Intersection Observer API yang memicu animasi fade-in-up saat elemen memasuki viewport. Galeri menggunakan lightbox JavaScript murni yang memungkinkan navigasi foto secara fullscreen. Peta Leaflet.js di-enhance dengan marker kustom berwarna yang dibedakan per kategori menggunakan icon SVG inline.

5. Desain Visual: Dark Mode yang Elegan

Identitas visual website KKN Kenasri mengusung dark mode dengan palet biru-navy gelap sebagai latar, dikombinasikan dengan aksen gradien teal ke ungu yang memberikan kesan modern dan dinamis. Pilihan ini terinspirasi dari langit malam Dusun Kenasri yang bebas polusi cahaya—gelap namun indah dan penuh bintang.

Tipografi dan Hierarki Visual

Heading utama menggunakan font dengan ukuran besar dan bold yang memberikan dampak visual kuat di hero section. Body text menggunakan ukuran yang nyaman dibaca dengan line-height yang lega. Kontras antara heading besar di hero dan konten yang lebih padat di seksi berikutnya menciptakan ritme membaca yang natural dan tidak membosankan.

6. Makna Proyek: Lebih dari Sekadar Kode

Di antara semua proyek yang pernah saya kerjakan, KKN Kenasri memiliki tempat tersendiri di hati saya. Bukan karena teknisnya yang paling kompleks, tetapi karena proyek ini merepresentasikan satu babak kehidupan yang nyata—40 hari bersama tim yang luar biasa, tinggal di tengah kehangatan masyarakat Kenasri, dan berusaha memberikan dampak nyata meskipun kecil. Website ini adalah cara saya mengabadikan kenangan itu selamanya. Setiap kali membukanya, saya kembali ke malam-malam di bawah bintang Pacitan, ngobrol dengan warga di beranda, dan merasa bagian dari sesuatu yang lebih besar dari diri sendiri.

7. Lessons Learned

Proyek ini mengkonfirmasi keyakinan saya bahwa teknologi paling berdampak adalah teknologi yang lahir dari empati, bukan dari kecanggihannya. Saya belajar tentang storytelling melalui desain web—bagaimana urutan konten, pilihan warna, dan animasi dapat membangun emosi dan membawa pembaca ke dalam sebuah narasi. Saya juga belajar pentingnya content strategy: konten yang buruk tidak akan diselamatkan oleh desain yang cantik, dan konten yang bagus akan bersinar meski di atas desain sederhana. Untuk proyek komunitas terkait lainnya, kunjungi halaman SIASRI atau semua proyek saya.

---

FAQ: Pertanyaan Seputar Website KKN Kenasri