Terbit online pada laman web jurnal: http://jurnal.
id/index.
php/JAMTEKNO JAM-TEKNO ( Jurnal Pengabdian Masyarakat TEKNO) Vol.
x No.
86 Ae 91 |ISSN Media Elektronik: 2828-6391 Pendampingan Guru SD Muhammadiyah 1 Kesamben Mendesain Website berbasis Firebase Realtime Database Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 1Program Studi Teknologi Elektronika.
Fakultas Vokasi.
Universitas Muhammadiyah Malang.
Malang.
Indonesia 2,3Program Studi Teknik Elektro.
Fakultas Teknik.
Universitas Muhammadiyah Malang.
Malang.
Indonesia 4Program Studi Teknik Sipil.
Fakultas Teknik.
Universitas Muhammadiyah Malang.
Malang.
Indonesia 1widianto@umm.
id, 2baiqdewi21@umm.
id, 3chasrun@umm.
id, 4andisyaiful@umm.
Abstract SD Muhammadiyah 1 Kesamben.
Blitar Regency, is an AUM (Muhammadiyah Social Welfare Organizatio.
engaged in basic education.
To support the school's vision in advancing education, science, and technology, teachers need improved digital skills, particularly in managing website-based data.
This community service aims to equip teachers with the ability to design websites using Flutter integrated with Firebase Realtime Database.
Flutter was chosen for its ease of use and efficient UI development across platforms using the Dart programming The activity involved a pre-training survey, training sessions on building websites with Flutter and Firebase, and a post-training evaluation that covered the benefits of the training, content, material comprehension, and delivery.
The training is expected to enhance the school's website not only as an information portal but also as a platform for e-learning, task management, monitoring dashboards, and discussions.
This program helps improve teachers' digital literacy and supports the integration of technology in elementary education.
Keywords: firebase realtime database, flutter, teacher, training, website Abstrak SD Muhammadiyah 1 Kesamben Kabupaten Blitar merupakan AUM (Amal Usaha Muhammadiya.
yang bergerak di bidang pendidikan dasar.
Untuk mendukung pencapaian visi dan misi sekolah dalam mengembangkan pendidikan, ilmu pengetahuan, dan teknologi kepada siswa, diperlukan peningkatan kompetensi guru dalam bidang teknologi digital, khususnya dalam pengelolaan data berbasis website.
Pengabdian masyarakat ini bertujuan untuk membekali para guru dengan keterampilan mendesain website menggunakan Flutter yang terhubung dengan Firebase Realtime Database.
Flutter dipilih karena mudah dipelajari, menggunakan bahasa pemrograman Dart yang dioptimalkan untuk membangun antarmuka pengguna (UI) secara cepat dan produktif di berbagai platform, terutama bagi yang telah familiar dengan Java.
Metode pelaksanaan kegiatan ini meliputi pemberian pra-kuisioner, pelatihan pembuatan website berbasis Flutter dan Firebase, serta kuisioner evaluasi pascapelatihan yang mencakup penilaian terhadap manfaat, isi, pemahaman materi, dan penyampaian materi oleh pengabdi.
Melalui pelatihan ini, diharapkan website sekolah dapat dimanfaatkan secara maksimal, tidak hanya sebagai media informasi, tetapi juga sebagai sarana pendukung kegiatan pendidikan seperti e-learning, manajemen tugas, dashboard pemantauan, dan forum diskusi.
Kegiatan ini memberikan kontribusi positif dalam meningkatkan literasi digital guru serta mendukung transformasi pendidikan berbasis teknologi di tingkat sekolah dasar.
Kata kunci: firebase realtime database, flutter, guru, pelatihan, website tenang dan jauh dari hiruk-pikuk lalu lintas menjadikan proses belajar mengajar berlangsung secara kondusif.
Sekolah Dasar (SD) Muhammadiyah 1 Kesamben memberikan kenyamanan bagi siswa dan guru dalam merupakan salah satu bentuk Amal Usaha beraktivitas akademik.
Sejak didirikan pada tahun 2009 Muhammadiyah (AUM) dalam bidang pendidikan dasar di atas tanah wakaf seluas 2.
162 mA.
SD Muhammadiyah yang berlokasi di Jalan Kelud.
Dusun Tuwuh Rejo RT 1 Kesamben telah menunjukkan perkembangan 02 RW 03.
Kelurahan/Kecamatan Kesamben, signifikan, baik dalam infrastruktur maupun jumlah Kabupaten Blitar.
Lingkungan sekolah yang siswa.
Kini, lahan sekolah telah berkembang menjadi Pendahuluan Diterima Redaksi : 23-06-2025 | Selesai Revisi : 23-11-2025 | Diterbitkan Online : 31-12-2025 Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 JAM-TEKNO (Jurnal Pengabdian Kepada Masyarakat TEKNO) Vol .
6 No.
86 Ae 91 152 mA dan menjadi tempat belajar bagi 82 siswa dari dan membahas.
Metode ini efektif dipilih karena wilayah Kesamben.
Wlingi, dan Selorejo, dengan memberikan pemahaman Guru SD Muhammadiyah 1 didampingi oleh 10 guru yang seluruhnya berpendidikan Kesamben di atas 80%.
Pelatihan dan pendampingan S1 dan S2.
akan dilaksanakan sebanyak 2 kali secara luring.
Ada 3 kali kuisioner yang akan dilakukan terhadap para Guru.
Sebagai institusi pendidikan yang terus tumbuh.
SD yaitu: kuisioner pra-pelatihan, saat pelatihan, dan setelah Muhammadiyah 1 Kesamben tidak hanya fokus pada aspek akademik, namun juga berupaya untuk mengikuti perkembangan teknologi dalam proses pembelajaran 2.
Materi Pelatihan dan manajemen sekolah.
Salah satu bentuk kemajuan Materi pelatihan meliputi: website, flutter, dart, android tersebut adalah keberadaan website sekolah yang telah studio, dan firebase.
Di era digital seperti sekarang ini, dikembangkan melalui program Pengabdian Tematik website menjadi salah satu media yang efektif untuk Bersaing (PTB) Universitas Muhammadiyah Malang menyebarkan informasi.
Hampir semua orang saat (UMM) pada tahun ajaran 2022/2023.
Website tersebut ini memiliki akses internet di genggaman tangan dirancang secara informatif dan kreatif, namun masih membuat website menjadi sarana komunikasi satu arah belum terintegrasi dengan sistem basis data .
, yang cukup efisien.
Keefisienan website membuat yang berperan penting dalam pengelolaan data secara banyak orang menggunakan manfaat website untuk real-time dan efisien.
berbagai keperluan.
Di era digital saat ini, kemampuan untuk mengelola data Website adalah kumpulan halaman dalam suatu domain secara langsung melalui platform digital merupakan yang memuat berbagai informasi agar dapat dibaca dan kebutuhan mendesak.
Pendidikan modern menuntut dilihat oleh pengguna internet melalui sebuah mesin ketersediaan sistem informasi yang terintegrasi untuk pencari atau browser.
Informasi yang dapat dimuat mendukung proses pembelajaran yang adaptif, fleksibel, umumnya berisi mengenai konten gambar, ilustrasi, dan responsif terhadap perubahan zaman.
Oleh karena video, dan teks untuk berbagai macam kepentingan.
Muhammadiyah 1 Kesamben dalam mendesain website Flutter adalah platform yang digunakan para developer yang terintegrasi dengan Firebase Realtime Database untuk membuat aplikasi multiplatform hanya dengan menjadi sangat penting.
Pendampingan ini bertujuan satu basis coding .
Artinya, aplikasi yang agar guru memiliki keterampilan dalam mengisi dan dihasilkan dapat dipakai di berbagai platform, baik mengelola konten website menggunakan Flutter, serta mobile Android, iOS, web, maupun desktop.
Dirilis pada mampu mengintegrasikan database secara mandiri.
Mei 2017 oleh Google.
Flutter dirancang untuk memberi kemudahan kepada para programmer mobile dalam Dengan adanya pelatihan ini, diharapkan website membangun aplikasi mobile multi platform dengan sekolah dapat dimanfaatkan secara maksimal, tidak performa AunativeAy dengan cepat.
Flutter akan mudah hanya sebagai media informasi, tetapi juga sebagai dipelajari karena menggunakan bahasa pemrograman sarana pendukung kegiatan pendidikan seperti eDart, terlebih kalau sudah familiar menggunakan Java.
learning, manajemen tugas, dashboard pemantauan, dan Flutter memiliki dua komponen penting, yaitu.
SDK forum diskusi.
Pengelolaan data yang dapat diperbarui (Software Development Ki.
dan juga framework UI secara langsung melalui berbagai perangkat juga akan (User Interfac.
meningkatkan efisiensi komunikasi dan dokumentasi internal sekolah.
Oleh sebab itu, inisiatif ini menjadi Dart adalah merupakan bahasa pemrograman yang langkah strategis dalam mendukung visi sekolah untuk dikembangkan oleh google untuk kebutuhan dalam mencetak generasi yang unggul dalam penguasaan ilmu membuat aplikasi android atau mobile, front-end, web, pengetahuan dan teknologi.
IoT, back-end (CLI), dan Game.
Bahasa Dart dioptimalkan untuk bisa mengembangkan UI dengan Metode Pengabdian Masyarakat cepat dan produktif di banyak platform.
Ia diluncurkan Partisipan pertama kali oleh Google pada bulan Oktober 2011.
Kurang lebih 3 tahun kemudian.
Dart 1.
0 diluncurkan Pelatihan desain website yang dilengkapi dengan tepatnya pada bulan November 2013.
Dibandingkan firebase realtime database terhadap Guru SD dengan Java dan C .
Dart mungkin masih terdengar Muhammadiyah 1 Kesamben diikuti oleh 9 guru dan asing di telinga, akan tetapi sekarang ini, popularitas juga melibatkan 7 Mahasiswa Program Studi Teknik Dart semakin meningkat seiring dengan kepopuleran Elektro UMM.
Flutter di kalangan pengembang aplikasi mobile.
Tahapan Kegiatan Android Studio adalah IDE (Integrated Development Metode pelaksanaan pengabdian dilaksanakan dengan Environmen.
resmi untuk pengembangan aplikasi memberikan pelatihan tentang desain website kepada Android.
Andriod Studio tidak hanya untuk Guru SD Muhammadiyah 1 Kesamben Blitar secara aplikasi Android, tetapi bisa digunakan untuk coding luring di Ruang Kelas SD Muhammadiyah 1 Kesamben Flutter dalam mengembangkan aplikasi di berbagai Ini adalah artikel akses terbuka di bawah lisensi CC BY 4.
0 | DOI: https://doi.
org/10.
29207/ jamtekno.
Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 JAM-TEKNO (Jurnal Pengabdian Kepada Masyarakat TEKNO) Vol .
6 No.
86 Ae 91 platform, baik mobile, iOS, web, maupun desktop.
Andriod Studio berbasis editor kode dan alat developer yang andal dari IntelliJ IDEA .
Android Studio menawarkan lebih banyak fitur yang mampu meningkatkan produktivitas saat mem-build aplikasi Android.
Untuk menginstal Android Studio di Windows, bisa Gambar 3.
Proyek baru diikuti langkah langkah sebagai berikut: .
Jika sudah .
sebagaimana ditunjukkan dalam Gambar 1, klik dua kali .
Hasil project firestore_1 bisa dilihat seperti untuk meluncurkannya.
dalam Gambar 4.
Gambar 1.
Android Studio .
Jika mendownload file .
zip, maka : .
Ekstrak .
Gambar 4.
Proyek Firestore_1 .
Salin folder android-studio ke folder Program Files.
Buka folder android-studio > bin.
Luncurkan Pada saat ini banyak bermunculan database dengan basis exe .
ntuk computer 64-bi.
atau studio.
exe NoSQL .
ukan sq.
, salah satunya adalah Firebase.
ntuk computer 32-bi.
Ikuti Wizard Penyiapan di Namun, yang paling penting dari sebuah perkembangan Android Studio, lalu install paket SDK yang adalah proses.
Firebase mempermudah para .
Klik Plug In di Android Studio, developer aplikasi dalam mengembangkan aplikasinya.
selanjutnya centang Dart dan Flutter seperti pada Firebase alias BaaS (Backend as a Servic.
merupakan Gambar 2.
solusi yang ditawarkan oleh Google untuk mempercepat pekerjaan developer.
Kemudian firebase berkembang sebagai layanan pengembang aplikasi.
Pada bulan Oktober 2014, perusahaan tersebut diakuisisi oleh Google.
Jenis atau fitur Firebase sebagai berikut: .
Firebase Analytics.
Firebase Cloud Messaging and Notifications.
Firebase Authentication.
Firebase Cloud Firestore.
Firebase Realtime Database.
Firebase Hosting.
Salah satu solusi populer untuk kebutuhan sinkronisasi data real-time adalah Firebase Realtime Database yang dihosting di cloud dan didukung oleh Google.
Firebase Realtime Database dapat digunakan untuk menyimpan dan menyinkronkan data antar pengguna secara real Hasil dan Pembahasan Pengabdian ini dilatarbelakangi oleh kebutuhan SD Muhammadiyah 1 Kesamben untuk meningkatkan kualitas pembelajaran dan pengelolaan informasi Untuk membuat project di Android Studio, bisa diikuti melalui pemanfaatan teknologi digital yang lebih langkah langkah sebagai berikut : .
Klik Project, pilih optimal.
Masalah utama yang dihadapi sekolah adalah New Flutter Project, misal firestore_1.
Pembuatan keterbatasan kompetensi guru dalam mendesain dan project baru bisa di lihat dalam Gambar 3.
mengelola website yang terintegrasi dengan sistem berbasis data secara real-time, padahal keberadaan Gambar 2.
Plug In Android Studio Ini adalah artikel akses terbuka di bawah lisensi CC BY 4.
0 | DOI: https://doi.
org/10.
29207/ jamtekno.
Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 JAM-TEKNO (Jurnal Pengabdian Kepada Masyarakat TEKNO) Vol .
6 No.
86 Ae 91 website dinamis sangat diperlukan untuk mendukung kegiatan e-learning, manajemen tugas, dan komunikasi Tujuan kegiatan pengabdian masyarakat ini adalah untuk membekali guru dengan keterampilan mendesain website menggunakan Flutter yang dihubungkan dengan Firebase Realtime Database.
Pelatihan ini diharapkan memberikan manfaat berupa peningkatan literasi digital guru sehingga website sekolah dapat berfungsi tidak hanya sebagai media informasi, tetapi juga sebagai sarana pendukung proses belajar-mengajar yang lebih adaptif dan modern.
Berbagai literatur menunjukkan bahwa penggunaan website berbasis Flutter dan integrasi Firebase Realtime Database telah banyak diterapkan dalam pengembangan sistem informasi pendidikan karena kemampuannya menyediakan data yang selalu diperbarui secara Flutter merupakan framework yang dikembangkan oleh Google dan menawarkan keunggulan dalam membangun antarmuka pengguna Gambar 5.
Foto bersama pengabdi, guru, dan mahasiswa yang responsif di berbagai platform, sedangkan Firebase memudahkan sinkronisasi data secara real-time dengan Pada tahap awal kegiatan pendampingan, peserta keamanan yang terjaga.
Studi terdahulu menyebutkan terlebih dahulu menerima materi mengenai website, bahwa pelatihan penggunaan teknologi ini terbukti Flutter.
Dart.
Android Studio, dan Firebase.
Materi meningkatkan kompetensi digital pendidik dan disampaikan oleh pengabdi yang menjadi pemateri melalui metode ceramah disertai pemberian contoh efektivitas manajemen pembelajaran daring.
secara langsung, sebagaimana ditunjukkan pada Gambar Pengabdian ini diadakan karena adanya kesenjangan 6.
Pemberian materi ini bertujuan agar para guru antara potensi pemanfaatan teknologi informasi di memahami konsep dasar yang mendukung proses sekolah dengan keterampilan teknis guru dalam perancangan tampilan visual website sekolah.
mengelola platform digital.
Website sekolah yang sebelumnya telah dikembangkan masih bersifat statis dan belum mampu memfasilitasi kebutuhan interaksi serta pengelolaan data secara terpadu.
Oleh karena itu, pendampingan secara langsung diperlukan agar guru dapat memiliki pemahaman praktis dalam menggunakan Flutter Firebase mengimplementasikannya secara mandiri.
Pertanyaan yang menjadi tujuan pengabdian ini adalah bagaimana meningkatkan kemampuan guru SD Muhammadiyah 1 Kesamben dalam mendesain dan mengelola website sekolah yang terintegrasi dengan Firebase Realtime Database sehingga dapat mendukung kegiatan pembelajaran, pengelolaan tugas, dan komunikasi sekolah secara efektif.
Pelatihan desain website yang dilengkapi dengan firebase realtime database terhadap Guru SD Muhammadiyah 1 Kesamben dilaksanakan secara luring di Ruang Kelas SD Muhammadiyah 1 Kesamben yang diikuti oleh 9 guru dan juga melibatkan 7 Mahasiswa Program Studi Teknik Elektro UMM sebagaimana dapat dilihat pada Gambar 5.
Gambar 6.
Penyampaian materi pelatihan oleh pengabdi Setelah penyampaian materi, pengabdi membuka sesi diskusi bersama peserta, seperti yang terlihat pada Gambar 7.
Sesi diskusi ini dimaksudkan untuk Ini adalah artikel akses terbuka di bawah lisensi CC BY 4.
0 | DOI: https://doi.
org/10.
29207/ jamtekno.
Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 JAM-TEKNO (Jurnal Pengabdian Kepada Masyarakat TEKNO) Vol .
6 No.
86 Ae 91 memberikan kesempatan kepada peserta mengajukan pertanyaan serta memperdalam pemahaman terhadap materi yang telah dijelaskan.
Gambar 9.
Evaluasi relevansi materi dengan kebutuhan Selanjutnya pada aspek penyampaian materi, terdapat 5 peserta .
6%) yang sangat setuju bahwa pemateri dapat menyampaikan materi dengan jelas, sepeeti terlihat pada Gambar 10.
Gambar 10.
Evaluasi penyampaian materi Gambar 7.
Diskusi antara pengabdi dan guru Pada aspek kemampuan pemateri dalam menjawab Pada tahap akhir kegiatan, dilakukan evaluasi melalui pertanyaan peserta, sebanyak 6 peserta .
7%) setuju pembagian kuisioner kepada seluruh peserta.
Kuisioner bahwa pemateri maampu menjawab pertanyaan peserta tersebut memuat sejumlah pertanyaan mengenai proses dengan baik dan mudah dipahami, seperti yang terlihat pelatihan, dengan pilihan jawaban berupa: sangat setuju, pada Gambar 11.
setuju, kurang setuju, tidak setuju, dan sangat tidak Evaluasi mencakup beberapa aspek, yaitu kemudahan memahami materi, relevansi materi dengan kebutuhan peserta, penyampaian materi oleh pemateri, kemampuan pemateri dalam menjawab pertanyaan, serta kejelasan contoh yang diberikan.
Untuk aspek pertama yaitu kemudahan dalam memahami materi, sebanyak 5 peserta .
,6%) menyatakan setuju bahwa materi yang disampaiakan mudah untuk dipahami, seperti yang terlihat pada Gambar 8.
Gambar 11.
Evaluasi kemampuan pemateri dalam menjawab pertanyaan peserta Untuk aspek terakhir yaitu contoh yang diberikan pemateri, terdapat 5 peserta .
6%) menyatakan sangar setuju bahwa pemateri memberikan contoh praktis untuk memudahkan pemahaman peserta ketika pelatihan berlangsung seperti yang dapat dilihat pada Gambar 12.
Gambar 8.
Evaluasi kemudahan dalam memahami materi Diskusi antara pengabdi dan guru Pada aspek kedua yaitu relevansi materi dengan kebutuhan, 7 peserta .
8%) menyatakan sangat setuju Gambar 12.
Evaluasi contoh yang diberikan pemateri bahwa materi pelatihan relevan dengan kebutuhan peserta sebagai guru, seperti yang terlihat pada Gambar Sebaran jawaban lengkap terkait kuisioner peserta pelatihan dapat dilihat pada Tabel 1.
Peserta pelatihan Ini adalah artikel akses terbuka di bawah lisensi CC BY 4.
0 | DOI: https://doi.
org/10.
29207/ jamtekno.
Widianto1.
Baiq Dewi Eriyani2.
Chasrun H.
Andi Syaiful Amal4 JAM-TEKNO (Jurnal Pengabdian Kepada Masyarakat TEKNO) Vol .
6 No.
86 Ae 91 hanya menjawab sangat setuju .
,32%) dan setuju mendanai pengabdian ini dengan skema Pengabdian .
,68%).
Tematik/Bersaing (PB) Nomor: E.
a/093/RPKUMM/UMM/Vl/2024.
Pengabdi juga mengucapkan Tabel 1.
Sebaran jawaban kuisioner peserta Kuran Sangat terima kasih kepada SD Muhammadiyah 1 Kesamben Pernyatan Sangat Tidak atas kesediannya menjadi lokasi pengabdian.
Setuju Tidak Kuisioner Setuju Kemudahan Relevansi Penyampaian Kemampuan Kejelasan contoh yang Setuju Setuju Setuju Daftar Rujukan Kesimpulan Kegiatan pengabdian masyarakat yang dilakukan dalam bentuk pelatihan mendesain website berbasis Flutter yang terintegrasi dengan Firebase Realtime Database telah berhasil dilaksanakan di SD Muhammadiyah 1 Kesamben.
Pelatihan ini diikuti oleh 9 guru dan difasilitasi secara langsung oleh tim pengabdi bersama mahasiswa dari Program Studi Teknik Elektro UMM.
Materi yang diberikan mencakup pemahaman dasar website, pemrograman Flutter dan Dart, penggunaan Android Studio, serta integrasi Firebase sebagai Melalui pelatihan ini, para guru memperoleh peningkatan pemahaman dan keterampilan dalam pengembangan teknologi berbasis web untuk mendukung kebutuhan pendidikan di sekolah.
Website sekolah yang sebelumnya hanya bersifat informatif kini berpotensi untuk dikembangkan menjadi platform dinamis yang mendukung e-learning, manajemen tugas, dan forum diskusi.
Pengabdian ini memberikan kontribusi nyata dalam meningkatkan literasi digital guru serta mendorong transformasi pendidikan dasar berbasis teknologi Ucapan Terimakasih