Deskripsi Pelatihan: Google Gravity for Beginners: Mengenal Eksperimen Interaktif Berbasis Web
Google Gravity for Beginners: Mengenal Eksperimen Interaktif Berbasis Web merupakan pelatihan pengenalan teknologi web interaktif melalui eksperimen Google Gravity. Google Gravity adalah eksperimen visual yang memungkinkan elemen-elemen pada halaman web bergerak dan jatuh seolah-olah dipengaruhi oleh gaya gravitasi. Melalui pelatihan ini, peserta akan diperkenalkan pada konsep dasar eksperimen web, interaksi pengguna, animasi digital, serta teknologi yang mendukung tampilan website interaktif. Pelatihan dirancang untuk peserta pemula yang ingin mengenal dunia pengembangan web dengan pendekatan kreatif, menyenangkan, dan praktis. Peserta akan mempelajari dasar HTML, CSS, JavaScript, Document Object Model (DOM), serta konsep animasi dan simulasi fisika sederhana pada halaman web. Selain memahami cara kerja Google Gravity, peserta juga akan mendapatkan pengalaman praktik dalam membuat elemen halaman web bergerak dan berinteraksi. Dengan demikian, pelatihan ini diharapkan dapat menjadi langkah awal bagi peserta untuk mengembangkan kreativitas dan keterampilan dasar dalam bidang teknologi web interaktif.
Tujuan Pelatihan : Google Gravity for Beginners: Mengenal Eksperimen Interaktif Berbasis Web
Setelah mengikuti pelatihan, peserta diharapkan mampu:
- Memahami konsep Google Gravity dan perkembangan eksperimen interaktif berbasis web.
- Mengenal teknologi dasar pengembangan web, meliputi HTML, CSS, dan JavaScript.
- Memahami cara kerja animasi, interaksi pengguna, dan manipulasi elemen halaman web.
- Mengembangkan kemampuan membuat efek visual dan simulasi gravitasi sederhana pada website.
Rincian Materi Pelatihan :
HARI 1
Sesi 1 08.30–10.00
Topik: Introduction to Google Gravity & Interactive Web Experiments
- Pengenalan Google Gravity dan sejarah eksperimen web interaktif.
- Memahami konsep dan karakteristik website interaktif.
- Mengenal berbagai eksperimen kreatif berbasis browser.
- Demonstrasi cara kerja Google Gravity dan eksplorasi fitur interaktifnya.
Sesi 2 10.15–12.00
Topik: Web Development Fundamentals: HTML, CSS & JavaScript
- Pengenalan struktur dasar HTML untuk membangun halaman web.
- Memahami CSS untuk mengatur tampilan, warna, ukuran, dan posisi elemen.
- Pengenalan JavaScript sebagai bahasa pemrograman interaktif.
- Memahami hubungan HTML, CSS, dan JavaScript dalam pengembangan website.
Sesi 3 13.00–15.00
Topik: Understanding DOM & Web Interaction
- Pengenalan Document Object Model (DOM) dalam pengembangan web.
- Memahami struktur elemen dan hierarki halaman HTML.
- Mengakses dan memanipulasi elemen HTML menggunakan JavaScript.
- Membuat interaksi sederhana melalui event seperti click, drag, dan mouse movement.
HARI 2
Sesi 4 08.00–10.00
Topik: Animation & Physics-Based Effects on Web
- Pengenalan konsep animasi dalam pengembangan website.
- Memahami transformasi, translasi, rotasi, dan pergerakan elemen.
- Mengenal konsep dasar gravitasi, kecepatan, percepatan, dan momentum.
- Membuat animasi pergerakan objek menggunakan CSS dan JavaScript.
Sesi 5 10.15–12.00
Topik: Building Simple Google Gravity Effects
- Menyiapkan struktur halaman web untuk simulasi Google Gravity.
- Membuat elemen halaman yang dapat bergerak dan berpindah posisi.
- Menerapkan efek gravitasi sederhana pada elemen menggunakan JavaScript.
- Mengembangkan fitur interaksi seperti drag, drop, dan efek tumbukan sederhana.
Sesi 6 15.15–15.45
Topik: Mini Project & Interactive Web Experiment
- Merancang konsep mini project eksperimen web interaktif.
- Membangun halaman web sederhana dengan efek gravitasi.
- Melakukan pengujian, debugging, dan penyempurnaan animasi.
- Presentasi hasil project serta evaluasi pengembangan eksperimen web
Metode Pelatihan :
- Pemaparan Materi (Presentation)
Penyampaian konsep dasar Google Gravity, teknologi web, animasi, dan interaksi digital oleh instruktur. - Demonstrasi Langsung (Live Demonstration)
Instruktur memperlihatkan cara kerja Google Gravity serta penerapan efek interaktif pada halaman web. - Praktik Langsung (Hands-On Practice)
Peserta melakukan latihan menggunakan HTML, CSS, dan JavaScript untuk membuat elemen web interaktif. - Studi Kasus dan Mini Project
Peserta mengerjakan proyek sederhana untuk menerapkan konsep simulasi gravitasi dan interaksi halaman web. - Diskusi dan Evaluasi
Peserta berdiskusi mengenai hasil praktik, mengidentifikasi kendala, serta mendapatkan masukan dari instruktur.
Target Pelatihan :
- Pelajar dan Mahasiswa yang tertarik mempelajari teknologi web dan eksperimen digital.
- Pemula di Bidang IT yang ingin mengenal dasar pengembangan website interaktif.
- Web Designer dan Web Developer Junior yang ingin mengeksplorasi efek visual dan animasi website.
- Guru, Dosen, dan Tenaga Pendidik yang ingin mengenalkan teknologi web melalui metode pembelajaran kreatif.
- Masyarakat Umum dan Digital Enthusiast yang tertarik mempelajari eksperimen teknologi berbasis browser.
Hasil Pelatihan :
Setelah mengikuti pelatihan, peserta diharapkan menghasilkan:
- Memahami konsep Google Gravity dan perkembangan eksperimen interaktif berbasis web.
- Mengenal teknologi dasar pengembangan web, meliputi HTML, CSS, dan JavaScript.
- Memahami cara kerja animasi, interaksi pengguna, dan manipulasi elemen halaman web.
- Mengembangkan kemampuan membuat efek visual dan simulasi gravitasi sederhana pada website.
| Investasi dan fasilitas Metode Pelaksanaan | Harga & Fasilitas |
| Opsi 1 – Pelatihan Online | Training Online Rp. 5.500.000 per peserta.
Minimal kuota 2 peserta dan bisa request tanggal. • Pelaksanaan training selama 2 hari half day (08.00 – 12.00 WIB atau 13.15 – 16.00 WIB) Menggunakan aplikasi Zoom/Google Meet. • Sudah Termasuk : Sertifikat Training Softfile & Hardfile, Pengiriman Sertifikat ke A alamat Peserta, Soft File Materi. • Belum termasuk : PPN 11%.
|
| Opsi 2 –
Pelatihan Offline di Yogyakarta |
Training Offline Rp.7.900.000 per peserta.
• Minimal kuota 3 peserta dan bisa request tanggal. • Pelaksanaan training selama 2 hari full day (08.00 – 16.00 WIB). • Tempat pelaksanaan : • ✓ Hotel El Royale, Yogyakarta ATAU • ✓Hotel Malyabhara, Malioboro,Yogyakarta • Sudah termasuk : Meeting Room, Modul Training, Sertifikat Training, Training Kits, Lunch, Coffee Break, dan Souvenir. • Belum termasuk : Penginapan & Transportasi Peserta Pelatihan, dan PPN 11%.
|
Instruktur
Tim Oemah Training