PC Platform

An e-learning platform developed for the Bumigora programming community, featuring interactive learning modules and a custom-built code playground used in the PC Challenge competitive programming event.

profile

Sayidina Ahmadal Qososyi

Software Engineer

3 min read
0 likes
0 views
RepositoryOpen Live Site
slide-0

Short Explanation

PC Platform adalah aplikasi e-learning yang dikembangkan untuk mendukung kebutuhan edukasi di komunitas pemrograman Bumigora. Platform ini menyediakan modul pembelajaran interaktif serta code playground yang saya bangun khusus untuk acara PC Challenge, sebuah kompetisi pemrograman yang melibatkan 50 peserta secara aktif.

Latar Belakang & Masalah

Komunitas pemrograman Bumigora membutuhkan media pembelajaran yang:

  • Mudah diakses oleh anggota komunitas.
  • Mendukung praktik langsung, bukan hanya materi teori.
  • Mampu mengakomodasi event kompetitif seperti coding challenge.
  • Terpusat dan terstruktur sebagai wadah belajar bersama.

Sebelumnya, proses pembelajaran dan kompetisi dilakukan menggunakan berbagai tools terpisah, sehingga kurang efisien dan sulit dikelola.

Tujuan Proyek

  • Menyediakan platform e-learning terpusat untuk komunitas.
  • Mendukung pembelajaran berbasis praktik melalui code playground.
  • Memfasilitasi kompetisi pemrograman dalam satu sistem.
  • Meningkatkan engagement dan partisipasi anggota komunitas.
  • Menjadi fondasi untuk kegiatan edukasi dan event lanjutan.

Tech Stack

Frontend: Vue.js, TailwindCSS
Backend: Express.js
Database: PostgreSQL
Role: Software Engineer

Saya berkontribusi pada pengembangan frontend, backend API, serta implementasi fitur code playground untuk kebutuhan kompetisi.

Fitur Utama

1. Platform E-Learning

  • Modul pembelajaran pemrograman.
  • Materi terstruktur dan mudah diakses.
  • Tampilan ramah untuk pengguna pemula.

2. Code Playground

  • Editor kode berbasis web.
  • Mendukung eksekusi kode untuk latihan dan tantangan.
  • Digunakan sebagai core feature pada event PC Challenge.

3. PC Challenge (Competitive Programming)

  • Sistem challenge dengan soal pemrograman.
  • Partisipasi aktif hingga 50 peserta.
  • Lingkungan kompetitif yang terkontrol dan terpusat.

4. Manajemen Peserta

  • Pendataan peserta event.
  • Monitoring aktivitas dan partisipasi.
  • Rekap hasil challenge.

5. UI Sederhana & Edukatif

  • Fokus pada kemudahan belajar.
  • Navigasi jelas untuk materi dan playground.
  • Desain ringan dan konsisten.

Tantangan & Solusi

Tantangan Frontend

  • Membangun editor kode yang mudah digunakan.
  • Menyajikan feedback hasil eksekusi kode secara jelas.

Solusi:

  • Integrasi code editor berbasis web dengan UI minimal.
  • Desain tampilan hasil yang mudah dipahami peserta.

Tantangan Backend

  • Menangani request eksekusi kode dari banyak peserta.
  • Menjaga stabilitas sistem selama event berlangsung.

Solusi:

  • Validasi input kode sebelum diproses.
  • Pengaturan alur eksekusi agar sistem tetap stabil.
  • Pemisahan logic event dan pembelajaran reguler.

Hasil & Dampak

  • PC Challenge berhasil diikuti oleh 50 peserta.
  • Partisipasi dan antusiasme komunitas meningkat.
  • Proses pembelajaran menjadi lebih interaktif dan praktis.
  • Platform menjadi pusat aktivitas edukasi komunitas.
  • Pengalaman kompetisi dapat dikelola dalam satu sistem.

Refleksi & Pembelajaran

Proyek PC Platform memberikan pembelajaran penting mengenai:

  • Pengembangan platform edukasi berbasis komunitas.
  • Membangun fitur code playground untuk kebutuhan nyata.
  • Menangani event dengan banyak peserta secara teknis.
  • Mendesain sistem yang mendukung pembelajaran aktif.
  • Menggabungkan aspek edukasi dan kompetisi dalam satu platform.

Platform ini membuka peluang pengembangan lanjutan seperti sistem penilaian otomatis, leaderboard, dan integrasi bahasa pemrograman tambahan.