Ebook - Blazor Hybrid: Mudah dan Cepat Membangun Aplikasi Cross Platform

 

Blazor Hybrid: Mudah dan Cepat Membangun Aplikasi Cross Platform

Buku ini membahas bagaimana membangun aplikasi cross platform (lintas platform) dengan menggunakan Microsoft Blazor Hybrid. Dimana metode yang digunakan untuk menjelaskan pembahasan pada setiap bagian disertakan file pendukung untuk memudahkan dalam pemahaman para pembaca.

Topik-topik yang dipilih dalam pembahasan, cocok baik untuk pemula maupun yang sudah berkecimpung lama dalam dunia pemograman. Penjelasan meliputi dari awal dimulai dari pengenalan Blazor Hybrid, Blazor Class Library maupun Authentication dan Authorization pada  Blazor Hybrid, sehingga lebih mudah dalam membagun aplikasi lintas platform menggunakan Blazor Hybrid. Salah satu kelebihan buku ini adalah, setiap topik akan disertai dengan latihan, sehingga pembaca akan seperti dibimbing secara langsung oleh seorang Trainner. 

Buku ini bisa didapatkan disini 

Terima kasih

Wassalam

Menggunakan Blazor Hybrid pada WPF dan Windows Forms

WPF (Windows Presentation Foundation) adalah sebuah framework dari Microsoft yang digunakan untuk membangun aplikasi desktop berbasis Windows dengan tampilan yang kaya (rich UI). WPF merupakan bagian dari .NET Framework dan .NET Core/ .NET (terbaru), yang memungkinkan pengembang untuk membuat antarmuka pengguna (UI) modern.

Windows Forms (WinForms) Project di Visual Studio adalah jenis project yang digunakan untuk membuat aplikasi desktop berbasis GUI (Graphical User Interface) menggunakan teknologi Windows Forms. WinForms adalah salah satu framework UI di .NET yang memungkinkan pengembang untuk membangun aplikasi dengan antarmuka pengguna berbasis jendela, tombol, kotak teks, dan elemen UI lainnya. 

Fitur Windows Forms Project:

Desainer Visual – Memungkinkan pembuatan UI secara drag-and-drop menggunakan Visual Studio.

Kontrol Bawaan – Seperti tombol, label, textbox, datagridviev dan lain-lain.

Event-Driven Programming – Menggunakan event seperti Click, Load, dan lainnya untuk menangani interaksi pengguna. 

Untuk menggunakan Blazor Hybrid pada WPF dan Windows Forms kita menggunakan Razor Class Library. Pada Bab sebelumnya telah kita bahas bagaimana menggunakan RCL pada Blazor Web maupun MAUI. 

Pada pembahasan sebelumnya kita tidak memindahkan seluruh komponen seperti “Home.razor”, “Routes.razor” maupun Layout. Sehingga jika kita ingin menggunakan RCL ini pada WPF project, kita perlu meng-copy komponen-komponen tersebut kedalam WPF project. Tapi hal ini akan menjadi masalah jika terdapat banyak code dan digunakan dibanyak project seperti .NET MAUI dan WPF. Sehingga jika terjadi perubahan harus dilakukan dimasing-masing project.

Pada pembahasan ini kita akan membuat RCL yang dapat digunakan dibanyak platform atau project Dimana jika terjadi perubahan code kita tidak perlu untuk mengganti code pada setiap project. 

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Authentication and Authorization pada Blazor Hybrid

Dalam hal keamanan, kita harus mengetahui apa itu otentikasi dan otorisasi. Autentikasi pada aplikasi adalah proses verifikasi identitas pengguna untuk memastikan bahwa mereka adalah pemilik akun yang sah. Proses ini biasanya melibatkan penggunaan credential seperti username dan password. Autentikasi sangat penting untuk menjaga keamanan data dan mencegah akses tidak sah ke sistem atau aplikasi.

