Microsoft Youthspark: Cross Platform Mobile Apps with Xamarin

Microsoft Youthspark adalah program yang digagas oleh Microsoft sejak tahun 2012. Dengan program ini Microsoft berusaha untuk menarik generasi muda agar tertarik pada dunia pemrograman melalui pengajaran dasar-dasar pemrograman. Kegiatan tersebut berupa pelatihan-pelatihan yang bekerja sama dengan unit Microsoft yang ada di kampus seperti Microsoft Innovation Center.

Microsoft Innovation Center UGM yang merupakan salah satu unit pengembangan dan inovasi dari Microsoft yang ada di kampus. Microsoft bekerja sama dengan beberapa kampus besar di indonesia seperti UI, UGM, dan ITB. Melalui Microsoft Innovation Center Indonesia, Microsoft mengadakan program Microsoft Youthspark dengan menggandeng beberapa sekolah di level SMP dan SMA diantaranya SMPN 5 Depok, SMPN 2 Banguntapan, SMKN 3 Yogyakarta.

Kegiatan yang dilakukan pada program Microsoft Youthspark diantaranya adalah workshop dan lomba karya siswa. Salah satu workshop yang diadakan adalah workshop untuk pembuatan aplikasi mobile cross platform menggunakan platform dari Microsoft yaitu Xamarin. Workshop tersebut dilangsungkan pada tanggal 4 sampai dengan 6 Agustus 2017 di Fakultas Teknik Elektro UGM.

Pelaksanaan workshop Microsoft Youthspark diselenggarakan selama tiga hari yaitu tanggal 4, 5, dan 6 Agustus 2017. Workshop ini dilangsungkan di Lab Komputer Jurusan Teknik Elektro UGM. Peserta workshop adalah pelajar SMP, SMA, dan SMK di wilayah DIY.

Adapun materi yang disampaikan pada Workshop tersebut adalah sebagai berikut:

  • Introduction to Xamarin Forms
  • Pages Layout and Navigation
  • Basic Controls and Plugins
  • Styles and Theming
  • Binding Command and Converters
  • Dependency Services

pic

Bekraf Developer Day 2017–Palembang, Sumsel

Pada tanggal 9 – 10 July 2017 telah dilaksanakan acara Bekraf Developer Day 2017 di Hotel Novotel Palembang, Sumatera Selatan.  

Acara ini diselenggarakan atas kerjasama Badan Ekonomi Kreatif (BEKRAF) dan Dicoding dengan dukungan Asosiasi Game Indonesia, Codepolitan, Dicoding Elite,  Google, Google Developer Expert, IBM Indonesia, Intel Innovator, Komunitas ID-Android, Microsoft Indonesia, Samsung Developer Warrior, Samsung Indonesia, dan perusahaan-perusahaan teknologi di Indonesia.

Tema acara ini adalah: Membangun Kemandirian Bangsa Melalui Teknologi Digital

Pada acara ini peserta akan mendapatkan update teknis dari para praktisi yang telah sukses dalam pengembangan aplikasi, web, game, dan Internet of Things yang dikemas dalam sesi inspirasi, workshop/Masterclass, live coding, dan talkshow.

Situs resmi untuk pendaftaran acara ini dapat diakses pada laman berikut: https://www.dicoding.com/events/706

Pada acara ini saya diberi kesempatan untuk berbagi ilmu dengan rekan-rekan developer dari seluruh Indonesia untuk membawakan materi Master Class Workshop dengan judul Membangun Aplikasi Multiplatform dengan Xamarin.

Berikut ini adalah beberapa dokumentasi dari acara tersebut:

WhatsApp Image 2017-07-13 at 14.08.47(1)WhatsApp Image 2017-07-13 at 14.08.47WhatsApp Image 2017-07-13 at 14.09.52WhatsApp Image 2017-07-13 at 14.09.54

Workshop Cloud Essential–Azure Camp

Pada tanggal 18 Maret 2015, Microsoft Indonesia mengadakan acara Workshop Cloud Essential – Azure Camp yang dilaksanakan di Hotel Gumaya, Semarang. Acara ini ditujukan untuk IT Professional dan Developer yang tertarik untuk mempelajari lebih lanjut tentang pemanfaatan Microsoft Azure Cloud Platform di dunia Industri. Peserta datang dari berbagai kalangan seperti dunia Industri, UKM, dan Akademisi.

Pada kesempatan kali ini saya berkesempatan untuk membawakan topik Microsoft Azure yaitu:

  • Azure Web Sites : Microsoft Azure Websites is the fastest way to build for the Cloud providing a highly scalable enterprise-ready environment. In this talk, learn how Azure Websites enables you to build applications with your language/framework of choice and deploy with ease.
  • Azure Identity and Access : Azure identity focus on the way to integrate between existing application and proposed application through a single ID like Office 365 and Open ID
  • Azure IAAS: Azure IAAS focuses on a break practices to deploy and to manage the Virtual Machine in order to get higher scalability yet with lower investment
  • SQL Azure: SQL Azure covers a practical way to convert and migrate between SQL Server to SQL Azure and understanding the basic to manage a database on Azure and on premise.

