Description

Merancang Website Company Profile untuk menjadi pengembang web


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

Tentang materi

1. Judul Pelatihan

Membuat website profesional untuk pemula

2. 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

 

3. Tujuan Umum Pelatihan

Di akhir pelatihan, peserta merancang layout website menggunakan bahasa HTML dan CSS sesuai dengan prinsip-prinsip desain, 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.

4. Tujuan Khusus Pelatihan

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

 

5. 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

 

6. Durasi Detail dan Total Durasi

Durasi : 3 Jam/Sesi, Jumlah 5 x Pertemuan, Total durasi 15 Jam

7. Silabus/Gambaran Materi

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 Bootstrap)

1. Memahami Apa Itu Bootstrap

2. Memahami Implementasi Bootstrap Pada Html

3. Memahami Cara Menggunakan Cdn Dalam Bootstrap 4

4. Memahami Pengenalan System Grid Pada Bootstrap

 

15.00 - 16.00 WIB (60 menit - Praktik Bootstrap)

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

8. Aspek Kompetensi / Output Kompetnsi

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 Bootstrap

6. Merencanakan Implementasi Bootstrap pada HTML

7. Membangun Studi kasus web company profile

 

Sikap Kerja (Afeksi)

1. Terampil dalam menggunakan tools yang dapat dimanfaatkan untuk pengumpulan dan perekaman kebutuhan perangkat lunak

2. Cermat dalam Menunjukkan Perbedaan Website Company  Profile & E-COMMERCE

3. Teliti Membuat Konsep Web Company Profile

4. Bertanggung Jawab dalam pembuatan Website Company Profile Menggunakan HTML & CSS

5. Teliti Menunjukkan Apa itu Bootstrap

6. Bertanggung Jawab Mengintegrasikan  Implementasi Bosstrap pada HTML

7. Terampil dalam 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 Bootstrap

6. Membuat Implementasi Bootstrap pada HTML

7. Membuat Studi kasus web company profile

9. Metode Ajar

Metode Ajar During (Full Webinar)

 

10. Harga

Rp. 1.000.000

11. Tenaga Pelatih

Nama Instruktur : Nurdiansyah

Profil Tenaga Pelatih : Memiliki pengalaman lebih dari 5 tahun dibidang Programming seperti Vue Js dan JavaScript, sebagai instruktur dan narasumber di berbagai kementerian dan perusahaan swasta seperti Telkomsel, Kominfo, Kemendikbud, LIPI, BNI dll

12. Jadwal Sesi Konseling

Senin - Jumat, 14:00 - 17:00

13. Nama Lembaga Pelatih

BABASTUDIO

 

14. Mekanime Evaluasi

Mekanisme Evaluasi pada program pelatihan ini yaitu :

  1. Soal quiz
  2. Praktik Mandiri
  3. Soal Post test
  4. Unjuk keterampilan

 


Hasil yang didapat dari kursus ini

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


Curriculum

    • Road Map Web Developer
    • 14:58
    • Introduction
    • 02:30
    • Hardware & Software
    • 02:35
    • Basic HTML Part 1
    • 18:24
    • Basic HTML Part 2
    • 16:22
    • Basic HTML Part 3
    • 27:18
    • Elemen Pada HTML Part 1
    • 19:27
    • Elemen Pada HTML Part 2 Symbol Entities
    • 03:35
    • Elemen Pada HTML Part 3
    • 19:25
    • Elemen Pada HTML Part 4
    • 06:03
    • Elemen Pada HTML Part 5
    • 09:17
    • Elemen Pada HTML Part 6 Audio
    • 06:33
    • Upload Website Ke Server Hosting
    • 14:51
    • Adobe Dreamweaver
    • 04:28
    • Comment On HTML
    • 03:36
    • CSS Introductions
    • 02:57
    • CSS Implementation
    • 12:08
    • CSS Selector
    • 19:41
    • Div Element Part 1
    • 16:09
    • 2.4 Div Element Part 2 Overflow
    • 07:39
    • Simple Layout Part 1 Web Structure
    • 01:57
    • Simple Layout Part 2
    • 18:06
    • Simple Layout Part 3
    • 06:38
    • Simple Layout Part 4
    • 18:19
    • 2.5 Simple Layout Part 5 Content & Footer
    • 17:47
    • Layout Two Columns Part 1
    • 01:42
    • Layout Two Columns Part 2
    • 16:54
    • Layout Two Columns Part 3
    • 16:51
    • 2.6 Layout Two ColumnsPart 4
    • 15:12
    • 2.6 Layout Two Columns Part 5
    • 24:27
    • 2.6 Layout Two Columns Part 6
    • 08:29
    • 3.1 Basic Structure
    • 21:24
    • 3.2 Header
    • 29:24
    • 3.3 Content
    • 22:22
    • 3.4 Content Bottom Footer
    • 14:02
    • 4.1 Form Part 1
    • 19:48
    • 4.2 Form Part 2
    • 26:50
    • 4.3 CSS For Input Element
    • 06:58
    • 4.4 Another Input Element
    • 07:18
    • 5.1 Plugin Introductions
    • 01:35
    • 5.2 Plugin Image Slider
    • 14:25
    • 5.3 Plugin Lightbox
    • 11:22
    • 5.4 Plugin Google Map
    • 05:32
    • 5.5 Plugin Youtube
    • 03:38

Atau Tambahkan Ke

Includes:
  • Materi Up to Date
  • Sertifikat Resmi
  • Instruktur selalu Online
  • Tersedia tampilan mobile

Metode Pembayaran bisa dilakukan dengan cara :

  1. Transfer ATM
  2. Mobile Banking
  3. Internet Banking
  4. SMS Banking