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,

Penulis : Erick Kurniawan

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

Hosting ASP.NET MVC di Windows Azure (Part 2)

Pada artikel sebelumnya kita telah berhasil membuat project ASP.NET MVC kemudian memasang website tersebut pada Windows Azure. Pada artikel kali ini kita akan menggunakan Entity Framework Code First untuk membuat database di SQL Azure dan kemudian mengakses database tersebut dari Windows Azure.

1. Buka project ActualTraining yang sebelumnya sudah kita buat.

2. Kemudian kita akan menambahkan data baru yang akan ditampilkan. Sebagai contoh kita akan membuat database dengan ‘Course’ untuk menyimpan data mahasiswa.

3. Tambahkan class baru pada table model dengan nama ‘Course’.

public class Course { public int CourseID { get; set; } public string Title { get; set; } public string Description { get; set; } public decimal Prices { get; set; } }

4. Buat Controller baru dengan nama CourseController.

image

image

5. Tambahkan detail berikut pada controller yang anda buat. Jangan lupa untuk memilih model Course yang sudah anda buat sebelumnya, kemudian tambahkan juga class DataContext baru.

image

6. Kemudian pada file ActualTrainingContext tambahkan kode berikut untuk menambahkan data contoh.

public class ActualTrainingContextInitialize : DropCreateDatabaseIfModelChanges<ActualTrainingContext> { protected override void Seed(ActualTrainingContext context) { context.Courses.Add(new Course { Title = "C# Fundamental", Description = "Course ini berisi materi dasar pemrograman C#", Prices = 100000 }); context.Courses.Add(new Course { Title = "ASP.NET MVC", Description = "Course ini berisi materi tentang pemrograman Web berbasis ASP.NET MVC", Prices = 150000 }); } }

7. Tambahkan juga kode berikut pada file global.asax untuk membuat database ketika aplikasi pertama kali dijalankan.

protected void Application_Start() { ………………………………………… Database.SetInitializer<ActualTrainingContext>( new ActualTrainingContextInitializer()); }

8. Jalankan aplikasi anda, maka database akan dibuat secara otomatis.

image

9. Jika anda lihat pada solution explorer di aplikasi anda maka dapat dilihat bahwa ada database yang secara otomatis dibuat yaitu ActualTrainingContext-20140308233949.mdf

image

Membuat Database pada Windows Azure

1. Buka Windows Azure Management untuk membuat database baru.

2. Pilih SQL Database – NEW, untuk membuat database baru.

3. Masukan nama database, pilih new sql database server, dan masukan username dan password untuk mengakses database server tersebut.

image

4. Setelah database selesai dibuat maka hasilnya dapat dilihat pada gambar dibawah sebagai berikut.

image

5. Langkah selanjutnya adalah kita akan mengcopy connection string untuk melakukan koneksi dengan database yang sudah kita buat di windows azure.

image

6. Pada menu dashboard di database pilih ‘Show connection string’. Kemudian copy conn

image

7. Kemudian tambahkan konfigurasi connection string tersebut ke file web.config pada aplikasi anda.

image

8. Kemudian publish kembali aplikasi yang sudah anda buat ke Windows Azure (langkah untuk publish aplikasi ASP.NET MVC ke Windows Azure dapat dilihat pada artikel sebelumnya).

9. Setelah aplikasi anda berhasil dipublish di Windows Azure, coba untuk akses url http://<url_app_anda>/Course untuk menampilkan daftar Course.

image

Pada contoh diatas terlihat bahwa sangat mudah untuk membuat database (SQL Azure) di Windows Azure untuk dapat digunakan di aplikasi ASP.NET MVC anda. Selamat mencoba dan Happy Coding !!

 

 

 

Hosting ASP.NET MVC di Windows Azure (Part 1)

Pada artikel sebelumnya saya sudah menginformasikan bahwa kita dapat mendapatkan FREE hosting untuk 10 aplikasi Web Site di Windows Azure. Pada artikel kali ini saya akan membahas bagaimana cara membuat aplikasi ASP.NET MVC dan kemudian memasang aplikasi tersebut di Windows Azure.

Pertama buka Visual Studio 2013 Express for Web, jika anda belum punya, anda dapat mengunduh aplikasinya pada tautan berikut atau melalui Web Platform Installer.

image

Setelah instalasi selesai anda dapat menjalankan VS Express 2013 for Web. Berikut tampilan awal VS Express 2013.

image

Membuat Project ASP.NET MVC

1. Pilih File – New Project – Visual C# – Web – Visual Studio 2012 – ASP.NET MVC 4 – beri nama projectnya ActualTraining.

image

2. Pilih Internet Application, dan check pada pilihan ‘Create a unit test project’.

image

3. Pada solution explorer anda dapat melihat banyak file yang sudah secara otomatis di generate oleh Visual Studio ketika kita memilih template Internet Application.