Otorisasi pada aplikasi adalah proses yang menentukan hak akses pengguna terhadap informasi tertentu setelah berhasil diautentikasi. Ini memastikan bahwa hanya pengguna yang memiliki izin yang tepat yang dapat mengakses atau memodifikasi data dan fungsi dalam aplikasi.

pada Blazor Hybrid, autentikasi ditangani oleh native platform library. Ini berarti dalam mengautentikasi pengguna, proses yang dilakukan sama seperti yang kita lakukan di aplikasi .NET MAUI, WPF, atau Windows Forms lainnya. Tidak ada yang spesifik tentang Blazor Hybrid. Kita dapat menggunakan, misalnya, OpenID Connect dengan Identity Provider. Atau di WPF dan Windows Forms, kita bisa menggunakan Windows otentikasi. Sekarang pertanyaannya adalah bagaimana proses otentikasi ini dapat diakses dari aplikasi Blazor yang berjalan dalam elemen BlazorWebView. Dengan Blazor Hybrid, kita harus menerapkan custom AuthenticationStateProvider. Ini adalah Class yang sesuai dengan namanya yaitu menyediakan status otentikasi. Dalam class ini, kita dapat menulis kode khusus platform untuk mengautentikasi pengguna. Kemudian kita register class ini ke service provide pada aplikasi, sehingga kita dapat memasukkan sebuah instance ke dalam komponen aplikasi Blazor. Pada artikel ini akan dipelajari cara menerapkan autentikasi yang memiliki metode untuk login dan logout. 

Kita dapat menggunakan komponen AuthorizeView pada aplikasi Blazor. Berdasarkan status autentikasi, ini memungkinkan untuk menampilkan hanya bagian antarmuka pengguna yang dipilih. Penting untuk diketahui bahwa komponen AuthorizeView tidak spesifik untuk Blazor Hybrid. Dapat juga menggunakannya di aplikasi web Blazor untuk menerapkan otorisasi. Satu-satunya bagian khusus Blazor Hybrid adalah kita harus menulis AuthenticationStateProvider khusus yang terhubung dengan native platform library untuk mengautentikasi pengguna. Untuk menggunakan komponen AuthorizeView dan mengimplementasikan penyedia status autentikasi khusus

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Razor Class Library pada Blazor Hybrid

Razor Class Library (RCL) adalah Library di ASP.NET Core yang memungkinkan kita untuk membuat dan mendistribusikan komponen UI yang dapat digunakan kembali dalam aplikasi web. RCL dapat berisi halaman, tampilan, komponen tampilan, pengontrol, dan model data.

Berikut adalah beberapa poin penting tentang Razor Class Library (RCL):

Reusable: RCL memungkinkan kita untuk membuat komponen UI yang dapat digunakan kembali di berbagai proyek. Ini sangat berguna untuk menghindari duplikasi kode dan mempermudah maintenance aplikasi.

Distribusi: Kita dapat mengemas RCL sebagai paket NuGet, sehingga dapat dengan mudah didistribusikan dan digunakan di proyek lain.

Struktur: RCL biasanya berisi folder wwwroot untuk aset statis seperti CSS dan JavaScript, serta folder Pages atau Views untuk Razor Pages atau MVC Views.

Integrasi: RCL dapat diintegrasikan ke dalam aplikasi ASP.NET Core dengan menambahkan referensi ke proyek RCL. Aplikasi yang menggunakan RCL dapat mengakses komponen dan aset yang disediakan oleh RCL.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Dialog Component pada Blazor Hybrid

Pada artikel ini tidak menjelaskan apa itu blazor hybrid, bagaimana bekerja dengan project maupun cara-cara untuk menambahkan item pada project, karena semuanya telah dijelaskan pada dua artikel sebelumnya. Pastikan anda telah menyelesaikan latihan-latihan pada artikel sebelumnya. Artikel ini akan focus bagaimana membuat Dialog Component pada blazor hybrid.

