TUGAS 5 PBKK - MEMBUAT MOBILE APPLICATION MENGGUNAKAN XAMARIN

Geizka Wahyu Fahriza

05111840000062

PBKK A

MEMBUAT MOBILE APPLICATION MENGGUNAKAN XAMARIN

Untuk membuat aplikasi android menggunakan xamarin ikuti langkah - langkah berikut :

1. Langkah pertama adalah buat project di visual studio, pilihlah template berikut




2. Selanjutnya isi nama project dan tempat project, lalu klik Create



3. Setelah itu akan ada prompt untuk template appnya, Pilih blank template lalu klik Create



4. Sebelum melakukan development, pertama kita harus set-up android emulator terlebih dahulu. Untuk melakukan setup, klik tombol berikut


5. Setelah itu akan ada prompt untuk membuat default android emulator. Klik create

6. Tunggulah proses download
7. Jika sudah, emulator dapat kita jalankan dengan tombol start
8. Jika sudah, maka akan muncul emulator seperti berikut
9. Dalam development xamarin, tidak ada xaml previewer. Oleh karena itu untuk melihat bagaimana UI yang kita buat dari xaml itu, kita harus tetap membiarkan emulator dan debugger berjalan. Dengan fitur hot reload yang ada di visual studio, kita dapat mengubah xaml dan save filenya. UI atau tampilan di emulator akan berubah sesuai perubahan di file. Contohnya sebagai berikut :

Jika label text yang ditandai merah tersebut kita ubah jadi hello world. Maka tampilan akan berubah jadi sebagai berikut.


10. Saya akan mengubah UI saya sesuai dengan yang saya mau. Silahkan menggunakan kode berikut :



11. Selanjutnya kita akan menambahkan button. Silahkan ganti kode jadi berikut


12. Untuk menambahkan event clicknya. kita bisa menambahkan property Clicked lalu akan muncul menu seperti berikut


Silahkan klik enter maka akan terbuat event bernama Button_Clicked seperti berikut


13. Silahkan buka MainPage.xaml.cs di tempat berikut

Kodenya akan berisi seperti berikut


14. Dalam kode tersebut kita isi kode seperti berikut :


Penjelasan :
variable count akan menyimpan seberapa banyak kita menekan tombol.
Fungsi Button_Clicked akan di eksekusi setiap tombol di klik sesuai dengan yang ada di .xaml tadi.
Untuk setiap click kita akan mengubah text dari pengirim eventnya (dimana disini adalah tombol kita tadi).

15. Jalankan aplikasinya





 


Comments

Post a Comment

Popular posts from this blog

Membuat Toko Online CRUD dengan Code Igniter

Image
EAS PBKK (Genicine : Toko Online Fashion) Anggota : Putu Putri Natih Devayanti / 05111840000163 Geizka Wahyu Fahriza / 05111840000062 Elvira Catrine Natalie / 05111840000016 Deskripsi Genicine merupakan Toko Online yang memberikan fashion terkini ke kamu dengan harga yang terjangkau. Pencarian produk dalam Toko Online Genicine sangat mudah dengan fitur pengelompokkan terhadap kategori dan fitur search. Toko Online Genicine juga memberikan fitur pengurutan berdasarkan harga untuk memberikan list terurut dari murah ke mahal atau sebaliknya. Link Youtube Link Source Code Link Webiste Prerequisite : Sebelum menjalankan produk, harap membuat database bernama 'genicine' dan jalankan genicine.sql yang ada di folder github. Terdapat 2 akun yang sudah ada di database awal : Akun admin : Email : admin@gmail.com Password : Natih1234 Akun pengg
Read more

Tugas 7 PBKK - Membuat aplikasi CRUD menggunakan Code Igniter

Image
Geizka Wahyu Fahriza 05111840000062 PBKK A Membuat aplikasi CRUD menggunakan Code Igniter Deskripsi Aplikasi Aplikasi  1. Setting Database dan Model Untuk database, saya menggunakan mysql. Untuk melakukan manipulasi database menggunakan dbeaver. Setelah membuat database, saya membuat table untuk setiap Project. Berikut merupakan script untuk menambahkan tablenya. Setelah menjalankan script tersebut, saatnya mengatur /application/config/database.php hostname diubah sesuai dengan ip server database  username diubah sesuai dengan akun user pada mysql  password diubah sesuai dengan password pada akun user database diubah sesuai dengan nama database pada mysql Setelah membuat configurasi database, buatlah sebuah file di direktori application/model. Untuk penugasan ini, saya akan membuat file Project_model.php yang berfungsi sebagai model untuk table Project. 2. Membuat Controller dan View Selanjutnya kita membuat con
Read more

Tugas 8 PBKK - Membuat Website Laravel

Image
 Geizka Wahyu Fahriza 05111840000062 PBKK A Membuat Website Company Profile Laravel Sebelum membuat website pertama diharuskan menginstall php dan composer terlebih dahulu. Untuk instalasi dan download php gunakan link berikut Untuk instalasi dan download composer gunakan link berikut 1. Langkah pertama adalah menginstall Laravel Installer. Untuk melakukan installasi laravel, pertama buka command prompt. Lalu masukkan perintah composer require laravel/installer 2. Setelah meng-install laravel, selanjutnya adalah membuat project laravel menggunakan perintah laravel new [nama project] Jika menemui permasalahan seperti gambar dibawah ini, maka cari php.ini di direktori C:/php8/php.ini lalu ubah  ;extension=fileinfo  menjadi  extension=fileinfo 3. Masuk ke folder project dan install dependency project dengan command composer install  di command prompt. 4. Proses pembuatan project sudah selesai, sekarang anda dapat mengakses web dengan mengeksekusi php artisan serve di command prompt. Umum
Read more