Media pembelajaran HTML adalah media pembelajaran yang dapat diakses dengan browser seperti Google Chrome, Firefox, dan Microsoft Edge. Media ini dapat diakses dengan segala perangkat yang mempunyai aplikasi browser dan hampir semua perangkat yang sering kita gunakan seperti komputer dan smartphone dapat mengaksesnya. Oleh karena itu, media berbasis HTML sangat mudah dibagikan dan diakses. Agar media dapat diakses semua orang tanpa harus membagikan filenya secara manual, kita dapat mempublishnya ke internet. Salah satu website yang dapat digunakan untuk mempublish HTML ke internet adalah GitHub.
GitHub (https://github.com/) adalah platform pengembangan software secara online. Website ini dapat digunakan untuk menyimpan, melacak, dan berkolaborasi dalam proyek mengembangkan software. Sedangkan, salah satu aplikasi pengembang media pembelajaran berbasis HTML adalah Articulate Storyline. Pada tutorial kali ini, kita akan mempublish media HTML dari Articulate Storyline ke GitHub. Berikut caranya.
1. Buat Akun GitHub
Akun GitHub dapat kita buat secara mudah dan gratis, cukup dengan mengakses laman GitHub pada https://github.com/ dan pilih menu Sign Up dan ikuti langkah-langkahnya.
2. Buat Repository
Setelah akun selesai dibuat, kita perlu membuat Repository. Repository adalah tempat di mana media kita diupload, anggap repository adalah folder jadi kita dapat mengupload lebih dari satu media dalam satu akun. Untuk membuat repository, pilih “Create Repository”.
Pada kolom Repository name, beri nama repository kita untuk memudahkan membedakan media, setelah itu pilih “Create Repository”.
3. Upload file HTML Articulate Storyline
Setelah Repository selesai dibuat, upload file HTML ke Repository dengan memilih “upload existing file”. Tetapi, sebelum mengupload file HTML, kita harus ubah nama file utama HTML kita, untuk media yang dibuat dengan Articulate Storyline, file “story.html” yang perlu kita ubah menjadi “index.html”.
Cukup drag and drop file yang ingin kita upload ke kolom dengan text “Drag files here to add them to your repository”. Setelah semua file telah diupload, pilih “Commit changes”.
Jika file yang diupload berjumlah lebih dari 100 file (akan terdapat keterangan “Yowza, that’s a lot of files. Try uploading fewer than 100 at a time.”), kita perlu mengupload file secara bertahap karena GitHub membatasi file yang dapat diupload dalam sekali upload. Tampilan repository akan berubah jika sudah ada file yang diupload, untuk mengupload file kembali, pilih “Add file” lalu “Upload Files”.
4. Aktifkan GitHub Pages pada Repository
Setelah semua file telah diupload, kita perlu mengaktifkan fiture GitHub pages agar HTML yang ada di repository kita dapat diakses oleh orang lain. Untuk mengaktifkan GitHub pages, kita dapat memilih “Settings”, lalu “Pages”, lalu pada bagian Branch pilih “main” lalu klik “save”.
Tunggu beberapa menit, lalu refresh laman github hingga muncul link seperti di gambar berikut.
Setelah link muncul, kita dapat mengakses media kita dengan memilih “Visit site”.
Media pun dapat diakses oleh semua orang dengan membagikan link. Jika terdapat error atau media tidak muncul, pastikan semua file sudah terupload ke repository.
Begitulah cara untuk mempublish media pembelajaran berbasis HTML ke internet agar dapat diakses semua orang menggunakan link. Semoga tutorial ini bermanfaat dan dapat meningkatkan motivasi untuk membagikan media pembelajaran kepada publik agar dapat diakses semua orang, karena dengan berbagi ilmu pengetahuan yang dapat diakses secara mudah dan gratis akan sangat bermanfaat bagi orang lain yang membutuhkan.