Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak

Unit Kompetensi : Pemrograman Web (HTML)

Total JP : 72 JP

Waktu dalam
JP
No Elemen (1 JP = 45 ”)
1 Pendahuluan
– Pengenalan mengenai website, apa itu website, tools dalam
mengembangkan sebuah website 8
– Latihan dan Quis
2 Pengenalan HTML 8
– Pengenalan HTML
– Membuat Halaman Pertama HTML
– Struktur Dasar HTML
– Identifikasi Elemen Pada halaman website
– Latihan dan Quis
3 Pendalaman HTML 32
– Typografi (Paragraft, Headline, Sub, Sup)
– List (orderlist, unorderlist)
– Ananomi Tabel (table, thead, tbody, tr, td, td, colspan, rowspan,
tabel on tabel)

Quis berbasis project

– Multimedia (img, sound, video)

– Anchor (href)
– Formulir (text, textarea, checkbox, select)

Quis berbasis project

Project Base Learning

Membuat Halaman website

1. Portopolio Pribadi
2. Company Profile sekolah sekolah dibawah LP
3. Company Profile perusahaan yang telah MoU dengan SMKS
BINA CENDEKIA CIREBON
4 24
Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Unit Kompetensi : Pemrograman Web (CSS)
Total JP : 72 JP

Waktu dalam
JP
No Elemen (1 JP = 45 ”)
1 Pendahuluan
– Pengenalan CSS, kenapa membutuhkan CSS dalam Pemrograman
Web 8
Latihan dan Quis
2 Pengenalan CSS 8
– Pengenalan Cara Kerja CSS
– Anatomy CSS
– Penggunaan CSS dalam HTML
– CSS Native
– CSS Framework
Latihan dan Quis
3 Pendalaman CSS 40
CSS Native
– Style Pada Text
– Style Pada Multimedia
– Style Pada Tabel
– Style Pada Formulir

Latihan dan Quis

CSS Framework
– Install CSS Framework pada halaman website
– Pengenalan class pada CSS Framework
– Menggunakan CSS Framework pada halaman website

Latihan dan Quis

Project Base Learning

Membuat Halaman website

1 Portopolio Pribadi (tambahkan Style)
2 Company Profile sekolah sekolah dibawah LP SMKS BINA
CENDEKIA (tambahkan Style)
3 Company Profile perusahaan yang telah MoU dengan SMKSBINA
CENDEKIA CIREBON (tambahkan Style)
4 16
Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Unit Kompetensi : Pemrograman Web (Javascript)
Total JP : 72 JP

Waktu dalam
JP
No Elemen (1 JP = 45 ”)
1 Pendahuluan
– Pengenalan Javascript, kenapa membutuhkan Javascript dalam
Pemrograman Web 8
– Latihan dan Quis
2 Pengenalan Javascript 8
– Pengenalan Cara Kerja Javascript
– Anatomy Javascript
– Penggunaan Javascript dalam HTML
– Javascript Native
– Javascript Framework
3 Pendalaman Javascript 40
– Variabel dan Type Data
– Array 1 dimensi dan multidimensi
– Pencabangan

Latihan dan Quis (Aplikasi Kalkulator, dll)

– Pengulangan
– Fungsi

Latihan dan Quis (Aplikasi Pemilihan dll)

Project Base Learning

Membuat Halaman website

1 Portopolio Pribadi (tambahkan Style + javascript)
2 Company Profile sekolah sekolah dibawah LP Ma Arif NU
Tasikmalaya (tambahkan Style + javascript)
3 Company Profile perusahaan yang telah MoU dengan SMKS NU
Tasikmalaya (tambahkan Style + javascript)
4 16
Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Unit Kompetensi : Pemrograman Web (PHP)
Total JP : 72 JP

Waktu dalam
JP
No Elemen (1 JP = 45 ”)
1 Pendahuluan
– Pengenalan PHP, kenapa membutuhkan Javascript dalam
Pemrograman Web
– Pengenalan Cara Kerja PHP
– Pengenalan Web Server (Apache, EnginX, dll) 8
Latihan dan Quis
2 Pengenalan PHP 8
– Anatomy PHP
– Penggunaan PHP dalam HTML
– Instalasi Web Server
Latihan dan Quis
3 Pendalaman PHP 1 16
Fundamental PHP
– Variabel dan Operator
– Pencabangan
– Pengulangan
– Fungsi
– Session & Coccies
4 Pendalaman PHP 2 24
CRUD Pada PHP
– Read Data
– Insert Data (create)
– Update Data
– Delete Data
Project Base Learning

Membuat Halaman website

1. Portopolio Pribadi (tambahkan Style + javascript + PHP)
2. Company Profile sekolah sekolah dibawah LP Ma Arif NU
Tasikmalaya (tambahkan Style + javascript + PHP)
3. Company Profile perusahaan yang telah MoU dengan SMKS NU
Tasikmalaya (tambahkan Style + javascript + PHP)
4 16

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak

Unit Kompetensi : Pemrograman Web Framework (CodeIgniter)
Total JP : 144 JP
 Waktu dalam
JP
No Elemen (1 JP = 45 ”)
1 Pendahuluan
– Perkenalan tentang Web Framework yang ada
– Pengenalan MVC pada Web Framework
– How to Built Web Application Must Make Web Framework ??? 8
– Latihan dan Quis
2 Pengenalan CodeIginiter 16
– Pengenalan CodeIgniter
– MVC Pada CodeIgniter
– Instalasi CodeIgniter
– File Direktori CodeIgniter
– Latihan dan Quis
3 Pendalaman CodeIgniter 1
Penggunaan MVC pada CodeIgniter
– Method Controller
– Passing Variabel pada URL
– Passing Variabel dengan View
– Pengenalan Model (cara membuat file model)
– Pengenalan View (cara membuat file view)
– Mengenal Library model, view, dan controller (cara
memanggil view, dan model pada controller)
– Penggunaan Construct
Latihan dan Quis 16
4 Pendalaman CodeIgniter 2
CRUD Pada Codeigniter
– Setting dan configurasi awal CodeIgniter
– Read Data
– Create Data
– Update Data
– Delete Data
Latihan dan Quis 32
4 Pendalaman CodeIgniter 3
Library Pada CodeIgniter
– URI CodeIgniter
– Form Validation
– Pagination
– Upload
– Session
Latihan dan Quis 24
5 Pendalaman CodeIgniter 3
Templating CodeIgniter + Boostrap/Tailwind CSS
– Pembagian bagian Kode (Header, Footer, Body)
– Penyesuaian Penggunaan Boostrap / Tailwind
Latihan dan Quis 16
6 Project Base Learning 32
Membuat Halaman website
1. Portopolio Pribadi (tambahkan Style + javascript + PHP +
Codeigniter + Boostrap)
2. Company Profile sekolah sekolah dibawah LP Ma Arif NU
Tasikmalaya (tambahkan Style + javascript + PHP +
Codeigniter + Boostrap)
3. Company Profile perusahaan yang telah MoU dengan SMKS
NU Tasikmalaya (tambahkan Style + javascript + PHP +
Codeigniter + Bootstrap)