MN
M. Nuridin
250401010526
Project Ujian Akhir Semester
Tentang Project EduLearn
EduLearn merupakan project Ujian Akhir Semester (UAS) mata kuliah Pemrograman Web I (IF210), Program Studi PJJ Informatika, Universitas Siber Asia, Semester Genap Tahun Ajaran 2025/2026. Project dikerjakan secara berkelompok sebagai penerapan materi HTML, CSS, dan JavaScript dari pertemuan 1 sampai 15.
Halaman ini merupakan bagian dari lembar jawaban ujian.
Website EduLearn dibuat murni sebagai karya ujian dan bukan layanan komersial. Seluruh nama kursus,
pengajar, testimoni, serta statistik yang ditampilkan bersifat fiktif dan hanya digunakan
sebagai contoh isi konten.
Identitas Project
Informasi umum mengenai tugas akhir semester yang menjadi dasar pembuatan website ini.
Jenis Tugas
Ujian Akhir Semester (UAS)
Mata Kuliah
Pemrograman Web I (IF210)
Perguruan Tinggi
Universitas Siber Asia
Jumlah Anggota
4 Mahasiswa
Rincian Ujian Akhir Semester
- Mata Kuliah
- Pemrograman Web I
- Kelas
- IF210
- Program Studi
- PJJ Informatika
- Semester
- Genap, Tahun Ajaran 2025/2026
- Dosen Pengampu
- Riad Sahara, S.SI., M.T.
- Sifat Ujian
- Project Based Test (Kelompok)
- Waktu Pengerjaan
- 3 Agustus 2026 – 16 Agustus 2026
- Tema Aplikasi
- Edukasi (Platform Kursus Online)
- Alamat Website
- edulearn.biz.id
- Repository
- github.com/krampikram/EduLearn
Anggota Kelompok
Berikut adalah daftar mahasiswa yang terlibat dalam perancangan dan pengembangan website EduLearn.
MF
M. Fikram Faiq Fadhil
250401010519
MI
Miranti
250401010494
AS
Adam Suchi Hafizullah
250401010513
| No | Nama Lengkap | NIM |
|---|---|---|
| 1 | M. Nuridin | 250401010526 |
| 2 | M. Fikram Faiq Fadhil | 250401010519 |
| 3 | Miranti | 250401010494 |
| 4 | Adam Suchi Hafizullah | 250401010513 |
Teknologi yang Digunakan
Website ini dibangun sepenuhnya menggunakan teknologi front-end tanpa backend maupun basis data, sesuai dengan cakupan materi mata kuliah Pemrograman Web I.
-
HTML5 Semantik: Penggunaan elemen
header,nav,main,section,article, danfooter. -
CSS3 Kustom: Variabel CSS, Flexbox, Grid, serta media query untuk tampilan responsif.
-
Bootstrap 5.3: Sistem grid, komponen navbar, carousel, accordion, dan Bootstrap Icons.
-
JavaScript (Vanilla): Filter kursus, pencarian, animasi statistik, dan validasi form pendaftaran.
-
Aksesibilitas: Penerapan atribut
aria-label,alt, dan struktur heading yang runtut.
Halaman yang Dibuat
Project ini terdiri atas lima halaman utama yang saling terhubung satu sama lain.
Pemenuhan Ketentuan Soal
Daftar komponen website yang disyaratkan pada soal ujian beserta lokasi penerapannya di dalam project ini.
| Komponen | Penerapan | Halaman |
|---|---|---|
| Heading & Paragraph | Struktur judul h1–h6 yang runtut serta paragraf deskriptif |
Semua halaman |
| Text Formatting | Penekanan teks dengan strong, em, mark, small,
dan code |
Detail Kursus, Tentang |
| Link | Navigasi antarhalaman, tautan internal anchor, dan breadcrumb | Semua halaman |
| Image | Gambar sampul kursus, ilustrasi hero, dan foto pengajar dengan atribut alt |
Beranda, Kursus, Detail Kursus |
| Table | Tabel silabus kursus, ringkasan anggota kelompok, dan tabel pemenuhan ketentuan | Detail Kursus, Tentang |
| List | Daftar berurutan ol, tak berurutan ul, dan daftar definisi dl
|
Beranda, Detail Kursus, Tentang |
| Form | Formulir pendaftaran bertahap dengan input teks, email, radio, select, dan textarea | Pendaftaran |
| Video & Audio | Pemutar video dan audio HTML5 beserta atribut controls |
Detail Kursus |
| CSS | Template Bootstrap 5.3 dipadukan dengan custom CSS berbasis variabel dan media query | Semua halaman |
| JavaScript | Pencarian dan filter kursus, animasi angka statistik, serta validasi formulir | Beranda, Kursus, Pendaftaran |
Terima Kasih
Seluruh konten kursus, pengajar, dan testimoni pada website ini bersifat fiktif dan hanya digunakan sebagai contoh dalam prototype pembelajaran. Kami mengucapkan terima kasih kepada Bapak Riad Sahara, S.SI., M.T. selaku dosen pengampu mata kuliah Pemrograman Web I atas bimbingan selama satu semester.
Jelajahi Kursus