PPB TUGAS 7

 

Pemrograman Perangkat Bergerak - I

Material Design

Aisyah Nurhalimah - 5025201081 

Materi Material Design

    Material Design adalah sebuah gaya desain terbaru dari Google yang memiliki prinsip desain itu harus seperti sebuah kertas pada kenyataannya. Desain dengan Material Design pada prinsip nya bertujuan untuk memberikan fokus yang jelas kepada pengguna dengan menyediakan suatu struktur. Struktur disini lebih kepada menampilkan apa yang penting berada didepan daripada yang tidak penting. Pada pertemuan ini diminta  untuk membuat sebuah aplikasi water bottle dengan mengikuti referensi ini.

Seperti pada tugas sebelumnya, buatlah projek baru dengan jenis Empty Activity, lalu beri nama yang sesuai. Pada bagian minimum SDK gunakan API 26 Oreo Android 8.0, lalu klik Finish. Selanjutnya ubah code pada file MainActivity.kt dan  WaterBottle.kt.

Hasil: 

Source code:

MainActivity.kt

WaterBottle.kt

PPB TUGAS 6

   

Pemrograman Perangkat Bergerak - I

Memahami Bahasa Kotlin

Aisyah Nurhalimah - 5025201081 

Memahami Bahasa Kotlin

    Pada pertemuan hari ini, diberikan tugas untuk membuat aplikasi sederhana berupa kalkulator. Kalkulator sederhana ini memiliki 4 pilihan operasi yang dapat digunakan, yaitu operasi penumlahan (add), pengurangan (sub), perkalian (mul), dan pembagian (div). Langkah awal yang harus dilakukan adalah membuat proyek baru pada Android Studio. Pilih "New Project" lalu pilih "Empty Activity". Kemudian isikan nama aplikasi yang akan dibuat. Selanjutnya pada file 'MainActiviy.kt', isikan kode yang ada pada bagian akhir blog ini.  

Berikut adalah hasilnya: 

Berikut adalah source code lengkapnya:

PPB TUGAS 5

  

Pemrograman Perangkat Bergerak - I

Membuat Halaman Login

Aisyah Nurhalimah - 5025201081 

Studi Kasus - Membuat Halaman Login

    Pada pertemuan hari ini, diberikan tugas untuk membuat halaman login sederhana seperti yang ada pada link materi diatas. Langkah pertama adalah membuat project baru menggunakan template 'Empty Activity'. Selanjutnya, beri nama project 'MyLogin', dan ubah minimum SDK menjadi 'API 26 ("Oreo"; Android 8.0)'. Lalu buat file baru, klik kanan pada folder 'com.example.mylogin', pilih 'New', pilih 'Kotlin Class/File', lalu beri nama 'LoginScreen' dan pilih 'File', kemudian tekan Enter pada keyboard. Berikut adalah source code dari file LoginScreen.

Hasil halaman login sederhana : 

Referensi : 

Tutorial Halaman Login Sederhana

PPB - TUGAS 4

 

Pemrograman Perangkat Bergerak - I

Komponen Button

Aisyah Nurhalimah - 5025201081 

Komponen Button

Membuat aplikasi Dice Roller interaktif (android.com)

    Pada pertemuan hari ini, diberikan tugas untuk menambahkan composable Button ke aplikasi Android dengan Compose, menambahkan perilaku composable Button di aplikasi Android dengan Compose, serta membuka dan mengubah kode Activity untuk aplikasi Android. Sehingga untuk memenuhi tugas dengan kriteria yang sudah disebutkan sebelumnya, dibuat aplikasi permainan dadu dengan menekan tombol roll untuk mengubah nilai dadu.

Berikut adalah source code implementasi dice roller yang sudah dibuat:

Berikut adalah tampilan source code diatas: 

Berikut adalah tampilan ketika ditekan 'roll', akan merubah nilai dadu: 

PPB - TUGAS 3

 

Pemrograman Perangkat Bergerak - I

Aplikasi Ulang Tahun Sederhana

Aisyah Nurhalimah - 5025201081 

Mengenal Composable

    Pada pertemuan kali ini, diberikan tugas untuk menyiapkan aplikasi ulang tahun sederhana  menggunakan pendekatan composable. Jetpack Compose adalah toolkit UI modern yang diperkenalkan Google untuk mempermudah pengembangan user interface di platform Android. Dibangun di atas bahasa pemrograman Kotlin, Jetpack Compose mengadopsi pendekatan deklaratif dalam mendesain UI. Dalam kata lain, developer dapat mendeskripsikan tampilan dan UI behavior menggunakan serangkaian fungsi tanpa perlu khawatir tentang detail implementasi. Fungsi Composable adalah elemen dasar dalam membangun UI di Compose. Fungsi ini memiliki beberapa karakteristik penting, yaitu menjelaskan bagian-bagian dari UI, tidak menampilkan elemen apapun secara langsung, mengambil input dan menghasilkan elemen yang akan ditampilkan di layar. 

Berikut adalah source code dari tugas kali ini: 

Berikut adalah hasil dari source code diatas: