Iseng MVC :D

Hasil Akhir...

Klu yang WebForms.........

Terus klu WebAPI.....

Untuk yang single Page....

Untuk yang Facebook :

Terus pas dirunning dapat error wkwkwkwk... tapi gpp..pling tidak liad secara default kyk gitu...

Generic Style Jutsu di C# - Part I

Di postingan ini kita akan melihat cara-cara sederhana untuk menggunakan generic class di C# menggunakan visual studio 2013,... Okie pertama-tama mari kita buat project sederhana pake console C# ajjah...

Naah... mari kita tambahkan kelas baru didalam namespacenya seperti terlihat di bawah :

Naaah... kelas HisokaGeneric itu contoh sederhana (dan mungkin paling sederhana) klu mau pake generic class di C#, daaan variabel T itu bisa diganti dengan yang lain, g' mesti T.....terus dikode program diatas, kita lihat variabel poipo bertipe T (line 11). Jdi poipo ini bisa ajjah nanti int, string, char, byte, atau apa terserah.. .namanya juga generic.... :) Okieee... mari kita test kelas genericnya di dalam main kelas seperti terlihat di bawah :

Naah... didalam kotak ijo dikasih liad cara make kelas genericnya, jadi tinggal ditambain ajjah int didalam kurung sikunya..... dan disini dimasukin 44 integer, hasilnya :

Terus coba buat yang string :

terus hasilnya.....

Naah.. kliatan.. jadi bisa pake string, ataupun integer, atau tipe data standar yagn lain untuk kelas HisokaGeneric ini...
Sekian untuk part I... :)

Ada Berapa Jumlah SegiTiga...???

Jawaban Hisoka :

Baru dapat 23... yang kurang lagi yang mana yaaaah...??? :3 :3 :3


========================================================================
Jawaban style kedua... yang ini dapatnya 24 buah segitiga...

Ehehehehe.... :D..............

Dasar AutoMapper di C# - Part III

Untuk yang belum lihat part II, bisa dilihat di sini.
Di part III ini kita akan berfokus ke masalah mapper dengan menggunakan array dan source code yang digunakan tetap dilanjutkan dari part II....Naaah... pertama-tama kita ngemap array yang sederhana ajjah, untuk itu silahkan tambahkan kode berikut di dalam kelas Poipo dan Hisoka:

Terus didalam fungsi mainnya :

Naaaah... yang perlu diperhatikan disini adalah yang line 53 ajjah.. dalam kotak warna orange, disitu kliatan klu yang mau dimapper itu array, yang ditambain cuma namanya ajjah (hisokaArray & poipoArray) tanpa perlu pake tanda array "[]" didepannya.... daaan... hasilnya :

Okiee...berikutnya adalah mapper buat kelas array yang berada di dalam kelas.... So tambahkan kode berikut untuk kelas Poipo :

Style yang sama juga ditambain ke kelas Hisoka :

Terus di dalam main programnya, pertama-tama kita tambahkan inisialisasi variabel yang mau diassign ke kelas arraynya, dalam hal ini iPoipo seperti terlihat di bawah :

naaah... kliatan di line 65, initPoipo diassing ke iPoipo... terus sekarang kita masuk ke konfigurasi mapper, ini yang paling penting, konfigurasinya seperti terlihat di bawah :

Naah... jadi yang ngebedain adalah kita nambain createMap yang baru buat innerPoipo ke innerHisoka seperti terlihat di line 68... terus di line 73, kita nambain konfig baru buat arrayinya, yah sama kayak di array sederhana sebelumnya yang hisokaArray... :)... Yuuups..simpelnya sprti itu,,, klu misalkan di dalam innerPoipo ternyata ada kelas lagi, berarti tar kita buat createMapnya lagi..begitu seterusnya.....daaaan..... hasilnya adalah.....

Yaaaapsss... cukup sekian untuk yang part III ini, semoga bermanfaat... :)




Catatan :
Silahkan lihat-lihat project Part III-nya di sini
Part IV

Basic Web API 2 pake Postman - Part I

Di postingan ini kita akan membuat project web API 2 pake visual studio 2013, terus web API 2 ini tar kita test pake POSTMAN... so persyaratan utama untuk mengikuti tutorial di postingan ini adalah udah punya visual studio minimal 2010 dan udh punya juga POSTMAN... :D

Okiieee....pertama-tama let's make a new project on visual studio 2013...

Terus pilih yang C#-Web, terus pilih yang empty application seperti terlihat di bawah :

Ooowh disini nama projectnya adalah "BasicWebApi" seperti ditunjukkan panah hijau paling bawah seperti gambar di atas......terus tekan tombol OK disebelah kanan..... daaaaaan......akan muncul window baru sebagai berikut :

Terus tempelate yang "empty", centang yang "Web API" terus tekan OK seperti ditunjukkan panah ijo di atas... :).... setelah itu tunggu beberapa detik sampe projectnya selese dicreate oleh VS kita... setelah selese.... tampilan defaultnya :

Next... Kita tambain model.....mmmm...sebagai catatan.. model itu disini adalah object yang menampung atau merepresentasikan semua tipe2 data yang ada diproject kita.  Model ini secara otomatis dapat diserialize oleh ASP.NET Web API ke format JSON, XML, atau malah format yang lain juga bisa...terus model ini selanjutnya dibuat menjadi data yang ditaro dibagian isi/body dari HTTP response message. naaah.. HTTP response message inilah nantinya yang ditangkep sm Postman yang akan kita pake kemudian... okieee...cukup sekian ocehannya... mmmm... let's make a new model....klik kanan difolder "model" terus pilih add new class :

