EAS Pemrograman Perangkat Bergerak - Aplikasi Sight

Nama : Mavaldi Rizqy Hazdi

NRP : 5025211086

Kelompok : 18

Kelas : Pemrograman Perangkat Bergerak D


SIGHT



Deskripsi Aplikasi

Sight adalah aplikasi Android berbasis Jetpack Compose yang memungkinkan pengguna:

  • Mengunggah foto dari storage lokal.

  • Memberi label pada setiap foto.

  • Mengelompokkan dan menampilkan foto berdasarkan label.

  • Menyimpan data foto dan label secara permanen menggunakan Room Database.

  • Menyediakan sistem login, registrasi, dan OTP simulasi.

Fitur Utama

Autentikasi:

  • Login Page

  • Registrasi Page

  • OTP Page

Manajemen Foto:

  • Upload Foto dari Storage Lokal

  • Simpan foto dengan label di database

  • Image Page (grid foto semua)

  • Group Page (grid foto per label)

  • Profile Page

Navigasi:

  • Bottom Navigation Bar

  • Floating Action Button untuk Profile

Arsitektur Aplikasi

🔸 MVVM (Model - View - ViewModel) Pattern

  • Model:
     Room Database (PhotoEntity, LabelEntity)

  • ViewModel:
     PhotoViewModel, LabelViewModel

  • View (UI):
     Jetpack Compose screen: LoginPage, RegisterPage, OtpPage, ImagePage, UploadPage, GroupPage, ProfilePage

🔸 Data Persistence:
 Room Database
 Content URI & internal storage path

🔸 Navigation:
 Jetpack Navigation Compose

Cara Mengerjakan

  1. Setup Project Android Studio

  • Buat project Jetpack Compose

  • Tambahkan dependency Material3, Room, Navigation

  1. Buat Autentikasi Pages

  • Login, Register, OTP page sederhana

  • Navigasi antar halaman

  1. Buat Fitur Upload & Tampil Foto

  • Gunakan ActivityResultContracts.GetContent()

  • Tampilkan di LazyVerticalGrid

  1. Implement Room Database

  • Buat Entity: PhotoEntity

  • Buat DAO dan Database

  • Buat Repository dan ViewModel

  1. Implement Navigasi

  • Gunakan Navigation Compose

  • Bottom Navigation dan Floating Action Button

  1. Testing & Debugging

  • Cek permission storage

  • Uji upload, label, dan data persistence


Link PPT : Canva

Link Github : Github

Link APK : File APK 

Link Google Docs : Docs

Vidio Presentasi dan Demo Aplikasi



Komentar

Posting Komentar

Postingan populer dari blog ini

ETS PPB - Aplikasi Galeri (MyGallery)

Gambar
Nama : Mavaldi Rizqy Hazdi NRP : 5025211086 Kelompok : 23 Kelas : Pemrograman Perangkat Bergerak D     MyGallery Deskripsi Aplikasi MyGallery adalah aplikasi galeri foto modern yang dirancang untuk memberikan pengalaman menampilkan dan mengelola koleksi gambar secara elegan. Dibangun dengan teknologi terkini Android seperti Kotlin dan Jetpack Compose, aplikasi ini menawarkan antarmuka yang responsif, intuitif, serta mendukung mode gelap untuk kenyamanan pengguna. Fitur Utama Tampilan Grid Dinamis – Menyajikan koleksi foto dalam tata letak grid yang dapat disesuaikan Halaman Detail Interaktif – Memungkinkan pengguna melihat gambar dalam ukuran penuh dengan informasi lengkap Simulasi Upload – Memberikan pengalaman upload gambar yang realistis dengan animasi dan konfirmasi Dual Theme – Dukungan penuh untuk mode terang dan gelap yang otomatis menyesuaikan preferensi sistem Arsitektur Aplikasi Layer UI (Compose) ViewModel Repository Data Source (Local/Dummy) CARA MENGERJAKAN 1. Per...
Read more »

Tugas PPB - Membuat Aplikasi Sederhana Menggunakan Jetpack Compose

Gambar
Nama : Mavaldi Rizqy Hazdi NRP : 5025211086 Kelas : Pemrograman Perangkat Bergerak D Tugas kali ini adalah membuat aplikasi sederhana menggunaan Jetpack Compose. Dengan mengikuti langkah langkah pada link berikut  Basic Jetpack Compose . Maka akan dihasilkan aplikasi sederhana sebagai berikut dengan bahasa Kotlin. File MainActivity.kt: package com.example.basicscodelab import android.content.res.Configuration. UI_MODE_NIGHT_YES import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.animation.animateContentSize import androidx.compose.animation.core.Spring import androidx.compose.animation.core.spring import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.foundation.lazy.LazyColumn imp...
Read more »