Tugas 5 - Membuat Mobile App dengan Xamarin

 Tutorial membuat Mobile App dengan Xamarin

Tutorial yang digunakan: Tutorial dasar  

Link Source Code : Github  

1. Menginstall Ekstensi Tambahan

• Buka Visual Studio Installer.
• Modifikasi IDE Visual Studio yang digunakan.
• Pada bagian Desktop & Mobile, pilih Mobile development with .NET
  
  
  
  
  

2. Membuat Proyek Baru

• Pilih Mobile App (Xamarin.Forms) template.
  
  
  
  
  
• Sesuaikan nama proyek dan posisi penyimpanan.
• Pilih  Blank template. dan pastikan  Android dan IOS juga terpilih.
  
  
  
  
  
• Izinkan instalasi Android SDK Install.

3.  Setup Developer Mode pada Handphone android

• Buka Setting lalu cari Build number. Maka akan diarahkan pada bagian Software information seperti pada gambar berikut.
  
  
  
  
  
• Klik berulang pada Build Number sebanyak 7-10 kali hingga muncul pops-up "You are now a developer!"
• Buka kembali Setting kemudian cari USB debugging pada search bar. Kemudian pilih, maka akan tampil Developer options, kemudian aktifkan Usb debugging jika belum aktif. sehingga akan tampil seperti berikut.
  
  
  
  
  
• Hubungkan kabel USB yang menghubungkan perangkat Android dengan Komputer anda. hingga muncul pops up yang meminta izin akses perangkat, lalu pilih "Allow".
  
  
  
  
  

4. Memodifikasi Source Code dan Menjalankan mode Debug Aplikasi

• Modifikasi source code pada MainPage.xml sehingga tampil seperti berikut ini.
  
  
  
  
  
• Modifikasi juga file MainPage.xaml.cs yang berlokasi di dalam folder MainPage.xaml pada direktori. Sehingga tampil seperti berikut.
  
  
  
  
  
• pada file App.xaml.cs ganti Mainpage (line 13 di source code ini) sehingga menyesuaikan class yang dibuat (case disini  HelloWorld.MainPage())
  
  
  
  
  

5. Menjalankan program

• Pilih mode debug yang ada pada menu seperti yang ditandai pada gambar berikut.
  
  
  
  
  
• Maka pada perangkat yang tersambung akan tampil aplikasi seperti berikut.
  
  
  
  
  

6. Ilustrasi Video