Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy
Desainer Program: Coach Firqy, Siska
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12
Durasi Belajar: 3 minggu
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching
Metode (online/offline/blended): Blended
Lesson
Topik Deskripsi Kegiatan
No.
Peserta melakukan Installasi
Software yang diperlukan
Lesson Preparation
*Peserta diberikan tutorial
penggunaan LMS
Mengenal Website dan * Peserta menonton Video
1 HTML Website & HTML
* Peserta mempelajari file pdf E-
Book Website & HTML, mengikuti Online
langkah-langkah yang diberikan
Tugas Mandiri
Mengenal CSS (Cascading * Peserta menonton Video CSS
2 Style Sheet) (Cascading Style Sheet)
* Peserta mendownload file pdf E-
Book CSS dan mengikuti
langkah-langkah yang diberikan.
Tugas Mandiri
Kerangka Belajar Web Development
Pelatihan Web Development untuk Pemula
Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
programming (Coding) maupun prospek pekerjaan.
Durasi Kompetensi Teknis
Online Offline Keterangan
Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
(menit) (menit) Tambahan
* Peserta memiliki
pengetahuan dasar
* Peserta dapat membuat
Online 30 mengenai Website & Cara
Halaman Website pertama
mengaplikasikan Bahasa
Pemograman HTML
60
Tugas:
Mengenai Tag HTML
Offline 60 Penilaian:
Tampilan Website Peserta sama
seperti tampilan Website Tugas
* Peserta memiliki
pengetahuan dasar * Peserta dapat membuat
mengenai CSS (Cascading lebih dari satu halaman
Online 30 Style Sheet) dan cara Website dengan
penggunaannya dalam menggunakan CSS
pembuatan website
* Peserta dapat
menghubungkan dua atau
Online 60 lebih Halaman Website
yang berbeda dengan
menggunakan CSS
Tugas:
Membuat 3 Tampilan Website
sederhana(Home, About,
Contact), dan menghubungkan 3
page tersebut dengan navbar
Offline 60
Penilaian:
* Memiliki 3 Page Website
* Setiap page memiliki Navbar
* Tampilan setiap Page
* Setiap page dapat terhubung
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy
Desainer Program: Coach Firqy, Siska
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12
Durasi Belajar: 3 minggu
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching
Metode (online/offline/blended): Blended
Lesson
Topik Deskripsi Kegiatan
No.
Mengenal Framework * Peserta menonton Video
3 Bootstrap 4 Framework Bootstrap 4
* Peserta mendownload file pdf E-
Book Framework Bootstrap 4 dan
mengikuti langkah-langkah yang
diberikan
Tugas Mandiri
* Peserta menonton Video
4 Javascript & Normalisasi Tabel
* Peserta mendownload file pdf E-
Book Javascript & Normalisasi
Tabel
Kerangka Belajar Web Development
Pelatihan Web Development untuk Pemula
Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
programming (Coding) maupun prospek pekerjaan.
Durasi Kompetensi Teknis
Online Offline Keterangan
Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
(menit) (menit) Tambahan
* Peserta memiliki
pengetahuan dasar
mengenai Framework * Peserta dapat membuat
Online 30 Bootstrap 4, dan memahami tampilan Website dengan
fungsi dan cara Framework Bootstrap 4
penggunaannya dalam
pembuatan website.
* Peserta dapat membuat
MockUp Design Website
* Peserta memahami konsep
Online 60 Planning Design Thinking
sebagai konsep gambar
sebelum pembuatan
Website
Tugas:
Membuat Tabel Data (Tabel
Bootstrap), percantik
menggunakan CSS. Membuat
Card Bootstrap dengan isi dan
layout yang sudah ditentukan.
60
Penilaian:
* Tampilan Tabel
* Pengaplikasian Layout Card
sesuai dengan yang ditentukan
dari Tugas
* Peserta memiliki
pengetahuan dasar Peserta dapat
mengenai Javascript, menggunakan Javascript
Online 60 memahami fungsi dan logika dalam pembuatan website
Javascript dalam pembuatan yang interaktif
website
* Peserta dapat
menerjemahkan kumpulan
Peserta memahami konsep
Online 60 dan logika Normalisasi Tabel
data sesuai dengan request
dalam bentuk Normalisasi
Tabel
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy Kerangka Belajar Web Development
Desainer Program: Coach Firqy, Siska Pelatihan Web Development untuk Pemula
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12 Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Durasi Belajar: 3 minggu
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching programming (Coding) maupun prospek pekerjaan.
Metode (online/offline/blended): Blended

