Minggu, 23 November 2025

https://notebooklm.google.com/notebook/6cffd662-fb0f-468e-aa79-2c5875780659

Eco-Tukar: Waste Exchange for Green Jobs and Awareness

1 sumber

Sumber tersebut menyajikan proposal atau presentasi mengenai Eco-Tukar, sebuah proyek yang dikembangkan oleh tim dari SMAN 1 BERBEK untuk mengatasi masalah sampah plastik yang serius di Indonesia. Fokus utama permasalahan adalah rendahnya kesadaran masyarakat dan kurangnya pengelolaan sampah yang optimal. Untuk mengatasinya, Eco-Tukar mengusulkan aplikasi penukaran sampah (plastik, kertas, logam, kaca) dengan imbalan berupa bibit tanaman, bunga, atau sayuran. Inovasi ini bertujuan untuk melestarikan lingkungan, meningkatkan kesadaran publik, serta menciptakan peluang kerja baru dalam konsep green jobs. Presentasi ini juga merinci berbagai fitur aplikasi, termasuk registrasi akun, pemilihan jenis tanaman, panduan menanam, hingga tahap penukaran sampah yang mudah diakses oleh masyarakat.

https://notebooklm.google.com/notebook/6cffd662-fb0f-468e-aa79-2c5875780659

Sabtu, 22 November 2025

Database Siswa

https://www.youtube.com/watch?v=wNK-h4SvyBM

Looker - Dashboard Design Process

https://www.youtube.com/watch?v=uI6NOV-Ybqk&list=PLDMiUlv2m2BMahmLuXLX9JezQY-_lP-Gx&index=7

https://www.youtube.com/watch?v=ev0CUE90sj8&list=PLDMiUlv2m2BMahmLuXLX9JezQY-_lP-Gx&index=8

https://github.com/HaloTech-Academy/Belajar-Looker-Studio/blob/main/Sample%20-%20Superstore.xls

https://github.com/HaloTech-Academy

https://docs.google.com/spreadsheets/d/1mtmutHzuehQYNGrDPnk2zsIzE3XhW36q/edit?usp=sharing&ouid=112365073285716859334&rtpof=true&sd=true

https://www.youtube.com/watch?v=R_MbWn5wBis&list=PLDMiUlv2m2BMahmLuXLX9JezQY-_lP-Gx

https://www.youtube.com/watch?v=iN9w9WOyu1U&list=PLDMiUlv2m2BMahmLuXLX9JezQY-_lP-Gx&index=10

https://www.youtube.com/watch?v=fdbnhyPb_w8&list=PLDMiUlv2m2BMahmLuXLX9JezQY-_lP-Gx&index=3

https://chatgpt.com/c/69226731-14d0-8323-831e-f0b59d9a5062

https://www.youtube.com/watch?v=CBgvhTpCJVg

https://www.youtube.com/watch?v=Gc7pYzpTSxI

https://www.youtube.com/watch?v=96KsdBh9QkA

https://www.youtube.com/watch?v=s9pi1lrszmg

https://www.youtube.com/watch?v=E4AD6SquiuY&list=PLxkUDe6y_9SvVUeFCIFj_dNEENPGYCT2i

STUDI KASUS

Dashboard Spasial Persebaran Sekolah di Jawa Timur Menggunakan Looker Studio

📌 1. Latar Belakang

Dinas Pendidikan membutuhkan dashboard interaktif untuk memantau persebaran sekolah di Jawa Timur berdasarkan jenjang, zona layanan, dan status sekolah (Negeri/Swasta). Data ini penting untuk:

Perencanaan pembangunan sekolah baru
Analisis pemerataan layanan pendidikan
Identifikasi wilayah padat sekolah vs wilayah kurang layanan
Mendukung keputusan berbasis data (data-driven decision making)

🎯 2. Tujuan Dashboard

Dashboard ini bertujuan untuk:

