Nanda Vahindra's Personal Blog

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Proyek EAS Deskripsi: Proyek ini adalah pembuatan prototipe antarmuka pengguna (UI/UX) yang fungsional dari aplikasi mobile Starbucks. Aplikasi ini dibangun dari awal sebagai klon UI (UI Clone) , yang berarti fokus utamanya adalah mereplikasi tampilan, nuansa, dan alur navigasi dari aplikasi Starbucks yang sesungguhnya.  Proyek ini mencakup seluruh alur pengguna, mulai dari halaman login hingga konfirmasi pembayaran, namun tidak terhubung ke backend, database, atau API eksternal manapun . Semua data yang ditampilkan bersifat statis (dummy data) untuk keperluan demonstrasi UI. Fitur-Fitur Utama: Aplikasi ini memiliki serangkaian fitur yang mencerminkan fungsionalitas inti dari aplikasi pemesanan kopi, yang terbagi ke dalam beberapa layar: Halaman Login: Antarmuka sederhana bagi pengguna untuk masuk ke aplikasi, menampilkan logo Starbucks dan input untuk email/password. Halaman Home: Berfungsi sebagai dashboard utama....

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Proyek ETS: Membuat mobile Front End Mobile Front End MyMoneyNotes Deskripsi  Proyek 4: Aplikasi Catatan Keuangan Pribadi Judul Proyek:   “MyMoney Notes” Deskripsi:  Buat aplikasi sederhana untuk mencatat pengeluaran dan pemasukan harian. Fitur Utama: Input jenis transaksi (pemasukan/pengeluaran) Pilih kategori dan nominal Lihat daftar transaksi Tampilan grafik sederhana (opsional menggunakan chart library untuk visualisasi) Preview :      PPT:  Link PPT Video Presentasi:  Link Source Code: GitHub Link Aplikasi: MyMoneyNotes

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 7: Membuat aplikasi Login Page Dokumentasi Tugas 7 yaitu latihan membuat aplikasi login page Link GitHub Referensi :  https://www.youtube.com/watch?v=-Kj9T1sa6zk Berikut penjelasan mengenai kode untuk halaman login: 1. UI Structure : Column : Menyusun elemen-elemen secara vertikal dengan verticalArrangement = Arrangement.Center agar elemen berada di tengah layar. Image : Menampilkan gambar pada bagian atas layar menggunakan painterResource(id = R.drawable.img) untuk mengakses sumber daya gambar. Text : Menampilkan teks untuk judul dan petunjuk login seperti "Welcome Back", "Login to your account", dan lainnya. 2. Input Fields : OutlinedTextField : Digunakan untuk input email dan password. Setiap OutlinedTextField memiliki label untuk menunjukkan fungsi input tersebut (Email dan Password). 3. Buttons and Text : Button : Tombol untuk login, yang saat ini belum memiliki aksi terka...

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 6: Membuat aplikasi Currency Converter Dokumentasi Tugas 6 yaitu latihan membuat aplikasi currency converter Link GitHub 1. State Management : amount : Menyimpan jumlah uang yang dimasukkan. fromCurrency dan toCurrency : Menyimpan mata uang asal dan tujuan yang dipilih. result : Menyimpan hasil konversi yang ditampilkan di layar. 2. UI Components : OutlinedTextField : Untuk input jumlah uang. CurrencyDropdown : Dropdown untuk memilih mata uang asal dan tujuan. Button : Tombol "Convert" untuk melakukan konversi. Text : Menampilkan hasil konversi. 3. Konversi Mata Uang : Fungsi converter mengonversi uang dari mata uang asal ke tujuan berdasarkan nilai tukar yang disimpan dalam ratesInUSD . Hasil konversi diformat dengan DecimalFormat untuk menambah pemisah ribuan dan desimal. 4. CurrencyDropdown : Menampilkan dropdown untuk memilih mata uang menggunakan ExposedDropdo...

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 5: Membuat aplikasi Kalkulator Sederhana Dokumentasi Tugas 5 yaitu latihan membuat aplikasi kalkulator sederhana link Github State Variables : num1 dan num2 menyimpan input angka, sementara result menyimpan hasil operasi. remember dan mutableStateOf digunakan untuk menyimpan dan memperbarui nilai variabel saat terjadi perubahan. UI Layout : TextField : Untuk memasukkan dua angka ( num1 dan num2 ). Button : Setiap tombol (Add, Sub, Multiply, Divide) memiliki aksi perhitungan yang memperbarui nilai result . Operasi Matematika : Setiap tombol melakukan operasi matematika (penjumlahan, pengurangan, perkalian, pembagian) dan menyimpan hasilnya ke dalam variabel result . Result Display : Hasil dari operasi ditampilkan menggunakan Text di bawah tombol. Pengecekan Pembagian : Pada tombol "Divide", ada pengecekan untuk mencegah pembagian dengan nol, dan menampilkan pe...

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 4: Membuat aplikasi Dice Roller Interaktif Dokumentasi Tugas 4 yaitu latihan membuat aplikasi dice roller interaktif dengan komponen button Referensi :  CodeLab 1. Persiapan Proyek Android Studio Buka Android Studio dan buat proyek baru. Pilih template Empty Activity dan gunakan Kotlin sebagai bahasa pemrograman. Beri nama proyek, misalnya DiceRollerApp , lalu klik Finish . 2. Struktur Folder dan Sumber Daya Gambar Tambahkan Gambar Dadu Simpan enam gambar dadu ( dice_1.png , dice_2.png , dst.) di dalam folder res/drawable . gambar dadu dapat didownload pada link ini Tambahkan String Resource Buka res/values/strings.xml dan tambahkan: <string name="roll">Roll</string> 3. Implementasi Kode Kotlin Buka MainActivity.kt dan tambahkan kode berikut: package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent impor...

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 3: Membuat aplikasi Selamat Ulang Tahun Dokumentasi Tugas 3 yaitu latihan membuat aplikasi selamat ulang tahun. Dokumentasi Latihan membuat aplikasi Selamat Ulang Tahun Untuk Kode lengkapnya dapat dilihat pada link Github dibawah Github:  https://github.com/NandaVahindra/PBB-A/tree/main/Tugas3/HappyBirthday

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 2: Membuat aplikasi Hello Android menggunakan Jetpack Compose Dokumentasikan proyek Basics Codelab menggunakan Jetpack Compose , framework UI deklaratif untuk Android. Aplikasi ini menyajikan daftar Greetings dengan animasi expand serta layar Onboarding yang menyambut pengguna saat pertama kali membuka aplikasi. Aplikasi ini terdiri dari beberapa komponen utama: MainActivity – Titik masuk aplikasi MyApp – Mengelola tampilan utama OnboardingScreen – Layar penyambutan pengguna Greetings – Daftar greeting dengan animasi ekspansi Greeting – Komponen kartu yang menampilkan nama dengan teks animasi CardContent – Konten dalam kartu yang dapat diperluas Preview Functions – Untuk menampilkan tampilan dalam Android Studio 1. MainActivity class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() ...

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBB - A Tugas 1: Membuat Resume/ Review Perkembangan Teknologi Perangkat Bergerak, baik Hardware, OS, maupun jenis aplikasi yang ada di Perangkat Mobile. Telepon seluler telah mengalami evolusi yang luar biasa sejak pertama kali diperkenalkan pada tahun 1973. Saat ini, smartphone telah menjadi bagian penting dalam kehidupan sehari-hari, tetapi tahukah Anda bagaimana perjalanan teknologi ini dari masa ke masa? Artikel ini akan membahas perjalanan panjang perkembangan telepon seluler dari awal hingga era modern. 1973: Panggilan Pertama di Dunia Menggunakan Telepon Seluler Pada tahun 1973, Martin Cooper, seorang insinyur senior di Motorola, melakukan panggilan telepon seluler pertama di dunia. Ia menelepon Joel Engel, kepala proyek pesaing di AT&T, menggunakan prototipe Motorola DynaTAC. Meski teknologi ini baru tersedia untuk umum sepuluh tahun kemudian, panggilan ini menandai awal dari era komunikasi seluler. 1982-1983: Mu...

  AppSheet Nama       : Made Nanda Wija Vahindra NRP        : 5025211160 Kali ini saya akan mencoba membuat aplikasi dengan memanfaatkan framework google. Untuk Kode Github  Bisa dilihat pada  Github Berikut Dokumentasinya: 1. Hasil Tampilan Form dan coba input data 2. Hasil input data dalam spreadsheet

Nama : Made Nanda Wija Vahindra NRP : 5025211160 Kelas : PBKK A Pada Final Project kali ini saya akan menggunakan Code Igniter Untuk membuat aplikasi web. Referensi Paper Deskripsi Studi Kasus: Aplikasi Manajemen Kelas dan Mahasiswa Model (M) ClassModel: Menyimpan informasi kelas seperti nama kelas, kode kelas, dan daftar mahasiswa yang terdaftar. StudentModel: Menyimpan informasi mahasiswa seperti nama, NIM, alamat, dan informasi lainnya. View(V) ClassListView: Menampilkan daftar kelas beserta informasi dasar. ClassDetailView: Menampilkan detail kelas, termasuk daftar mahasiswa yang terdaftar. StudentFormView: Menampilkan formulir untuk menambah atau mengedit informasi mahasiswa. Controller (C) ClassController: Mengelola operasi terkait kelas, seperti menambah kelas, menampilkan daftar kelas, dan menambah/menghapus mahasiswa dari kelas. StudentController: Mengelola operasi terkait mahasiswa, seperti menambah mahasiswa, mengedit informasi mahasiswa, dan menghapus mahasiswa. Interaksi M...

Nama     : Made Nanda Wija Vahindra NRP         : 5025211160 Nama Aplikasi: CinemaBox Deskripsi Aplikasi: CinemaBox adalah aplikasi pemesanan tiket bioskop yang dirancang untuk meningkatkan efisiensi dan kenyamanan bagi pengguna akhir dan administrator. Dengan antarmuka yang intuitif dan berbagai fitur, CinemaBox bertujuan memberikan kemudahan dalam proses pemesanan tiket, menciptakan pengalaman pengguna yang lebih efisien dan memuaskan. Fitur Utama: Pemesanan Tiket: Pengguna dapat melakukan pemilihan film, menentukan jadwal pemutaran, dan memilih kursi dengan fleksibilitas tertinggi. Transaksi pembayaran tiket dapat dilakukan secara daring melalui berbagai opsi pembayaran yang aman dan nyaman. Jadwal Film: Menampilkan daftar lengkap film yang tengah tayang di berbagai bioskop mitra. Informasi jadwal pemutaran disajikan dengan cermat untuk memudahkan perencanaan kunjungan pengguna. Pilihan Tempat Duduk: Memberikan pengguna keleluasaan dalam memilih tem...

  MVC CodeIgniter Nama       : Made Nanda Wija Vahindra NRP        : 5025211160 Kali ini saya akan mencoba membuat model MVC untuk sebuah toko online menggunakan CodeIgniter. Untuk Kode Github  Bisa dilihat pada  Link disini Berikut Dokumentasinya: 1. Halaman Dashboard 2. Halaman Produk 3. Halaman Keranjang Belanja 4. Halaman Pembayaran 5. Halaman Admin Data Barang 6. Halaman Admin Invoice Pemesanan 7. Halaman Admin Detail Pesanan

  CRUD CodeIgniter Nama       : Made Nanda Wija Vahindra NRP        : 5025211160 Github :  Link github Kali ini saya akan mencoba membuat operasi dasar CRUD sederhana menggunakan CodeIgniter. Tujuannya untuk memahami penggunaan CRUD pada CodeIgniter sebagai framework php open source. Berikut Dokumentasinya: Referensi serta langkah-langkah dan tutorial lengkapnya ada pada  link ini 1. Tampilan Database pada phpmyadmin 2. Tampilan Halaman Awal website pada route "localhost:8080/pegawai" 3. Tampilan halaman tambah data 4. Tampilan halaman edit data halaman tambah untuk metode create data, halaman edit untuk metode update data, halaman awal adalah read data dan tombol delete adalah untuk delete data dari database. semua fungsi berjalan normal untuk kode lengkapnya bisa dilihat di halaman github.

  View CodeIgniter 4 Nama       : Made Nanda Wija Vahindra NRP        : 5025211160 Github :  Link Github Kali ini saya akan mencoba membuat view PPDB sederhana menggunakan CodeIgniter. Tujuannya untuk memahami penggunaan view CodeIgniter sebagai framework php open source. Berikut Dokumentasinya: 1. Untuk membuat view siapkan project CodeIgniter seperti  Post Sebelumnya 2. Setelah itu pada app/config/Routes.php tambahkan /pendaftaran 3. setelah itu tambahkan fucntion perdaftaran() pada app/Controllers/Home.php 4. kemudian buat pendaftaran.php pada app/views, disini saya menggunakan template untuk halamannya 5. akses localhost:8080/pendaftaran

  Implementasi CodeIgniter 4 Nama       : Made Nanda Wija Vahindra NRP        : 5025211160 Github :  Link Kali ini saya akan mencoba membuat program hello world sederhana menggunakan CodeIgniter. Tujuannya untuk memahami CodeIgniter sebagai framework php open source. Berikut Dokumentasinya: Untuk instalasi CodeIgniter4 Saya menggunakan composer Untuk tutorial Instalasi ada pada  Link Youtube Untuk menjalankan web dapat menggunakan command php spark serve Pada umumnya web akan berjalan pada "localhost:8080", namun pada perangkat saya port 8080 sudah digunakan maka web berjalan pada "localhost:8081" Membuat porject hello world 1. Menambahkan route /hello pada "/app/Config/Routes.php" 2. Menambahkan function hello()  untuk meemanggil viewer baru pada  "/app/Controllers/Home.php" 3. Menambahkan viewer untuk hello() pada "/app/Views/" Setelah itu akses "localhost:8081/hello" maka halaman hello world akan tampil