ASP.NET 4.5: Memahami Arsitektur ASP.NET 4.5

ASP.NET telah diperluas menjadi beberapa kerangka kode, termasuk Web Forms, MVC, Web Page, Web API dan SignalR. Awalnya, semua ini dibesarkan secara terpisah tapi sekarang mereka digabungkan bersama-sama. Sekarang, Anda dapat mengembangkan situs web atau aplikasi web dengan menggunakan Web Forms atau MVC atau Web Page and services dengan menggunakan Web API atau SignalR.

banner-jarhost-square

Komponen Arsitektur Asp.NET 4.5

  1. .NET Framework.
    .NET Framework merupakan komponen yang terintegrasi dari sistem operasi windows yang mendukung pengembangan dan pelaksanaan aplikasi generasi berikutnya, apps store Windows dan layanan operasi.
  2. ASP.NET Framework 
    ASP.Net Framework digunakan untuk membuat website dinamis, aplikasi web dan layanan web. Hal ini dibangun di atas .NET Framework.
    Asp.NET Framework menyediakan berbagai kemampuan seperti Hosting Model, Site/Service Management, Protocol Abstraction, Security, Caching capability, Routing dan Model Binding dll.

45

Terutama, Asp.Net dapat dibagi menjadi dua bagian – Asp.Net Sites dan Asp.Net Services.

3.  Asp.NET Site

  • Web Forms
    Web Forms adalah model pengembangan event driven tradisional. Ini telah drag dan drop kontrol server, event server dan teknik pengelolaan state. Web Forms yang terbaik untuk rapid application development ( RAD ) dengan akses data yang kuat.
  • MVC
    MVC adalah model lightweight dan pengembangan pola berbasis MVC ( Model,View,Controller). MVC memberikan kontrol penuh atas mark- up dan mendukung banyak fitur yang memungkinkan pengembangan cepat & tangkas. MVC adalah yang terbaik untuk developing lightweight , interaktif dan device oriented (yaitu kompatibel dengan smartphone, iPhone, tablet, laptop dll) aplikasi web dengan standar web terbaru.
  • Web Pages
    Web Pages juga merupakan model lightweight dan berbasis Razor syntax. Web Pages memiliki built- dalam template dan pembantu juga memberikan kontrol penuh atas mark- up. Menggunakan Web Pages merupakan cara terbaik untuk mengembangkan aplikasi web yang bagus dengan standar web terbaru. Anda juga dapat menggunakan WebMatrix yang merupakan alat gratis dan memiliki built-in template, untuk mengembangkan Asp.Net Web Page.
  • SPA
    SPA singkatan dari Single Page Application yang membantu Anda untuk membangun aplikasi web yang mencakup interaksi client – side yang signifikan dengan menggunakan HTML5, CSS3 dan JavaScript. Cara terbaik untuk membuat aplikasi web yang sangat interaktif halaman dashboard .

Asp.NET Services
Ada dua cara untuk membuat Asp.Net Services sebagaimana diberikan di bawah ini:

  1. Web API
    ASP.NET Web API adalah framework untuk membangun layanan HTTP yang dapat dikonsumsi oleh berbagai klien termasuk browser, ponsel, iphone dan tablet.
  2. SignalR
    ASP.NET SignalR adalah library yang menyederhanakan proses penambahan real-time web functionality pada aplikasi. Real-time web functionality  adalah kemampuan untuk memiliki kode server untuk mendorong konten ke klien yang terhubung langsung setelah tersedia, daripada harus menunggu Server ke klien untuk meminta data baru.

Visual Studio 2012
Visual Studio IDE menawarkan seperangkat alat yang membantu Anda untuk menulis dan memodifikasi kode untuk program Anda, dan juga mendeteksi dan memperbaiki kesalahan dalam program Anda. Dengan menggunakan Visual Studio 2012 Anda dapat membangun Windows apps Store, aplikasi desktop, aplikasi mobile, aplikasi web ASP.NET, dan web services.

 

 

ASP.Net : Membuat Dropdown List Menggunakan ASP.Net 4.5

