EAS PPB-D Aplikasi yang membantu pengguna mencatat, mengingatkan, dan mengevaluasi kebiasaan sehari-hari

 

Ryan Abinugraha5025211178
Danno Denis Dhaifullah5025211027
Faiz Haq Noviandra Ciptadi Putra5025211132

Aplikasi MyHabit

MyHabit adalah aplikasi Android sederhana yang dibuat dengan Kotlin yang memungkinkan pengguna untuk mendaftar, masuk, dan melacak kebiasaan harian mereka. Data disimpan di Firebase Realtime Database, dan antarmuka menggunakan tema marun dengan tata letak tengah untuk pengalaman yang bersih dan fokus.

Tampilan

 

Fitur Utama

  • Autentikasi pengguna melalui Firebase Authentication
  • Menambah kebiasaan baru yang disimpan ke cloud
  • Melihat daftar kebiasaan dalam tampilan gulir menggunakan RecyclerView
  • Umpan balik real-time melalui Toast dan logcat untuk status sukses atau gagal

Tampilan Layar

  1. Daftar (RegisterActivity) untuk membuat akun baru
  2. Masuk (LoginActivity) untuk login dengan email dan kata sandi
  3. Beranda (HomeActivity) untuk menambah dan melihat daftar kebiasaan

Struktur Proyek

app/
├─ src/main/
│  ├─ java/com/example/myhabit/
│  │  ├─ auth/
│  │  │  ├─ LoginActivity.kt
│  │  │  └─ RegisterActivity.kt
│  │  ├─ data/
│  │  │  └─ Habit.kt
│  │  └─ home/
│  │     ├─ HomeActivity.kt
│  │     └─ HabitAdapter.kt
│  └─ res/
│     ├─ layout/
│     │  ├─ activity_login.xml
│     │  ├─ activity_register.xml
│     │  ├─ activity_home.xml
│     │  ├─ item_habit.xml
│     │  └─ …
│     └─ values/
│        ├─ colors.xml
│        └─ themes.xml
└─ build.gradle.kts

Cara Menjalankan

  1. Clone repositori ini
  2. Buka di Android Studio
  3. Tambahkan file google-services.json ke direktori app/
  4. Ganti URL Realtime Database di HomeActivity.kt dengan URL proyek Anda, misalnya: val databaseUrl = "https://myhabit-847e9-default-rtdb.asia-southeast1.firebasedatabase.app"
  5. Sync Gradle dan jalankan aplikasi di emulator atau perangkat fisik

Penjelasan Kode 

RegisterActivity.kt

  • Memuat layout activity_register.xml
  • Memvalidasi email dan kata sandi (minimal 6 karakter)
  • Memanggil FirebaseAuth.createUserWithEmailAndPassword
  • Setelah berhasil, berpindah ke LoginActivity

LoginActivity.kt

  • Memuat layout activity_login.xml
  • Memvalidasi kredensial pengguna
  • Memanggil FirebaseAuth.signInWithEmailAndPassword
  • Setelah berhasil, berpindah ke HomeActivity

Habit.kt (Model Data) data class Habit( val name: String = "", val timestamp: Long = 0L )

HabitAdapter.kt

  • RecyclerView.Adapter yang mengikat objek Habit ke layout item_habit.xml
  • Menampilkan nama kebiasaan dan waktu terformat dari timestamp

HomeActivity.kt

  • Memuat layout activity_home.xml dengan ViewBinding
  • Memeriksa pengguna sudah login
  • Menginisialisasi DatabaseReference dengan URL eksplisit
  • Mengatur RecyclerView dan memanggil fungsi loadHabits untuk memuat daftar kebiasaan
  • Tombol Save Habit:
    1. Validasi input tidak kosong
    2. Menyimpan Habit ke Firebase
    3. Jika berhasil: menampilkan Toast, membersihkan input, memuat ulang daftar
    4. Jika gagal: menampilkan Toast error dan mencatat exception di log
  • Fungsi loadHabits membaca data sekali dan memperbarui adapter serta menampilkan jumlah kebiasaan

