Membuat Aplikasi Happy Birthday

 Pertemuan 3 Nama : Hafidz Panji Ashari NRP : 5025231278

Resume: Mengatur Elemen Teks dan Layout Dasar di Android Studio

Pada pertemuan ketiga ini, materi difokuskan pada modifikasi antarmuka pengguna (UI) menggunakan Jetpack Compose. Praktik yang dilakukan adalah membuat aplikasi mobile sederhana berupa kartu ucapan "Happy Birthday" dengan mengatur ukuran teks, tata letak, dan posisinya di layar.

1. Pemahaman Komponen UI (Jetpack Compose) Dalam membangun tampilan aplikasi ini, digunakan beberapa fungsi dasar dari Jetpack Compose pada file MainActivity.kt:

  • Text: Fungsi untuk menampilkan karakter teks ke layar.

  • Column: Fungsi layout untuk menyusun beberapa elemen secara vertikal (dari atas ke bawah).

  • Modifier: Objek yang digunakan untuk menghias atau mengatur perilaku elemen, seperti menambahkan padding (jarak tepi) atau mengatur kesejajaran (alignment).

2. Langkah Pengerjaan dan Modifikasi Kode

  • Membuat proyek baru dengan template Empty Activity (Kotlin, Minimum SDK API 24).

  • Membuat fungsi kustom bernama @Composable fun GreetingText.

  • Di dalam fungsi tersebut, elemen disusun menggunakan Column agar letaknya vertikal.

  • Teks Pertama (Ucapan): Ditambahkan parameter fontSize = 100.sp untuk memperbesar huruf, lineHeight = 116.sp untuk mengatur jarak antar baris, dan textAlign = TextAlign.Center agar teks berada persis di tengah.

  • Teks Kedua (Pengirim): Menggunakan ukuran yang lebih kecil (fontSize = 36.sp) dan ditambahkan Modifier.align(alignment = Alignment.End) agar teks nama pengirim menempel di sisi kanan layar.

3. Hasil Eksekusi (Running App) Aplikasi kemudian dijalankan menggunakan perangkat Virtual Device (Emulator) bawaan Android Studio. Hasilnya, aplikasi berhasil di-build dan menampilkan teks "Happy Birthday, Teman! 🎉" berukuran raksasa di bagian tengah, diikuti dengan teks "From Hafidz" di pojok kanan bawah, sesuai dengan instruksi tata letak yang dituliskan pada kode.




Comments

Post a Comment

Popular posts from this blog

Daily Task Manager

Image
Daily Task Manager LAPORAN EVALUASI TENGAH SEMESTER (ETS) Anggota 1  Nama: Hafidz Panji Ashari NRP: 5025231278 Anggota 2 Nama: Amin Vinurdi NRP:  5025231241 Kelas: Pemrograman Perangkat Bergerak B Departemen: Teknik Informatika, Institut Teknologi Sepuluh Nopember (ITS) Link Source Code :  GitHub Download :  Drive Blogspot :  Blog PPT :  Canva Video Presentasi : .... 1. Pendahuluan Daily Task Manager adalah aplikasi pengelolaan tugas harian berbasis Android yang dirancang untuk membantu pengguna mencatat, memantau, dan mengorganisasi daftar kegiatan mereka secara efisien. Pengembangan aplikasi ini mengutamakan kemudahan interaksi pengguna ( User Experience ) dengan mengimplementasikan antarmuka yang modern, bersih, dan intuitif. 2. Teknologi dan Lingkungan Pengembangan Pengembangan aplikasi ini memanfaatkan teknologi front-end modern pada ekosistem Android, yang meliputi: Bahasa Pemrograman: Kotlin UI Framework: Jetpack Compose (Material Design 3) A...
Read more

EAS

  Nama : Hafidz Panji Ashari  NRP : 5025231278 Kelas : PBO - A Soal  Evaluasi Akhir Semester Apa yang dimaksud dengan Package Library dalam Java. Jelaskan kegunaan dan contoh penggunaannya dalam pemrograman Buatlah Rancangan Aplikasi yang diambil dalam Final Project Deskripsikan kegunaan dan ruang lingkup aplikasi Implementasikan Aplikasi yang telah didesain dengan menggunakan Pemrograman Berbasis Obyek Java Buat PPT presentasi yang menunjang Demo Aplikasi Demokan aplikasi dengan membuat video dan diupload di Youtube. 1. Apa yang dimaksud dengan Package Library dalam Java. Jelaskan kegunaan dan contoh penggunaannya dalam pemrograman Dalam Java, Package Library mengacu pada kumpulan class dan interface yang dikelompokkan dalam sebuah package untuk menyediakan fungsi yang sudah siap digunakan oleh developer. Library ini bisa berasal dari bawaan Java (Java Standard Library) atau dibuat oleh pihak ketiga. Package adalah mekanisme untuk mengelompokkan class dan interface a...
Read more

DisplayClock

Image
 Nama: Hafidz Panji Ashari NRP: 5025231278 KELAS: PBO-A  import javax . swing .* ; import java . awt .* ; import java . text . SimpleDateFormat ; import java . util . Date ; public class DisplayClock extends JFrame {     private JLabel timeLabel ;     public DisplayClock () {         setTitle ( "Display Clock" );             timeLabel = new JLabel ();         timeLabel . setFont ( new Font ( "Verdana" , Font . PLAIN , 50 ));         timeLabel . setHorizontalAlignment ( SwingConstants . CENTER );         add ( timeLabel );         setSize ( 400 , 200 );         setDefaultCloseOperation ( JFrame . EXIT_ON_CLOSE );         setVisible ( true );         startClock ();     }     public void startClock () {         Timer...
Read more