Topic outline

  • General

    Collapse all Expand all
     
    Ketentuan Final Project Pemrograman Web
    		    
        Degree
    Variabel Standard Min Max
    Frontend Creative HTML, CSS, JS Bootstrap Tailwind
    Backend   Native PHP (UTS) Laravel (UAS)
    Grafik Chart (multi type)    
    Report PDF/Excel    
    Version Control Github Code hosting Code versioning
    Hosting   Localhost Cloud + domain (free)
    User role 3 role    
    Database Berelasi master - 2 transaksi Tabel lebih banyak lebih baik
    Dokumentasi Format ITCC, Innovillage,Gemastik Laporan  

  • 1. Kontrak Kuliah , intro web, developer role

  • 2. HTML, validasi pada html, intro git

    • Assignment icon
      Praktikum Mandiri 2 (sekaligus presensi) Assignment
      Opened: Friday, 20 February 2026, 12:00 AM
      Due: Saturday, 21 February 2026, 12:30 PM

      buat page di modul "BAB 5: Studi Kasus dan Praktik" utk web kelompoknya
      1. Halaman Beranda (index.html)
      2. Halaman Profil (about.html
      3. Halaman Portofolio (portfolio.html)
      4. Halaman Kontak (contact.html)

      upload Laporan berisi screenshot (pdf)

      Deadline 24 jam setelah kelas 

    • Assignment icon
      Tugas Project Kelompok 2 Assignment
      Opened: Friday, 20 February 2026, 12:00 AM
      Due: Friday, 27 February 2026, 11:30 AM

      Tugas Mandiri 
      Modifikasi & Validasi page di modul Bab 5 utk project web kelompoknya

      Tugas Kelompok (Git)
       buat repositoy dan coba masing-masing push project berisi modifikasi praktik mandiri utk web kelompok

      Tulis di submission text 

      • URL repo kelompok
      • jelaskan halaman dan apa yang kalian modifikasi di page tsb

      Deadline 1 jam sebelum pertemuan berikutnya

  • 3. CSS + intro JS

    • Assignment icon
      Praktikum Mandiri 3 Assignment
      Opened: Friday, 27 February 2026, 12:00 AM
      Due: Saturday, 28 February 2026, 3:00 PM

      Praktik Mandiri modul berikut ini. upload Laporan berisi screenshot (pdf).

      Deadline 24 jam setelah kelas 

       

       

    • Assignment icon
      Tugas Mandiri 3 Assignment
      Opened: Friday, 27 February 2026, 12:00 AM
      Due: Friday, 6 March 2026, 11:30 AM
    • Assignment icon
      Tugas Kelompok 3 Assignment
      Opened: Friday, 27 February 2026, 12:00 AM
      Due: Friday, 6 March 2026, 12:00 PM

  • 4-5. Tailwind CSS

    Pertemuan 4 . Mandiri Belajar

    Pertemuan 5. Presentasi Hasil Tailwind

    • Assignment icon
      Praktik sebagai presensi Assignment
      Opened: Friday, 6 March 2026, 12:00 AM
      Due: Monday, 9 March 2026, 12:00 PM

      Install/Use Tailwind lalu membuat 1 form atau halaman (responsive design) 

      (contoh tampilan form ada di akhir Slide, dan referensi belajar ada di video 9 dan 10)

      Kirim Screenshot

    • Assignment icon
      Tugas Kelompok Assignment
      Opened: Friday, 6 March 2026, 12:00 AM
      Due: Friday, 13 March 2026, 12:00 PM

       Tugas kelompok membuat halaman profil studi kasus (isi bebas boleh kompilasi dari tugas mandiri, misalkan profil kalian sebagai tim developer, tujuan target masalah yang ingin diselesaikan, form pendaftaran/kontak/permohonan dll ). Referensi belajar ada di video Membuat Website Portfolio Menggunakan TAILWIND CSS 3 | NGOBAR #32 (Isi web tidak harus sama dengan video. Lama video ini 2,5 jam, perlu bisa praktik yang basic dulu untuk bisa mengikuti)

      Dikumpulkan Screenshot dan Pekan 5 presentasi progress

  • 6-7. PHP CRUD

  • 8. UTS

    • Assignment icon
      Soal dan Pengumpulan Proposal UTS Assignment
      Opened: Wednesday, 15 April 2026, 12:00 AM
      Due: Friday, 17 April 2026, 11:00 PM

      Demo dan Ujian Lisan bisa dilaksanakan di UTS pekan 1 ataupun 2. bisa 1 hari full, atau 2 sesi hari jumat.

  • 9. Intro MVC dan Laravel

    Latihan Individu #9 : 

    • Instal Laravel
    • Praktikan konsep  MVC

    Diskusi Kelompok #9 :  Eksplorasi menerapkan laravel di project base View sebisanya. Pertemuan selanjutnya diskusi sejauh apa bisa yang bisa projek kelompok di migrasi dari  Native PHP ke Laravel MVC

    Video Kuliah #9 :

    • Pahami rencana pembelajaran selama 1 bulan ke depan (dijelaskan di video)
    • Pahami konsep MVC

     

    • Folder icon
      Slide dan Modul Folder
    • Assignment icon
      Latihan Individu #9 sekaligus presensi. Assignment
      Opened: Friday, 24 April 2026, 12:00 AM
      Due: Friday, 1 May 2026, 12:00 PM

      Ikuti video tutorial, mulai dari Instalasi s.d. Memahami Konsep MVC (video 1-6) sampai bisa membuat form CRUD (non-DB) berikut. 

      Jelaskan apa yang kamu pahami tentang MVC dan demokan hasil nya melalui video record mesage (misal LOOM ). Kirim URLnya di submission text

       

      Boleh diskusi dan kerja kelompok dalam pemahaman MVC, namun instalalasi Laravel minimal harus dicoba sendiri

    • Tutorial Untuk Praktikum

      Materi untuk praktikum setara dengan video 1-6 di playlist berikut : Belajar Laravel 12 dari Nol: Panduan Lengkap! 

  • 10-11. Laravel (CRUD

    Catatan di tutorial di Modul menggunakan server Laragon, sama saja hanya beda tools dengan video yang menggunakan XAMPP.
     
    • Jika bingung dan mau lanjut tahu cara Create Read menggunakan XAMMP, bisa mengikuti dari video tutorial Playlist Belajar Laravel 12 dari Nol: Panduan Lengkap! video ke 7-12

    • Jika bingung dan mau lanjut tahu cara Update Delete menggunakan XAMMP, bisa mengikuti dari video tutorial Playlist Belajar Laravel 12 dari Nol: Panduan Lengkap! video ke 13-17

      Coba ikuti tutorial di modul di atas

    • Assignment icon
      Latihan (Individu) Assignment
      Opened: Thursday, 7 May 2026, 12:00 AM
      Due: Friday, 8 May 2026, 2:30 PM

      Ikuti tutorial di Modul 10 Laravel Create Read, Bab 

      2.4. Uji Coba Fitur CRUD (Create dan Read)
      2.4.1. READ — Daftar Mahasiswa
      2.4.2. CREATE — Tambah Mahasiswa Baru
      2.4.3. SHOW — Detail Mahasiswa

      Tampilkan demo melalui record video, kirim url di submission

       

      catatan : abaikan dulu penugasan yang di Modul 10