Langkah Mudah Membuat Aplikasi To-Do-List dengan Menggunakan AppFibr

[Pelajari dengan Mudah Bagaimana Cara Membuat Aplikasi To-Do-List

dengan Menggunakan AppFibr]

Pada artikel pembelajaran sebelumnya, kamu telah mempelajari bagaimana caranya membuat aplikasi bebas coding untuk bisnis restoran dengan menggunakan template aplikasi Cafe Menu dari AppFibr. Mulai dari membuat aplikasi dengan template Cafe Menu, menambahkan fitur tentang nama produk, deskripsi singkat terkait produk, kode produk, harga produk, mempublikasikan aplikasi, dan men-download aplikasi.

Untuk artikel pembelajaran kali ini, kamu akan mempelajari bagaimana cara membuat aplikasi To-Do-List dengan AppFibr. Aplikasi To-Do-List adalah sebuah aplikasi yang dirancang untuk membantu pengguna mengelola dan mengatur daftar tugas atau aktivitas yang harus diselesaikan. Dengan fitur-fitur seperti penambahan, pengeditan, dan penghapusan tugas, serta pengelompokan berdasarkan prioritas atau kategori, aplikasi ini memungkinkan pengguna untuk melacak dan menyelesaikan tugas-tugas secara terstruktur. Pembuatan aplikasi ini bertujuan untuk meningkatkan produktivitas, membantu dalam perencanaan dan pengaturan waktu, serta memungkinkan pengelolaan skala prioritas.

Membuat Aplikasi To-Do-List dengan Menyiapkan Data

Sebelum membuat aplikasi To-Do-List, pastikan kamu sudah memiliki data bisnis dalam bentuk tabel Google Spreadsheet atau mengisi tabel manual yang tersedia di halaman project editor AppFibr. Lalu, pastikan kamu sudah memiliki akun yang dapat digunakan. Bila kamu belum memiliki akun, kamu dapat melakukan pendaftaran akun secara mudah melalui website AppFibr dan bisa mempelajari cara membuatnya di artikel pembelajaran sebelumnya.

Setelah Anda melakukan login akun dan melengkapi profil. Pada halaman pertama dari website AppFibr. Anda dapat memilih Create New Project untuk membuat proyek baru tanpa menggunakan template.

(Gambar 1)

Untuk membuat aplikasi To-Do-List ini, Anda harus menggunakan Blank Table untuk menyimpan data To-Do-List.

(Gambar 2)

Anda dapat mengisi nama tabel yang Anda inginkan pada kolom Table Name.

(Gambar 3)

(Gambar 4)

Kemudian Anda dapat membuat empat kolom untuk menampung data Task yang berisi data pekerjaan yang akan dilakukan, Category yang berisi data kategori pekerjaan (Work/Personal), Due yang berisi data tenggat waktu pekerjaan, dan Status yang berisi data status pekerjaan (In Progress/Done)

Membuat Desain Halaman Aplikasi

Pada aplikasi To-Do-List ini akan dibuat tiga halaman, yaitu Halaman Add untuk menambahkan task baru, Halaman In Progress yang berisi daftar task dengan status In Progress, dan Halaman Done yang berisi daftar task dengan status Done.

(Gambar 5)

Pilih kolom Add Page untuk menambahkan halaman aplikasi.

(Gambar 6)

Kemudian, masukkan nama halaman pada kolom Page Title dan memilih ikon halaman pada kolom Page Icon.

(Gambar 7)

Setelah itu Anda dapat menentukan layout halaman pada menu Layout dan menentukan desain seperti Shape, Border, Corner, Column, Orientation sesuai dengan kebutuhan aplikasi To-Do-List yang Anda inginkan.

(Gambar 8)

Tentukan sumber data melalui kolom Source.

(Gambar 9)

Tambahkan Filter Status seperti “In Progress” atau “Done” pada halaman In Progress dan Done. Fitur filter ini berfungsi untuk menampilkan data dengan nilai atau value tertentu.

(Gambar 10)

Anda dapat memilih kolom Form untuk menambahkan task baru.

(Gambar 11)

Kemudian, Anda dapat membuat halaman Details task.

Berikut ini adalah tampilan akhir dari 3 halaman yang telah dilakukan :

Halaman Add

(Gambar 11)

Halaman In Progress

(Gambar 12)

Halaman Done

(Gambar 13)

Publikasi Aplikasi

Secara garis besar, proyek membuat aplikasi To-Do-List dengan menggunakan AppFibr sudah selesai dibuat. Namun, Anda belum bisa menggunakannya dengan handphone. Agar bisa digunakan, aplikasi yang Anda buat perlu untuk dipublikasikan terlebih dahulu.

Perhatikan gambar 14 di bawah:

(Gambar 14)

Anda dapat menekan tombol publish yang berada di pojok kanan atas halaman page editor dan mengikuti alur publikasi. Kemudian, aplikasi yang Anda publikasikan dapat Anda download dalam dua format ekstensi aplikasi yaitu .PWA (Progressive Web App) dan .APK (Android App). Untuk men-download versi .PWA Anda dapat mengakses link atau QR Code yang tersedia seperti gambar di bawah ini:

(Gambar 15)

Sementara itu, untuk men-download versi .APK, Anda perlu mengakses bagian publikasi. Lalu, mengisi input seperti package name, version number, dan file type. Jika sudah, barulah Anda dapat menekan tombol request app seperti gambar di bawah ini:

(Gambar 16)

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

(Gambar 17)

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

Notifikasi di dashboard:

(Gambar 18)

Notifikasi melalui email:

(Gambar 19)

Sekarang, Anda sudah bisa men-download aplikasi tersebut baik via notifikasi di dashboard atau mengakses link yang sudah dikirimkan melalui email.

Download aplikasi via notifikasi dashboard:

(Gambar 20)

Download aplikasi via notifikasi email:

(Gambar 21)

Kesimpulan

Dengan menggunakan AppFibr, pembuatan aplikasi To-Do-List tidak perlu lagi menjadi tugas yang rumit. Langkah-langkah sederhana di atas memungkinkan siapapun, bahkan tanpa pengetahuan pemrograman, untuk membuat aplikasi yang berguna untuk mengelola tugas sehari-hari. Dengan aplikasi To-Do-List yang Anda buat sendiri, Anda dapat meningkatkan produktivitas, dan lebih mudah mengatur waktu Anda, Jadi, jangan ragu untuk mencoba langkah-langkah ini dan membuat aplikasi To-Do-List sesuai dengan kebutuhan Anda dengan bantuan AppFibr.

Ditulis oleh: Al Fina Puspa Dewi

Bagikan Artikel