Tugas 7 PBKK - Xamarin Awesome App

 

TUGAS-7 PBKK C

Xamarin Awesome App

Oleh:
Evelyn Tjitrodjojo 05111840000099

Pada tugas kali ini, diminta untuk membuat aplikasi dari Xamarin, dan saya membuat aplikasi sederhana bernama awesome app. Sebelumnya, pastikan sudah melakukan instalasi Visual Studio (pada project ini akan menggunakan Visual Studio 2019). Untuk pembuatannya, saya mengacu pada tutorial berikut :
Pertama, kita harus melakukan instalasi "Mobile development with .NET" melalui visual studio installer, atau pada waktu awal instalasi visual studio 2019.


Kemudian buat project baru, pilih Mobile App (Xamarin.Forms) template, isikan nama AwesomeApp. Sebelum dicoba jalankan, install terlebih dahulu Android SDK. Kemudian download dan set-up Android emulator. Setelah semuanya sudah siap, coba jalankan code yang sudah ada pada template. Hasilnya seperti berikut.


Kita coba ubah tampilan aplikasinya, dengan merubah warna pada code App.xaml.


Kita coba juga mengubah tampilan halaman, dengan merubah warna pada code AboutPage.xaml.


Hasilnya akan seperti gambar di bawah ini. Saya menggunakan warna ungu, kalian bisa mencoba dengan warna lain, atau menambahkan teks.


Kemudian tambahkan code untuk memberikan fungsi pada button. Ubah pada code AboutPage.xaml.cs.


Maka tampilannya akan seperti di bawah ini. Bila diclick, akan mengubah tulisan pada button sesuai jumlah berapa kali diclick.


Untuk kode lengkapnya dapat dilihat di:
Awesome App

Terima kasih sudah membaca blog ini, semoga berguna untuk pembelajaran kalian!

- Belajar dimulai dari diri kita sendiri -

Comments

Post a Comment

Popular posts from this blog

Supermarket Management System

Image
  TUGAS-5 PBKK C Supermarket Management System Oleh: Evelyn Tjitrodjojo 05111840000099 Amelia Puji              05111840000147 Pada tugas kali ini, kami akan membuat Supermarket Management System dengan Windows Form Application. Sebelumnya, pastikan sudah menginstall Visual Studio (pada project ini kami menggunakan Visual Studio 2019). Untuk pembuatannya, kami mengacu pada tutorial berikut : https://youtu.be/i4YHCa92BdM Disini, kami tidak menjelaskan secara rinci, tetapi akan diberikan code tiap bagian dengan gambar tampilan tiap lamannya. Pertama adalah halaman Splash. Berikut gambarnya: Kemudian, berikut adalah halaman Login. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Categories. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Sellers. Buat tampilan seperti berikut, dan kemudian tulis codenya. Kemudian, berikut adalah halaman Products. Buat tampilan seperti berikut, dan kemudian tulis codenya
Read more

Tugas 9 - CRUD CodeIgniter

Image
  TUGAS-9 PBKK C CRUD CodeIgniter Oleh: Evelyn Tjitrodjojo 05111840000099 Pada tugas kali ini, diminta untuk membuat sebuah website yang berisi create, read, update, and delete (CRUD) mahasiswa dengan menggunakan Code Igniter. Sebelumnya, lakukan beberapa hal berikut: Install XAMPP atau Web Server Download Code Igniter Tutorial CRUD CodeIgniter Untuk step by step tutorialnya akan dibahas dibawah ini: 1. Membuat database pada mysql 2. Konfigurasi CodeIgniter. Bu ka 📄  config/database.php , kemudian isi seperti ini: 'hostname' => 'localhost' , 'username' => 'root' , 'password' => '' , 'database' => 'mahasiswa' , 3.  Berikutnya, silahkan buka 📄   config/autoload.php . Kemudian cari  $autoload['libraries']  dan tambahkan  database  dan  session  di sana. $autoload [ 'libraries' ] = array ( 'database' , 'session' ); 4. B uat file baru di dalam direktori 📁  application/mode
Read more

Creating Login Form Sign Up Screen with WPF

Image
  TUGAS-4 PBKK C Creating Login Form / Sign Up Screen with WPF Oleh: Evelyn Tjitrodjojo 05111840000099 Amelia Puji              05111840000147 Pada tugas kali ini, kami akan membuat login form / sign up screen dengan WPF. Sebelumnya, WPF, yang merupakan singkatan dari Windows Presentation Foundation, adalah pendekatan terbaru Microsoft terhadap kerangka kerja GUI, yang digunakan dengan .NET Framework. Untuk pembuatannya, kami mengacu pada tutorial berikut : https://youtu.be/Vjldip84CXQ https://youtu.be/TDOxHx-AMqQ https://youtu.be/JU9Ai0hpBUI Setelah mengikuti tutorial berikut dengan modifikasi kode sesuai cara menulis kami, berikut adalah tampilan dari halamannya. Berikut adalah code untuk main windows sebelum diberi layout halaman: Berikut adalah code untuk login windows: Kemudian berikut adalah video hasil login form yang telah kami buat. Untuk kode lengkapnya, dapat dilihat pada link github berikut. Tugas4_PBKK-C_WPF-Sign-Up-Form Sekian, terima kasih dan selamat mencoba.
Read more