Pada kali ini saya akan menuliskan tutorial bagaimana membuat dropdown list dengan ASP.Net 4.5.
Awalnya model Binding dropdown list ini diperkenalkan oleh ASP.NEt MVC, namun sekarang model binding ini sudah digunakan di ASP.Net web form yang dapat kita gunakan untuk melakukan operasi CURD (Create Update Read Delete).

jarhost
Katakanlah kita memiliki database speaker dan kita ingin binding nama speaker dengan DropDownList. Pertama ditempatkan kontrol ASP.NET Dropdown dengan halaman dan mengatur “DataTextField” dan “DataValueField” properti.

image_thumb11
Kita dapat menuliskan dropdown dengan ID ddlName.DataSource untuk menentukan sumber data dari kode di belakang dan mengikat data dengan dropdpwnlist, tetapi dalam kasus ini kita memerlukan database.
Sekarang, bukannya menentukan DataSource, kita akan menyetel properti dropdownlists SelectMethod untuk menunjuk metode GetSpeakerNames () dalam kode-file.

image_thumb12

SelectMethod diharapkan guna mengambil data yang sudah disiapkan sebelumnya agar dapat ditampilkan pada dropdown list dengan ditambahkan tipe class IQueryable<TYPE>. dan berikut adalah codenya.

code1
nah coba jalankan Aplikasinya !
kalau kamu berhasil maka yang akan muncul kurang lebih kayak gini.

image_thumb13

 

ASP.NET Hosting: 3 Langkah Sederhana Untuk Membuat Layanan Web API ASP.NET Pertama Anda

“ASP.NET Web API adalah kerangka kerja yang menyederhanakan penciptaan layanan HTTP”.

Dengan menggunakan ASP.NET Web API, kita dapat membuat layanan HTTP, yaitu berbasis non-SOAP seperti XML biasa atau JSON string, dan lain-lain dengan keuntungan tambahan, sebagai berikut:

  • Memungkinkan untuk membuat layanan sumber daya yang berorientasi menggunakan fitur penuh HTTP.
  • Mengekspos layanan untuk berbagai klien dengan mudah seperti browser atau perangkat mobile, dan lain-lain.

banner-jarhost-2

Selain Visual Studio 2010 atau 2012, kita juga perlu MVC 4.0 untuk mengimplementasikan layanan HTTP ini. Untuk tujuan implementasi ini, saya akan menggunakan Visual Studio 2010.

Berikut adalah 3 langkah sederhana untuk membuat layanan HTTP yang mengembalikan data berbasis non-SOAP.

  •      Buat API Proyek Web
  •      Siapkan domain Model
  •      Menambahkan kelas Controller

Mari kita simak langkah demi langkah untuk membuat layanan HTTP sederhana menggunakan ASP.NET Web API.

1. Membuat Projek Web API

  • Buka Visual Studio dan buat projek baru dengan mengklik File -> New Project.
  • Pilih “ASP.NET MVC 4 Web Application”, buat template dan nama proyek sebagai “FirstWebAPIService”.
  • Ketika Anda mengklik tombol “OK”, jendela baru akan muncul untuk memilih sub template. Sebenarnya untuk ASP.NET MVC 4 Web Application, kami memiliki beberapa sub-opsi yaitu Kosong, Aplikasi Internet, Web API, dll.
  • Pilih “Web API” dan tekan tombol “OK”.

1

2

  • Sebuah standar proyek template ASP.NET MVC 4 Web API telah  dibuat. Ini adalah aplikasi template MVC, dimana Anda akan dengan mudah menemukan folder “Model”, “View” dan “Controller” di dalamnya.

2. Mempersiapkan Domain Model

Sekarang pada langkah kedua, kita perlu mempersiapkan model.

  • Klik kanan pada folder “Model” dan pilih “Class” di bawah “Add” dari menu seperti yang ditunjukkan pada gambar.
  • Buat nama kelas sebagai “Product.cs”.

4

3

Berikut adalah kode untuk kelas produk.

c1

 3. Menambahkan Controller Class

