Membuat Aplikasi Android Webview Xamarin Visual Studio 2019

Satria Perwira    6/22/2019    Android , Programming   

Selamat pagi semua, dipagi ini kita akan membasa mengenai pembuatan aplikasi android. Namun kali ini kita tidak akan membuat aplikasi android dengan Android Studio melainkan membuat aplikasi android yang berbasis Website / Webbased dengan menggunakan Webview dari Xamarin Visual Studio 2019.

Konsep dasar dari Aplikasi Android Web based (Webview) yakni menggunakan aplikasi berbasis web (website) yang dimasukkan kedalam aplikasi android, sehingga ketika aplikasi dibuka sebenarnya pengguna sedang membuka website namun didalam aplikasi yang kita buat. Syarat utama dalam menerapkan Android Web Based (Webview) adalah aplikasi web (website) kita sudah RESPONSIVE. Maksudnya kita web kita dibuka pada ukuran layar yang berbeda maka tampilan atau tata letak web kita tidak hancur/berantakan.

Ketika semua hal diatas sudah dipahami, maka kita akan membahas dengan apa kita akan membuat aplikasi androidnya. Kali ini kita akan mempraktekkan membuat aplikasi android dengan menggunakan Xamarin Visual Studio 2019. Untuk itu sebelum kita memulai mempraktikannya, maka anda dapat mendownload dan menginstall software Visual Studio 2019 terlebih dahulu. Bagi yang belum memilikinya silahkan dapatkan melalui link dibawah :

Visual Studio 2019 Professional Enterprise Full Serial Number

Ketika telah siap semua, kita akan memulai mempraktikkannya dengan mengikuti langkah-langkah berikut :
1. Buka Visual Studio 2019

2. Create a new project

3. Pilih Mobile App (Xamarin.Forms)

4. Masukkan nama project, kemudian pilih "Blank"

5. Buka pada "App.xaml.xs"
Terapkan kode berikut :
protected override void OnStart()
        {
            // Handle when your app starts
            global::Xamarin.Forms.Application.Current.On()
                .UseWindowSoftInputModeAdjust(WindowSoftInputModeAdjust.Resize);
        }
* Kode diatas digunakan untuk mengatur mode input keyboard pada android

6. Buka pada "MainPage.xaml"
Terapkan kode berikut :

<StackLayout>
        <!-- Place new controls here -->
        <WebView x:Name="Browser" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" />
    </StackLayout>

7. Buka pada "MainPage.xaml.cs"
Terapkan kode berikut :
public MainPage()
{
            InitializeComponent();
            var url = "";
    url = "http://ALAMATAPLIKASIWEBSITE";
Browser.Source = url;
}

8. Silahkan dicoba untuk debug/run dengan Virtual Device

Semoga langkah-langkah diatas bisa dipahami dengan baik dalam mempraktekkannya, silahkan cermati kodenya disesuaikan dengan kode yang sedang anda hadapi. Jangan langsung melakukan copy paste, silahkan sesuaikan dengan kebutuhan penggunaan kodenya.

Terima kasih semoga artikel ini bisa bermanfaat untuk kita semua, apabila ada hal yang kurang dari artikel ini bisa disampaikan melalui kolom komentar. Semoga kita bisa terus berbagi ilmu dalam duni IT Programming.

Terima kasih dan jangan lupa KLIK IKLAN DIBAWAH untuk memberikan semangat kepada kami dalam mengupdate informasi terbaru.