Durasi Kompetensi Teknis

Lesson Online Offline Keterangan
Topik Deskripsi Kegiatan Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
No. (menit) (menit) Tambahan
Tugas:
* Membuat 1 Halaman Website
Profile yang mendeskripsikan
diri menggunakan (html,
bootstrap & css)

* Check Point Tugas: Project * Membuat Normalisasi tabel

Website Profile dan Offline 180 dari data yang sudah tersedia
Membuat Normalisasi Tabel
INDIKATOR PENILAIAN
* Tampilan Website (User
Interface)

* Penerapan Normalisasi Data

* Peserta menonton Video
Mengenal Framework
5 CodeIgniter v4 (CI4)
Installasi Software & Pengenalan
Framework CI v4
* Peserta mendownload dan
mempelajari file pdf E-Book
Installasi Software & Pengenalan
Framework CI v4
Tugas Mandiri
Mengenal Routes, Controller * Peserta menonton Video
6 & Views Layout Framework Routes, Controller & Views Layout Online
CI v4 Framework CI v4
* Peserta dapat memahami
fungsi, struktur &
Online 30 environment Framework CI
v4 dalam pembuatan
Website
Online 60
Offline 60
* Peserta memiliki
pengetahuan dasar
mengenai Routes, Controller
30 & Views Layout Framework
CI v4, fungsi dan cara
kerjanya dalam pembuatan
website
pada Tabel
* Peserta sudah
mempersiapkan semua
requirement
Tugas:
Peserta membuat project CI 4
dengan nama project training-
website
Penilaian:
* Peserta screenshoot project
training-website yang sudah di
Installasi dan kirim ke fasilitator
* Peserta dapat melakukan
pengaturan jalur akses
untuk menampilkan request
dari User
* Peserta dapat membuat
Controller dan Method
untuk mengelola Website
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy
Desainer Program: Coach Firqy, Siska
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12
Durasi Belajar: 3 minggu
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching
Metode (online/offline/blended): Blended
Lesson
Topik Deskripsi Kegiatan
No.
* Peserta mendownload file pdf E-
Book Routes, Controller & Views
Layout Framework CI v4 dan
Online
mengikuti latihan yang ada
Tugas Mandiri
Mengenal Model, Create * Peserta menonton Video Model,
7 Data dan Validasi Create Data & Validasi
Online
* Peserta mendownload file pdf E-
Book Model, Create Data &
Validasi dan mengikuti langkah-
Online
langkah yang diberikan
Kerangka Belajar Web Development
Pelatihan Web Development untuk Pemula
Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
programming (Coding) maupun prospek pekerjaan.
Durasi Kompetensi Teknis
Online Offline Keterangan
Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
(menit) (menit) Tambahan
* Peserta paham dengan
Proses Installasi (Component
fungsi dan tugas dari
Software dapat didownload di
60 Git maupun Gdrive yang
berbagai macam folder dan
environment Framework CI
sudah disediakan)
v4
Tugas:
Membuat Controller dan Method
baru, Atur Jalur Routes agar
dapat menampilkan Controller dan
Offline 60 Method yang baru
Penilaian:
Peserta berhasil menampilkan
Controller dan Method baru
* Peserta dapat membuat
Database local dengan
phpmyadmin
* Peserta memiliki
pengetahuan dasar
* Peserta dapat
mengenai Model, Create
30 Data & Validasi, fungsi dan
mengkoneksikan database
yang sudah dibuat dengan
cara kerjanya dalam
Framework CI 4 dan
pembuatan website
peserta dapat mengelola
dabatase dengan Model CI
v4
* Peserta dapat melakukan
Create Data didalam
Website
60 * Peserta dapat melakukan
Validasi terhadap Data yang
akan di Input jika field form
ada yang belum terisi atau
denied double data
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy Kerangka Belajar Web Development
Desainer Program: Coach Firqy, Siska Pelatihan Web Development untuk Pemula
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12 Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Durasi Belajar: 3 minggu
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching programming (Coding) maupun prospek pekerjaan.
Metode (online/offline/blended): Blended

