Topic outline

  • Pengembangan Aplikasi Web

    image

    • Selamat datang Forum

      Selamat datang saya ucapkan kepada seluruh peserta kelas Pengembangan Aplikasi Web.

      Perkenalkan saya Eri Haryanto, S.Kom., M.Kom., merupakan dosen pada Program Studi Informatika Universitas Janabadra.
      Di kelas ini saya akan menjadi Dosen Pengajar yang akan memberikan arahan dan menjadi fasilitator dalam mahasiswa menyelesaikan seluruh topik pada kelas ini.
      Selamat belajar.
      Hormat saya,

      Eri Haryanto, S.Kom., M.Kom.

  • Topic 1 Pengantar Kuliah Pengembangan Aplikasi Web

  • Topic 2 Teknologi dalam Aplikasi Web

    Dalam topic ini mahasiswa diharapkan:

    • Mengetahui dan memahami perkembangan teknologi-teknologi pada aplikasi web.
    • Perkembangan bahasa-bahasa pemrograman aplikasi web.
    Sifat Kuliah: ASINKRON MAYA

    Alur Belajar dalam Topic Ini:
    1. Masuk forum diskusi
    2. Sharing informasi terbaru tentang perkembangan teknologi aplikasi Web.
    3. Sharing informasi fitur-fitur baru dalam bahasa HTML5, CSS3, PHP7
    4. Isi presensi pada Link >> ATTENDANCE di awal Topik <<
    • Forum Sharing Update Teknologi Aplikasi Web
      TOPIK DISKUSI
      A. Cari wawasan dari perkembangan Teknologi Web di bawah ini, diskusikan dan sharing informasi di forum:
      • Responsive Design
      • Progressive Web Apps
      • Semantic Web
      B. Cari referensi bahasa pemrograman HTML, CSS, PHP. sebutkan fitur2 baru pada:
      • Bahasa HTML5
      • Bahasa CSS3
      • Bahasa PHP7

      *) Setiap mahasiswa diharuskan buat 1 posting / 1 reply untuk mendapatkan poin, post harus sesuai dengan bahasan pada topik ini

  • Topic 3 Framework dalam Pemrograman

    Pada bagian ini Mahasiswa diharapkan dapat mengetahui dan memahami definisi framework dalam bahasa pemrograman.

    Capaian topic:

    1. Baca materi ppt tentang framework
    2. Diskusi di forum
    3. Lihat video pengayaan materi
    4. isi presensi

  • Topic 4 Konsep MVC pada Framework

    • Kuliah tatap Muka Daring

      >>Klik disini untuk masuk kelas <<

  • Topic 5 Arsitektur MVC : Implementasi Konsep MVC (CI)

    Pada bagian ini Mahasiswa diharapkan dapat menguasai arsitektur MVC pada framework aplikasi Web dengan Bahasa PHP.

    Pembelajaran pada Topic ini:

    • Isi presensi kehadiran kuliah
    • Kerjakan Tugas

    • MVC

    • Tugas Implementasi MVC Assignment

      Untuk lebih memahami konsep MVC pada framework, mahasiswa diharapkan mencoba untuk menerapkan konsep MVC pada framework Code Igniter.

      Tugas:

      Buat tampilan program dengan framework MVC untuk implementasi konsep MVC.
      kriteria:

      • Ada penggunaan Model
      • Ada penggunaan View
      • Ada penggunaan Controller
      • Ada koneksi database (Get data tabel)
      • Tugas Individu
      Pengumpulan:
      • Compress project CI dan dump SQL dalam satu file ZIP / RAR
      • Upload ke Asignment ini
      • Waktu pengerjaan 1 Minggu

  • Topic 6 CRUD pada Framework Code Igniter (11/11/2020))

    Pada bagian ini Mahasiswa diharapkan dapat memahami CRUD Database dengan framework Code Igniter. Langkah pembelajaran pada topic ini:

    1. Isi presensi
    2. Masuk kelas online

    • Silahkan Klik link di bawah ini untuk masuk ke kelas:

      >> LINK MASUK KELAS <<

  • Topic 7 Assesment

    • Topic 8 Framework Bootstrap

      Pada bagian ini Mahasiswa diharapkan dapat memahami Framework CSS dengan Bootstrap.

      1. Buka Materi
      2. Isi Presensi

    • Topic 9 Frontend Web

      Pada topic ini mahasiswa diberikan tugas untuk membentuk kelompok dalam mengerjakan project pengembangan aplikasi web.

      1. Isi presensi
      2. Input nama anggota kelompok pada quiz.

      • Tugas Besar: Input nama kelompok Quiz

        Dalam memahami lebih dalam aplikasi berbasis web, diperlukan latihan-latihan dalam coding aplikasi web.

        Silahkan mahasiswa untuk dapat membuat kelompok untuk pengembangan sebuah project aplikasi web.
        Topik aplikasi yang dibangun bebas dengan kriteria sebagai berikut:

        1. Kelompok 3 orang
        2. Pelajari dan Manfaatkan Git (kerja team)
        3. Menggunakan Framework CI (Code Igniter)
        4. Menggunakan Framework Bootstrap dalam membuat tampilan
        5. Sistem memiliki dua sisi operasi:
          • Sisi pengguna publik (Front-End)
          • Sisi pengguna private/admin (Backend)
        6. Menggunakan MySQL Database

    • Topic 10 Back-End Aplikasi Web

      Pada bagian ini Mahasiswa diharapkan dapat mengetahui dan memahami konsep back-end lewat pengerjaan tugas project Web.


      • TUGAS PADA TOPIC INI

        1. Silahkan untuk membuat Time schedule pengerjaan project webnya, dimulai dari pekan kemarin sampai pekan depan.
        2. Pekan Depan setiap kelompok harus sudah dapat menampilkan tampilan public dan private (frontend&backend) dari web yang dibuat lengkap dengan menu-menunya.
        3. Template frontend dan backend diperbolehkan menggunakan free/premium template bootstrap. Hindari menggunakan template bajakan (premium tp crack2an)
        4. Presentasi frontend&backend boleh secara live (team meeting pekan depan) atau record video tinggal share link
        5. Presensi pekan depan diambil dari presentasi.

      • Kirimkan link video lewat asignment di bawah ini.
      • Submit Link Video Presentasi (Tugas Besar: Tampilan front-end back-end & susunan menu) Assignment

        Bagi mahasiswa yang memilih presentasi by record video, silahkan lampirkan link video pada asignment ini.

    • Topic 11-12 Otentikasi Aplikasi Web, Presentasi

      Pada bagian ini Mahasiswa diharapkan mampu membuat otentikasi untuk aplikasi web.

      1. Isi Presensi
      2. Masuk Kelas Virtual untuk Menyimak Materi
      3. Paparan Tugas Besar

    • Topic 13 Konsep Web Service

      Pada bagian ini Mahasiswa diharapkan dapat memahami konsep web service dengan framework Code Igniter atau tanpa framework.
      Langkah pembelajaran pada topic ini:

      1. Isi presensi
      2. Baca referensi-referensi online terkait web service (Application Programming Interface -- API) (mandiri)
      3. Implementasikan API pada salah satu modul project web Anda (kelompok)

    • Topic 14-15 Aplikasi API untuk CRUD Database

      If your web application has API then it can be very easily communicate with other application, because now API is an essential components of web based application.

      Capaian pada topic ini:

      1. Input presensi
      2. Download Materi
      3. Implementasi materi pada project Tugas Besar.

      • Resources File

        Untuk melihat implementasi API Crud pada framework CI silahkan download project ini dan install pada web server.