4. Tekan F5 untuk mencoba menjalankan project yang sudah anda buat.

5. Anda dapat melakukan modifikasi template yang digunakan dengan cara merubah file _layout.cshtml yang ada pada folder View.

image

6. Hasil akhir setelah melakukan sedikit modifikasi pada layout adalah sebagai berikut.

image

Membuat Web Site Instance di Windows Azure

1. Login ke windows azure.

2. Klik pada Web Sites – NEW – Quick Create – beri nama sesuai keinginan anda. Nama ini akan digunakan sebagai nama domain dari aplikasi anda <nama>.azurewebsites.net. (pada contoh ini saya menggunakan nama Actual).

3. Pilih East Asia sebagai lokasi region. Ini adalah yang data center terdekat dengan lokasi pengguna aplikasi anda.

image

4. Kemudian pilih Create Website.

5. Tunggu sebentar karena Windows Azure akan membuatkan instance website baru untuk anda.

image

6. Setelah proses selesai maka anda dapat melihat nama domain dari aplikasi anda yaitu actual.azurewebsites.net.

7. Pilih website instance yang sudah kita buat yaitu Actual.

image

8. Kemudian pilih Dashboard. Pada menu pilih Download Publish Profile.

image

9. Simpan file setting hasil download ke komputer anda. (pada contoh ini saya mendapatkan file dengan nama Actual.azurewebsites.net.PublishSettings). file ini akan kita gunakan di Visual Studio untuk autentikasi ketika akan mengupload aplikasi yang kita buat ke Windows Azure.

10. Anda juga dapat melihat bahwa paket Web Site yang anda pilih adalah FREE pada menu SCALE.

image

Upload Project di Visual Studio ke Windows Azure

1. Buka project ActualTraining yang sebelumnya sudah anda buat.

2. Klik kanan pada Project, kemudian pilih Publish.

image

3. Kemudian pilih tombol Import.

image

4. Pilih publish profile yang telah anda download sebelumnya.

image

image

5. Kemudian tekan tombol Publish.

6. Setelah project web anda selesai dipublish ke windows azure, maka akan ditampilkan pada browser sebagai berikut. (url sesuai dengan nama domain yang kita pilih sebelumnya)

image

Jadi dengan langkah yang cukup sederhana dan cepat anda dapat membuat website, memilih nama domain dan publish aplikasi tersebut di Windows Azure.

Pada artikel selanjutnya akan dibahas bagaimana mengintegrasikan SQL Azure dan ASP.NET MVC, tetap ikuti blog series tentang Windows Azure ini.

Dapatkan Hosting GRATIS untuk 10 aplikasi Web di Windows Azure

Windows Azure menawarkan hosting gratis sampai dengan 10 aplikasi ASP.NET Website. Anda dapat mendaftar account windows azure secara gratis pada link berikut (syarat mempunyai kartu kredit). Setelah mendaftar anda akan diberikan kredit sebesar $200 untuk mencoba berbagai layanan yang ada pada Windows Azure selama 1 bulan. Anda dapat mencoba semua layanan yang ada pada Windows Azure seperti Azure Web Site, Cloud Services, Azure VM, Media Services, Mobile Services, dll.

Anda tidak perlu khawatir jika limit yang diberikan habis dan akan mencharge penggunaan lebih yang akan ditagihkan pada kartu kredit anda, karena Windows Azure akan memberikan peringatan ketika limit anda sudah habis. Anda juga dapat memantau berapa rupiah penggunaan layanan yang sudah anda pakai.

clip_image002

Pada gambar diatas ditunjukan bahwa sisa kredit yang saya punya setelah penggunaan layanan azure selama 16 hari adalah Rp.1.189.806.

Khusus untuk layanan Web Site anda akan tetap mendapatkan gratis hosting untuk 10 aplikasi walaupun paket trial anda sudah habis (1 bulan, atau limit habis), dengan syarat anda memilih paket FREE pada website mode, default ketika anda buat instance adalah paket FREE kecuali anda mengganti paket tersebut secara sengaja.

clip_image004

Anda juga mendapat tambahan FREE satu instance SQL Azure untuk membuat relational database sebesar 20Mb. Keuntungan lainya anda akan mendapatkan 10 nama domain gratis <namadomain>.azurewebsites.net untuk setiap aplikasi web yang anda hosting.

clip_image006

Selain untuk hosting aplikasi Web, anda juga dapat memanfaatkan fasilitas hosting gratis ini untuk membuat backend services untuk aplikasi mobile anda. Tutorial tentang cara hosting website, sql azure, dan backend services akan dibahas pada artikel selanjutnya. Jadi tetap ikuti blog series tentang Windows Azure ini.

Follow

Get every new post delivered to your Inbox.