Membuat website profesional untuk pemula (Daring)

Tentang Kelas
Di materi ini peserta akan belajar cara membuat website dengan HTML CSS dan Boostrap. peserta akan di ajarkan mulai dari dasar sampai bisa menjadi pengembang web untuk menjadi basic programmer. materi disusun sesuai kebutuhan industri kerja.


Tingkat Materi
Basic to Advance

Total Durasi Kelas
15 jam

Detail Lokasi
Online

Tentang Kelas/Deskripsi
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 :

Sesuai dengan kompetensi tersebut yang dilatih dalam pelatihan ini yaitu :

1.Memahami HTML dan CSS
2.Install TEXT EDITOR
3.Memahami Perbedaan Website Company Profile & E-COMMERCE
4.Pengenalan HTML dan CSS
5.Memahami konsep website company profile
6.Membuat Website Company Profile & E-Commerce Dan Cara Upload Ke Hosting
7.Memahami Apa Itu Boostrap
8.Memahami Implementasi Boostrap Pada Html
9.Memahami Cara Menggunakan Cdn Dalam Bootstrap 4
10.Memahami Pengenalan System Grid Pada Boostrap
11.Memahami Konsep Web Company Profile
12.Mampu membuat Study Kasus Company Profile
13.Memahami cara upload project ke GIT




Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif, roleplay, dan bahan bacaan dengan penugasan praktek

Metode Evaluasi
Pre Test
Post Test
Formative Test
Uji Praktik Mandiri
Uji Keterampilan

Tujuan Pembelajaran
Tujuan Umum
Peserta Pelatihan Mampu merancang sebuah website company profile menggunaka HTML CSS dan Boostrap pada saat tugas akhir dengan minimal 60% pengusaan setelah mengikuti seluruh proses tahapan pembelajaran

Tujuan Khusus
Setelah mengikuti pelatihan, peserta mampu;

1.Memahami HTML dan CSS
2.Install TEXT EDITOR
3.Memahami Perbedaan Website Company Profile & E-COMMERCE
4.Pengenalan HTML dan CSS
5.Memahami konsep website company profile
6.Membuat Website Company Profile & E-Commerce Dan Cara Upload Ke Hosting
7.Memahami Apa Itu Boostrap
8.Memahami Implementasi Boostrap Pada Html
9.Memahami Cara Menggunakan Cdn Dalam Bootstrap 4
10.Memahami Pengenalan System Grid Pada Boostrap
11.Memahami Konsep Web Company Profile
12.Mampu membuat Study Kasus Company Profile
13.Memahami cara upload project ke GIT

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
14.00 - 15.00 WIB (60 menit - Memahami HTML dan CSS)
1. Memahami HTML dan CSS
2.Install TEXT EDITOR
3.Memahami Perbedaan Website Company Profile & E-COMMERCE
4.Pengenalan HTML dan CSS
5.Memahami konsep website company profile
15.00 - 16.00 WIB (60 menit - Praktik HTML dan CSS)
1. Praktik HTML dan CSS
2. Praktik Install TEXT EDITOR
3. Praktik Perbedaan Website Company Profile & E-COMMERCE
4. Praktik Pengenalan HTML dan CSS
5. Praktik Memahami konsep website company profile
16.00 - 17.00 WIB (60 menit - Penutup sesi)
1. Diskusi
2. Peserta mengisi kuis harian
3. Sesi Tanya Jawab

Pertemuan 2
14.00 - 15.00 WIB (60 menit - Memahami konsep website company profile)
1. Memahami Membuat Website Company Profile dengan HTML CSS

15.00 - 16.00 WIB (60 menit - Praktik website company profile)
1. Praktik Membuat Website Company Profile dengan HTML CSS

16.00 - 17.00 WIB (60 menit - Penutup sesi)
1. Diskusi
2. Peserta mengisi kuis harian
3. Sesi Tanya Jawab


Pertemuan 3
14.00 - 15.00 WIB (60 menit - Memahami Upload Website Ke Hosting)
1. Memahami Upload Website Ke Hosting

15.00 - 16.00 WIB (60 menit - Praktik website company profile)
1. Praktik Upload Website Ke Hosting

16.00 - 17.00 WIB (60 menit - Penutup sesi)
1. Diskusi
2. Peserta mengisi kuis harian
3. Sesi Tanya Jawab


Pertemuan 4
14.00 - 15.00 WIB (60 menit - Memahami Bosstrap)
1. Memahami Apa Itu Boostrap
2.Memahami Implementasi Boostrap Pada Html
3.Memahami Cara Menggunakan Cdn Dalam Bootstrap 4
4.Memahami Pengenalan System Grid Pada Boostrap

15.00 - 16.00 WIB (60 menit - Praktik Bosstrap)
1. Praktik Upload Website Ke Hosting

16.00 - 17.00 WIB (60 menit - Penutup sesi)
1. Diskusi
2. Peserta mengisi kuis harian
3. Sesi Tanya Jawab



