Cara Membuat Aplikasi Pengumpulan Tugas Murid di Kelas

|Kenali cara membuat, fungsi, dan kemudahan pengelolaan tugas di kelas menggunakan aplikasi|

Pada artikel pembelajaran sebelumnya, kamu telah mempelajari bagaimana caranya memaksimalkan fitur form AppFibr. Dimulai dari mengenali form, cara membuat form, menentukan fungsi form, menambahkan input data pada form, dan melihat pengguna yang mengisi form. 

Di dalam artikel kali ini, kamu akan mempelajari lebih dalam bagaimana menggunakan salah satu template desain aplikasi dari AppFibr, yakni School Class. Dengan menggunakan template tersebut, diharapkan kamu akan mememahami bagaimana cara membuat aplikasi pengelolaan aktivitas di kelas.

Sebelum memulai,  perlu diingat bahwa kamu juga perlu menyiapkan data kelas yang akan dimasukan ke dalam aplikasi dalam bentuk tabel Google Spreadsheet atau mengisi tabel data secara manual. Berikut adalah rincian mengenai hal-hal yang akan kamu pelajari pada artikel pembelajaran kali ini:

• Membuat aplikasi dengan template School Class

• Menambahkan fitur pengumpulan tugas

• Mempublikasikan aplikasi

• Men-download aplikasi

Membuat Aplikasi dengan Template School Class

Bagi kamu yang berprofesi sebagai tenaga pengajar tentu sudah sangat akrab dengan berbagai kegiatan pengelolaan kelas seperti menyusun daftar absen, memberikan tugas di kelas, menghitung perolehan nilai yang didapatkan murid, dan tentu saja pengumpulan tugas yang dikerjakan oleh murid.

Penggunaan template aplikasi School Class kali ini akan menunjukkan bagaimana caranya membuat aplikasi pengumpulan tugas murid di kelas. 

(Gambar 1)

Pada gambar di atas, kamu akan menemukan sembilan template yang tersedia di halaman Project Template. Template School Class yang akan kita gunakan berada di sisi kanan atas dengan warna dominan biru.

Klik template tersebut dan kamu akan bertemu halaman Project Template Detail seperti gambar di bawah ini:

(Gambar 2)

Klik tombol “Copy Template” agar kamu bisa langsung menggunakan template School Class tersebut. Pada saat kamu hendak menyalin template manapun, kamu tetap perlu memberikan nama proyek seperti pada gambar berikut:

(Gambar 3)

Jika kamu berhasil menyalin template tersebut, kamu akan langsung diarahkan ke dalam halaman Project Editor.

(Gambar 4)

Kamu kini sudah berhasil menyalin template. Selanjutnya, kamu akan mempelajari bagaimana caranya menambahkan fitur pengumpulan tugas.

Menambahkan Fitur Pengumpulan Tugas

Sebelum kamu menambahkan fitur pengumpulan tugas, ada dua hal yang perlu kamu perhatikan yaitu mempersiapkan tabel data dan membuat halaman pengumpulan tugas. Pertama, siapkan tabel data pengumpulan tugas dalam bentuk Google Spreadsheet atau isi tabel secara manual. 

(Gambar 5)

Setelah kamu menemukan tampilan tabel seperti pada gambar 4 sebelumnya, buatlah tabel baru untuk menyimpan data pengumpulan tugas dengan cara berikut:

(Gambar 5)

Lalu, buatlah tiga kolom untuk menampung data mengenai nama murid, tugas, dan file tugas.

(Gambar 6)

Pada titik ini, kamu sudah berhasil membuat tabel data untuk kemudian diolah menjadi halaman pengumpulan tugas. Langkah selanjutnya adalah membuat halaman pengumpulan tugas dengan cara:

• Memasukan nama dan ikon halaman

• Menentukan layout  halaman

• Menentukan sumber data

• Buat form pengumpulan tugas

• Buat halaman Details pengumpulan tugas

1. Memasukan nama dan ikon halaman

Untuk memasukan nama dan ikon halaman, perhatikan gambar di bawah ini:

(Gambar 7)

Pada gambar di atas, terdapat kolom Page Title untuk memasukkan nama halaman seperti Kumpul Tugas. Sementara itu, kolom Page Icon berfungsi untuk memasukkan simbol yang mewakili nama halaman aplikasimu. Contoh, pada halaman Kumpul Tugas kamu bisa menggunakan simbol buku atau kertas.

2. Menentukan layout halaman

Dalam menentukan layout halaman di AppFibr, kamu bisa memilih salah satu dari tiga jenis layour yang tersedia. Yakni layout list, grid, dan details.

(Gambar 8)