Menampilkan lokasi sekolah dalam peta interaktif
Menyediakan filter berdasarkan:
- Kabupaten/Kota
- Jenjang (SD/SMP/SMK)
- Jenis sekolah
- Zona layanan
Menyediakan indikator statistik:
- Jumlah total sekolah
- Jumlah per jenjang
- Persebaran per kabupaten
- Rasio sekolah negeri vs swasta
Menampilkan tabel daftar sekolah yang dapat difilter.

🗂️ 3. Sumber Data

Dataset berasal dari:

File Excel/Google Sheet dengan struktur seperti berikut:

NPSN	Nama Sekolah	Jenjang	Jenis	Alamat	Zona Layanan	Kabupaten	Latitude	Longitude

(Anda sudah punya datasetnya. Jika mau, saya bisa buatkan versi 500–1000 baris untuk simulasi besar.)

🛠️ 4. Langkah-Langkah Pembuatan Dashboard di Looker Studio

Langkah 1 — Siapkan Data

Upload file Excel ke Google Drive
Buka Google Sheets → File → Import file Excel
Rapikan nama kolom, pastikan:
- Latitude = tipe Number
- Longitude = tipe Number
Simpan

Langkah 2 — Hubungkan ke Looker Studio

Buka Looker Studio
Klik "Blank Report"
Tambahkan Data Source → Google Sheets
Pilih dataset sekolah → klik Add to Report

Langkah 3 — Buat Peta Spasial

Klik “Add a Chart” → “Google Maps Chart”
Drag ke kanvas dashboard
Atur konfigurasi:

Location Type: Latitude + Longitude
- Latitude → Latitude
- Longitude → Longitude
Tooltip Dimensions:
- Nama Sekolah
- Jenjang
- Jenis Sekolah
- Kabupaten
- Zona Layanan
Metric:
- COUNT of NPSN (jumlah sekolah)
Atur warna marker:
- Bisa berdasarkan Jenjang (opsional)
- SD → hijau
- SMP → biru
- SMK → merah

Langkah 4 — Buat Kartu Ringkasan (Scorecards)

Tambahkan 4 scorecards:

1. Jumlah Total Sekolah

Metric: COUNT(NPSN)

2. Jumlah SD

Filter: Jenjang = SD

3. Jumlah SMP

Filter: Jenjang = SMP

4. Jumlah SMK

Filter: Jenjang = SMK

Langkah 5 — Tambahkan Filter Interaktif

Tambahkan filter untuk mempersempit analisis:

🔘 Filter 1 — Kabupaten/Kota

Control Type: Dropdown List
Field: Kabupaten

🔘 Filter 2 — Jenjang

Field: Jenjang

🔘 Filter 3 — Jenis Sekolah

Field: Jenis Sekolah (Negeri/Swasta)

🔘 Filter 4 — Zona Layanan

Field: Zona Layanan

Langkah 6 — Tambahkan Tabel Sekolah (Daftar Detail)

Tambahkan Table Chart
Masukkan kolom:
- Nama Sekolah
- Jenjang
- Jenis Sekolah
- Kabupaten
- Zona
- Latitude
- Longitude
Metric: COUNT(NPSN)

Tabel ini mengikuti filter di atas → interaktif.

Langkah 7 — Tambahkan Grafik Distribusi

Opsional namun sangat informatif:

Diagram batang (Bar Chart) — Jumlah Sekolah per Kabupaten

Dimension: Kabupaten
Metric: COUNT(NPSN)

Pie Chart — Proporsi Negeri vs Swasta

Dimension: Jenis Sekolah
Metric: COUNT(NPSN)

Langkah 8 — Layout & Styling

Agar dashboard terlihat profesional:

Gunakan header:


Persebaran Sekolah di Jawa Timur
Dashboard Spasial (Looker Studio)

Gunakan warna netral: #003366, #006699, #eef5ff
Gunakan kolom layout: Scorecard → Peta → Tabel
Tambahkan logo instansi di pojok kiri atas (jika perlu)

