🌐 Bikin Web Sekolah Nggak Ribet, Cuma Pakai Flutter Web! 🤯✨

🌐 Bikin Web Sekolah Nggak Ribet, Cuma Pakai Flutter Web! 🤯✨


Halo, Sob! 👋

Kamu anak SMK, suka ngoding, tapi pengen bikin sesuatu yang berguna buat sekolah? Nih gue kasih tahu satu project simple tapi impactful yang bisa kamu tiru — web info lokasi sekolah plus tombol WhatsApp buat tanya-tanya PPDB. Gokil, kan? 😎

Gue bikin ini pakai Flutter Web, dan serius deh, tampilannya clean, responsif, dan gampang banget dikustom!

💡 Apa yang Dibikin?

Kita bikin landing page SMKN 1 Banjar yang langsung nampilin:

  • Nama & deskripsi singkat sekolah 📚

  • Embed peta Google Maps biar gampang cari lokasi 📍

  • Tombol “Rute ke Sekolah” yang langsung buka Google Maps 🛣️

  • Tombol WhatsApp buat ngobrol langsung soal PPDB 💬

  • Plus, ada floating button WhatsApp yang selalu nongol di pojok kanan bawah. Auto klik, auto tanya!

🛠️ Gimana Kodingannya?

Kita manfaatin:

  • HtmlElementView buat nampilin Google Maps iframe

  • html.window.open() buat buka link rute dan WhatsApp di tab baru

  • Custom UI Flutter yang simpel tapi berkelas

Oh iya, sebelumnya gue sempet error gara-gara Icons.whatsapp nggak dikenalin di Flutter Web 😅. Tapi tenang, tinggal ganti aja pakai ikon lain atau pakai gambar dari internet. Langsung lancar jaya!

🌈 Why This Matters?

Dengan project kecil ini, kamu bisa belajar:

  • Koneksi antara UI Flutter Web & elemen HTML

  • Cara kerja Google Maps Embed

  • Gimana integrasi link WhatsApp ke aplikasi kita

Dan yang paling penting… project ini real dan bisa langsung dipakai di dunia nyata! Bayangin web ini dipasang di website resmi sekolah kamu — auto bangga dong 😍

🚀 Yuk, Coba Sendiri!

Pengen coba sendiri? Kamu bisa pelan-pelan bongkar kode ini, lalu edit sesuai nama sekolah kamu, link WhatsApp TU, dan lokasi sekolah kamu sendiri.

Gak usah nunggu jago, yang penting mulai dulu!
Karena koding itu bukan soal bisa atau nggak, tapi soal mau belajar atau nggak 💪

📍 Salam semangat dari anak SMK yang doyan eksperimen!
Ngoding hari ini, solutif buat besok!

Salam : Redaksi

Comments

Post a Comment

Popular posts from this blog

10 Jenis Sistem Operasi Mobile yang Anda Perlu Ketahui

Image
  10 Jenis Sistem Operasi Mobile yang Anda Perlu Ketahui January 11, 2024 8:10 am 10 Jenis Sistem Operasi  – Sistem operasi  mobile  atau  mobile  OS adalah sistem operasi untuk ponsel, tablet,  smartwatch , atau perangkat  mobile  lainnya. Sistem operasi ini berfungsi untuk mengontrol sumber daya hardware maupun software pada perangkat mobile hingga dapat berjalan stabil. Fitur Sistem Operasi Seluler 1. Mudah digunakan Grafiknya harus menarik. Tombol dan fiturnya harus mudah digunakan. Selain itu, fungsinya tidak boleh terlalu rumit. Fitur harus kuat dan berguna. 2. Toko aplikasi yang bagus Aplikasi adalah salah satu bagian dasar dari sebuah OS. Aplikasi yang bagus dan berguna merupakan bagian penting dari sebuah OS. Aplikasinya harus sederhana dan interaktif. 3. Daya tahan baterai yang baik Tenaga merupakan salah satu kebutuhan utama sebuah smartphone. Mereka membutuhkan daya untuk prosesor, sensor, dll. Oleh karena itu, baterai memega...
Read more

10 Macam Sistem Operasi Smartphone Terbaik yang Pernah Ada

Image
  10 Macam Sistem Operasi Smartphone Terbaik yang Pernah Ada Oleh Indira Lintang Kamis, 19 Oktober 2023 - 10:40 WIB Share Sistem operasi smartphone (Photo: iStockPhoto) Berita Terkini, Eksklusif di WhatsApp Inilah.com Ukuran Font Kecil Besar Advertisement Setelah 13 tahun lamanya, akhirnya Xiaomi mengakhiri menggunakan MIUI sebagai  software  dari smartphonenya. Pada bulan Maret 2023,  Xiaomi  merilis smartphone yang menggunakan MIUI 14 berbasis Android 13. Namun perusahaan teknologi asal Tiongkok itu dikabarkan akan segera meninggalkan MIUI dan merilis OS baru yang bernama HyperOS. Apa Itu Sistem Operasi Pada Smartphone? Dilansir dari berbagai sumber, Sistem Operasi atau Operating System (OS) adalah sebuah program yang mengelola sumber daya pada perangkat keras komputer. Perangkat ini menyediakan layanan umum untuk aplikasi perangkat lunak. Tanpa adanya sistem operasi, perangkat tidak akan memiliki penjadwalan sistematis yang mencakup perhitungan  pengguna...
Read more