Ketiga jenis layout ini memiliki tampilan dan fitur yang berbeda di mana tampilan list terlihat lebih sederhana, grid lebih dominan gambar, dan details berisi rincian data.

3. Menentukan sumber data

Pada langkah ini, kamu perlu memilih tabel data yang akan ditampilkan sebagai halaman di aplikasi. Perhatikan gambar berikut:

(Gambar 9)

Pada bagian source, terdapat kolom data source di mana kamu bisa memilih tabel data untuk dibuat halaman aplikasi. Untuk membuat halaman kumpul tugas, pilihlah tabel data Kumpul Tugas yang telah kamu buat atau persiapkan seperti pada gambar 5 dan gambar 6 di atas.

4. Buat form pengumpulan tugas

Setelah kamu memilih sumber data yang akan ditampilkan di halaman aplikasi, sekarang saatnya membuat form pengumpulan tugas. Perhatikan gambar berikut:

(Gambar 10)

Dalam menambahkan form, kamu perlu menentukan isi form dan menambahkan input data pada form seperti pada artikel pembelajaran sebelumnya. 

5. Buat halaman Details pengumpulan tugas

Langkah terakhir untuk melengkapi aplikasi pengumpulan tugas yang kita buat kali ini adalah membuat halaman details pengumpulan tugas seperti gambar di bawah ini:

(Gambar 11)

Ketika tahap terakhir ini berhasil kamu lakukan, ini tandanya kamu sudah berhasil membuat aplikasi pengumpulan tugas. Tampilan pada aplikasi pengumpulan tugas yang kamu buat akan terlihat seperti ini:

(Gambar 12)

Sebagai perincian halaman, akan ditampilkan tiap segmen. Mulai dari daftar murid dan biodata, daftar tugas beserta nilainya, dan fitur pengumpulan tugas.

Daftar murid dan biodata:

(Gambar 13)

Daftar tugas beserta nilainya:

(Gambar 14)

Fitur pengumpulan tugas:

(Gambar 15)

Secara garis besar, begitulah langkah pembuatan aplikasi pengumpulan tugas murid di kelas menggunakan AppFibr. Lalu, langkah selanjutnya agar aplikasi ini dapat didistribusikan dan digunakan adalah dengan cara mempublikasikan aplikasi tersebut.

Mempublikasikan Aplikasi

AppFibr menyediakan dua macam output publikasi yang bisa digunakan olehmu. Kedua macam output tersebut adalah Web App (.pwa) dan Android App (.apk). Ketika kamu telah selesai membuat aplikasi, klik tombol publish pada halaman page editor.

(Gambar 16)

Untuk mendapatkan versi web app, kamu bisa klik tombol publish pwa seperti gambar berikut:

(Gambar 17)

Kamu juga akan mendapatkan QR Code dan link untuk mendistribusikan aplikasi dalam format .pwa tersebut. Sementara itu, untuk mendapatkan aplikasi dengan format .apk, kamu bisa buka bagian android app. Lalu, isi kolom package name, version number, dan pilih file type. Jika sudah, klik request app seperti gambar berikut:

(Gambar 18)

Proses publikasi memiliki dua status. Pertama, status waiting atau proses aplikasi ketika sedang dipersiapkan untuk publikasi. Selanjutnya, status published atau proses akhir yang memberitiahumu bahwa aplikasimu berhasil di-publish.

(Gambar 19)

Pada saat kamu telah berhasil mempublikasikan aplikasi buatanmu, kamu akan mendapatkan pemberitahuan di halaman dashboard atau melalui email untuk link download aplikasi seperti kedua gambar di bawah ini:

Notifikasi di dashboard:

(Gambar 20)

Notifikasi melalui email:

(Gambar 21)

Sekarang, kamu sudah bisa men-download aplikasi tersebut baik via notifikasi di dashboard atau mengakses link yang diberikan lewat email.

Download aplikasi via notifikasi dashboard:

(Gambar 22)

Download aplikasi via notifikasi email:

(Gambar 23)

Kesimpulan

Pada artikel pembelajaran kali ini, kamu sudah berhasil mempelajari tentang cara membuat aplikasi dengan template School Class, menambahkan fitur pengumpulan tugas, mempublikasikan aplikasi, dan men-download aplikasi pada AppFibr. 

Tentu, kamu masih bisa mempelajari dan menyesuaikan penggunaan serta pembuatan aplikasi secara mandiri ataupun bersamaan dengan komunitas AppFibr. Pada artikel selanjutnya, kamu akan mempelajari bagaimana caranya memasukan fitur penilaian tugas pada tugas-tugas yang berhasil diserahkan murid di kelas.