📊 5. Contoh Komponen Dashboard

Layout rekomendasi:


-----------------------------------------------------
|  Judul Dashboard & Logo                           |
-----------------------------------------------------
| Total Sekolah | Total SD | Total SMP | Total SMK  |
-----------------------------------------------------
| Filter Kabupaten | Filter Jenjang | Filter Jenis |
-----------------------------------------------------
|                     Peta Spasial                 |
-----------------------------------------------------
| Grafik Jumlah Sekolah per Kabupaten              |
-----------------------------------------------------
| Tabel Daftar Sekolah (dinamis)                   |
-----------------------------------------------------

🎓 6. Output Akhir

Dashboard akhir akan memungkinkan pengguna untuk:

Melihat persebaran sekolah di Jawa Timur
Mengetahui wilayah yang padat/kosong sekolah
Menganalisis capaian layanan pendidikan per zona
Mengambil keputusan berbasis peta & data terintegrasi

✅ Jika Anda mau, saya bisa membuatkan:

✔ Template teks untuk ditampilkan di dashboard

✔ Contoh dataset tambahan (500–2000 data)

✔ Mockup desain layout (PNG)

✔ Script Looker Studio (community visualization)

Selasa, 18 November 2025

Looker Style

Berikut penjelasan cara membuat style seperti kode HTML di Looker Studio (Google Data Studio) serta contoh kode yang sudah kompatibel dengan Looker Studio Community Visualization / HTML box.

✅ 1. Prinsip Looker Studio HTML Styling

Looker Studio tidak mengizinkan CSS eksternal
→ Jadi Anda harus menuliskan inline style seperti yang sudah Anda lakukan.

Looker Studio juga tidak mengizinkan tag <style> atau script JS.
Namun tag HTML, inline style, dan dynamic field seperti {{Nama}} tetap bisa.

✅ 2. Format Template HTML di Looker Studio

Jika Anda memakai Community Visualization > HTML, Anda perlu menggunakan format:

<div>

<p>{{field}}</p>

</div>

Jika Anda memakai Feature "Community Visualization → HTML editor", Anda bisa langsung tempelkan kode berikut.

✅ 3. Versi Kode HTML Anda yang Sudah Diperbaiki & Compatible untuk Looker Studio

✔ Aman

✔ Tidak menggunakan CSS eksternal

✔ Full inline style

✔ Cocok untuk Looker Studio HTML

🔧 Tempelkan Kode Ini di Looker Studio → Community Visualization → HTML Editor

</div>

<i>Sekolah <strong>{{AsalSekolah}} {{Kabupaten}}</strong></i>

</div>

</header>

</div>

<tbody>

<tr>

<p><strong style="color:#4f4f4f;">Deskripsi:</strong> {{Topik}}</p>

<p><strong style="color:#4f4f4f;">Ketua Rintisan Usaha:</strong> {{Ketua}}</p>

<p><strong style="color:#4f4f4f;">Anggota:</strong> {{Anggota}}</p>

<p><strong style="color:#4f4f4f;">Link Produk:</strong> <a href="{{UploadPicture}}" target="_blank">Klik Produk</a></p>

<p><strong style="color:#4f4f4f;">Link Social Media:</strong> <a href="{{Socmed}}" target="_blank">Klik Social Media</a></p>

<p><strong style="color:#4f4f4f;">Link Video:</strong> <a href="{{LinkVideo}}" target="_blank">Klik Video</a></p>

<p><strong style="color:#4f4f4f;">Link Website:</strong> <a href="{{LinkWebsite}}" target="_blank">Klik Website</a></p>

<p><strong style="color:#4f4f4f;">Link Katalog:</strong> <a href="{{LinkKatalog}}" target="_blank">Klik Katalog</a></p>

<p><strong style="color:#4f4f4f;">Etalase Produk:</strong> <a href="{{LinkEtalase}}" target="_blank">Klik Etalase</a></p>

