8 November 2024
0 0
Read Time:2 Minute, 17 Second

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.

Baca juga artikel :  Cara Membuat Circle Button dari Card View di Kodular

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.

Baca juga artikel :  Cara Mengambil Data pada saat Klik Baris Tabel di Kodular

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.

Baca juga artikel :  Cara Memainkan Audio atau Musik dari Internet di Kodular

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.

BACA ARTIKEL LAIN

Baca juga artikel :  Cara Membuat Radio Button di Kodular
Baca juga artikel :  Cara Menampilkan Gambar dengan Dynamic Image View secara Vertikal di Kodular
Baca juga artikel :  Cara Membuat Kata Ucapan dengan Waktu di Kodular
Baca juga artikel :  Penggunaan Sistem Database terhadap Aplikasi Android pada Kodular
Baca juga artikel :  Penjelasan Bagian Layout pada Kodular

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *