Tugas PPB - Membuat Autentikasi Aplikasi

Nama : Mavaldi Rizqy Hazdi

NRP : 5025211086

Kelas : Pemrograman Perangkat Bergerak D


    Tugas kali ini adalah membuat sebuah autentikasi aplikasi menggunakan android studio dengan kotlin. Pada Aplikasi ini akan terdapat beberapa page berikut :

Login Page

    Pada login page ini terdapat input email atau username serta password untuk masuk ke aplikasi. Apabila telah mengisi field email dan password lalu menekan tombol continue, maka user akan disambut dengan page aplikasi yang berisi foto profil dan kata-kata welcome untuk user. Jika menekan tombol atau tulisan "Register New Account", maka aplikasi akan berganti ke Register Page.

Registration Page

    Pada page ini user akan diminta untuk menginput beberapa hal berupa : Username, email, dan password. Apabila telah memasukkan semua data tersebut, ketika menekan tombol register aplikasi akan berpindah ke bagian halaman OTP.

OTP Page

    Pada page ini pengguna akan memasukkan kode otp yang dikirim ke email. Tetapi karena ini adalah simulasi, maka kode otp akan terlihat dibawah field input kode otp "1234". Jika kode OTP yang dimasukkan benar, akan ada tombol baru yang muncul untuk kembali ke page login. 

App Profile Page

    Setelah memasukkan username dan password pada page login dan menekan continue, maka aplikasi akan berpindah ke halaman profil pengguna aplikasi. Pada page ini terdapat foto profil dan welcome untuk pengguna.


Tampilan Android Studio

Tampilan Aplikasi pada Emulator



Link Github : Github

Vidio Presentasi



 

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 »

EAS Pemrograman Perangkat Bergerak - Aplikasi Sight

Gambar
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, Grou...
Read more »