» » Silabus Pemrograman Web Kelas 1 TKJ

Silabus Pemrograman Web Kelas 1 TKJ

Silabus Pemrograman Web Kelas 1 TKJ



Teknologi Aplikasi Web
·       Profesi dalam pengembangan aplikasi web
·       Sejarah dan cara kerja web
·       Alur pengembangan aplikasi web
·       Perangkat pengembangan aplikasi web
Mengamati
·    Cara kerja web
·    Penawaran layanan hosting

Menanya
·    Mendiskusikan cara kerja web
·    Mendiskusikan hosting aplikasi web

Mengeksplorasi
·   Membandingkan pelbagai penawaran hosting
·   Mengeksplorasi aplikasi-aplikasi untuk pengembangan aplikasi web

Mengasosiasi
Menyimpulkan tentang cara kerja web, hosting dan penggunaan aplikasi pengembangan aplikasi web

Mengkomunikasikan
Menyampaikan hasil tentang cara kerja web, perbandingan pelbagai layanan hosting dan penggunaan aplikasi pengembangan web
Format Teks Halaman Web
·      Anatomi dokumen web
·      Pemformatan teks dan paragrap
·      Pembuatan list minimal
·      Pembuatan list kombinasi
Mengamati
Pelbagai jenis format teks dan hasilnya terhadap halaman web

Menanya
·    Mendiskusikan pelbagai tampilan format teks pada halaman web
·    Mendiskusikan penerapan format teks yang sesuai dari suatu halaman web

Mengeksplorasi
·   Eksplorasi pelbagai jenis format teks
·   Eksperimen penerapan format teks yang sesuai dari suatu halaman web

Mengasosiasi
·  Menganalisa hubungan antara format teks dengan halaman web yang dihasilkan
·  Menganalisa kemiripan hasil penerapan format teks dengan halaman web aslinya
·  Menyimpulkan penerapan format teks pada halaman web

Mengkomunikasikan
Menyampaikan hasil diskusi  kelompok tentang pemecahan masalah menggunakan pelbagai format teks
Format Tabel Halaman Web
·      Anatomi tabel minimal
·      Tabel dengan spanning
·      Tabel di dalam tabel
·      Desain halaman web dengan konsep tabel
Mengamati
·    Pelbagai jenis format tabel dan hasilnya terhadap halaman web
·    Desain layout dalam format tabel untuk suatu halaman web

Menanya
·    Mendiskusikan pelbagai tampilan format tabel dalam halaman web
·    Mendiskusikan desain layout suatu halaman web dalam format tabel

Mengeksplorasi
·   Eksplorasi pelbagai tampilan format tabel pada halaman web
·   Eksperimen desain layout suatu halaman web dengan format tabel

Mengasosiasi
·  Menganalisa hubungan antara format tabel dengan tampilannya pada halaman web
·  Menganalisa format tabel untuk mendapatkan desain layout halaman web yang sesuai
·  Menyimpulkan penerapan format tabel pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan percobaan pelbagai format tabel pada halaman web
Multimedia pada Halaman Web
·      Format tampilan gambar
·      Format tampilan file audio
·      Format tampilan file video dan animasi
·      Format tampilan gambar dengan map
Mengamati
Pelbagai tampilan format multimedia pada halaman web

Menanya
Mendiskusikan pelbagai tampilan format multimedia dalam halaman web

Mengeksplorasi
Eksplorasi pelbagai tampilan format multimedia pada halaman web

Mengasosiasi
·  Menganalisa hubungan antara format multimedia dengan tampilannya pada halaman web
·  Menyimpulkan penerapan multimedia pada halaman web

Mengkomunikasikan
Menyampaikan hasil pengamatan dan percobaan pelbagai format multimedia pada halaman web
3.5.     Memahami format kaitan pada halaman web
4.4.     Menyajikan format kaitan pada halaman web
Hyperlink Halaman Web
·      Anatomi link
·      Format link antar isi pada satu halaman web
·      Format link antar halaman web untuk membentuk sitemap
·      Format target link, email dan telepon

3.6.      Memahami format formulir pada halaman web
4.6.     Menyajikan formulir pada halaman web
Formulir Halaman Web
·      Anatomi dan cara kerja form
·      Format formulir
·      Komponen entri teks (input teks password, dan input multiline) pada formulir halaman web
·      Komponen entri pilihan (input file, radio, checkbox, select dan datalist) pada formulir halaman web

3.7.      Memahami style  pada halaman web
4.7.      Menyajikan style tertentu pada halaman web
Style Halaman Web
·      Cara kerja dan anatomi Cascading Style Sheet
·      Style pada teks
·      Style pada multimedia
·      Style pada tabel
·      Style pada formulir

3.8.      Memahami teknik pemrograman pada halaman web
4.8.      Menyajikan teknik-teknik dalam pemrograman web
Teknik Pemrograman  Halaman Web
·      Anatomi dan cara kerja kode javascript
·      Dasar pemrograman client (variabel, tipe data, operator)
·      Array dimensi 1 dan multidimensi
·      Struktur kontrol percabangan pada program client
·      Struktur kontrol perulangan pada program client
·      Fungsi bawaan dan buatan user pada program client

3.9.      Memahami pengelolaan halaman web menggunakan kode program
4.9.      Menyajikan hasil pengelolaan halaman web menggunakan kode program
Pengolahan Input User
·      Akses komponen form (proses dan validasi input)
·      Navigasi halaman melalui kode program client
·      Perubahan format style melalui kode progarm client

Download Saja
Tag : Perangkat
Back To Top