A. Judul dan Deskripsi Pelatihan
Judul :
Mengimplementasikan pemrograman terstruktur berorientsi objek dan menulis kode dengan prinsp sesuai guidlanie dalam pembuatan website ecommerce untuk menjadi pengembang website
Deskripsi :
Dengan mengikuti pelatihan ini peserta akan menjadi seorang desainer website
Sebagai desainer website peserta akan belajar bagaimana membuat rancangan layout untuk website dan memberikan efek tambahan yang di perlukan untuk menunjang tampilan website serta Peserta juga akan memahami bagaimana proses pengelolaan website yang telah dibuatnya, sehingga peserta paham bagaimana membuat, mengelola dan merawat sebuah website.
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 web designer untuk menduduki level manajerial masih sangat langka untuk tenaga IT yang terampil dibutuhkan untuk mendukung investasi besar-besaran di bidang e-commerce, apalagi Indonesia sekarang ini ada di pusaran digitalisasi. Hal ini menjadi peluang jika peserta ingin menekuni profesi ini
Di pelatihan ini peserta akan belajar bagaimana proses pembuatan dan pembangunan website secara mudah dengan menggunakan Content Management System (CMS) WordPress. Peserta juga akan memahami bagaimana proses pengelolaan website yang telah dibuatnya, sehingga peserta paham bagaimana membuat, mengelola dan merawat website di instansinya.
Pelatihan ini dibuat dengan merujuk kepada Acuan KBJI 2014 ( 2166.10 ) dan menggunakan Standar Kompetensi Kerja Nasional Indonesia ( SKKNI ) Nomor 282 Tahun 2016 Pemrograman
Sesuai dengan kebutuhan industry, Kompetensi yang akan anda pelajari pada program pelatihan ini yaitu
1. Kompeten Melakukan Identifikasi Library, Komponen atau Framework yang Diperlukan
2. Kompeten Mengimplementasikan User Interface
3. Merancang User Experience
4. Kompeten Menginstall WordPress
5. Kompeten Menggunakan wordpress woocommerce
6. Kompeten Menginstall tema pada wordpress
B. Kompetensi
Aspek Kompetensi: Pengetahuan (Knowledge)
Dengan mempelajari materi Belajar Javascript Untuk Jadi Desainer Website, siswa :
1. Memahami javascript (Aspek ini dapat dilihat di Modul 1 : Pengenalan video pembelajaran “Pengenalan Javascript” menit : 00:15 – 3:22)
2. Memahami cara Menggunakan tools pada javascript ( Aspek ini dapat dilihat di Modul 1 : Pengenalan, pada video pembelajaran “Menampilkan allert pada HTML” menit 00:48 – 3:17) , Video pembelajaran “Menampilkan Link dengan Alert” menit 00:00 – 4:08, video pembelajaran “Membuat Fungsi If dan Else”, video pembelajaran “Membuat Variable pada Javascript” )
3. Memahami cara Menampilkan Data dari Javascript ( Aspek ini dapat dilihat di Modul 4 :OOP, video pembelajaran Menampilkan data dari javascript” menit 00:20 – 10.00)
4. Memahami cara membuat Ecommerce Javascript ( Aspek ini dapat dilihat di Modul 5 : E-Commerce Project, pada Ecommerce Javascript Part 1-3 menit 00:00 – 00:47 )
5. Memahami cara menambahkan cart data pada javascript ( Aspek ini dapat dilihat di Modul 5 : E-Commerce Project, pada video pembelajaran Addtocart Data with Javascript, menit 00:10 – 16.00)
Aspek Kompetensi: Keterampilan (Skill)
Dengan mempelajari materi Belajar Javascript Untuk Jadi Desainer Website, siswa :
1. Mampu membuat variabel javascript (Aspek ini dapat dilihat di Modul 2 : Function, pada video pembelajaran “Membuat Variable pada Javascript”, menit 00:21 – 7:20)
2. Mampu mengidentifikasi tools pada javascript (Aspek ini dapat dilihat di Modul 2 : Function, pada video pembelajaran “Pengenalan Javascript”, “Menampilkan Alert pada HTML”, “Menampilkan Link dengan Alert”, Tipe Data pada Javascript )
3. Membuat Form pada javascript (Aspek ini dapat dilihat di Modul 2 : Function, pada video pembelajaran “Membuat Form Input dengan Notifikasi Javascript” menit 00;10 – 07.00, Video pembelajaran “Membuat Form dengan Validasi Captcha Javascript” menit 00:12 – 10:00)
4. Mampu Merancang form pada Javascript (Aspek ini dapat dilihat di Modul 3 : DOM, video pembelajaran “Form Tambah Item Tugas” menit 00:10 – 10.00)
5. Membuat user experience (Aspek ini dapat dilihat di Modul 4 : OOP , pada video pembelajaran “Membuat Notifikasi Input” menit 00:12 – 3:20)
Aspek Kompetensi: Sikap (Attitude)
Dengan mempelajari materi Belajar Javascript Untuk Jadi Desainer Website, siswa :
1. Mampu Membuat sebuah website menggunakan javascript sesuai kaidah pemrograman (Aspek ini dapat dilihat di Modul 2 : Function, dibahas pada video pembelajaran “Membuat Variable pada Javascript”, menit 00:21 – 7:20)
2. Mampu Menggunakan tools pada javascript sesuai standar yang berlaku (Aspek ini dapat dilihat di Modul 2 : Function, pada video pembelajaran “Pengenalan Javascript”, “Menampilkan Alert pada HTML”, “Menampilkan Link dengan Alert”, Tipe Data pada Javascript )
3. Teliti dalam Membuat Form pada javascript(Aspek ini dapat dilihat di Modul 2 : Function, pada video pembelajaran “Membuat Form Input dengan Notifikasi Javascript” menit 00;10 – 07.00, Video pembelajaran “Membuat Form dengan Validasi Captcha Javascript” menit 00:12 – 10:00)
4. Peduli unutk membuat user experience sesuai dengan kebutuhan pengguna (Aspek ini dapat dilihat di Modul 4 : OOP , pada video pembelajaran “Membuat Notifikasi Input” menit 00:12 – 3:20)
C. Sasaran Peserta
Peserta pelatihan yang dapat mengikuti pelatihan ini yaitu:
1) Pendidikan minimal SMA/SMK
2) memiliki Komputer / Laptop
3) Memiliki pengetahuan dasar pemrograma komputer
4) Memiliki pengetahuan dasar HTML dan CSS
D. Tujuan Pelatihan
Tujuan Umum
Diakhir pelatihan Belajar Javascript Untuk Jadi Desainer Website, Peserta mampu mendesain sebuah website menggunakan bahasa pemograman Javascript.
Tujuan Khusus
Program pelatihan ini memiliki tujuan sebagai berikut :
1. Kompeten Memahami javascript
2. Kompeten Menggunakan tools pada javascript
3. Kompeten Mengimplementasikan User Interface
4. Kompeten Merancang User Experience
5. Kompeten Merancang form pada javascript
E. Silabus dan Durasi
Durasi Per Sesi
1. Introduction | 0:03:33 |
2. Opening Instruktur | 0:00:29 |
3. Pengenalan Javascript | 0:03:26 |
4. Menampilkan Alert pada HTML | 0:03:17 |
5. Menampilkan Link dengan Alert | 0:04:08 |
6. Menampilkan Console Log pada Web Browser | 0:04:59 |
7. Membuat Fungsi If dan Else | 0:05:08 |
8. Membuat Variable pada Javascript | 0:07:32 |
9. Tipe Data pada Javascript | 0:08:09 |
10. Tipe Data Boolean Bagian A | 07:10 |
11. Tipe Data Boolean Bagian B | 07:26 |
12. Konversi String menjadi Number | 0:06:14 |
13. Function | 0:06:08 |
14. Membuat Function dengan Parameter | 0:08:02 |
15. Membuat Form Input dengan Notifikasi Javascript | 0:07:16 |
16. Membuat Form Validation dengan Javascript Bagian A | 07:00 |
17. Membuat Form Validation dengan Javascript Bagian B | 07:10 |
18. Membuat Form Validation dengan Javascript Bagian C | 06:13 |
19. Membuat For dengan Validasi Captcha Javascript Bagian A | 06:10 |
20. Membuat For dengan Validasi Captcha Javascript Bagian B | 05:41 |
21. Menampilkan Captcha pada Form Registrasi dengan Javascript Bagian A | 09:10 |
22. Menampilkan Captcha pada Form Registrasi dengan Javascript Bagian B | 09:32 |
23. Show dan Hidden Password pada Form Login Bagian A | 06:10 |
24. Show dan Hidden Password pada Form Login Bagian B | 07:35 |
25. Apa Itu DOM | 0:05:36 |
26. Form Tambah Item Tugas Bagian A | 06:10 |
27. Form Tambah Item Tugas Bagian B | 04:40 |
28. Action Insert Data With DOM in Javascrip Bagian A | 09:10 |
29. Action Insert Data With DOM in Javascrip Bagian B | 09:10 |
30. Remove Data With Javascript | 0:08:20 |
31. Filter Data dengan Javascript | 0:07:26 |
32. Simpan Data ke Penyimpannan Local Bagian A | 06:10 |
33. Simpan Data ke Penyimpannan Local Bagian B | 04:31 |
34. Hapus Data dari Penyimpanan Local | 0:09:21 |
35. Membuat Form Kalkulator Pinjaman Bagian A | 07:10 |
36. Membuat Form Kalkulator Pinjaman Bagian B | 07:32 |
37. Menampilkan Data Kalkulator Pinjaman (2) Bagian A | 09:10 |
38. Menampilkan Data Kalkulator Pinjaman (2) Bagian B | 08:42 |
39. Pengenalan OOP | 0:08:22 |
40. Pengenalan Method | 0:08:35 |
41. Project OOP Form Insert Data Paket Kursus | 0:09:58 |
42. Insert Data Paket Kursus with OOP Javascript Bagian A | 09:10 |
43. Insert Data Paket Kursus with OOP Javascript Bagian B | 08:41 |
44. Membuat Notifikasi Input | 0:03:40 |
45. Tampilkan Data Paket Kursus di Penyimpanan Local dengan OOP Bagian A | 06:10 |
46. Tampilkan Data Paket Kursus di Penyimpanan Local dengan OOP Bagian B | 07:56 |
47. Delete Data Menggunakan Metode OOP Bagian A | 06:10 |
48. Delete Data Menggunakan Metode OOP Bagian B | 04:18 |
49. Membuat Form Insert Data Paket Bagian A | 07:10 |
50. Membuat Form Insert Data Paket Bagian B | 07:10 |
51. Membuat Form Insert Data Paket Bagian C | 07:43 |
52. Menampilkan Data dari Javascript Bagian A | 07:10 |
53. Menampilkan Data dari Javascript Bagian B | 07:10 |
54. Menampilkan Data dari Javascript Bagian C | 05:46 |
55. Insert Data Tahap Pertama with Console Bagian A | 07:10 |
56. Insert Data Tahap Pertama with Console Bagian B | 07:10 |
57. Insert Data Tahap Pertama with Console Bagian C | 06:34 |
58. Insert Data Tahap Dua Bagian A | 06:10 |
59. Insert Data Tahap Dua Bagian B | 07:00 |
60. Membuat Jumlah Harga Kursus | 0:06:50 |
61. Update Data Tahap Satu Bagian A | 07:10 |
62. Update Data Tahap Satu Bagian B | 07:10 |
63. Update Data Tahap Satu Bagian C | 09:23 |
62. Update Data Paket Tahap Dua Bagian A | 07:10 |
63. Update Data Paket Tahap Dua Bagian B | 07:10 |
64. Update Data Paket Tahap Dua Bagian C | 04:18 |
65. Clear Data Paket Bagian A | 07:10 |
66. Clear Data Paket Bagian B | 07:10 |
67. Clear Data Paket Bagian C | 07:57 |
68. Simpan Data ke Local Storage Bagiab A | 06:10 |
69. Simpan Data ke Local Storage Bagiab B | 06:20 |
70. Delete & Update Data From Local Storage Bagian A | 06:10 |
71. Delete & Update Data From Local Storage Bagian B | 05:28 |
72. Ecommerce Javascript Bagian A | 08:10 |
73. Ecommerce Javascript Bagian B | 08:10 |
74. Ecommerce Javascript Bagian C | 08:48 |
75. Membuat Ecommerce Javascript Part 2 Bagian A | 06:10 |
76. Membuat Ecommerce Javascript Part 2 Bagian B | 04:11 |
77. Javascript Ecommerce Part 3 Bagian A | 06:10 |
78. Javascript Ecommerce Part 3 Bagian B | 06:59 |
79. Addtocart Data with Javascript Bagian A | 08:10 |
80. Addtocart Data with Javascript Bagian B | 08:32 |
81. Delete Cart Bagian A | 08:10 |
82. Delete Cart Bagian B | 07:25 |
83. Update Car Bagian A | 08:10 |
84. Update Car Bagian B | 08:21 |
85. Simpan Pesanan | 0:06:13 |
Total Durasi : 09 jam 54 menit 24 detik
F. Kapasitas jenis/Kelas Pelatihan
Tidak terbatas
G. Metode Ajar/Latih dan Evaluasi Peserta
• Ebook
• Ceramah
• Video Interaktif
• Kuis
• Penugasan
H. Daftar Instruktur dan riwayat profesi
Nama Instruktur:
Roy Mubarak
Riwayat Profesi:
February 2018 – Present – Freelance : Project Manager
Job Description:
– Kick of meeting with Client
– Create Project Documentation:
– Create Work Breakdown Structure (WBS).
– Manage Team Development.
– Create schedulle of implementation and scope of work with Client implementation team
– Taking full accountability for the specified deliverable
– Standard on defined projects and continuous improvement initiatives
– Ensures issues are identified, tracked, reported on and resolved in a timely manner.
– Work collaboratively with the rest of the Technology team (and interface parties when required) and take ownership for one’s actions.
– Preparing stages and day to day monitoring : Development, Testing (SIT & UAT), Deployment, Clossing & Implementation
– Creating project closing documents and handover process.
I. Jenis/Klasifikasi Sertifikat
Sertifikat Penyelesaian
J. Mekanisme Evaluasi
• Kuis
• Penugasan