Untuk materi pada workshop ini dapat diakses pada alamat berikut: http://1drv.ms/182VBoa

20150317_075404

20150317_075350

20150317_115617

20150317_115816

20150317_115909

Workshop Office 365 & Microsoft Cloud Platform

Pada tanggal 13 Maret 2015 telah diadakan workshop yang membahas penggunaan Office 365 untuk kebutuhan edukasi. Workshop ini merupakan kerja sama antara MIC, MS Edu, dan P4TK. Workshop ini dilangsungkan di gedung P4TK Matematika Yogyakarta, peserta pada workshop ini adalah guru-guru pengajar matemarika dari berbagai kota di indonesia. Pada workshop kali ini saya berkesempatan untuk membawakan beberapa topik yaitu:

  • Office 365 for Education, Microsoft Cloud Platform, & One Drive
  • 21 Century Learning Design
  • Digital Literacy
  • Teaching with Technology

WP_20150313_08_37_34_Pro

WP_20150313_16_28_41_Pro

WP_20150313_16_30_15_Pro

Workshop Office 365 for Education

Pada tanggal 10 Maret 2015 telah diadakan workshop yang membahas penggunaan Office 365 untuk kebutuhan edukasi. Workshop ini merupakan kerja sama antara MIC, MS Edu, dan P4TK. Workshop ini dilangsungkan di gedung P4TK Matematika Yogyakarta, peserta pada workshop ini adalah guru-guru pengajar matemarika dari berbagai kota di indonesia. Pada workshop kali ini saya berkesempatan untuk membawakan beberapa topik yaitu:

  • Office 365 for Education, Microsoft Cloud Platform, & One Drive
  • 21 Century Learning Design
  • Digital Literacy
  • Teaching with Technology

    WP_20150310_08_45_32_Pro

    WP_20150310_17_44_03_Pro
    WP_20150310_08_45_08_Pro

FREE EBOOK Getting Started with Win8 & Azure Mobile Services

image

DOWNLOAD FREE EBOOK DISINI

Ebook ini berisi tutorial singkat untuk mempelajari pemrograman aplikasi mobile dengan Windows 8 (Javascript) dengan backend Azure Mobile services. Buku ini mempunyai jumlah halaman sebanyak 78 Hal, adapun daftar isi dari buku ini adalah :

Bab 1 – Pengantar Windows 8 & Azure Mobile Services   

  • Perkembangan Teknologi Mobile   
  • Menggunakan Touch pada Windows Store App   
  • Microsoft Azure   
  • Azure Mobile Services   
  • Apa yang harus dipersiapkan?   

BAB 2 – Membuat Aplikasi Windows Store Pertama Anda 

  • Membuat Aplikasi Pertama untuk ambil Gambar   
  • Mendeklarasikan Kapabilitas Aplikasi Anda   
  • Membuat Halaman HTML   
  • Menambahkan Style Sheet   
  • Menambahkan Javascript File   
  • WinJS dan JQuery   
  • Menggunakan JQuery pada Aplikasi Windows Store   

Bab 3 – Pengenalan WinJS   

  • Class, Object, dan Inheritance pada WinJS   
  • ECMAScript5   
  • Membuat Class   
  • Inheritance   
  • Mixins   
  • Penggunaan Namespace pada WinJS   
  • Membuat Namespace di WinJS   
  • Module Pattern pada WinJS   
  • Asynchronous Programming dengan Promises   
  • Menggunakan Promises di Windows Store   
  • Menggunakan then() atau done() ?   
  • Membuat Promises   
  • Mengambil DOM Elemen dengan Query Selector   
  • Contoh penggunaan query pada WinJS   
  • Mengambil Elemen Tunggal menggunakan method WinJS.Utilities.id()   
  • Menggunakan Method WinJS.Utilities.children()   
  • Pemangilan AJAX dengan fungsi xhr()   

Bab 4- Observable, Binding, dan Template   

  • Observable Pattern   
  • Membuat Observable Object  
  • Observable dengan Objek Kompleks   
  • Notifikasi yang Bertumpuk   
  • Melewatkan Notifikasi   
  • Bekerja dengan Koleksi Observable   
  • Declarative Data Binding   
  • Contoh Sederhana Declarative Data Binding   
  • Declarative Data Binding dan Observable   
  • Contoh Declarative Binding dan Observable   
  • Contoh Mengambil Data dari Form   
  • Contoh Data Binding menggunakan Navigation Template   
  • Contoh Declarative Binding dan WinJS Control   
  • Declarative Binding dan Binding Converter   
  • Menggunakan Template   
  • Membuat Simple Template   