Kelas Controller memegang peranan penting, karena permintaan yang datang dari client akan menemui controller terlebih dahulu. Kemudian controller memutuskan model mana yang akan digunakan untuk melayani permintaan yang masuk. Jadi, cara untuk menambahkan controller adalah:

  • Klik kanan pada folder “Controller” dan pilih “Controller” di bawah “Add” dari menu seperti yang ditunjukkan pada gambar.
  • Buat nama controller sebagai “ProductsController”.

5

6

  • Klik tombol “Add”, sebuah kelas controller baru telah ditambahkan.

Untuk membuat hal-hal sederhana, kita akan memuat model dengan data di dalam controller ini bukan memuatnya dari  database. Berikut adalah kode untuk controller class.

c2

Jangan lupa untuk menambahkan “using FirstWebAPIService.Models;” di bagian atas dari kelas controller.

Sekarang, saatnya untuk menguji layanan HTTP Anda menggunakan ASP.NET MVC Web API.
Jalankan aplikasi dengan menekan “CTRL + F5”, jendela Welcome akan muncul sebagai berikut:

7

Untuk memanggil  Produk controller kami, ubah URL menjadi “http://localhost:XXXX/api/products”. Anda akan melihat hasil seperti yang ditunjukkan dalam jendela output berikut ini.

8

Hasil akhir pengembalian dapat ditampilkan secara berbeda oleh browser yang berbeda. Berikut adalah output dari google chrome versi 29.0.1547.66.

Mudah-mudahan, tutorial web development sederhana ini akan sangat membantu bagi para developer untuk membuat kode layanan HTTP pertama mereka menggunakan ASP.NET MVC Web API.

 

SQL Server Hosting : Sql server dan Keunikannya

sebelum memulai belajar sql server ada baiknya kita mengetahui terlebih dahulu sql server itu apa. Ini singkatnya aja nyaring dari wikipedia. SQL Server Hosting

SQL singkatan dari ” Structured Query Language ” dan dapat diucapkan sebagai ” SQL ” atau ” sekuel – ( Structured English Query Language ) ” . Ditetapkan , SQL adalah bahasa query yang digunakan untuk mengakses dan memodifikasi informasi dalam database . Sql server sebagai pengolah database bisa digunakan bersamaan product microsoft seperti .Net (aplikasi berbasis web)

banner-jarhost-square

 

Inilah Contoh SQL Server yg di jalankan di MS Excel menggunakan visual studio 2008.
Pertama-tama buat database ceritanya database sudah dibuat dengan database name “dbtest”, nama tabel “mhs”. dengan cara (pada sql plus) :

create database dbtest ; create table mhs (npm char(10),nama char(50)); insert into mhs values ((1205000100,asd),(….));

Berikut ini ilustrasi data yang sudah dibuat.

dbtest

    1. Buat Excel add-in project. Langkahnya sebagai berikut:
      • Buka Visual Studio 2008
      • Pilih File -> New -> Project
      • Di kotak Product Types, pilih Visual C#, kemudian pilih Office, kemudian pilih 2007
      • Di kotak Tamplate, pilih Excel 2007 Add-in
      • Di dalam kotak nama, ketik ExcelAddIn1
      • Klik Ok

 

    1. Pada ThisAddIn class tambahkan kode berikut:

code

    1. Run program dengan menekan tombol F5
    2. Beginilah hasilnya

hasil

 

hasil akhir ketika kita jalankan akan sama seperti jika kita membuatnya pada MS Excel hanya saja disini kita menggunakan visual studio sebagai editor dan menggunakan bahasa C# dan data yang ada di dalamnya menggunakan pengolahan database sql server.

pada coding diatas disisipkan script sql.

 

jadi pada intinya ada banyak cara untuk menuju tujuan yang sama 🙂

semoga informasi ini bermanfaat.

 

 

ASP.NET Hosting – JaringanHosting.com :: Session User Login Permanen pada ASP.NET

Artikel ini menjelaskan cara membuat sebuah sesi login user tetap di ASP.NET. Sebelum masuk ke kedalaman artikel ini, Anda harus terbiasa dengan bentuk otentikasi di ASP.NET. Konfigurasi bentuk otentikasi berada dalam file web.config yang memiliki fragmen konfigurasi file dengan nilai-nilai yang ditetapkan.