Durasi Kompetensi Teknis

Lesson Online Offline Keterangan
Topik Deskripsi Kegiatan Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
No. (menit) (menit) Tambahan
Tugas:
Peserta membuat database
sederhana yang berisi 2 data,
Koneksi & Konfigurasi Model agar
terhubung ke Database dan
Controller
Membuat fitur Create data pada
Tugas Mandiri Offline 60 Website

Mengenal fungsi Delete Data * Peserta menonton Video Delete
8 & Edit Data Data & Edit Data
Online
* Peserta mendownload file pdf E-
Book Delete Data & Edit Data dan
mengikuti langkah-langkah yang
Online
diberikan
Tugas Mandiri
Penilaian:
* Semua data dari Database
muncul di Website
* Website dapat melakukan Insert
Data
* Peserta memiliki
pengetahuan dasar * Peserta dapat melakukan
mengenai Delete Data dan delete terhadap data yang
30 Edit Data, fungsi dan cara tidak diperlukan didalam
kerjanya dalam pembuatan website
website
* Peserta dapat melakukan
60 edit data dari data yang
sudah ada didalam Website
Tugas:
Membuat fitur Delete Data pada
Website
Membuat fitur Edit Data pada
Offline 60 Website

Penilaian:
* Website dapat delete data
* Website dapat edit data
Tugas:
Membuat Website berbasis data
yang dapat dikelola dengan
CRUD
Check point: Final Project Membuat website berbasis data Offline 180
Penilaian:
* Tampilan Website (User
Interface)
* Arsitektur Website
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy
Desainer Program: Coach Firqy, Siska
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12
Durasi Belajar: 3 minggu
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching
Metode (online/offline/blended): Blended
Lesson
Topik Deskripsi Kegiatan
No.
* Peserta menonton Video
9 Launching Website CI4
Lauching Website (Hosting)
Online
* Peserta mendownload file pdf E-
Book Lauching Website (Hosting)
Online
* Peserta belajar Launching
Website ke Hosting sesuai
dengan intruksi atau arahan yang
Offline
diberikan
1 Mengenal Framework * Peserta menonton Video
Laravel, Installasi & Routing Framework Laravel, Installasi &
Routing
* Peserta mendownload file pdf E-
Book Framework Laravel,
Installasi & Routing
2 Mengenal Controller, * Peserta menonton Video
Database & Model Controller, Database & Model
* Peserta mendownload file pdf E-
Book Controller, Database &
Model
Kerangka Belajar Web Development
Pelatihan Web Development untuk Pemula
Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
programming (Coding) maupun prospek pekerjaan.
Durasi Kompetensi Teknis
Online Offline Keterangan
Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
(menit) (menit) Tambahan
* Peserta memahami cara Tugas:
* Peserta dapat
kerja Lauching Website Lauch Website ke Hosting
meluncurkan Website ke
30 (Hosting) dari Website yang
Hosting dan tampil di
sudah dibuat agar dapat Penilaian:
Internet
tampil di Internet Website tampil di Internet
60
120
BONUS MATERIAL LESSON: LARAVEL
* Peserta dapat mengenal * Peserta mengenal dan
framework software lainnya explore lebih dari 1
yaitu Laravel dalam framework software
pembangunan sebuah
aplikasi (dalam kasus ini * Peserta paham dengan
adalah Website)* fungsi dan cara kerja
Online 30 Routing dalam Framework
Laravel
* Peserta sudah installasi
aplikasi atau project Laravel
Online 60
*Peserta belajar mengenai * Peserta paham mengenai
cara kerja controller dalam fungsi dan cara kerja
Framework Laravel Controller
dalam Framework Laravel
*Peserta belajar mengenai
pembuatan database dan * Peserta dapat membuat
Online 30 menghubungkan dengan Database di phpMyAdmin
Framework Laravel lalu menampilkan data
tersebut di Website
*Peserta belajar membuat
Model untuk konfigurasi
Database agar dapat CRUD
Online 60
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy
Desainer Program: Coach Firqy, Siska
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12
Durasi Belajar: 3 minggu
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching
Metode (online/offline/blended): Blended
Lesson
Topik Deskripsi Kegiatan
No.
3 Mengenal Create Data, Flash * Peserta menonton Video Create
Data & Validation Data, Flash Data & Validation
* Peserta mendownload file pdf E-
Book Create Data, Flash Data &
Validation
4 Mengenal Update & Delete * Peserta menonton Video Update
& Delete
* Peserta mendownload file pdf E-
Book Update & Delete
5 Check point: Final Project Membuat website berbasis data Offline
* Peserta menonton Video
Lauching Website (Hosting)
Online
* Peserta mendownload file pdf E-
Book Lauching Website (Hosting)
Online
6 Launching Website CI4
Kerangka Belajar Web Development
Pelatihan Web Development untuk Pemula
Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
programming (Coding) maupun prospek pekerjaan.
Durasi Kompetensi Teknis
Online Offline Keterangan
Aktivitas Elemen Kompetensi Indikator Pencapaian Assessment
(menit) (menit) Tambahan
* Peserta belajar untuk *Peserta berhasil
membuat atau mengelola menambahkan fitur Tambah
database agar dapat Data (Create Data)
menambah data
*Peserta dapat
* Peserta belajar untuk menampilkan pesan Ketika
Online 30 menampilkan pesan data data sudah ditambahkan
berhasil ditambah
* Peserta dapat melakukan
* Peserta belajar untuk validasi terhadap data yang
validasi data sebelum akan diinput (Tambah Data)
diproses
Online 60
* Peserta memiliki * Peserta dapat melakukan
pengetahuan dasar Delete pada Website untuk
mengenai fitur CRUD lainnya menghapus data yang
yaitu Delete & Update sudah ada
beserta juga dengan fungsi
Online 30 dan cara kerjanya dalam * Peserta dapat melakukan
pembuatan Website Edit pada Website untuk
menggunakan Framework mengubah data yang sudah
Laravel ada
Online 60
Tugas:
Membuat Website berbasis data
yang dapat dikelola dengan
CRUD
180
Penilaian:
* Tampilan Website (User
Interface)
* Arsitektur Website
30
* Peserta memahami cara Tugas:
* Peserta dapat
60 kerja Lauching Website
meluncurkan Website ke
Lauch Website ke Hosting
(Hosting) dari Website yang
Hosting dan tampil di
sudah dibuat agar dapat Penilaian:
Internet
tampil di Internet Website tampil di Internet
Nama Program: Web Development for Beginner
Coach Owner: Coach Clevio - Sutan Firqy Kerangka Belajar Web Development
Desainer Program: Coach Firqy, Siska Pelatihan Web Development untuk Pemula
Audiens: Siswi & Alumni SMK
Syarat Peserta: Minimal kelas 12 Tujuan umum: Peserta dapat membuat website dinamis yang dapat mengelola database dengan fitur CRUD
(Create, Read, Update, Delete) data, serta memahami penggunaan framework dalam pembuatan website. Dengan
Durasi Belajar: 3 minggu
Training ini diharapkan peserta dapat memiliki peluang besar baik dalam wawasan ilmu mengenai dunia
Jumlah Pertemuan: 9 sesi belajar + 4 sesi coaching programming (Coding) maupun prospek pekerjaan.
Metode (online/offline/blended): Blended

Durasi Kompetensi Teknis

Lesson Online Offline * Peserta memahami cara *Indikator
Peserta dapat
Tugas: Keterangan
Topik Deskripsi Kegiatan Aktivitas Elemen Kompetensi Pencapaian Lauch Website
Assessment
No. (menit) (menit) kerja Lauching Website
meluncurkan Website ke
ke Hosting
Tambahan
6 Launching Website CI4 (Hosting) dari Website yang
Hosting dan tampil di
* Peserta belajar Launching sudah dibuat agar dapat Penilaian:
Website ke Hosting sesuai Internet
tampil di Internet Website tampil di Internet
dengan intruksi atau arahan yang
Offline 120
diberikan