1. 🕐 Mengenal Tampilan Timerku
Timerku terdiri dari:
A. Timer Utama
Terletak di bagian paling atas dan memiliki ukuran angka lebih besar.
Timer Utama berfungsi sebagai:
- Pengatur waktu utama.
- Pengatur mode Count Up atau Countdown.
- Pengendali seluruh timer melalui Mulai Semua.
- Pengendali seluruh timer melalui Hentikan Semua.
- Pengendali seluruh timer melalui Reset Semua.
- Sumber waktu untuk diterapkan ke seluruh timer.
- Timer yang memiliki fitur notifikasi suara dan getar.
- Memiliki fitur Lap dan History Lap.
B. 12 Timer Individual
Di bawah Timer Utama terdapat:
- Timer 1
- Timer 2
- Timer 3
- Timer 4
- Timer 5
- Timer 6
- Timer 7
- Timer 8
- Timer 9
- Timer 10
- Timer 11
- Timer 12
Masing-masing timer mempunyai pengaturan dan kontrol sendiri.
2. ⏱️ Timer Utama
Timer Utama adalah pusat pengaturan waktu dalam aplikasi.
Pada Timer Utama tersedia:
- Nama Timer
- Pengaturan waktu
- Count Up
- Countdown
- Lap
- History Lap
- Terapkan Waktu ke Semua
- Mulai Semua
- Hentikan Semua
- Reset Semua
- Pengaturan warna
- Pengaturan notifikasi
3. ✏️ Mengubah Nama Timer Utama
Nama default:
Timer Utama
Untuk mengubahnya:
- Klik tombol ✏️ Pensil di samping nama.
- Kolom nama akan muncul.
- Ketik nama yang diinginkan.
- Klik tombol ✓.
- Nama baru akan tersimpan.
- Kolom edit nama kembali disembunyikan.
Contoh:
Timer Utama
↓
Timer Presentasi
4. ⏰ Mengatur Waktu Timer Utama
Angka Timer Utama dapat diklik untuk memasukkan waktu secara manual.
Contoh:
00:00:00
Klik angka tersebut, kemudian masukkan:
00:30:00
Artinya:
30 menit.
Format waktu:
JAM : MENIT : DETIK
Contoh:
| Input | Arti |
|---|---|
| 00:05:00 | 5 menit |
| 00:10:00 | 10 menit |
| 00:30:00 | 30 menit |
| 01:00:00 | 1 jam |
| 01:30:00 | 1 jam 30 menit |
Setelah memasukkan waktu, tekan Enter atau klik di luar kolom untuk menyimpan.
5. ⬆️ Mode Count Up
Count Up digunakan apabila waktu ingin berjalan naik dari nol.
Contoh:
00:00:00 00:00:01 00:00:02 00:00:03 ...
Jika Timer Utama menggunakan Count Up:
Timer akan terus bertambah selama berjalan.
Mode Count Up merupakan mode default pada script. Tombol Count Up ditandai dengan efek embos ke dalam ketika aktif.
Cocok digunakan untuk:
- Menghitung lama kegiatan.
- Menghitung durasi presentasi.
- Menghitung waktu latihan.
- Menghitung durasi sebuah aktivitas.
6. ⬇️ Mode Countdown
Countdown digunakan untuk menghitung waktu mundur sampai 00:00:00.
Contoh:
00:00:10 00:00:09 00:00:08 ... 00:00:03 00:00:02 00:00:01 00:00:00
Caranya:
- Klik angka Timer Utama.
- Masukkan waktu.
- Klik ↓ Countdown.
- Klik Mulai Semua.
Ketika mencapai:
00:00:00
Timer Utama akan berhenti dan sistem akan menjalankan notifikasi selesai.
7. ▶️ Mulai Semua
Tombol:
▶ Mulai Semua
digunakan untuk menjalankan Timer Utama dan seluruh timer individual secara bersamaan.
Ketika tombol ini ditekan:
- Timer Utama berjalan.
- Timer 1 berjalan.
- Timer 2 berjalan.
- Timer 3 berjalan.
- dan seterusnya sampai Timer 12.
Pada script, fungsi startAll() mengaktifkan status berjalan Timer Utama kemudian menjalankan timer individual.
Contoh
Jika Timer Utama:
00:10:00
kemudian klik:
▶ Mulai Semua
maka seluruh timer mulai berjalan.
8. ⏸️ Hentikan Semua
Tombol:
■ Hentikan Semua
digunakan untuk menghentikan seluruh timer.
Ketika ditekan:
- Timer Utama berhenti.
- Timer 1–12 berhenti.
- Notifikasi Timer Utama dihentikan.
Waktu yang sudah tercapai tidak kembali ke awal.
Contoh:
00:10:00 ↓ 00:07:35 ↓ Hentikan Semua
Timer akan berhenti pada:
00:07:35
9. 🔄 Reset Semua
Tombol:
↻ Reset Semua
digunakan untuk mengembalikan seluruh timer ke waktu awalnya.
Reset juga akan:
- Menghentikan Timer Utama.
- Menghentikan timer individual.
- Menghapus History Lap Timer Utama.
- Menghapus History Lap timer individual.
- Menghentikan notifikasi.
Logika reset pada script mengembalikan seconds ke initialSeconds.
10. 🔗 Terapkan Waktu ke Semua
Fitur:
🔗 Terapkan Waktu ke Semua
digunakan untuk menjadikan waktu Timer Utama sebagai waktu seluruh timer.
Misalnya Timer Utama diatur:
00:15:00
kemudian klik:
🔗 Terapkan Waktu ke Semua
maka Timer 1–12 akan mendapatkan:
00:15:00
Selain waktu, mode Timer Utama juga diterapkan ke timer lain.
Jadi apabila Timer Utama menggunakan:
↓ Countdown
maka timer individual juga akan menggunakan mode Countdown.
11. 🧩 Timer Individual
Setiap timer individual mempunyai kontrol masing-masing.
Contohnya Timer 1 mempunyai:
- ▶ Start
- ■ Stop
- ↻ Reset
- ↑ Count Up
- ↓ Countdown
- ⏱ Lap
- 📋 History Lap
- ✏️ Edit Nama
- ✓ Simpan Nama
- Pengaturan warna
- ✕ Hide
Begitu pula Timer 2 sampai Timer 12.
12. ▶ Start Timer Individual
Tombol:
▶ Start
hanya menjalankan timer tersebut.
Misalnya:
Timer 3 → Start
maka Timer 3 berjalan tanpa harus menjalankan timer lainnya secara individual.
Ini berguna apabila setiap timer digunakan untuk aktivitas yang berbeda.
13. ■ Stop Timer Individual
Tombol:
■ Stop
menghentikan timer yang bersangkutan.
Misalnya:
Timer 5 → Stop
maka Timer 5 berhenti, sedangkan timer lainnya dapat tetap berjalan.
14. ↻ Reset Timer Individual
Tombol:
↻ Reset
mengembalikan timer tersebut ke waktu awal.
Contoh:
Timer 4 awalnya:
00:20:00
kemudian berjalan hingga:
00:12:45
ketika klik Reset:
00:20:00
15. ⬆️⬇️ Count Up dan Countdown Individual
Setiap timer mempunyai mode sendiri.
Count Up
Timer menghitung:
00:00:00 → 00:00:01 → 00:00:02 → ...
Countdown
Timer menghitung:
00:10:00 → 00:09:59 → 00:09:58 → ...
Jadi setiap timer dapat digunakan sesuai kebutuhan.
16. ✏️ Mengubah Nama Timer Individual
Setiap timer mempunyai nama default:
Timer 1
Timer 2
Timer 3
dan seterusnya.
Klik:
✏️
kemudian masukkan nama baru.
Contoh:
Timer 1
diubah menjadi:
Kelompok A
Setelah selesai klik:
✓
Nama baru akan ditampilkan.
17. 🎨 Mengubah Warna Timer
Setiap timer memiliki:
Warna Timer & Font
Pengaturan ini mengubah warna:
- Angka timer.
- Nama timer.
Warna default adalah:
Hitam (#000000)
Pengguna dapat memilih warna sesuai kebutuhan.
Contoh penggunaan:
- Merah → timer penting.
- Biru → timer kegiatan.
- Hijau → timer selesai/positif.
- Ungu → timer khusus.
18. ⏱️ Fitur Lap
Tombol:
⏱ Lap
digunakan untuk mencatat waktu pada saat tertentu tanpa menghentikan timer.
Misalnya Timer berjalan:
00:05:20
Klik:
⏱ Lap
maka sistem mencatat waktu tersebut sebagai Lap.
Kemudian timer terus berjalan.
19. 📋 History Lap
Untuk melihat hasil Lap, klik:
📋 History Lap
History akan muncul di bagian bawah timer.
History menampilkan tiga informasi:
| Lap | Lap Time | Split Time |
|---|---|---|
| Lap 3 | 00:08:20 | 00:02:10 |
| Lap 2 | 00:06:10 | 00:02:30 |
| Lap 1 | 00:03:40 | 00:03:40 |
Script memang membatasi tampilan menjadi 3 history terbaru dan menyediakan area yang dapat di-scroll.
20. 📌 Perbedaan Lap Time dan Split Time
Lap Time
Lap Time menunjukkan waktu timer ketika Lap dicatat.
Contoh:
Timer:
00:10:00
Klik Lap.
Maka:
Lap Time = 00:10:00
Split Time
Split Time menunjukkan selisih waktu dari Lap sebelumnya.
Contoh:
Lap 1:
00:05:00
Lap 2:
00:08:00
Maka:
Split Time = 00:03:00
Dengan demikian:
Lap Time = posisi waktu timer saat Lap dibuat
Split Time = selisih waktu dari Lap sebelumnya
21. 🔔 Notifikasi Timer Utama
Notifikasi hanya tersedia pada:
Timer Utama
Timer individual tidak memiliki fitur notifikasi khusus. Script secara eksplisit menempatkan fitur notifikasi pada Timer Utama.
Notifikasi terdiri dari:
- 🔊 Suara.
- 📳 Getaran.
22. ⏰ Mengatur Waktu Mulai Notifikasi
Tersedia pengaturan:
Mulai notifikasi ... detik sebelum habis
Default:
10 detik
Misalnya Countdown diatur:
00:01:00
dan notifikasi:
10 detik
maka notifikasi mulai ketika waktu mencapai:
00:00:10
23. 🚨 Tiga Detik Terakhir
Ketika Countdown memasuki tiga detik terakhir, notifikasi menjadi lebih intens.
Urutannya:
00:00:03 00:00:02 00:00:01 00:00:00
Pada tiga detik terakhir:
- Suara menjadi lebih cepat.
- Getaran menjadi lebih cepat.
- Status notifikasi menampilkan peringatan.
Script menggunakan pola interval yang semakin pendek pada 3, 2, dan 1 detik terakhir.
24. 🔊 Tes Suara & Getar
Sebelum menggunakan timer, pengguna dapat menguji:
🔊 Tes Suara & Getar
Tombol ini menjalankan:
- Suara.
- Getaran perangkat jika perangkat mendukung vibrasi.
Fitur ini berguna untuk memastikan perangkat siap menerima notifikasi.
25. 🔔 Mengaktifkan / Menonaktifkan Notifikasi
Tombol:
🔔 Notifikasi Aktif
dapat digunakan untuk mengaktifkan notifikasi.
Jika dinonaktifkan, tombol berubah menjadi:
🔕 Notifikasi Nonaktif
Ketika nonaktif, Timer Utama tetap dapat digunakan seperti biasa, hanya fitur suara/getar notifikasinya yang tidak digunakan.
26. ✕ Menyembunyikan Timer
Setiap timer memiliki tombol:
✕
di pojok kanan atas.
Ketika ditekan:
Timer disembunyikan.
Sebagai gantinya muncul:
👁 Tampilkan Timer
Jadi timer tidak dihapus. Timer hanya disembunyikan dari tampilan.
27. 👁 Menampilkan Kembali Timer
Jika Timer 5 disembunyikan, akan muncul:
👁 Tampilkan Timer 5
Klik tombol tersebut.
Timer 5 akan muncul kembali dan tombol Tampilkan Timer akan menghilang.
28. 🧠 Konsep Penggunaan yang Paling Tepat
Timerku dapat digunakan dengan dua pola utama.
Pola A — Semua Timer Bersamaan
Gunakan:
- Atur waktu Timer Utama.
- Pilih Count Up atau Countdown.
- Klik Terapkan Waktu ke Semua.
- Klik Mulai Semua.
Hasil:
Semua timer berjalan bersama.
Cocok untuk:
- Perlombaan.
- Presentasi.
- Kegiatan kelas.
- Pelatihan.
- Acara.
- Games.
Pola B — Timer Masing-Masing
Setiap timer dapat digunakan sendiri.
Contoh:
| Timer | Kegiatan |
|---|---|
| Timer 1 | Kelompok A |
| Timer 2 | Kelompok B |
| Timer 3 | Kelompok C |
| Timer 4 | Kelompok D |
| Timer 5 | Istirahat |
| Timer 6 | Presentasi |
| Timer 7 | Diskusi |
| Timer 8 | Tanya Jawab |
| Timer 9 | Persiapan |
| Timer 10 | Evaluasi |
| Timer 11 | Penutup |
| Timer 12 | Cadangan |
Masing-masing timer dapat mempunyai waktu dan mode yang berbeda.
29. 🎯 Contoh Penggunaan untuk Kegiatan Kelas
Misalnya guru ingin melakukan kegiatan:
Diskusi 30 menit.
Atur Timer Utama:
00:30:00
Pilih:
↓ Countdown
Atur notifikasi:
10 detik
Kemudian klik:
🔗 Terapkan Waktu ke Semua
Setelah semuanya siap:
▶ Mulai Semua
Maka seluruh timer dapat berjalan bersama.
Ketika memasuki 10 detik terakhir, Timer Utama memberikan notifikasi suara/getar.
Pada:
3 → 2 → 1
notifikasi menjadi semakin cepat.
30. 🎯 Contoh Penggunaan untuk Perlombaan
Misalnya terdapat 12 peserta.
Gunakan:
Timer 1 = Peserta 1
Timer 2 = Peserta 2
...
Timer 12 = Peserta 12
Setiap timer dapat diberi nama peserta.
Gunakan fitur:
⏱ Lap
untuk mencatat waktu tertentu.
Kemudian gunakan:
📋 History Lap
untuk melihat tiga catatan lap terbaru.
31. 🎨 Sistem Tombol Embos
Timerku menggunakan efek visual embos ke dalam untuk menunjukkan tombol yang sedang dipilih.
Misalnya:
↑ Count Up
aktif.
Tombol akan terlihat masuk ke dalam.
Jika kemudian memilih:
↓ Countdown
maka efek aktif berpindah ke Countdown.
Konsep ini juga digunakan pada tombol kontrol Timer Utama.
Tujuannya agar pengguna dapat langsung mengetahui tombol mana yang sedang aktif.
32. 📱 Tampilan Responsive
Timerku dirancang agar dapat digunakan pada:
- 💻 Desktop
- 🖥️ Laptop
- 📱 Smartphone
- 📟 Tablet
Pada layar besar timer tersusun dalam beberapa kolom, sedangkan pada layar kecil jumlah kolom otomatis dikurangi agar tetap nyaman digunakan.
33. ⚡ Ringkasan Fungsi Tombol
| Tombol | Fungsi |
|---|---|
| ✏️ | Edit nama |
| ✓ | Simpan nama |
| ↑ Count Up | Menghitung naik |
| ↓ Countdown | Menghitung mundur |
| ▶ Start | Memulai satu timer |
| ■ Stop | Menghentikan satu timer |
| ↻ Reset | Reset satu timer |
| ▶ Mulai Semua | Memulai seluruh timer |
| ■ Hentikan Semua | Menghentikan seluruh timer |
| ↻ Reset Semua | Reset seluruh timer |
| 🔗 Terapkan Waktu ke Semua | Menyalin waktu Timer Utama |
| ⏱ Lap | Mencatat waktu Lap |
| 📋 History Lap | Melihat history Lap |
| ✕ | Menyembunyikan timer |
| 👁 Tampilkan Timer | Menampilkan timer kembali |
| 🎨 Color | Mengubah warna angka & nama |
| 🔊 Tes Suara & Getar | Menguji notifikasi |
| 🔔 Notifikasi Aktif | Mengaktifkan notifikasi |
34. ⭐ Alur Penggunaan Paling Sederhana
Jika baru pertama kali menggunakan Timerku By Kak Fikri, gunakan alur berikut:
Langkah 1
Atur nama timer jika diperlukan.
Langkah 2
Atur waktu.
Langkah 3
Pilih:
↑ Count Up
atau
↓ Countdown
Langkah 4
Jika seluruh timer ingin menggunakan waktu yang sama, klik:
🔗 Terapkan Waktu ke Semua
Langkah 5
Untuk menjalankan semuanya:
▶ Mulai Semua
Langkah 6
Jika ingin berhenti:
■ Hentikan Semua
Langkah 7
Jika ingin memulai kembali dari waktu awal:
↻ Reset Semua
Langkah 8
Gunakan ⏱ Lap jika ingin mencatat waktu tertentu.
Langkah 9
Klik 📋 History Lap untuk melihat hasil pencatatan.
