Menulis Kode Pemrograman untuk Mendesain Website Menggunakan Struktur Data dan Merancang Serta Mengimplementasikan User Experience dan User Interface sebagai Desainer Website

A. JUDUL

Menulis Kode Pemrograman untuk Mendesain Website Menggunakan Struktur Data dan Merancang Serta Mengimplementasikan User Experience dan User Interface sebagai Desainer Website

Rp. 500.000

Deskripsi Pelatihan

Dengan mengikuti pelatihan ini anda akan menjadi seorang desainer website.

Sebagai seorang desainer website peserta dapat 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 ( ). Di era digital seperti sekarang ini kebutuhan akan media website semakin tinggi. Di butuhkan banyak tenaga terampil khususnya di bidang web designer untuk mendukung investasi besar-besaran di bidang e-commerce. Apalagi Indonesia sekarang ini ada di pusaran digitalisasi. Hal ini menjadi peluang untuk peserta menekuni profesi ini.

Di pelatihan ini peserta akan memahami cara merancang layout pada website, mengatur tata letak elemen-elemen yang ada di sebuah website sesuai dengan bentuk visual yang sudah dibuat sebelumnya dan memberi efek tambahan yang diperlukan untuk menunjang tampilan website Sehingga peserta dapat mendesain tampilan website sesuai kebutuhan

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 Memahami Pengenalan JQuery

2. Kompeten Menggunakan Tools Effect Pada JQuery

3. Kompeten Menggunakan Tools Event Pada JQuery

4. Kompeten Menggunakan Validation dengan JQuery

5. Kompeten Menggunakan Animate dengan JQuery

B. KOMPETENSI

Aspek Kompetensi: Pengetahuan (Knowledge) :

Dengan mempelajari materi Menulis kode pemrograman untuk mendesain website menggunakan struktur data dan merancang serta mengimplementasikan user experience dan user interface sebagai desainer website siswa :

1. Memahami dan menguasai Jquery (Aspek ini bisa dilihat dari modul 1 tentang Pengenalan jQuery menit 00.00 – 16.00)

2. Memahami dan menguasai Tools Effect pada JQuery (Aspek ini bisa dilihat dari modul 2 tentang Effect FadeToggle jQuery menit 00.00 – 08:08)

3. Memahami dan menguasai Tools Event pada JQuery (Aspek ini bisa dilihat dari modul 3 tentang Event Pada Tombol & Forms menit 00.00 – 14.00)

4. Memahami dan menguasai Validation pada JQuery (Aspek ini bisa dilihat dari modul 4 tentang Validation Name menit 00.00 – 24.00)

5. Memahami dan menguasai Animate pada JQuery (Aspek ini bisa dilihat dari modul 5 tentang Animate On Scroll menit 00.00 – 13.00)

Aspek Kompetensi: Keterampilan (Skill) :

Dengan mempelajari materi Menulis kode pemrograman untuk mendesain website menggunakan struktur data dan merancang serta mengimplementasikan user experience dan user interface sebagai desainer website siswa :

1. Mampu menggunakan Jquery (Aspek ini bisa dilihat dari modul 1 tentang Pengenalan jQuery menit 00.00 – 16.00)

2. Mampu menggunakan Tools Effect pada JQuery (Aspek ini bisa dilihat dari modul 3 tentang Effect Pada jQuery pada video materi Part 1 sampai Part 2 menit 00.00 – 18.00)

3. Mampu menggunakan Tools Event pada JQuery (Aspek ini bisa dilihat dari modul 4 tentang Penggunanan Event pada Jquery pada video berjudul Event Pada Tombol & Forms Part 1 sampai Part 3 menit 00.00 – 21.00)

4. Mampu menggunakan Validation pada JQuery (Aspek ini bisa dilihat dari modul 5 tentang Penggunaan Validation dengan Jquery pada video ya Part 1 sampai Part 4 menit 00.00 – 24.00)

5. Mampu menggunakan Animate pada JQuery (Aspek ini bisa dilihat dari modul 6 tentang Penggunaan Animate dengan Jquery pada video Part 1 dan Part 2 menit 00.00 – 13.00)

Aspek Kompetensi: Sikap (Attitude) :

Dengan mempelajari materi Menulis kode pemrograman untuk mendesain website menggunakan struktur data dan merancang serta mengimplementasikan user experience dan user interface sebagai desainer website siswa :

1. Memahami dan menguasai Jquery (Aspek ini bisa dilihat dari modul 1 tentang Pengenalan jQuery menit 00.00 – 16.00)

2. Memahami dan menguasai Tools Effect pada JQuery (Aspek ini bisa dilihat dari modul 2 tentang Effect FadeToggle jQuery menit 00.00 – 08:08)

3. Memahami dan menguasai Validation pada JQuery (Aspek ini bisa dilihat dari modul 4 tentang Validation Name menit 00.00 – 24.00)