Terus muncul window baru, pilih yang "class" terus kasih nama kelas terserah temen2... klu di sini Hisoka pake "Akatsuki_Model" ehehhee... :D

Terus teken tombol "Add" seperti panah kuning diatas.. daaaan.....

Naaah... kliatan model kelas baru kita yang baru saja dicreate... disalam Akatsuki_Model ini masukin kode berikut :

Neeext... Kita tambain controller.... mmmm... controller ituuu......mmmmm.... seperti namanya.... dia adalah pengontrol wkwkkw.... apa yang dikontrol...??? yang dikontrol adalah HTTP request dan respon yang bersesuaian... jadi simpelnya klu Postaman ngirim HTTP request berupa GET, POST, PUT atau apa.... naaah.. controller ini yang nangkep...terus kita olah sesuai dengan tujuan project yang kita buat, daan dikasih respon yang sesuai.... :) *simpelnya seperti itu :D :D :D moga2 nangkep...

Klu mw buat controller, caranya mirip pas ngebuat model,...klik kanan pada folder controller, ters pilih add-controller :

Terus akan muncul window baru, pilih "Web API 2 Controller - empty" :

Masukin nama controllernya,,, disini Hisoka pake nama AkatsukiController eheheh.. :D

Nah klu udh jadi tampilannya seperti terlihat......

mmmm... okieee...kita akan menambahkan kode di dalam controller ini satu-demi satu biar lebih sreeksss... :D
Kode bagian pertama :

Naaaah.... [RoutePrefix ......] seperti ditunjukin panah biru diatas itu buat nentuin parent route dari web api kita... mmmm.... "parent root"...??? wkwkwk.... mmm..tar klu udh dirunning baru jelas... :D
Terus yang panah merah itu adalah model yang kita but sebelumnya, tapi yg itu masih error, kita harus import namespacenya dulu... caranya mudah,, arah mouse kita keatas Akatsuki_Model klik kanan, terus pilih yang resolve, terus pilih namespace modelnya... seperti terlihat di bawah :

Setelah dipilih kodenya akan berubah kayak gini :

Naaah.. tuh kliatan dia udah g' ada garis merah di bawahnya..soalnya BasicWebApi.Models udah keimport... okie kita lanjutkeun kodenya....silahkan tambahkan yang ini :

Kode yang barusan ditambahkan ada didalam kotak kuning diatas,... Mari kita lihat lebih dekat.... jadi... di line 14 kita ngebuat 3 biji objek model yaitu Hisoka, Poipo, dan Itachi,... Poipo sama Itachi ada garis ijo dibawahnya itu karena mereka blom dipake sama sekali... yang dipake baru Hisoka ajjah....naaaah... yang Hisoka ini,,itu dipake di method getHisokaDetail (line 17),, diatas method ini ada kode [HttpGet, Route("hisokapoipo")],,,mksndya adalah di postman nanti kita harus ngirim HTTP request "Get" buat akses atau manggil atau mmmm.... ngedapatin getHisokaDetail ini, makanya disiitu dipake "HttpGet"... terus ada Route("hisokapoipo") nah ini child route... wkwkwkkw.... jadi parentya tuh "controller/akatsuki" trs childnya "hisokapoipo"... trs klu kita gabung berarti : "http:xxxxxxx/controller/akatsuki/hisokapoipo"..... mmmm... buat ngeliad silahkan jalankan aplikasi postmannya.... sambil menunggu postman siap dipakai, silahkan running program WebApinya.... cara untuk ngerunning tekan icon "Google Chrome" seperti ditunjukin panah di bawah,.. klu pake firefox brarti yang ada firefox bukan Chrome :D

atau bisa juga klik kanan projectnya, terus pilih debug-start new instance seperti terlihat di bawah...

Silahkan pilih sendiri cara yang paling disukai... :D
Setelah dirunning hasil defaultnya......

Naaah... HTTP Error... sbnarnya itu g' error yaaah... soalnya kita emg g' ngebuat tampilan webnya... kita cuma buat model dan controller, tapi VIEWnya blom ada.. jadi projectnya g' ada sesuatu buat ditampilin...makanya dia bilang error... tapi sbnarnya servernya udh jalan.... buat ngebuktiiin.....Kopi "localhost:15300" seperti ditunjukin kotak dan panah hijau di atas... terus masukin ke postman....

tuuuh... panah kuning pake "GET" soalnya emg kita butuhnya get, terus alamatnya yang localhost:15300.... eeeeeh... tiap2 PC atau laptop itu beda2 yaaah... jadi g' mesti 15300... :)
terus dibelakang 15300/ tambain parent & child routenya... jadi alamat lengkapnya tuuuuh....

Naaah... dah kliatan tuuuh.. xxxx/controller/akatsuki/hisokapoipo yang sebelumya kita set di atas kelas (parent route) dan di atas method (child route)...moga jelas...:D... teruuuusss... tekan tombol "SEND" seperti yang ditunjukin panah Ijo..... daaaaaan... hasilnya adalaaaaaah.....

Tuuuh... kliatan variabel2 dalam model Hisoka yang kita set dalam fungsi getHisokaDetail :

Okiiiieee daaaah...cukup sekian untuk yang part I ini... btw.. kita masih punya model Poipo, dan Itachi yang blom di cover.. InsyaAllah di part II nanti....
Sekiaaan...semoga bermanfaaat.... :)