Artikel ini membahas cara membuat atau menampilkan waktu berjalan atau realtime di dalam aplikasi Android dengan menggunakan Kodular. Hal ini biasanya dipakai untuk halaman dashboard setelah login dari beberapa jenis pengguna seperti admin, member, dan sebagainya.
Fitur ini biasanya dipakai untuk aplikasi Android elearning, bisnis, perbankan, sekolah, timer, dan masih banyak lagi dalam menampilkan waktu berjalan. Tujuannya agar dapat informasi waktu yang akurat pada setiap detik.
Daftar Isi
KOMPONEN-KOMPONEN YANG DIBUTUHKAN
Untuk tutorial kali ini, penulis memberikan beberapa komponen atau pallete yang dibutuhkan dalam membuat waktu berjalan atau realtime di dalam aplikasi Android dengan Kodular sebagai berikut :
- Clock, berfungsi untuk membuat sistem waktu berjalan atau realtime.
- Label, berfungsi untuk menampilkan waktu berjalan atau realtime di layar (screen)
Penulis memberikan tutorial untuk membuat atau menampilkan waktu berjalan atau realtime pada aplikasi Android dengan Kodular.
LANGKAH-LANGKAH
1. Kunjungi situs c.kodular.io
2. Lakukan login secara manual maupun OAtuh System dengan benar.
3. Klik Create Project untuk membuat project baru khusus event klik Label.
4. Berikan nama project yaitu realtime1, klik Next.
5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.
6. Aturlah tata letak khusus Screen menjadi tengah semua.
7. Masuki ke Pallete, pilihlah User Interface >>> Drag Label ke screen utama.
8. Masuki ke Pallete, pilihlah Sensor >>> Drag Clock ke screen utama.
9. Aturlah nilai interval time menjadi 1000 (dikonversikan menjadi 1 detik), tekan Enter.
10. Klik Blocks.
11. Buatlah blok program untuk menampilkan waktu berjalan atau realtime pada saat membuka aplikasi atau screen.
12. Klik Test >>> Connect to Companion.
13. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.
Untuk tutorial ini menggunakan sistem format waktu 24 jam pada tampilan waktu berjalan di dalam aplikasi Android. Jika kamu ingin menggunakan sistem format waktu 12 jam (AM/PM) untuk tampilan waktu berjalan di dalam aplikasi Android, maka kamu menggunakan sistem format waktu “hh:mm:ss a” di dalam Pattern Format Date Time pada Clock.
TAMPILAN HASIL
Pada bagian ini membahas tentang hasil tampilan dalam menampilkan waktu berjalan atau realtime dengan Kodular. Kamu bisa melihat tampilan gambar pada saat membuka aplikasi atau screen pada pengujian aplikasi (companion) tersebut baik itu melalui Smartphone maupun emulator Android.
Pada tampilan gambar bergerak diatas, kamu bisa melihat ada pergantian waktu dalam setiap detik di dalam aplikasi Android yang telah dibuatkan dengan Kodular.
Selesai.
PENUTUP
Kamu bisa membuat atau menambahkan fitur untuk menampilkan waktu berjalan atau realtime di dalam aplikasi Android dengan menggunakan Kodular. Kamu juga bisa membuat atau menambahkan fitur tersebut pada saat event tertentu seperti klik button, ada pemilihan waktu tertentu, dan sebagainya.