4. Memahami dan menguasai Animate pada JQuery (Aspek ini bisa dilihat dari modul 5 tentang Animate On Scroll menit 00.00 – 13.00)

C. SASARAN PESERTA

1) Pendidikan minimal SMA/SMK

2) memiliki Komputer / Laptop dengan aplikasi Tag Editor dan Jquery yang terinstal;

3) Memiliki pengetahuan dasar computer

4) Memiliki pengetahuan dasar HTML dan CSS

D. TUJUAN PELATIHAN

Tujuan Umum :

Di Akhir pelatihan peserta mampu mengenal dan menguasai cara mendesain sebuah website menggunakan Jquery untuk menjadi seorang Desainer Website.

Tujuan Khusus :

1. Mampu Memahami Pengenalan JQuery

2. Mampu Menggunakan Tools Effect Pada JQuery

3. Mampu Menggunakan Tools Event Pada JQuery

4. Mampu Menggunakan Validation dengan JQuery

5. Mampu Menggunakan Animate dengan JQuery

E. SILABUS DAN DURASI

1. Pengenalan jQuery Part 1 08:40

2. Pengenalan jQuery Part 2 08:49

3. Penginstalan Sublime text 3 02:28

4. Effect FadeIn & FadeOut jQuery Part 1 09:10

5. Effect FadeIn & FadeOut jQuery Part 2 09:16

6. Effect FadeToggle jQuery 08:08

7. Effect Slide jQuery 06:39

8. Animate Effect Part 1 08:20

9. Animate Effect Part 2 08:28

10. Add Class & Remove Class 08:24

11. Pengenalan Event 02:33

12. Event Pada Tombol & Forms Part 1 07:10

13. Event Pada Tombol & Forms Part 2 07:11

14. Event Pada Tombol & Forms Part 3 07:00

15. Event Pada Mouse 07:44

16. Event Object Part 1 08:30

17. Event Object Part 2 08:22

18. Event Pada Keyboard 07:17

19. Validation Name Part 1 07:10

20. Validation Name Part 2 07:10

21. Validation Name Part 3 07:10

22. Validation Name Part 4 03:00

23. Validation Email & Number Phone Part 1 07:20

24. Validation Email & Number Phone Part 2 07:26

25. Validation Password & Confirm Password Part 1 07:30

26. Validation Password & Confirm Password Part 2 07:08

27. Validation Selected and Checked Part 1 06:30

28. Validation Selected and Checked Part 2 05:37

29. Animate On Scroll Part 1 07:30

30. Animate On Scroll Part 2 06:47

31. Animate Menu Part 1 07:30

32. Animate Menu Part 2 08:09

33. Loader Effect Part 1 07:30

34. Loader Effect Part 2 07:55

35. Modal Promotion Part 1 08:30

36. Modal Promotion Part 2 08:30

37. Modal Promotion Part 3 08:31

38. Effect slide dengan Owl Carousel Part 1 08:30

39. Effect slide dengan Owl Carousel Part 2 06:30

40. Effect slide dengan Owl Carousel Part 3 05:08

41. Show/Hide Password Part 1 07:30

42. Show/Hide Password Part 2 08:28

43. Race Car Game Part 1 08:30

44. Race Car Game Part 2 08:30

45. Race Car Game Part 3 08:30

46. Race Car Game Part 4 08:30

47. Race Car Game Part 5 08:28

48. Live Session 2:00:00

49. Ebook 60:00

TOTAL : 8 JAM, 49 MENIT, 33 DETIK

F. KAPASITAS JENIS/KELAS PELATIHAN

Tidak terbatas

G. METODE AJAR/LATIH DAN EVALUASI PESERTA

Metode Ajar yang digunakan dalam pelatihan ini yaitu Hybrid

H. DATA INSTRUKTUR DAN RIWAYAT PROFESI

Nama Pengajar : Kamal Putra

Skills and Knowledge

Nama : Roy Mubarok

Skills and Knowledge

1.  Software Development Life Cycle (SDLC) : Water Flow, Paralel Development, Phase Development,
2. Prototyping, Trow Away Prototyping, Scrum, Agile.
3. Object Oriented Analysis and Design (OOAD) with UML
4. Project Management
5. Database Design
6. Web base application design and implementation for business need
7. Human Resource Management System (HRMS) and implementation
8. Enterprise Resource Planning (ERP)
9. SAP Business One
10. Tools: MS-Visio, MS-Project, Star UML, Enterprise Architecture, Db Designer
11. Database: PostgreSQL, MS-SQL Server, MS-Access, MySQL
12. Adobe Illustrator

I. JENIS/KLASIFIKASI SERTIFIKAT

Certificate of completion

J. MEKANISME EVALUASI :

Mekanisme Evaluasi pada program pelatihan ini yaitu :

1. Soal quiz

2. Soal-soal Post Test

3. dan Penugasan