Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website
Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio
adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo
A. JUDUL
Menulis Kode Pemrograman Untuk Mendesain Website Dan Merancang Serta Mengimplementasikan User Interface Menggunakan Html Sebagai Desainer Website
Rp. 499.000
B. DESKRIPSI PELATIHAN
Dengan
mengikuti pelatihan ini, peserta akan menjadi seorang desainer website
perusahaan Sebagai desainer website, peserta mampu membuat rancangan tampilan website
menjadi lebih menarik.
Selain itu dapat membuat plugin menggunakan kode HTML dan CSS. Di mana seorang
desainer website perllu memahami setidaknya 2 bahasa pemrograman yaitu HTML dan
CSS. Kemudian desian nantinya akan dapat dibuka dan dinikmati di layar monitor
baik di komputer maupun handphone. Menurut data dari Indonesia’s Critical
Occupations List 2018 (http://gg.gg/v05jo).
Di era digital seperti sekarang ini, kebutuhan akan media website semakin
tinggi. Di Indonesia, tenaga profesional seperti seorang web designer yang
menduduki level manajerial masih sangat langka.
Tenaga IT yang terampil dibutuhkan untuk mendukung investasi besar-besaran di
bidang e-commerc. Indonesia sekarang ini ada di pusaran digitalisasi. Hal ini
menjadi peluang untuk peserta menekuni profesi ini. Pelatihan ini merujuk pada
KBJI 2014 dengan kode 2166.10 dengan profesi desainer website.
Selain itu, pada pelatihan ini disesuaikan dengan menggunakan SKKNI NO.282
TAHUN 2016 Kompetensi yang akan dilatih pada program pelatihan ini yaitu :
1. Kompeten memahami CSS pada HTML
2. Kompeten dalam membuat layout sampai pembuatan layout 2 kolom
3. Kompeten membangun website perusahaan
4. Kompeten memasukan elemen menggunakan CSS
5. Kompeten menggunakan plugin pada HTML
C. TUJUAN UMUM
Di akhir pelatihan, peserta merancang layout website menggunakan bahasa HTML dan CSS sesuai dengan prinsip-prinsip desain
D. TUJUAN KHUSUS
Program
pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta
mengimplementasikan user interface menggunakan HTML sebagai desainer website :
1. Kompeten memahami CSS pada HTML
2. Kompeten dalam membuat layout sampai pembuatan layout 2 kolom
3. Kompeten membangun website perusahaan
4. Kompeten memasukan elemen menggunakan CSS
5. Kompeten menggunakan plugin pada HTML
E. KELOMPOK SASARAN
Peserta
pelatihan yang dapat mengikuti pelatihan ini yaitu :
1).Minimal lulusan SMA/SMK sederajat
2).Memiliki minimal laptop/komputer
3).Peserta minimal memiiki pengetahuan dasar pemrograman
F. SILABUS DAN DURASI
1. Pembukaan
03:33
2. Pengenalan Instruktur 00:33
3. Introduction 2:30
4. Road Map Web Developer Bagian A 08:10
5. Road Map Web Developer Bagian B 06:48
6. Hardware & Software 2:35
7. Basic HTML Part 1 Bagian A 09:24
8. Basic HTML Part 1 Bagian B 09:00
9. Basic HTML Part 2 Bagian A 06:10
10. Basic HTML Part 2 Bagian B 06:12
11. Basic HTML Part 3 Bagian A 09:00
12. Basic HTML Part 3 Bagian B 09:30
13. Basic HTML Part 3 Bagian C 08:48
14. Elemen Pada HTML Part 1 Bagian A 09:40
15. Elemen Pada HTML Part 1 Bagian B 09:47
16. Elemen Pada HTML Part 2 Symbol Entities 3:35
17. Elemen Pada HTML Part 3 Bagian A 06:10
18. Elemen Pada HTML Part 3 Bagian B 07:00
19. Elemen Pada HTML Part 3 Bagian C 06:15
20. Elemen Pada HTML Part 4 6:03
21. Elemen Pada HTML Part 5 9:17
22. Elemen Pada HTML Part 6 Audio 6:33
23. Upload Website Ke Server Hosting Bagian A 08:00
24. Upload Website Ke Server Hosting Bagian B 06:51
25. Adobe Dreamweaver 4:28
26. Comment On HTML 3:36
27. CSS Introductions 2:57
28. CSS Implementation Bagian A 06:30
29. CSS Implementation Bagian B 05:38
30. CSS Selector Bagian A 09:50
31. CSS Selector Bagian B 09:51
32. Div Element Part 1 Bagian A 08:19
33. Div Element Part 1 Bagian B 07:50
34. Div Element Part 2 Overflow 7:39
35. Simple Layout Part 1 Web Structure 1:57
36. Simple Layout Part 2 Bagian A 09:10
37. Simple Layout Part 2 Bagian B 08:56
38. Simple Layout Part 3 6:38
39. Simple Layout Part 4 Bagian A 09:19
40. Simple Layout Part 4 Bagian B 09:00
41. Simple Layout Part 5 Content & Footer Bagian A 09:10
42. Simple Layout Part 5 Content & Footer Bagian B 08:37
43. Layout Two Columns Part 1 1:42
44. Layout Two Columns Part 2 Bagian A 08:30
45. Layout Two Columns Part 2 Bagian B 08:24
46. Layout Two Columns Part 3 Bagian A 09:00
47. Layout Two Columns Part 3 Bagian B 07:51
48. Layout Two Columns Part 4 Bagian A 07:30
49. Layout Two Columns Part 4 Bagian B 07:42
50. Layout Two Columns Part 5 Bagian A 09:10
51. Layout Two Columns Part 5 Bagian B 08:00
52. Layout Two Columns Part 5 Bagian C 07:17
53. Layout Two Columns Part 6 8:29
54. Basic Structure Bagian A 08:00
55. Basic Structure Bagian B 07:20
56. Basic Structure Bagian C 06:04
57. Header Bagian A 09:44
58. Header Bagian B 09:50
59. Header Bagian C 09:50
60. Content Bagian A 08:00
61. Content Bagian B 07:22
62. Content Bagian C 07:00
63. Content Bottom Footer Bagian A 07:00
64. Content Bottom Footer Bagian B 07:02
65. Form Part 1 Bagian A 09:50
66. Form Part 1 Bagian B 09:58
67. Form Part 2 Bagian A 08:30
68. Form Part 2 Bagian B 09:20
69. Form Part 2 Bagian C 09:00
70. CSS For Input Element 6:58
71. Another Input Element 7:18
72. Plugin Introductions 1:35
74. Plugin Image Slider Bagian A 07:30
75. Plugin Image Slider Bagian B 06:55
76. Plugin Lightbox Bagian A 05:32
77. Plugin Lightbox Bagian B 05:50
74. Plugin Google Map 5:32
75. Plugin Youtube 3:38
TOTAL DURASI : 9 JAM, 25 MENIT, 02 DETIK
G. SILABUS / GAMBARAN MATERI
Di materi ini akan mempelajari
materi tentang :
1.
Memahami CSS pada HTML
2. Dalam membuat layout sampai pembuatan layout 2 kolom
3. Membangun website perusahaan
4. Memasukan elemen menggunakan CSS
5. Menggunakan plugin pada HTML
H. ASPEK KOMPETENSI
Aspek Kompetensi: Pengetahuan (Knowledge) :
Dengan
pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta
mengimplementasikan user interface menggunakan HTML sebagai desainer website,
siswa :
1. Memahami cara membaca dan memahami notasi untuk pengumpulan kebutuhan
perangkat lunak (Aspek ini dapat di lihat pada modul 2 tentang Hardware &
Software menit 00.00 - 02.35)
2. Memahami cara penggunaaan tools yang dapat dimanfaatkan untuk pengumpulan
dan perekaman kebutuhan perangkat lunak (Aspek ini dapat di lihat pada modul 2
tentang Simple Layout Part 1 Web Structure menit 00.00 - 01.57)
3. Platform lingkungan pemrograman aplikasi (Aspek ini dapat di lihat pada
modul 2 tentang Upload Website Ke Server Hosting Bagian A dan Bagian B menit
00.00 - 14.00)
4. Pre-request tools pemrograman (Aspek ini dapat di lihat pada modul 2 tentang
CSS For Input Element menit 00.00 - 6.58)
5. Standar menghidupkan dan mematikan perangkat keras komputer (Aspek ini dapat
di lihat pada modul 2 tentang Plugin Introductions menit 00.00 - 1.35)
Aspek Kompetensi: Keterampilan (Skill) :
Dengan
pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta
mengimplementasikan user interface menggunakan HTML sebagai desainer website,
siswa :
1. Mengembangkan Road Map website (Aspek ini dapat di lihat pada modul 2
tentang Road Map Web Developer Bagian A dan Bagian B menit 00.00 - 14.00)
2. Meng-upload website ke server hosting (Aspek ini dapat di lihat pada modul 2
tentang Upload Website Ke Server Hosting Bagian A dan Bagian B menit 00.00 -
14.00)
3. Membuat layout simple (Aspek ini dapat di lihat pada modul 2 tentang Simple
Layout Part 1 Web Structure menit 00.00 - 1.57)
4. Menginput elemen CSS (Aspek ini dapat di lihat pada modul 2 tentang CSS For
Input Element menit 00.00 - 6.58)
5. Memasang sebuah plugin (Aspek ini dapat di lihat pada modul 2 tentang Plugin
Introductions sampai Plug In Youtube menit 00.00 - 1.35)
6. Membuat form (Aspek ini dapat di lihat pada modul 2 tentang Form Part 1
Bagian A dan Bagian B menit 00.00 - 18.00)
Aspek Kompetensi: Sikap (Attitude) :
Dengan
pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta
mengimplementasikan user interface menggunakan HTML sebagai desainer website,
peserta :
1. Mampu Menambahkan elemen pada HTML dengan teliti (Aspek ini dapat di lihat
pada modul 2 tentang Elemen Pada HTML Part 1 Bagian A dan Bagian B menit 00.00
- 18.00)
2. Teliti Membuat layout dengan cermat (Aspek ini dapat di lihat pada modul 2
tentang Simple Layout Part 1 Web Structure sampai Simple Layout Part 5 Content
& Footer menit 00.00 - 68.00)
3. Cekatan Membuat conten sesuai dengan kaidah (Aspek ini dapat di lihat pada
modul 2 tentang Content Bagian A sampai Bagian C menit 00.00 - 22.00)
4. Teliti Memasang plugin sesuai dengan dasar-dasar pemrograman (Aspek ini
dapat di lihat pada modul 2 tentang Plugin Introductions sampai Plug In Youtube
menit 00.00 - 32.00)
I. METODE AJAR/LATIH DAN EVALUASI PESERTA
Metode Ajar yang digunakan dalam pelatihan ini yaitu Hybird
J. DATA INSTRUKTUR DAN RIWAYAT PROFESI
Nama Pengajar : RUDIANTO S.Kom
Profil Tenaga Pelatih:
Memiliki pengalaman lebih dari 5 tahun dibidang Programming dan Digital Marketing search engine optimization ( SEO ) dan juga Search Engine Marketing ( SEM) dan juga memilliki pengalaman mengajar lebih dari 3 (Tiga) tahun di bidang Desain Grafis, Pembuatan Website, Digital Marketing Seperti cara beriklan di Facebook, di Google, Twitter, Instagram, Cara beriklan di Youtube dan juga programing seperti Vue Js dan JavaScript, sebagai instruktur dan narasumber di berbagai kementerian dan perusahaan swasta seperti Telkomsel, Kominfo, Kemendikbud, LIPI, BNI dll
JENIS/KLASIFIKASI SERTIFIKAT
Certificate of Completion
K. JADWAL SESI KONSELING
Jadwal live session Senin sampai Jumat pukul 09.00 -12.00 WIB mengenai penggunaan LMS dan sesi konsultasi terkait materi pada hari (Jumat 09.00) WIB
L. MEKANISME EVALUASI
Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal quiz
2. Soal-soal Post Test
3. dan Penugasan
Di Materi ini kamu akan mempelajari:
1. Mempelajari dasar-dasar dalam HTML :
a. Hardware & Software yang di gunakan
b. Basic HTML
c. Elemen Pada HTML
d. Penggunaan Code Editor : Dreamweaver
e. Membuat Comment di HTML
2. Mengenal CSS pada HTML
a. CSS Intoduction
b. CSS Implementation
c. CSS Selector
d. Div Element
e. Div Element : Overflow
f. Membuat Simple Layout
g. Membuat Simple Layout : Content & Footer
h. Layout Two Columns
3. Membangun sebuah Corporate Website
a. Basic Structure
b. Header
c. Content
d. Content Bottom Footer
4. Menerapkan form didalam Website kamu
a. Membuat Form Part 1 & 2
b. CSS For Input Element
c. CSS Another Input Element
5. Menerapkan plug-in untuk website kamu
a. Plug-in Introductions
b. Plug-in Image Slider
c. Plug-in Google Map
d. Plug-in Lightbox
e. Plug-in Youtube
Metode Pembayaran bisa dilakukan dengan cara :