Nilai default dijelaskan sebagai berikut:

Banner

1. loginUrl : point ke halaman logon kustom aplikasi Anda . Anda harus menempatkan halaman logon dalam folder yang memerlukan Secure Sockets Layer ( SSL ) . Ini akan membantu memastikan integritas kredensial ketika mereka lulus dari browser ke Web server .

2. protection : diset ke All untuk menentukan privasi dan integritas untuk tiket bentuk authentication. Hal ini menyebabkan tiket authentication yang akan dienkripsi menggunakan algoritma tertentu pada elemen machineKey  dan akan disign menggunakan algoritma hashing yang juga ditentukan pada elemen machineKey .

3. timeout : digunakan untuk menentukan seumur hidup terbatas untuk sesi otentikasi bentuk . Nilai default adalah 30 menit. Jika cookie authentication dikeluarkan , atribut timeout juga digunakan untuk mengatur masa cookie persisten .

4. name dan path diatur ke nilai-nilai yang didefinisikan dalam file konfigurasi aplikasi .

5. requireSSL diatur ke false. Konfigurasi ini berarti bahwa cookies authentication dapat ditransmisikan melalui saluran yang tidak terenkripsi SSL. Jika Anda khawatir tentang pembajakan sesi, Anda harus mempertimbangkan pengaturan requireSSL menjadi true.

6. slidingExpiration diatur ke true untuk menegakkan sliding session lifetime. Ini berarti bahwa batas waktu sesi secara berkala ulang selama pengguna tetap aktif di situs.

7. defaultUrl diatur ke halaman Default.aspx untuk aplikasi.

8. cookieless diatur ke UseDeviceProfile untuk menentukan bahwa cookie penggunaan aplikasi untuk semua browser yang mendukung cookie. Jika browser yang tidak mendukung cookies mengakses situs, kemudian membentuk paket authentication tiket otentikasi pada URL.

9. enableCrossAppRedirects diatur ke false untuk menunjukkan bahwa bentuk otentikasi tidak mendukung pemrosesan otomatis dari tiket yang lewat di antara aplikasi pada string atau sebagai bagian dari bentuk POST.

FormsAuthentication.SetAuthCookie Method

Metode ini menciptakan tiket authentication untuk nama pengguna disediakan dan ditambahkan ke koleksi cookies respon, atau URL jika Anda menggunakan cookieless authentications. Overload pertama fungsi ini, memiliki dua parameter:

  • username: Nama pengguna dikonfirmasi 
  • createPersisntentCookie: True untuk membuat cookie yang tetap (disimpan di seluruh sesi browser), jika tidak, false. Metode ini menambahkan cookie yang tetap untuk browser dengan berakhir waktu yang ditetapkan dalam parameter “timeOut” dengan nama dan path diatur dalam “name” dan “path” parameter. Pengguna akan secara otomatis log out setelah cookie expired. Jadi sesi login pengguna tergantung pada berakhir bentuk tiket authentication yang disimpan dalam cookie browser. Di sini, saya akan membuat sebuah sesi login pengguna tetap menggunakan teknik ini.

Cookie Helper

Fungsi kelas ini adalah untuk menambah tiket bentuk authentication untuk koleksi cookie browser dengan berakhirnya waktu.

Fungsi ini digunakan dalam halaman login atau kontrol pada klik tombol login. Fungsi berikut ini ditulis di kelas AccountController. Fungsi ini memvalidasi login pengguna dan kemudian menambahkan tiket authentication bentuk permanen ke browser.
Jadi dengan cara ini, Anda dapat mengontrol tiket bentuk otentikasi untuk mengontrol sesi login pengguna.

JaringanHosting.com adalah provider ASP.NET dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft. Microsoft memberikan rekomendasi ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2012,ASP.NET 4.5, ASP.NET MVC 4.0, Silverlight 5 and Visual Studio Lightswitch.Untuk keterangan lanjutan, silahkan klik disini!