Java - Clock Display

12:29 AM Add Comment

 


Versi 1

Project Java sederhana berbasis OOP untuk menampilkan jam (hour, minute, second), hari, kalender (tanggal, bulan, tahun), dan suhu ruang.

Struktur project akan terdiri dari beberapa class agar lebih OOP:

  1. Clock → mengatur waktu (jam, menit, detik).

  2. CalendarDisplay → menampilkan hari, tanggal, bulan, tahun.

  3. TemperatureSensor → menampilkan suhu ruang (simulasi random).

  4. ClockDisplayApp → main class untuk menjalankan aplikasi.

SC 1



Versi 2



Menggunakan  GUI (Swing) dari Clock Display App. Aplikasinya akan menampilkan:

  • Jam digital (update real-time).

  • Tanggal + hari kalender.

  • Suhu ruang (simulasi random).


SC


Versi 3



Fitur Modern

  • Dark mode background dengan gradasi biru tua.

  • Emoji icon cuaca:

    • ❄ → suhu dingin (<23°C)

    • ☀ → suhu normal (23–27°C)

    • 🔥 → suhu panas (>27°C)

  • Jam digital besar berwarna cyan.

  • Tanggal putih dan suhu oranye agar kontras.

SC


Versi 4


Hasil Dashboard

  • Bagian atas → Jam digital, tanggal, suhu, dan ikon cuaca.

  • Kiri → Kalender mini bulan berjalan.

  • Kanan → Grafik suhu (line chart real-time).

SC

PWEB - CSS

4:27 PM Add Comment
Spesifikasi Website Course Web Programming

1. Tujuan Website

Menyediakan platform pembelajaran online interaktif untuk siswa/mahasiswa/pemula yang ingin mempelajari dasar-dasar Web Programming dengan materi terstruktur: HTML, CSS, PHP, dan JavaScript.

2. Target Pengguna

  • Siswa/mahasiswa jurusan IT atau non-IT yang ingin belajar membuat website.

  • Pemula yang ingin belajar dasar web programming dari nol.

  • Profesional yang ingin memperdalam keterampilan front-end & back-end.

3. Fitur Utama

🔹 Homepage

  • Banner kursus (hero section) dengan tagline motivatif.

  • Informasi singkat tentang course (durasi, level, sertifikat).

  • Daftar topik utama (HTML, CSS, PHP, JavaScript).

  • Tombol Call-to-Action: "Daftar Sekarang" / "Mulai Belajar".

🔹 Halaman Course

  • Daftar materi per bab:

    1. HTML Dasar → struktur dokumen, heading, paragraf, link, image, tabel, form.

    2. CSS → selector, box model, layout, positioning, flexbox, grid.

    3. JavaScript → variabel, function, DOM, event, interaksi web.

    4. PHP → syntax dasar, form handling, koneksi database MySQL, CRUD sederhana.

  • Konten pembelajaran berupa:

    • Video tutorial

    • Teks & catatan

    • Kode contoh (code snippet)

    • Latihan interaktif

🔹 Dashboard Pengguna

  • Progress bar belajar per modul.

  • Riwayat materi yang sudah dipelajari.

  • Sertifikat setelah menyelesaikan semua course.

🔹 Forum Diskusi

  • Tanya jawab antar siswa & instruktur.

  • Dukungan komentar dengan notifikasi.

🔹 Quiz & Evaluasi

  • Soal pilihan ganda & coding exercise per bab.

  • Ujian akhir berbasis proyek (misalnya membuat website sederhana).

🔹 Admin Panel

  • Manajemen pengguna (siswa/instruktur).

  • Upload materi course (video, teks, file).

  • Melihat progress & statistik pengguna.

4. Spesifikasi Teknis

  • Front-End:

    • HTML5, CSS3, JavaScript (ES6), Bootstrap/Tailwind CSS.

    • Responsif untuk mobile & desktop.

  • Back-End:

    • PHP 8.x

    • Framework opsional: Laravel/CodeIgniter.

    • REST API untuk integrasi data.

  • Database:

    • MySQL/MariaDB (untuk data user, progress, materi, quiz).

  • Hosting & Deployment:

    • Shared hosting / VPS.

    • Domain khusus e-learning.

  • Keamanan:

    • Autentikasi login (JWT/session).

    • Enkripsi password (bcrypt).

5. Desain UI/UX

  • Warna utama: biru & putih (profesional, bersih).

  • Layout: minimalis, fokus pada konten belajar.

  • Navigasi: menu atas → Home, Course, Dashboard, Forum, Login/Register.

6. Rencana Pengembangan

  1. Versi 1.0: Materi HTML & CSS + latihan dasar.

  2. Versi 2.0: Tambah JavaScript interaktif.

  3. Versi 3.0: Tambah PHP & database.

  4. Versi 4.0: Quiz online & sertifikat otomatis.

  5. Versi 5.0: Fitur forum diskusi & marketplace mini project siswa.

Referensi

Monitoring


Absensi





Subscribe to: Posts (Atom)