Disarankan untuk membaca dan menyeselesaikan latihan pada artikel sebelumnya pada tautan berikut : https://junindar.blogspot.com/2024/12/pengenalan-blazor-hybrid.html 

Pembahasan berikutnya adalah membuat halaman dialog pada Blazor Hybrid.  Blazor Dialog Component adalah komponen modal popup yang digunakan dalam aplikasi Blazor untuk menampilkan informasi kepada pengguna. Komponen ini dapat juga digunakan untuk meminta input dari pengguna. Sebagai contoh, kita dapat membuat dialog untuk konfirmasi, form input, atau pesan peringatan.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

Pengenalan Blazor Hybrid

Blazor Hybrid adalah pendekatan inovatif yang menggabungkan framework Blazor dengan .NET MAUI (Multi-platform App UI). Yang memungkinkan kita sebagai developer untuk membangun aplikasi cross platform menggunakan teknologi web yang sudah dikenal. Dalam aplikasi Blazor Hybrid, komponen Razor berjalan secara native di perangkat dan dirender ke kontrol Web View yang tertanam melalui local interop. Sehingga komponen ini tidak berjalan di browser dan tidak melibatkan WebAssembly. 

Terdapat beberapa keuntungan bagi pengembang yang ingin membangun aplikasi cross  platform dengan menggunakan Blazor Hybrid seperti:

• Kita dapat menggunakan kembali komponen-komponen UI web yang sama di berbagai platform (seluler, desktop, dan web), sehingga mengurangi kebutuhan untuk menulis kode terpisah untuk setiap platform.
• Pengembang dapat menggunakan teknologi web yang sudah dikenal seperti HTML, CSS, dan C# untuk membangun aplikasi, yang dapat mempercepat proses pengembangan.
• Karena komponen Blazor Hybrid berjalan secara native di perangkat, komponen tersebut dapat menawarkan performa yang lebih baik dibandingkan aplikasi web tradisional yang dijalankan di browser.
• Blazor Hybrid memungkinkan kita untuk mengakses fitur dan API perangkat asli melalui .NET MAUI, sehingga dapat membuat aplikasi yang lebih canggih dan kaya akan fitur.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

Ebook - Telegram ChatBot : Membangun Chatbot Dengan .Net 8 dan Visual Studio 2022

 

Chatbot atau chatterbot adalah sebuah layanan obrolan robot/tokoh virtual dengan kecerdasan buatan atau AI (Artificial Intelligent) yang menirukan percakapan manusia melalui pesan suara, obrolan teks ataupun keduanya.

Pada dasarnya bots bekerja dengan cara melihat kata kunci dalam data yang masuk dan membalasnya dengan kata kunci yang paling cocok, atau pola kata-kata yang paling mirip dari basis data tekstual. Artinya, jika pengguna mengirim suatu permintaan maka bots akan membalasnya dengan respon yang spesifik sesuai dengan kata kunci yang dikirim.

Buku ini membahas bagaimana membangun aplikasi ChatBot dengan menggunakan Telegram.Bot Library dan C# sebagai Bahasa pemogramannya. Dimana metode yang digunakan untuk menjelaskan pembahasan pada setiap bagian disertakan file pendukung untuk memudahkan dalam pemahaman para pembaca

Topik-topik yang dipilih dalam pembahasan, cocok baik untuk pemula maupun yang sudah berkecimpung lama dalam dunia pemograman. Penjelasan meliputi dari awal dimulai dari pengenalan Telegram ChatBot, Telegram.Bot Library, TelegramBot Framework dan bagaimana cara berkomunikasi dengan beberapa Azure Service, Seperti Azure AI Translator dan Azure Open AI.

Salah satu kelebihan buku ini adalah, setiap topik akan disertai dengan latihan, sehingga pembaca akan seperti dibimbing secara langsung oleh seorang Trainner.   

Buku ini bisa didapatkan disini 

Terima kasih

Wassalam