Hai guys, meneruskan postingan sebelumnya tentang xamarin pada artikel ini Perkenalkan IDE Paling Bad Ass, Xamarin!, kali ini saya akan membahas langkah langkah dasar dalam pembuatan aplikasi multiplatform menggunakan xamarin.Pada percobaan kali ini pastikan anda sudah memiliki instalasi dari Xamarin Studio atau Visual Studio 2017 dan sudah mengaktifkan opsi Xamarin dan Xamarin Forms.
Pada percobaan kali ini saya akan mencoba menjelaskan secara singkat tentang Struktur kode pada xamarin forms, pada percobaan kali ini saya menggunakan Visual Studio 2017, dari pada berlama-lama mari kita mulai percobaan ini.
Membuat Project Xamarin
Untuk memulai membuat project Xamarin Form, buka Visual Studio 2017, kemudian buat project Cross Platform – Blank Xaml App dengan nama Latihan1.
Setelah project selesai dibuat maka anda akan dapat melihat tampilan solution explorer pada Visual Studio yang berisi 5 project yaitu:
-
Portable: berisi project utama yang akan dishare secara otomatis ke project yang mempunyai platform spesifik.
-
Droid: project untuk platform Android.
-
IOS: project untuk platform IOS.
-
Windows 8.1: project untuk platform Windows 8.1.
-
Windows Phone 8.1: project untuk platform Windows Phone 8.1.
-
UWP (Windows 10) – jika anda menggunakan sistem operasi Windows 10 dan menginstal Windows 10 SDK.
Menjalankan Aplikasi Android
Untuk menjalankan aplikasi Xamarin Forms pada platform Android, anda dapat menggunakan tools Visual Studio Emulator for Android atau menggunakan Android Emulator Manager (AVD).
Untuk menjalankan melalui AVD anda dapat langsung memilih build pada atas toolbar anda, dan akan ada pilihan Virtual Device yang dapat anda pakai, dalam contoh ini saya menggunakan Virtual Device Android dengan Versi 4.4 (KitKat).
Atau anda juga dapat menekan tombol F5 pada keyboard untuk menjalankan aplikasi anda. Setelah proses kompilasi dan deployment selesai maka anda dapat melihat aplikasi anda di emulator.
Menjalankan Aplikasi Xamarin Forms pada IOS
Langkah pertama adalah mengarahkan project utama ke IOS project dengan cara klik kanan pada solution explorer, kemudian pilih Latihan1.IOS sebagai startup project.
Untuk menjalankan aplikasi IOS anda membutuhkan komputer Mac. Anda dapat menjalankan IOS simulator lewat Visual Studio namun tetap membutuhkan komputer Mac yang diremote lewat Visual Studio.
Untuk terkoneksi dengan komputer Mac, pilih Tools – IOS – Xamarin Mac Agent.
Maka akan muncul tampilan sebagai berikut:
Untuk dapat terkoneksi dengan komputer Mac, mengkompilasi kode, dan menjalankan aplikasi pada IOS simulator, anda harus terhubung dengan komputer Mac yang berada pada satu jaringan. Adapun requirement yang dibutuhkan untuk diinstal pada komputer Mac adalah sebagai berikut:
-
Komputer Mac yang menjalankan OS X Yosemite (10.10) atau versi yang lebih tinggi.
-
Xamarin Studio 5.10 atau versi yang lebih tinggi.
-
Xamarin.iOS SDK.
-
Apple’s Xcode(7+) IDE dan iOS SDK.
Menjalankan Aplikasi Xamarin Forms pada Windows Phone/Windows 8.1/ UWP Win 10.
Untuk menjalankan aplikasi Xamarin Forms pada Windows, ubah startup project menjadi WinPhone/Win8/UWP.
Untuk menjalankan aplikasi pada Windows Phone 8.1 anda harus mengunduh emulator Windows Phone 8.1.
Untuk menjalankan aplikasi Windows 8.1 atau UWP anda dapat menggunakan simulator yang sudah terinstal di Visual Studio. Alternatif lain anda juga dapat langsung memasang aplikasi tersebut pada komputer anda (menggunakan OS Win 8.1 atau Win 10).
Tampilan dari aplikasi Xamarin Forms yang sudah dipasang pada simulator Windows 8.1 adalah sebagai berikut:
Dapat anda lihat bahwa tampilan aplikasi yang dijalankan sama persis dengan aplikasi yang dipasang pada OS Android. Ini menunjukan bahwa dengan Xamarin Forms anda dapat membuat aplikasi native yang dapat dijalankan multiplatform.
Sekian jika ada pertanyaan mengenai artikel ini silahkan sampaikan pada kolom komentar dibawah ini, terimakasih sudah membaca artikel ini sampai akhir, dan sampai jumpa pada bagian selanjutnya dari Xamarin 101!.
bang buat tutorial lengkap dengan sistem autentikasi email dong di xamarin
Yang dimaksud autentikasi via email – password atau autentikasi menggunakan akun email gmail, outlook, yahoo ?