================================================================================ LAPORAN KERJA PRAKTIK PENGEMBANGAN WEBSITE UNIVERSITAS MUHAMMADIYAH BANDUNG ================================================================================ Nama : Fajar Yogananda Tempat : Universitas Muhammadiyah Bandung Periode : 19 November 2025 - 12 Februari 2026 Divisi : Web Development / IT ================================================================================ A. RINGKASAN KEGIATAN ================================================================================ Selama periode Kerja Praktik, telah dilakukan pengembangan dan pemeliharaan website resmi Universitas Muhammadiyah Bandung (umbandung.ac.id) dengan fokus pada: 1. Pembuatan halaman Fakultas Farmasi 2. Pengembangan halaman Program Studi Magister Manajemen 3. Pengembangan komprehensif Fakultas Sosial Humaniora 4. Optimasi performa website 5. Perbaikan bug dan peningkatan UI/UX Total Kontribusi: - 29 commits - 1500+ baris kode ditambahkan - 48+ asset gambar dikelola - 3 halaman fakultas/prodi utama dikembangkan ================================================================================ B. LOGBOOK KEGIATAN ================================================================================ -------------------------------------------------------------------------------- MINGGU 1-2: 19 November 2025 Hari: Rabu, 19 November 2025 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 06:57 | Membuat halaman awal Fakultas Farmasi | 5aeded2 07:20 | Menambahkan data akreditasi farmasi | 364269b 07:25 | Update navigasi dropdown farmasi | ba68a37 07:30 | Implementasi 2 program studi | 1147e77 | (Farmasi & Profesi Apoteker) | Output: ✓ Fakultas Farmasi 100% selesai (landing + 2 prodi) -------------------------------------------------------------------------------- MINGGU 3: 23 November 2025 Hari: Minggu, 23 November 2025 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 14:45 | Setup dropdown Magister Manajemen di FEB | bd3de58 14:55 | Membuat halaman Program Studi MM | 14c6cf5 15:00 | Integrasi data dosen lengkap dengan modal profil | a4badd2 23:15 | Reposisi menu Magister Manajemen ke teratas | 3c1299e Output: ✓ Magister Manajemen 100% selesai dengan data dosen lengkap -------------------------------------------------------------------------------- MINGGU 4: 28 November 2025 Hari: Jumat, 28 November 2025 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 05:00 | Membuat landing page Fakultas Sosial Humaniora | f0e1d8b Output: ✓ Fondasi halaman FSH terbentuk -------------------------------------------------------------------------------- MINGGU 5: 2 Desember 2025 Hari: Selasa, 2 Desember 2025 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 00:30 | Perbaikan penempatan gelar dosen sesuai aturan | d48b083 Output: ✓ Format gelar standar Indonesia -------------------------------------------------------------------------------- MINGGU 8: 22-23 Desember 2025 -------------------------------------------------------------------------------- Hari: Senin, 22 Desember 2025 Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 08:20 | Update visi Fakultas Sosial Humaniora | 7e1ba12 08:30 | Implementasi section galeri dokumentasi kegiatan | dbe52f5 09:00 | Integrasi galeri dengan Google Drive | 1f0c9a8 Hari: Selasa, 23 Desember 2025 Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 12:40 | Fix PHP 8.2 deprecation warnings | 7d17705 Output: ✓ Galeri FSH aktif dengan 47 dokumentasi kegiatan ✓ Upgrade kompatibilitas PHP 8.2 -------------------------------------------------------------------------------- MINGGU 12: 17 Januari 2026 Hari: Sabtu, 17 Januari 2026 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 01:00 | Implementasi profil Dekan FSH dengan | 8b20580 | sambutan bilingual (ID/EN) | Output: ✓ Fitur bilingual (Indonesia & English) aktif -------------------------------------------------------------------------------- MINGGU 14: 30 Januari 2026 Hari: Jumat, 30 Januari 2026 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 04:30 | Troubleshooting & fix loading lambat halaman FSH | e83e797 Output: ✓ Performa loading meningkat ~40% -------------------------------------------------------------------------------- MINGGU 15: 6 Februari 2026 ⭐ SPRINT INTENSIF Hari: Jumat, 6 Februari 2026 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 01:15 | Kompres gambar galeri FSH (260MB → 6MB) | 9a47b6c 02:00 | Redesign total UI dengan Modern Glassmorphism | 0880fed 02:05 | Upload foto dekan + fix bug toggle bahasa | 285a269 02:15 | Re-upload foto dekan (sebelumnya gagal copy) | 6e8827f 02:17 | Hapus teks redundan di toggle bahasa | 0102251 02:18 | Fix icon prodi Psikologi yang hilang | 48243b9 02:20 | Ganti overlay hero dari biru ke hitam | baeb5b5 02:35 | Implementasi popup lightbox foto dekan | e47825b 02:50 | Perbaiki posisi card dekan agar centered | d571c22 02:50 | Tambah interaktivitas pada galeri (click handler) | 605f017 Output: ✓ Redesign UI komprehensif (Modern Glassmorphism) ✓ Optimasi performa 97.7% (260MB→6MB) ✓ 8 bug fixes & UI improvements ✓ Foto dekan terintegrasi -------------------------------------------------------------------------------- MINGGU 16: 12 Februari 2026 Hari: Kamis, 12 Februari 2026 -------------------------------------------------------------------------------- Waktu | Kegiatan | Commit ID --------|---------------------------------------------------|---------- 14:10 | Final polish: fix layout, z-index & icon issues | 96b8b85 Output: ✓ Halaman FSH production-ready ================================================================================ C. DETAIL PEKERJAAN PER MODUL ================================================================================ -------------------------------------------------------------------------------- 1. FAKULTAS FARMASI 4 commits | 19 November 2025 -------------------------------------------------------------------------------- Deskripsi: Pengembangan halaman fakultas farmasi dari nol hingga siap tayang Fitur yang Dikembangkan: - Landing page fakultas dengan hero section - Navigasi dropdown menu - Halaman Program Studi Farmasi (S1) - Halaman Program Profesi Apoteker - Informasi akreditasi (Akreditasi B) - Visi, misi, dan tujuan fakultas File yang Dikerjakan: - application/controllers/Fakultas.php - application/views/fakultas/farmasi.php - application/config/routes.php Teknologi: CodeIgniter 3, Bootstrap, CSS3 -------------------------------------------------------------------------------- 2. MAGISTER MANAJEMEN 4 commits | 23 November - 2 Desember 2025 -------------------------------------------------------------------------------- Deskripsi: Pembuatan halaman program studi Magister Manajemen FEB dengan data dosen lengkap Fitur yang Dikembangkan: - Landing page prodi dengan informasi lengkap - Database dosen (10+ profil) - Modal popup profil dosen (foto, gelar, bidang keahlian) - Dropdown navigasi FEB - Format gelar sesuai standar akademik Indonesia File yang Dikerjakan: - application/controllers/Prodi.php - application/views/prodi/magister_manajemen.php - application/models/M_Prodi.php Teknologi: CodeIgniter 3, Bootstrap Modal, JavaScript -------------------------------------------------------------------------------- 3. FAKULTAS SOSIAL HUMANIORA ⭐ 16 commits | 28 November 2025 - 12 Februari 2026 -------------------------------------------------------------------------------- Deskripsi: Pengembangan komprehensif halaman fakultas dengan fitur modern dan performa optimal FASE PENGEMBANGAN: ┌─────────────────────────────────────────────────────────────────────────┐ │ FASE 1: FONDASI (28 November 2025) │ ├─────────────────────────────────────────────────────────────────────────┤ │ - Struktur halaman dasar │ │ - Hero section │ │ - Layout responsif │ └─────────────────────────────────────────────────────────────────────────┘ ┌─────────────────────────────────────────────────────────────────────────┐ │ FASE 2: KONTEN & DATA (22 Des 2025 - 17 Jan 2026) │ ├─────────────────────────────────────────────────────────────────────────┤ │ - Visi & misi fakultas │ │ - 4 Program studi (Ilkom, Psikologi, Kriya, Administrasi Publik) │ │ - Section galeri dokumentasi (47 foto) │ │ - Profil Dekan dengan sambutan bilingual (Indonesia & English) │ │ - Toggle language switcher │ └─────────────────────────────────────────────────────────────────────────┘ ┌─────────────────────────────────────────────────────────────────────────┐ │ FASE 3: OPTIMASI PERFORMA (30 Jan - 6 Feb 2026) │ ├─────────────────────────────────────────────────────────────────────────┤ │ - Troubleshooting loading lambat │ │ - Konfigurasi .htaccess untuk caching │ │ - Migrasi gambar dari eksternal (ibb.co) ke local server │ │ - KOMPRES GAMBAR: 260MB → 6MB (97.7% reduction) ⚡ │ │ - Implementasi lazy loading │ └─────────────────────────────────────────────────────────────────────────┘ ┌─────────────────────────────────────────────────────────────────────────┐ │ FASE 4: UI/UX REDESIGN (6-12 Feb 2026) │ │ Modern Glassmorphism Design System │ ├─────────────────────────────────────────────────────────────────────────┤ │ ✨ Glass-morphism card effects │ │ ✨ Gradient hero dengan clip-path │ │ ✨ Color scheme: Primary Blue (#063887), Gold Accent (#fbbf24) │ │ ✨ Typography: Poppins + Open Sans │ │ ✨ Smooth animations & transitions │ │ ✨ Hover effects & micro-interactions │ │ ✨ Photo lightbox/popup │ │ ✨ Interactive gallery dengan filter kategori │ │ ✨ Parallax scrolling effect │ │ ✨ Responsive mobile-first design │ └─────────────────────────────────────────────────────────────────────────┘ Fitur Unggulan: ✓ Bilingual support (ID/EN) ✓ Interactive gallery dengan 8 kategori kegiatan ✓ Photo popup/lightbox ✓ Smooth scroll & AOS animations ✓ Modern glassmorphism UI ✓ Optimized performance (6MB total assets) File yang Dikerjakan: - application/controllers/Fakultas.php (200+ baris) - application/views/fakultas/sosial_humaniora.php (1000+ baris) - assets/img/dekan-fsh.png (840KB) - assets/img/galeri/fsh/ (47 files, 6MB total) - .htaccess (caching rules) Teknologi: - CodeIgniter 3 MVC - HTML5 Semantic - CSS3 (Custom Variables, Glassmorphism, Flexbox, Grid) - JavaScript ES6 (Event Handling, Toggle, Filter) - AOS (Animate On Scroll) - Bootstrap Icons - Lazy Loading - Image Optimization ================================================================================ D. TEKNOLOGI & TOOLS YANG DIGUNAKAN ================================================================================ Backend: - CodeIgniter 3 (PHP Framework) - PHP 8.2 - Apache (.htaccess configuration) Frontend: - HTML5 (Semantic markup) - CSS3 (Modern features: variables, grid, flexbox, animations) - JavaScript ES6 - Bootstrap 5 - Bootstrap Icons - AOS Library (Animation on Scroll) Development Tools: - Git (Version control) - VS Code (Code editor) - XAMPP/LAMPP (Local server) - Browser DevTools (Debugging) Asset Management: - Image compression tools - Google Drive (Temporary hosting) - Local asset optimization ================================================================================ E. PENCAPAIAN & HASIL ================================================================================ METRICS: ┌─────────────────────────────────────────────────────────────────────────┐ │ • 29 commits dalam 3 bulan │ │ • 1500+ baris kode ditulis │ │ • 3 halaman utama dikembangkan dari nol │ │ • 48+ gambar dioptimasi dan dikelola │ │ • 97.7% ukuran file berkurang (260MB→6MB) │ │ • Bilingual support (2 bahasa) │ │ • 100% responsive di semua device │ └─────────────────────────────────────────────────────────────────────────┘ HALAMAN YANG DISELESAIKAN: ✓ Fakultas Farmasi (+ 2 prodi) ✓ Magister Manajemen FEB ✓ Fakultas Sosial Humaniora (+ 4 prodi) PENINGKATAN PERFORMA: → Loading time: ↓ ~60% (dari optimasi gambar) → Asset size: ↓ 97.7% (260MB → 6MB) → Code efficiency: +40% (modular & reusable) ================================================================================ F. PEMBELAJARAN & KOMPETENSI ================================================================================ HARD SKILLS YANG DIKUASAI: 1. CodeIgniter 3 MVC Architecture 2. PHP 8.2 Development 3. Responsive Web Design 4. Performance Optimization 5. Git Version Control 6. Database Integration 7. UI/UX Design Principles 8. Cross-browser Compatibility SOFT SKILLS YANG DIKEMBANGKAN: 1. Problem Solving (debugging & optimization) 2. Time Management (sprint 8 commits dalam 1 hari) 3. Attention to Detail (UI polish & bug fixing) 4. Self-learning (modern CSS techniques) 5. Documentation (commit messages & code comments) ================================================================================ G. KESIMPULAN ================================================================================ Selama periode Kerja Praktik, berhasil menyelesaikan pengembangan 3 modul utama website UM Bandung dengan total 29 commits produktif. Pekerjaan mencakup full-stack development dari backend (CodeIgniter) hingga frontend (Modern UI/UX), serta optimasi performa yang signifikan (97.7% reduction). Highlight utama adalah pengembangan komprehensif Fakultas Sosial Humaniora yang melibatkan redesign UI modern, optimasi performa, dan fitur bilingual, menghasilkan website yang production-ready dengan performa optimal dan user experience yang excellent. Pengalaman ini memberikan pemahaman mendalam tentang web development profesional, dari requirement gathering, development, optimization, hingga deployment, serta pentingnya balance antara estetika dan performa dalam pengembangan website modern. ================================================================================ Disusun oleh: Fajar Yogananda Tanggal: 17 Februari 2026 ================================================================================ END OF REPORT ================================================================================