Pertemuan 5
14.00 - 15.00 WIB (60 menit - Memahami GIT)
1. Pengenalan Git

15.00 - 16.00 WIB (60 menit - Praktik Pengenalan Git)
1. Praktik Pengenalan Git

16.00 - 17.00 WIB (60 menit - Penutup sesi)
1. Diskusi
2. Peserta mengisi kuis harian

Aspek Kompetensi
Pengetahuan (Kognisi)

1.Menganalisis cara penggunaaan tools yang dapat dimanfaatkan untuk pengumpulan dan perekaman kebutuhan perangkat lunak
2.Menganalisis Perbedaan Website Company Profile & E-COMMERCE
3.Menganalisis Konsep Web Company Profile
4.Membangun Website Company Profile Menggunakan HTML & CSS
5.Menganalisis Apa itu Boostrap
6.Merencanakan Implementasi Bosstrap pada HTML
7.Membangun Studi kasus web company profile


Sikap Kerja (Afeksi)
1.menunjukkancara penggunaaan tools yang dapat dimanfaatkan untuk pengumpulan dan perekaman kebutuhan perangkat lunak
2.Menunjukkan Perbedaan Website Company Profile & E-COMMERCE
3.Menampilkan Konsep Web Company Profile
4.Mempraktekkan cara pembuatan Website Company Profile Menggunakan HTML & CSS
5.Menunjukkan Apa itu Boostrap
6.Mengintegrasikan Implementasi Bosstrap pada HTML
7.Mempraktekkan Studi kasus web company profile

Keterampilan (Psikomotor)
1.Menyusun cara penggunaaan tools yang dapat dimanfaatkan untuk pengumpulan dan perekaman kebutuhan perangkat lunak
2.Menyusun Perbedaan Website Company Profile & E-COMMERCE
3.Menyusun Konsep Web Company Profile
4.Membuat Website Company Profile Menggunakan HTML & CSS
5.Menyusun Apa itu Boostrap
6.Membuat Implementasi Bosstrap pada HTML
7.Membuat Studi kasus web company profile

Unjuk Keterampilan

Buatlah Tampilan Website Company Profile contoh (Babastudio) menggunakan boostrap! Durasi maximal 3 hari setelah mengerjakan post test.

Sesi Unjuk Keterampilan: Setelah Post Test

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Nurdiansyah

Pengalaman Bekerja
1.Instruktur Pelatihan Internet Marketing • Badan Koordinasi Penanaman Modal - 2017 - Mengajar training inhouse
2.Assisten Instruktur Pelatihan pembuatan Website • Kementerian Dalam Negeri - 2018 - Mengajar Inhouse training
3.Instruktur Pelatihan Digital Pro Talent • Telkom Indonesia - 2019 - Mengajar materi Digital Pro talent
4.Instructor Programming PT. Multi Arta Prima Sejahtera - 2019 - Mengajar programming reguler , menjadi narasumber , menjadi trainer

Pengalaman Mengajar

1.Instruktur Pelatihan Internet Marketing • Badan Koordinasi Penanaman Modal - 2017
2.Assisten Instruktur Pelatihan pembuatan Website • Kementerian Dalam Negeri - 2018
3.Instruktur Pelatihan Digital Pro Talent • Telkom Indonesia - 2019
4.Instructor Programming PT. Multi Arta Prima Sejahtera - 2019

Syarat dan Cara Mengikuti Pelatihan

Syarat
1. Pendidikan minimal SMA/SMK

2. Memiliki Smartphone dan atau laptop

4.Mengenal minimal satu (1) sosial media

5.Mampu mengoprasikan Ms Office

Berikut cara mengakses Akun LIVE :

1.Buka link website: https://kartuprakerja.babastudio.com/
2.Klik tombol "Masuk"
3.Masukkan email dan password
4.Klik tombol “Klik disini untuk masuk”
5.Klik “login”
6.Klik “Mulai belajar” di materi yang ingin dipelajari
7.Klik kembali tombol “Mulai belajar”
8.Pembelajaran dimulai

Berikut cara mengakses akun dummy :

Cara Redeem Voucher Code
1. Buka link website: https://kartuprakerja.babastudio.com/
2. Klik tombol "DAFTAR"
3. Isi Kelengkapan data diri yang diminta :
- Masukkan Nomor kartu prakerja
- Masukkan Redemption Code
- Masukkan kode voucher
- Masukkan Nama Lengkap
- Masukkan Email
- Masukkan Nomor Handphone
- Masukkan Kata Sandi
- Ulangi kata sandi
- Klik "Register"

Berikut cara Redeem Redemption Code
1. Buka link website: https://kartuprakerja.babastudio.com/
2. Klik tombol "MASUK/LOGIN"
3. Masukan email dan password
4. Klik Mulai belajar
5. Klik Aktivasi kelas
6. Masukan Redeem Code
7. Anda bisa mengikuti kelas