.NET Conf 2019

Pada tanggal 15 November 2019 telah dilangsungkan acara Seminar & Workshop .NET Conf yang bertempat di Gedung Perpustakaan Fakultas Teknik Universitas Gadjah Mada. Acara ini diselenggarakan oleh MIC UGM Yogyakarta.

NET Conf merupakan sebuah agenda tahunan yang diselenggarakan oleh komunitas developer .NET di seluruh dunia. Di Indonesia pada tahun ini, salah satunya di selenggarakan di kota Yogyakarta, lebih tepatnya di Perpustakaan Fakultas Teknik UGM pada 15 Oktober 2019. Acara ini diikuti oleh 42 peserta dengan latar belakang yang berbeda, seperti profesional dan mahasiswa dari beberapa universitas di Kota Yogyakarta. Kegiatan ini diisi oleh tiga pembicara, yakni Ridi Ferdiana – Microsoft MVP, Erick Kurniawan – Microsoft MVP, dan Nindi Kusuma Ningrum – Chief Project Officer dari OkeSayur. Para pembicara memberikan beberapa insight menarik bagi para peserta, seperti bagaimana meningkatkan produktivitas .NET dengan Visual Studio, DevOps for .NET Developer, Mengembangkan aplikasi Full-stack C# Web Apps dengan Blazor di .NET Core 3.0, Machine Learning for .NET, dan sebagainya.

Pada kesempatan ini saya membahas topik tentang apa yang baru pada Xamarin Forms dan Visual Studio 2019. Adapun topik yang dibahas pada seminar ini adalah:

  • Introduction to Xamarin Forms and Visual Studio 2019
  • Using Xamarin Shell
  • Xamarin Essentials
  • XAML Hot Reload
  • Xamarin Forms with ASP.NET Core Backend on Azure Apps
  • etc

3

6

6

Untuk materi dari seminar .NET Conf ini bisa didownload pada tautan berikut ini.

Xamarin Essentials: Menggunakan Geolocation

Pada tutorial kali ini kita akan mencoba menggunakan salah satu API dari Xamarin Essentials yaitu Geolocation API.

Geolocation API digunakan untuk mengambil lokasi dari devices berupa informasi koordinat (latitude, dan longitude).

1. Buat halaman baru dengan nama XEGeolocation, kemudian tambahkan xaml berikut:

        <StackLayout>
            <Button x:Name="btnGeolocation" Text="Geoloation" />
        </StackLayout>

2. Tambahkan permission berikut pada Android Project. Tambahkan kode berikut pada file AssemblyInfo.cs.

[assembly: UsesPermission(Android.Manifest.Permission.AccessCoarseLocation)]
[assembly: UsesPermission(Android.Manifest.Permission.AccessFineLocation)]
[assembly: UsesFeature("android.hardware.location", Required = false)]
[assembly: UsesFeature("android.hardware.location.gps", Required = false)]
[assembly: UsesFeature("android.hardware.location.network", Required = false)]

3. Kemudian tambahkan kode berikut untuk mengambil informasi geolocation.

        private async void btnGeolocation_Clicked(object sender, EventArgs e)
        {
            try
            {
                var request = new GeolocationRequest(GeolocationAccuracy.Medium);
                var location = await Geolocation.GetLocationAsync(request);
                if (location != null)
                {
                    await DisplayAlert("Keterangan",
                        $"Latitude: {location.Latitude}, Longitude: {location.Longitude}, Altitude: {location.Altitude}","OK");
                }
            }
            catch (FeatureNotSupportedException fnsEx)
            {
                await DisplayAlert("Error", fnsEx.Message, "OK");
            }
            catch (FeatureNotEnabledException fneEx)
            {
                await DisplayAlert("Error", fneEx.Message, "OK");
            }
            catch (PermissionException pEx)
            {
                await DisplayAlert("Error", pEx.Message, "OK");
            }
            catch (Exception ex)
            {
                await DisplayAlert("Error", ex.Message, "OK");
            }
        }

4. Kemudian jalankan aplikasinya, jika anda belum mengaktifkan fitur lokasi pada devices, maka akan ditampilkan notifikasi sebagai berikut:

image

5. Agar aplikasi dapat digunakan aktifkan fitur location/GPS pada devices. Maka akan ditampilkan informasi geolocationnya.

image

Xamarin Essentials: Check Battery Status

Pada tutorial kali ini kita akan menggunakan salah satu fitur pada Xamarin Esseintials API untuk mengakses status Battery dari aplikasi yang kita buat.

Dengan menggunakan Battery Status API kita dapat melakukan pengecekan ketika device terkoneksi dengan A/C Power atau status battery sudah low, dan status lainnya.

1. Anda juga dapat mengambil informasi battery status menggunakan API Xamarin Essentials. Informasi dati battery yang dapat diambil adalah:

    • · Battery dalam keadaan di charging
    • · Battery dalam keadaan Full
    • · Battery dalam keadaan tidak dicharging
    • · Power pada device dalam keadaan dicharge atau menggunakan battery
    • · Deteksi bila battery masuk dalam keadaan Energy Saver.

2. Pada android project tambahkan kode berikut untuk mengijinkan aplikasi untuk mengakses battery status. Buka file AssemblyInfo.cs pada Properties untuk menambahkan konfigurasi berikut ini:

image

[assembly: UsesPermission(Android.Manifest.Permission.BatteryStats)]

3. Buat halaman dengan nama XEBatteryInfo, kemudian tambahkan kode berikut:

        <StackLayout>
            <Button x:Name="btnBatteryStatus" Text="Cek Status" Clicked="btnBatteryStatus_Clicked" />
        </StackLayout>

4. Kemudian tambahkan kode berikut ini:

        public XEBatteryInfo()
        {
            InitializeComponent();
            Battery.BatteryInfoChanged += Battery_BatteryInfoChanged;
            Battery.EnergySaverStatusChanged += Battery_EnergySaverStatusChanged; 
        }

        private async void Battery_EnergySaverStatusChanged(object sender, EnergySaverStatusChangedEventArgs e)
        {
            //bisa on,off, atau Unknown
            var status = e.EnergySaverStatus;
            await DisplayAlert("Keterangan",$"Energy Status:{status}","OK");
        }

        private async void Battery_BatteryInfoChanged(object sender, BatteryInfoChangedEventArgs e)
        {
            var level = e.ChargeLevel;
            var state = e.State;
            var source = e.PowerSource;
            await DisplayAlert("OK",$"Reading: Level: {level}, State: {state}, Source: {source}","OK");
        }

        private async void btnBatteryStatus_Clicked(object sender, EventArgs e)
        {
            var level = Battery.ChargeLevel; // returns 0.0 to 1.0 or 1.0 when on AC or no battery.

            var state = Battery.State;
            var keterangan = string.Empty;
            switch (state)
            {
                case BatteryState.Charging:
                    keterangan += "Battery di Charge\n";
                    break;
                case BatteryState.Full:
                    keterangan += "Battery sudah Penuh\n";
                    break;
                case BatteryState.Discharging:
                case BatteryState.NotCharging:
                    keterangan += "Battery tidak di charge\n";
                    break;
                case BatteryState.NotPresent:
                case BatteryState.Unknown:
                    keterangan += "Status battery tidak ditemukan\n";
                    break;
            }

            var source = Battery.PowerSource;

            switch (source)
            {
                case BatteryPowerSource.Battery:
                    keterangan += "Menggunakan Battery\n";
                    break;
                case BatteryPowerSource.AC:
                    keterangan += "Menggunakan AC Power\n";
                    break;
                case BatteryPowerSource.Usb:
                    keterangan += "Charge menggunakan Usb\n";
                    break;
                case BatteryPowerSource.Wireless:
                    keterangan += "Charge menggunakan Wireless\n";
                    break;
                case BatteryPowerSource.Unknown:
                    keterangan += "Charge tidak diketahui\n";
                    break;
            }

            await DisplayAlert("Keterangan", keterangan, "OK");
        }
    }

5. Kemudian jalankan aplikasi pada device untuk melihat hasilnya

image

Xamarin Essentials: App Information

Pada tutorial kali ini kita akan mencoba menggunakan Xamarin Essentials untuk mengambil informasi dari aplikasi mobile yang sudah kita buat.

Untuk mengambil informasi dari aplikasi, ikuti langkah-langkah berikut ini:

1. Dengan menggunakan API ini anda dapat mengetahui informasi dari aplikasi.

1. Anda dapat mengambil informasi yang ada oada AndroidManifest.xml seperti:

    • · Build – android:versionCode in manifest node
    • · Name – android:label in the application node
    • · PackageName: package in the manifest node
    • · VersionString – android:versionName in the application node

3. Pada project SampleXamarinEssentials tambahkan halaman xaml baru dengan nama XEAppInformation.

4. Kemudian tambahkan xaml kode berikut:

    <ContentPage.Content>
        <StackLayout>
            <Button x:Name="btnAppName" Text="Nama Aplikasi" Clicked="btnAppName_Clicked" />
            <Button x:Name="btnPackageName" Text="Nama Package" Clicked="btnPackageName_Clicked" />
            <Button x:Name="btnVersion" Text="Nama Versi" Clicked="btnVersion_Clicked" />
            <Button x:Name="btnBuildNum" Text="Build Number" Clicked="btnBuildNum_Clicked" />
        </StackLayout>
    </ContentPage.Content>

5. Kemudian tambahkan kode berikut untuk menampilkan informasi aplikasi.

        private async void btnAppName_Clicked(object sender, EventArgs e)
        {
            var appName = AppInfo.Name;
            await DisplayAlert("Keterangan", $"Nama Aplikasi: {appName}", "OK");
        }

        private async void btnPackageName_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Nama Package: {AppInfo.PackageName}", "OK");
        }

        private async void btnVersion_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Nama Versi: {AppInfo.VersionString}", "OK");
        }

        private async void btnBuildNum_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Build Number: {AppInfo.BuildString}", "OK");
        }
        private async void btnAppName_Clicked(object sender, EventArgs e)
        {
            var appName = AppInfo.Name;
            await DisplayAlert("Keterangan", $"Nama Aplikasi: {appName}", "OK");
        }

        private async void btnPackageName_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Nama Package: {AppInfo.PackageName}", "OK");
        }

        private async void btnVersion_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Nama Versi: {AppInfo.VersionString}", "OK");
        }

        private async void btnBuildNum_Clicked(object sender, EventArgs e)
        {
            await DisplayAlert("Keterangan", $"Build Number: {AppInfo.BuildString}", "OK");
        }

6. Jalankan aplikasi pada devices/emulator dengan menekan tombol F5, maka akan dihasilkan tampilan sebagai berikut:

image