Bab 5 – Windows Azure Mobile Services   

  • Memulai Membuat Azure Mobile Services   
  • Windows Store Client   
  • Mengakses REST Services dari Table di Mobile Services   
  • Menambahkan Data dan Table Baru pada Azure Mobile Services   
  • Menambahkan Script Pada Proses CRUD   
  • Menggunakan Objek Request pada Script   
  • Menambahkan Field baru dengan Script   
  • Menggunakan Query Object pada SCRIPT   

Bab 6 -Identity dengan Azure Mobile Services   

  • Membuat Twitter Identity Provider   
  • Membuat Facebook Identity Provider   
  • Menambahkan Restriction Permission pada Table   

Bab 7 – Menggunakan Push Notification

Menggunakan Azure BLOB Storage untuk menyimpan file

Saya sering menjumpai pertanyaan bagamana cara menyimpan image/file di Azure Website. Pada artikel ini saya ingin mencoba untuk menjawab pertanyaan tersebut, saya akan membuat sebuah aplikasi ASP.NET MVC yang mempunyai fasilitas untuk upload image. Aplikasi tersebut akan saya hosting di Windows Azure Website, dan file image akan disimpan pada Azure Storage.

1. Langkah pertama yang harus dilakukan adalah membuat azure storage baru pada windows azure.

image

2. Kemudian catat access keys yang nanti akan kita gunakan untuk menyimpan data ke azure storage.

image

3. Kemudian buat project ASP.NET MVC dengan nama ‘SampleWebBLOB’

4. Pada HomeController tambahkan satu action method baru dengan nama ‘ViewImage()’

   1: public ActionResult ViewImage()

   2: {

   3:     return View();

   4: }

 

5. Kemudian tambahkan view dengan nama ViewImage.cshtml untuk membuat form upload image

   1: <h2>Upload Gambar</h2>

   2:  

   3: <br />

   4: @using(Html.BeginForm("ImageUpload","Home",FormMethod.Post,

   5:     new{enctype="multipart/form-data"}))

   6: {

   7:     <div>Please Select Image to Upload :</div>

   8:     <input type="file" name="image"/><input type="submit" value="Upload Image"/>

   9: }

6. Tambahkan beberapa referensi library yang digunakan untuk upload ke BLOB storage.

image

7. Untuk proses upload file dan menambahkan ke BLOB storage di Windows Azure tambahkan action method baru pada HomeController.

   1: [HttpPost]

   2: public ActionResult ImageUpload()

   3: {

   4:     

   5:     var image = Request.Files["image"];

   6:     if(image==null)

   7:     {

   8:         ViewBag.UploadMessage = "Gagal upload image";

   9:     }

  10:     else

  11:     {

  12:         ViewBag.UploadMessage = string.Format("Berhasil upload {0}  dengan tipe {1} dan ukuran {2}",

  13:             image.FileName, image.ContentType, image.ContentLength);

  14:  

  15:         //bagian upload ke azure storage

  16:  

  17:         //koneksi

  18:         var storageAccount = CloudStorageAccount.Parse(

  19:             ConfigurationManager.ConnectionStrings["StorageConnection"].ConnectionString);

  20:  

  21:         //membuat container

  22:  

  23:         CloudBlobClient blobStorage = storageAccount.CreateCloudBlobClient();

  24:         CloudBlobContainer container = blobStorage.GetContainerReference("itemimage");

  25:         if(container.CreateIfNotExist())

  26:         {

  27:             var permission = container.GetPermissions();

  28:             permission.PublicAccess = BlobContainerPublicAccessType.Container;

  29:             container.SetPermissions(permission);

  30:         }

  31:  

  32:         //save image to the container

  33:         string uniqueBlobName = string.Format("itemimage/image_{0}{1}",

  34:             Guid.NewGuid().ToString(), Path.GetExtension(image.FileName));

  35:         CloudBlockBlob blob = blobStorage.GetBlockBlobReference(uniqueBlobName);

  36:         blob.Properties.ContentType = image.ContentType;

  37:         blob.UploadFromStream(image.InputStream);

  38:  

  39:         ViewBag.MyImage = blob.Uri.ToString();

  40:     }

  41:     

  42:     return View();

  43: }

 

8. Kemudian tambahkan web.config untuk connection string ke BLOB storage di Windows Azure.

image

9. Kemudian publish aplikasi tersebut ke Windows Azure (cara publish aplikasi ASP.NET MVC ke Windows azure dapat dibaca pada artikel saya berikut.)

10. Hasil dari aplikasi ini ketika sudah diupload ke Windows Azure.

image

11. Anda juga dapat melihat file gambar yang berhasil diupload pada container di azure storage.

image

image

Dari artikel diatas dapat disimpulkan bahwa cukup mudah untuk menyimpan file ke azure blob storage. Pada artikel selanjutnya akan dibahas bagaimana membuat web services REST dengan ASP.NET Web API dan kemudian memasangnya di Windows Azure.