Sangat menarik dalam era AI ini kita bisa membuat sebuah aplikasi khususnya yang berbasis web hanya dengan memberikan perintah (prompt) pada gen.AI DeepSeek.
Berikut sebuah contoh bagaimana dengan sebuah prompt kita minta gen.AI DeepSeek untuk mengerjakan sebuah tampilan jam analog dan kalender.
Ini Prompt yang kita tuliskan:
Buatkan aplikasi web dengan HTML5 yang menampilkan:
1. Jam Analog dengan:
- Tampilan jam, menit, detik dengan jarum
- Desain klasik dengan angka romawi/arab
- Animasi smooth untuk pergerakan jarum
- Opsi tema gelap/terang
2. Kalender dengan:
- Tampilan bulan dan tahun saat ini
- Grid hari dalam bulan
- Highlight tanggal hari ini
- Navigasi bulan sebelumnya/selanjutnya
3. Fitur tambahan:
- Responsif untuk desktop dan mobile
- Tanggal lengkap dengan hari dan bulan
- Minimalist design dengan CSS custom
4. Gunakan:
- HTML5, CSS3, Vanilla JavaScript
- Canvas untuk jam analog
- Flexbox/Grid untuk layout
- LocalStorage untuk menyimpan preferensi tema
Script aplikasi web yang dihasilkan memiliki fitur sebagai berikut:
Fitur Aplikasi:
-
Jam Analog:
-
Menampilkan jam, menit, dan detik dengan jarum yang berbeda
-
Opsi tampilan angka Romawi atau Arab
-
Animasi smooth untuk pergerakan jarum
-
Desain klasik dengan detail yang elegan
-
-
Kalender:
-
Menampilkan bulan dan tahun saat ini
-
Grid hari dalam bulan dengan navigasi bulan sebelumnya/selanjutnya
-
Highlight tanggal hari ini dengan warna kuning
-
Tampilan hari dengan format Indonesia
-
-
Fitur Tambahan:
-
Responsif untuk desktop dan mobile
-
Tampilan tanggal lengkap dengan hari dan bulan
-
Desain minimalis dengan CSS custom
-
Opsi tema gelap/terang yang dapat disimpan di localStorage
-
-
Teknologi yang Digunakan:
-
HTML5 untuk struktur
-
CSS3 dengan Grid dan Flexbox untuk layout
-
Vanilla JavaScript untuk logika
-
Canvas untuk menggambar jam analog
-
LocalStorage untuk menyimpan preferensi tema dan tipe jam
-
Aplikasi ini siap digunakan langsung dengan menyalin kode di atas ke file HTML dan membukanya di browser.
Contoh Hasilnya: https://parewa.my.id/jam