Tujuan Pembelajaran
Setelah mempelajari materi ini, guru diharapkan mampu:
Menjelaskan tujuan publikasi media pembelajaran digital.
Mempersiapkan file media sebelum dipublikasikan.
Memahami perbedaan penggunaan media secara lokal dan online.
Mempublikasikan media HTML melalui layanan hosting.
Menguji media setelah berhasil dipublikasikan.
Membagikan media menggunakan tautan dan QR Code.
Mempublikasikan karya secara aman dan bertanggung jawab.
Berbagi karya dan praktik baik dengan komunitas guru.
Video Pengantar Publikasi Media
Saksikan video berikut untuk memahami perjalanan sebuah media dari file HTML hingga memiliki alamat internet yang dapat dibuka melalui perangkat lain.
Mengenal Publikasi Media Pembelajaran
Media All-in-One HTML yang telah dibuat sebenarnya sudah dapat digunakan secara lokal dengan membuka file langsung melalui browser.
Namun, jika media ingin digunakan oleh murid dari perangkat lain atau dibagikan kepada guru lain, file tersebut dapat dipublikasikan ke internet melalui layanan hosting.
Media memperoleh alamat atau URL yang dapat dibuka melalui browser tanpa harus mengirimkan file HTML satu per satu.
Media Lokal
File berada di perangkat dan dibuka langsung melalui browser.
Media Online
Media berada di layanan hosting dan dapat diakses melalui URL.
Media lokal cocok ketika koneksi internet terbatas.
Media online lebih mudah dibagikan kepada murid atau guru lain.
Persiapan File untuk Publikasi
Sebelum media dipublikasikan, lakukan pemeriksaan terakhir terhadap file dan seluruh aset yang digunakan.
Pastikan file utama bernama index.html
Nama ini umum digunakan sebagai halaman pertama sebuah website.
Uji media secara lokal
Buka file melalui browser dan periksa semua fungsi sebelum upload.
Periksa gambar dan audio
Pastikan aset tidak hanya bekerja karena masih tersimpan di lokasi lain.
Periksa nama file
Hindari nama yang terlalu panjang, spasi berlebihan, atau karakter aneh.
Pastikan tidak ada data sensitif
Jangan memasukkan data pribadi murid, password, atau informasi rahasia sekolah.
Siapkan folder final
Simpan hanya file yang benar-benar diperlukan oleh media.
media-pembelajaran/
└── index.html
Jika menggunakan aset terpisah:
media-pembelajaran/
├── index.html
├── images/
└── audio/
Publikasi melalui Netlify
Salah satu cara praktis untuk mempublikasikan media HTML adalah menggunakan layanan hosting statis.
Ikuti tutorial berikut untuk melihat proses mengunggah media pembelajaran HTML ke Netlify hingga memperoleh URL yang dapat dibagikan.
Siapkan folder media
Pastikan di dalam folder terdapat file index.html.
Masuk ke layanan hosting
Login menggunakan akun yang akan digunakan untuk publikasi.
Buat situs baru
Pilih metode deploy atau upload yang tersedia pada layanan hosting.
Upload folder media
Tunggu proses upload dan publikasi selesai.
Salin URL media
Setelah berhasil dipublikasikan, media akan memiliki alamat web.
Uji URL pada perangkat lain
Jangan hanya menguji menggunakan perangkat yang digunakan untuk membuat media.
Setelah proses deploy selesai, media tidak lagi harus dikirim sebagai file. Guru cukup membagikan alamat webnya.
Tampilan menu dan proses deploy pada layanan hosting dapat berubah. Prinsip dasarnya tetap sama: siapkan file, upload, dapatkan URL, kemudian uji hasil publikasi.
Menguji Media Setelah Dipublikasikan
Media yang berfungsi ketika dibuka secara lokal belum tentu langsung sempurna setelah dipublikasikan.
Periksa URL
Pastikan alamat dapat dibuka tanpa halaman error.
Periksa Gambar
Pastikan semua gambar muncul setelah media online.
Periksa Audio
Pastikan seluruh audio dapat dimuat dan dimainkan.
Uji Interaksi
Coba tombol, game, skor, dan navigasi.
Uji Ponsel
Pastikan tampilan tetap nyaman pada layar kecil.
Uji PID/IFP
Pastikan tombol cukup besar untuk layar sentuh.
Jalankan media dari awal hingga akhir seperti ketika media benar-benar digunakan oleh murid.
Membagikan Tautan dan QR Code
Setelah media memiliki URL, guru dapat membagikannya dalam beberapa bentuk.
Tautan Langsung
Dibagikan melalui WhatsApp, LMS, grup kelas, atau media sosial.
QR Code
Murid memindai QR Code untuk membuka media.
Presentasi
Tautan atau QR Code dapat dimasukkan ke slide pembelajaran.
LKPD
QR Code dapat dicetak pada lembar aktivitas murid.
Guru dapat menampilkan QR Code pada PID/IFP sehingga murid cukup memindainya melalui perangkat mereka.
Berbagi Karya dengan Komunitas
Karya yang sudah selesai tidak harus berhenti digunakan di satu kelas. Guru dapat membagikan karya tersebut agar menjadi inspirasi bagi guru lainnya.
Berikan judul yang jelas
Gunakan judul yang menggambarkan fungsi dan materi media.
Tuliskan mata pelajaran
Cantumkan kelas, materi, dan jenjang pengguna.
Jelaskan tujuan media
Tuliskan secara singkat apa yang dapat dipelajari murid.
Sertakan tautan
Pastikan tautan sudah diuji sebelum dibagikan.
Tambahkan tangkapan layar
Screenshot membantu orang lain memahami tampilan media.
Ceritakan praktik penggunaannya
Bagikan bagaimana media diterapkan bersama murid.
Judul: Misi Ulil Albab
Mata Pelajaran: Pendidikan Agama Islam
Kelas: X
Jenis Media: Game Pembelajaran Interaktif
Format: All-in-One HTML
Penggunaan: PID/IFP dan perangkat murid
Ketika karya dibagikan, guru tidak hanya menggunakan teknologi, tetapi juga ikut membangun budaya berbagi praktik baik.
Ringkasan Materi
Uji sebelum publikasi
Pastikan media berjalan baik sebelum diunggah.
Siapkan file dengan rapi
Gunakan index.html sebagai halaman utama media.
Publikasikan melalui hosting
Hosting mengubah media menjadi alamat web.
Uji kembali versi online
Pastikan gambar, audio, dan interaksi tetap bekerja.
Bagikan URL atau QR Code
Pilih cara akses yang paling mudah bagi murid.
Bagikan praktik baik
Dokumentasikan dan bagikan karya kepada komunitas guru.
Tahap berikutnya adalah menggunakannya, mengevaluasinya, memperbaikinya, dan membagikannya agar memberi manfaat lebih luas.
Tugas Praktik
Publikasikan Satu Media Pembelajaran Anda
Gunakan media All-in-One HTML yang sudah dibuat pada Level 4.
- Pilih media HTML yang sudah selesai.
- Pastikan file utama bernama index.html.
- Uji seluruh fungsi secara lokal.
- Siapkan folder final media.
- Publikasikan melalui layanan hosting.
- Salin URL hasil publikasi.
- Buka URL melalui perangkat lain.
- Uji tampilan pada ponsel.
- Uji tampilan pada PID/IFP jika tersedia.
- Buat QR Code dari URL media.
- Siapkan satu screenshot media.
- Tuliskan deskripsi singkat karya.
1. Judul media.
2. Mata pelajaran dan kelas.
3. Tujuan pembelajaran.
4. URL media.
5. QR Code.
6. Screenshot tampilan.
7. Deskripsi singkat.
Refleksi Pembelajaran
Isilah refleksi setelah menyelesaikan proses publikasi dan berbagi karya.