<p><strong style="color:#4f4f4f;">PPT Usaha:</strong> <a href="{{BMCRencana}}" target="_blank">Klik PPT</a></p>

💰 Transaksi : Rp {{Transaksi}}

</div>

</td>

</tr>

</tbody>

</table>

</div>

✅ 4. Catatan Penting untuk Looker Studio

✔ Ikon Material tidak bisa dipanggil langsung

→ Gunakan emoji seperti “📍”, “💰”
Jika tetap ingin Material Icons, Anda harus pakai:

❌ Tapi Looker Studio tidak mengizinkan <link>, jadi emoji adalah solusi terbaik.

✅ 5. Tips Style Biar Lebih Bagus

Jika mau tampilan lebih rapi di Looker Studio:

Gunakan font-family: Arial, sans-serif (yang paling aman)
Gunakan padding & border radius
Hindari CSS kompleks seperti position:absolute
Jangan pakai javascript
Hindari <style>...</style> untuk menghindari error

Mau dibuatkan versi:

✔ warna tema lain
✔ layout 2 kolom
✔ ditambahkan QR Code
✔ ditambahkan logo sekolah di header
✔ diubah jadi tampilan kartu (card style)

Cukup bilang: "buatkan versi tema ..." atau "buatkan layout 2 kolom".

You said:

buatkan layout 2 kolom

ChatGPT said:

Berikut versi layout 2 kolom yang bersih, aman, dan kompatibel untuk Looker Studio (tanpa CSS eksternal & tanpa <style> tag).

✔ Kolom kiri = Foto / Gambar

✔ Kolom kanan = Informasi usaha & link-link

✔ Responsif & tetap rapi di Looker Studio

✅ HTML Layout 2 Kolom (Siap Tempel di Looker Studio)

</div>

<i>Sekolah <strong>{{AsalSekolah}} {{Kabupaten}}</strong></i> 📍

</div>

<tr>

</td>

<p><strong style="color:#4f4f4f;">Deskripsi:</strong> {{Topik}}</p>

<p><strong style="color:#4f4f4f;">Ketua Rintisan Usaha:</strong> {{Ketua}}</p>

<p><strong style="color:#4f4f4f;">Anggota:</strong> {{Anggota}}</p>

<p><strong style="color:#4f4f4f;">Link Produk:</strong> <a href="{{UploadPicture}}" target="_blank">Klik Produk</a></p>

<p><strong style="color:#4f4f4f;">Social Media:</strong> <a href="{{Socmed}}" target="_blank">Klik Social Media</a></p>

<p><strong style="color:#4f4f4f;">Video:</strong> <a href="{{LinkVideo}}" target="_blank">Klik Video</a></p>

<p><strong style="color:#4f4f4f;">Website:</strong> <a href="{{LinkWebsite}}" target="_blank">Klik Website</a></p>

<p><strong style="color:#4f4f4f;">Katalog:</strong> <a href="{{LinkKatalog}}" target="_blank">Klik Katalog</a></p>

<p><strong style="color:#4f4f4f;">Etalase Produk:</strong> <a href="{{LinkEtalase}}" target="_blank">Klik Etalase</a></p>

<p><strong style="color:#4f4f4f;">PPT Usaha:</strong> <a href="{{BMCRencana}}" target="_blank">Klik PPT</a></p>

💰 Transaksi : Rp {{Transaksi}}

</div>

</td>

</tr>

</table>

</div>

✅ Tampilannya seperti ini:

| Foto Produk (kiri) | Informasi + Link Usaha (kanan) |

Struktur rapi, profesional, cocok untuk kartu profil, katalog usaha, dan showcase project SMK.

Mau versi lain?

Saya bisa buatkan:

✔ Versi 3 Kolom

✔ Versi Card Style seperti Instagram Profile

✔ Versi Dark Theme

✔ Versi Minimalist

✔ Versi dengan QR Code otomatis

✔ Versi Grid Galeri 3 Foto

Cukup katakan: "buatkan versi ... "