Tema UI

  • Warna marun sebagai warna primer dan putih untuk teks
  • Formulir berada di tengah secara vertikal dan horizontal untuk fokus pengguna

Link Github       Disini
Link GDocs        Disini
Link Youtube     Disini  

Dokumentasi kelompok 11




Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 4 PPB - Membuat aplikasi Dice Roller interaktif

Gambar
  Faiz Haq Noviandra Ciptadi Putra 5025211132 Tugas 4 Langkah-Langkah Membuat Aplikasi Dice Roller Untuk membuat aplikasi Dice Roller menggunakan Jetpack Compose, kita perlu melakukan beberapa langkah berikut: Membuat proyek baru di Android Studio Mengatur dependencies untuk Jetpack Compose Membuat fungsi composable untuk aplikasi Membuat fungsi composable untuk tombol dan gambar Mengatur layout untuk aplikasi Menambahkan string resource untuk tombol "Roll" Menambahkan gambar dadu ke folder drawable Menjalankan aplikasi Deskripsi Proyek: Aplikasi Android ini bernama  Dice Roller , yang dirancang untuk mensimulasikan lemparan dadu secara acak ketika pengguna menekan sebuah tombol. Proyek ini menggunakan  Jetpack Compose , sebuah framework UI deklaratif dari Android. Struktur Proyek: MainActivity : Merupakan kelas utama yang menjalankan aplikasi. Kelas ini mewarisi  ComponentActivity  dan menggunakan fungsi  setContent  untuk menampilkan antarmuka Compos...
Baca selengkapnya

Tugas Pertemuan 5 PPB - Membuat Aplikasi Kalkulator dengan menggunakan Kotlin(BMI Kalkulator)

Gambar
  Faiz Haq Noviandra Ciptadi Putra 5025211132 Tugas Pertemuan 5 Penjelasan Pemrograman: 1. Class Tugas5PPB :  ComponentActivity() Fungsi  onCreate()  akan dipanggil pertama kali saat aplikasi dimulai. Metode  setContent{ ... }  digunakan untuk menetapkan  User Interface  (UI) dengan Jetpack Compose. Di dalamnya, fungsi  TemperatureConverterUI()  dipanggil untuk menampilkan tampilan antarmuka pengguna aplikasi. 2. @Composable fun  TemperatureConverterUI() Fungsi ini merupakan fungsi  composable  yang digunakan untuk merancang tampilan antarmuka aplikasi. Berikut adalah penjelasan dari setiap komponennya: Variable State input : Menyimpan data suhu yang dimasukkan oleh pengguna. result : Menyimpan output dari hasil konversi suhu. isCtoF : Tipe boolean yang menentukan arah konversi, apakah dari Celsius ke Fahrenheit atau sebaliknya. Tata Letak User Interface (UI) Column : Mengatur susunan komponen UI secara vertikal. Text : Me...
Baca selengkapnya

Tugas 11 Membuat Autentikasi Aplikasi

Gambar
Faiz Haq Noviandra Ciptadi Putra 5025211132 PPB-D Tugas 11 Membuat Autentikasi Aplikasi    Pada pertemuan ini, kami diminta membuat sistem autentikasi untuk aplikasi Starbucks. Aplikasi ini adalah aplikasi Android yang dibangun menggunakan Kotlin dan Jetpack Compose, dengan tujuan utama menangani proses login dan registrasi pengguna melalui Firebase Phone Authentication, serta menyimpan dan menampilkan data pengguna di Firebase Firestore. Komponen utama aplikasi terdiri dari beberapa layar seperti SplashScreen, Login, Register, OTP, dan Home, yang diatur menggunakan sistem navigasi berbasis Jetpack Compose. Saat aplikasi dijalankan, pengguna akan melihat logo Starbucks di layar pembuka, lalu diarahkan ke halaman login. Di halaman login, pengguna dapat masuk menggunakan nomor telepon, sementara pada halaman registrasi, pengguna diminta mengisi data seperti nama lengkap, tanggal lahir, dan jenis kelamin sebelum menerima OTP. Setelah menerima dan memasukkan kode OTP di layar veri...
Baca selengkapnya