Membuat Web Marketing untuk Full Stack Engineer (Pembelajaran Mandiri)

Tentang Kelas
Tingkat Materi
Dasar

Total Durasi Kelas
10 jam

Tentang Kelas/Deskripsi
Dalam era digital yang semakin canggih, keamanan informasi dan data di situs web sangat penting. Pengembang website harus memiliki pemahaman dan keterampilan yang kuat dalam mengembangkan situs yang aman dan tahan terhadap serangan siber. Di dalam kelas ini, kita akan mendalami materi sebagai pengembang website dalam mengembangkan situs web marketing yang aman dengan mencakup kompetensi seperti mengenal dasar secure code, menganalisis teknik secure code, mempraktikkan tahapan securing input validation, menerapkan tahapan securing output, mengamankan proses upload file dengan PHP, mengacak nama file, mengamankan akses ke database, dan pengelolaan hosting yang aman menggunakan Panel.Dengan menyelesaikan kelas ini, peserta diharapkan memiliki pengetahuan dan keterampilan dalam mengembangkan web marketing yang efektif dan memahami konsep-konsep dasar teknologi web yang relevan. dan membantu Full Stack Engineers menjadi lebih adaptif dalam mengintegrasikan pemasaran online ke dalam keterampilan teknis mereka.



Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah, tutorial, diskusi panel, demonstrasi, bahan bacaan, dan penugasan.

Metode Evaluasi
Pre Test
Quiz
Pop Up Quiz
Post Test
Skill Test

Tujuan Pembelajaran
Tujuan Umum
Peserta pelatihan dapat membuat web marketplace sederhana menggunakan teknologi HTML, CSS, Javascript, MySQL, dan PHP. Peserta harus mencapai persentase nilai minimum 80% dari 100% pada saat Unjuk Keterampilan.

Tujuan Khusus
● C2. Menjabarkan konsep dari teknologi web, internet, DNS, http, https, server, dan
browser.
● C2. Memperkenalkan HTML, CSS, JS, Bootstrap, JQuery, Data Table.
● C2. Menjelaskan komponen tag, script, style, title, head, body, heading, paragraf,
table, images, div, span.
● C2. Memahami proses pembuatan landing page, slider, home-screen,
welcome-screen.
● C3. Mendemonstrasikan pembuatan Web layout (header, nav, main, section, article,
footer).
● C2. Memahami pembuatan HTML Form (method, post, get, accept, enctype, action).
● C3. Mempraktikkan pembuatan Animasi dan validasi JQuery (show, hide, fadeIn,
fadeOut, disabled, set-value, set-text, set-html).
● C3. Membuat server side programming dengan menggunakan PHP.
● C3. Mempraktikkan pembuatan web database dengan menggunakan MySQL
● C3. Mempraktikkan pembuatan web Marketplace sederhana.

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
Durasi 119 menit - Sesi Pembuka dan Pengenalan Pemrograman Web
1.Peserta dapat menjabarkan konsep dari teknologi web, internet, DNS, http, https, server, dan browser.
2. Peserta mampu memperkenalkan HTML, CSS, JS, Bootstrap, JQuery, DataTable.

Pertemuan 2
Durasi 2 96 Menit - Merancang User Interface Marketplace
1. Peserta mampu menjelaskan komponenTag, script, style, title, head, body, heading, paragraf, table,images, div, span.
2.Peserta mampu memahami proses pembuatan landing page, slider, home-screen, welcome-screen.

Pertemuan 3
Durasi 3 67 Menit Server Side Programming dengan PHP
1.Peserta dapt mendemonstrasikan pembuatan Web layout (header, nav, main, section, article, footer).
2.Peserta mampu memahami pembuatan HTML Form (method, post, get,accept, enctype, action).

Pertemuan 4
Durasi 79 Menit Array dan Looping dalam PHP
1.Peserta mampu melakukan Array dan Looping menggunakan PHP

Pertemuan 5
Durasi 111 Menit Web Database Programming Dengan PHP dan MySQL
1.Peserta dapat mempraktikkan pembuatan Animasi dan validasi JQuery (show, hide, fadeIn, fadeOut,disabled, set-value, set-text, set-html).
2.Peserta dapat membuat server side programming dengan menggunakan PHP.

Pertemuan 6
Durasi 6 81 Menit Finalizazing Website Marketplace
1. Peserta dapat mempraktikkan pembuatan web database dengan menggunakan MySQL
2.Peserta dapat mempraktikkan pembuatan web Marketplace sederhana.

Pertemuan 7 Durasi 7 43 Menit Menghitung Total Pada Web Marketplace
1. Peserta dapat mempraktikkan pembuatan total untuk web marketplace dengan menggunakan MySQL


Pengetahuan Kognitif
-Dasar HTML, CSS dan Javascript.
-Praktik HTML, CSS dan Javascript.
-Web Framework.
-Hero Page.
-Web Layout dan Bootstrap.
-Page dan Sections.
-Animasi dan Validasi HTML Form dengan JQuery.
-Database Side Server Programming.
-Looping in PHP.
-MySQL_Database.
-Operasi CRUD dengan PHPMyAdmin.
-Mobile Responsive
-Keranjang Belanja
-Menghitung Total Belanja
-Fitur Checkout

Sikap Kerja (Afektif)
Teliti dalam mempelajari teori HTML, CSS, dan JavaScript untuk membangun struktur dasar web.
-Terbuka terhadap proses belajar dan bereksperimen dalam praktik coding HTML, CSS, dan JavaScript.
-Proaktif dalam mempelajari dan menerapkan berbagai web framework untuk pengembangan web yang efisien.
-Kreatif dalam mendesain Hero Page yang menarik dan responsif menggunakan HTML dan CSS.
-Detail dalam mengimplementasikan Bootstrap untuk menciptakan layout web yang responsif dan estetis.
-Terstruktur dalam merancang dan mengembangkan page dan sections pada website dengan pendekatan yang sistematis.
-Cermat dalam mengintegrasikan animasi dan validasi form menggunakan JQuery untuk meningkatkan UX (User Experience).
-Analitis dalam memahami dan menerapkan konsep server-side programming untuk interaksi database yang efektif.
-Sabar dalam mempraktikkan looping dalam PHP untuk memproses data secara efisien.
-Sistematis dalam mengelola dan memanipulasi data menggunakan MySQL untuk pengelolaan database yang optimal.
-Akurat dalam menerapkan operasi Create, Read, Update, dan Delete (CRUD) dalam PHPMyAdmin.
-Adaptif dalam mendesain situs web yang responsif untuk berbagai ukuran layar dan perangkat mobile.
-Fokus dalam mengimplementasikan fitur keranjang belanja pada website e-commerce untuk meningkatkan kenyamanan pengguna.
-Cermat dalam mengintegrasikan fungsi untuk menghitung total belanja, memastikan akurasi dan efisiensi.
-Teliti dan bertanggung jawab dalam mengembangkan fitur checkout yang aman dan user-friendly.

Keterampilan (Psikomotor)
C2. Menjabarkan sintaks dasar HTML, CSS, dan JavaScript pada proyek web sederhana.
C3. Mempraktikkan penggunaan HTML, CSS, dan JavaScript dalam proyek nyata untuk memperkuat pemahaman konseptual.
C2. Menjelaskan konsep web framework dalam pengembangan website.
C3. Mengembangkan Hero Page dengan mengintegrasikan elemen desain menggunakan HTML dan CSS.
C3. Mengaplikasikan Bootstrap untuk menciptakan layout web yang responsif dan menarik.
C3. Merancang dan membangun bagian-bagian halaman web (page dan sections) dengan pendekatan yang terstruktur.
C3. Mengintegrasikan animasi dan validasi pada form HTML menggunakan JQuery.
C3. Menerapkan konsep programming server-side dalam pengelolaan database.
C3. Menggunakan looping dalam PHP untuk memproses data dengan efisien.
C3. Melakukan operasi pada MySQL Database, termasuk pembuatan dan manipulasi data.
C3. Melaksanakan operasi CRUD pada PHPMyAdmin untuk manajemen database.
C3. Mengembangkan website yang mobile responsive dengan menerapkan prinsip desain responsif.
C3. Membuat fitur keranjang belanja pada website e-commerce.
C3. Mempraktikkan integrasi fungsi untuk fitur total belanja menggunakan fungsi khusus dalam konteks web e-commerce.
C3. Mengembangkan dan mengintegrasikan fitur checkout pada website e-commerce.

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Iin, M.Kom

Pengalaman Bekerja
- Juni 2019 s.d. Saat ini Full Stack Web Developer - Luarsekolah
Bagian dari Tim Developer di Luarsekolah.com khusus bagian Backend Developer.
- Februari 2019 s.d. Saat ini Full Stack Web Developer - STMIK IKMI Cirebon
Programmer SIAKAD dan Aplikasi Penunjang Kampus lainnya semisal aplikasi SIAKAD, PMB, tracer study,
kuesioner/polling, portal mahasiswa, portal dosen, dan sistem perpustakaan.
- September 2015 s.d. Saat ini Full Stack Web Developer - CV. Messa Studio
Menjadi Tim Developer bagian Fullstack Web Developer untuk industri. Project yang pernah dikerjakan adalah
Academic System (SIAKAD), Warehouse Management System (WMS), Tracking Management System (WMS), dan
Aplikasi-aplikasi manajemen dengan GIS.

Pengalaman Mengajar
● IT Trainer - Luarsekolah (15 kelas & 7000+ peserta) - 2022 s.d. Saat ini
● Dosen Programming - Al-Masoem Univeristy - Maret 2022 s.d. Saat ini
● Guru Teknik Informasi (200 siswa) - SMK-TI Garuda Nusantara Cimahi - 2011 s.d. 2015
● Kelas “Mempelajari CSS Basic untuk Menjadi Desainer Web” (0 Peserta) - Luarsekolah - 2022
● Kelas “Belajar Struktur Data untuk Menjadi Pengembang Website” (13 Peserta) - Luarsekolah - 2022
● Kelas “Belajar Secure Programming untuk Menjadi Pengembang Website” (100+ Peserta) - Luarsekolah - 2022
● Kelas “Mempelajari Dasar Logika Pemrograman untuk Menjadi Pengembang Website” (2000+ Peserta) - Luarsekolah - 2022
● Kelas “Belajar Pemrograman REST API untuk Menjadi Pengembang Website”(41 Peserta) - Luarsekolah - 2022
● Kelas “ Mempelajari Pemrograman CMS Wordpress untuk Menjadi Pengembang Website” (21 Peserta) - Luarsekolah - 2022
● Kelas “Mempelajari Pemrograman Jquery untuk Menjadi Pengembang Website” (2000+ Peserta) - Luarsekolah - 2022
● Kelas “ Mempelajari Pemrograman Javascript Navite untuk Menjadi Pengembang Website” (1000+ Peserta) - Luarsekolah - 2022
● Kelas “ Belajar Analisis dan Desain Sisten Berbasis Objek untuk Menjadi Analis Database”(100+ Peserta) - Luarsekolah - 2022
● Kelas “Mempelajari Pemrograman PHP Native untuk Menjadi Pengembang Website” (81 Peserta) - Luarsekolah - 2022
● Kelas “ Belajar Pemrograman SQL untuk Menjadi Pengembang Website” (2000+ Peserta) - Luarsekolah - 2022

Syarat dan Cara Mengikuti Pelatihan

Syarat dan Ketentuan :
- Lulusan SMK/SMA
- Berusia 18 s/d 45 Tahun
- Memiliki minat di bidang IT
- Memiliki koneksi internet yang stabil
Alat Praktik :
-Smartphone
-Alat tulis
-Laptop / PC / Notebook
-Buku Catatan
-Kertas A4
-Text Editor atau IDE (Integrated Development Environment): Seperti Visual Studio Code, Sublime Text, atau Atom, untuk menulis dan mengedit kode.
-Web Browser: Untuk menguji website. Browser populer termasuk Google Chrome, Mozilla Firefox, dan Safari, yang memiliki tools pengembang terintegrasi.
-Control Version System: Seperti Git, untuk manajemen versi kode Anda.
-Database Management System: Jika website Anda membutuhkan database, sistem seperti MySQL atau PostgreSQL penting.
-Framework Pengembangan Web: Seperti Bootstrap atau Tailwind CSS, untuk membantu dengan layout dan desain responsif.

Tata Cara Redeem dan Verifikasi Wajah
1. Masuk/Daftar pada LMS https://www.luarsekolah.com/ atau aplikasi mobile yang dapat diunduh melalui Google Play Store.
2. Setelah berhasil login, peserta dapat klik profil yang kemudian akan muncul menu “Reedem Voucher”
3. Masukkan kode redeem dan kode voucher/kode kupon yang didapatkan saat melakukan pembelian pelatihan. Untuk kode voucher bisa dilihat pada bukti transaksi pembelian Bukalapak atau Tokopedia dan untuk kode redeem bisa dilihat pada dashboard prakerja.
4. Peserta dapat klik “redeem voucher sekarang” dan akan diarahkan ke halaman website prakerja untuk melakukan verifikasi wajah dan lakukan log-in dengan menginput akun Prakerja.
5. Selanjutnya, akan ada verifikasi ke email Prakerjamu kemudian masukkan kode yang sudah dikirimkan melalui email.
6. Lakukan konfirmasi dengan klik “Ya, Berikan Akses” untuk melanjutkan proses verifikasi wajah.
7. Lakukan verifikasi wajah dengan memperhatikan beberapa hal berikut:
a. Pastikan wajah kamu terlihat dengan pencahayaan yang cukup, tidak buram dan tidak gelap
b. Pastikan scan wajah dengan posisi lurus atau tidak miring
c. Pastikan area wajah terlihat jelas tanpa menggunakan aksesoris (kacamata, masker, dll)
d. Kedipkan mata untuk verifikasi wajah
e. Foto yang diambil tidak perlu disertai foto KTP
f. Pengambilan gambar hanya dapat dilakukan maskimal 5 kali untuk moda mandiri dan 10 kali untuk moda webinar
g. Untuk moda belajar mandiri jika gagal verifikasi wajah sebanyak 5 kali, maka proses verifikasi bisa dilakukan di hari berikutnya
h. Untuk moda webinar, verifikasi wajah wajib dilakukan 1 jam sebelum jadwal pelatihan dimulai. Jika gagal verifikasi wajah sebanyak 5 kali, silakan hubungi CS Luarsekolah
i. Pastikan sinyal/koneksi saat melakukan verifikasi stabil
8. Jika terdapat kendala terkait proses FR silakan untuk menghubungi CS Luarsekolah
9.Jika verifikasi berhasil, maka akan muncul notifikasi “verifikasi berhasil”. Kamu akan otomatis menuju website luarsekolah atau kamu bisa klik link untuk melanjutkan pelatihan.