ASP.NET MVC 5.0 Hosting Tutorial – JaringanHosting.com :: 4 Tahap Sederhana dalam Membangun Aplikasi ASP.NET MVC 5.0

Bagi Anda sekalian yang masih pemula dalam dunia hosting, artikel kali ini diharapkan dapat membantu Anda dalam membangun aplikasi ASP.NET MVC 5.0. Seperti yang telah diketahui, Model-View-Controller (MVC) merupakan pola perangkat lunak untuk mencapai isolasi antara komponen aplikasi yang berbeda. MVC terdiri dari pola yang memebntuk Model-View dan Controller yang dapat dijelaskan sebagai berikut:

  • Model: representasi dari struktur data dalam sebuah sumber data misalnya Database.
  • View: user interface atau model yang disajikan bagi pengguna akhir.
  • Controller: menerjemahkan masukan dari user ke dalam tindakan yang membentuk sebuah model serta mempersiapkan tampilan yang sesuai dengan tanggapan tersebut.

Terdapat pemisahan yang jelas antara logika operasi dan user interface merupakan salah satu syarat yang perlu dicapai oleh aplikasi perangkat lunak (terutama aplikasi berbasis web). Oleh karena itu, Anda dapat mencapai persyaratan ini dengan menggunakan desain MVC (Model View Controller) yang membuat aplikasi Anda lebih fleksibel untuk dirubah.

Banner-JH

ASP.NET MVC sendiri merupakan kerangka kerja berdasarkan pola MVC (Model View Controller) yang didesain untuk membangun aplikasi web. Saat ini, Microsoft telah merilis versi baru dari kerangka kerja MVC  yang dinamakan MVC 5.0. MVC 5.0 diperkaya dengan fitur-fitur baru  yang mampu melengkapi fitur-fitur yang telah ada sebelumnya. Untuk implementasi MVC 5.0, saya akan menggunakan Visual Studio Express 2013 for Web dan Anda akan ditunjukkan beberapa tahap untuk membangun aplikasi ASP.NET MVC 5.0 yang sederhana.

1. Membuat MVC 5.0 project pada Visual Studio 2013

  • Buka aplikasi Visual Studio Express 2013 for Web dan buat “New Project” dengan mengklik “File -> New Project.”
  • Pilih template “ASP.NET Web Application” seperti yang ditunjukkan pada gambar berikut. Namakan project Anda sebagai “MyFirstMVC5App”, lalu pilih lokasi file dan tekan tombol “OK”.

NewProject1

  • Pada kotak dialog berikutnya, pilih “MVC” sebagai template kemudian tekan tombol “OK”.

NewProject-MVC

 

  • Sebuah proyek ASP.NET MVC 5.o yang baru telah dibuat sebagai berikut. Anda dapat dengan mudah menemukan “Controller”, “Model” dan “Tampilan” folder dalam explorer.

New Project Welcome Page

2. Mempersiapkan sebuah Model

  • Dalam rangka mempersiapkan model, klik kanan pada “Model” folder dan pilih “Add”, kemudian “Class”.
  • Namakan class sebagai “Employee.cs”.

PrepareModel

 

  •  Seperti yang telah dibahas sebelumnya bahwa “Model” adalah representasi dari struktur data dalam sebuah sumber data, sehingga Anda bisa berasumsi bahwa “Employee” class merupakan tabel Karyawan di database dengan kolom sebagai “EmpID”, “EmpFirstName”, “EmpLastName” dan sebagainya.

3. Tambahkan sebuah Controller

  • Untuk menambahkan controller pada project, klik kanan pada folder “Controller”, pilih “Add”, kemudian klik “Controller”.
  • Pada dialog “Add Scaffold”, pilih “MVC 5 Controller – Empty” and tekan tombol “Add” sebagi berikut:

AddScaffold

AddController

  • Namakan controller sebagai “EmployeeController” dalam dialog berikutnya dan tekan “Add”. Sebuah controller baru akan ditambahkan ke  folder “Controller”. Kode controller yang dihasilkan adalah sebagai berikut:
Ada beberapa hal penting yang perlu Anda pahami, yaitu:

  • EmployeeController mewarisi dari kelas dasar Controller yang memiliki metode bernama Index (). Metode Indeks () ini akan menjadi metode standar t ketika mengakses controller sebagai (http: // localhost: xxxx /Employee /).
  • Dalam rangka untuk menghasilkan respon HTML, metode Index () menggunakan tampilan template yang diwakilkan dalam bentuk kode sebagai “return View ();”
  • Setelah kita membuat controller, sebuah folder baru akan dibuat dalam “Views” yang disebut sebagai “Employee”.

4. Tambahkan View

  • Yang terakhir, untuk menambahkan tampilan, klik kanan pada folder “Employee” seperti di bawah ini, pilih “Add”, kemudian “MVC 5 View Page (Razor)”. Tentukan nama untuk tampilan misalnya “Indeks” sebagai berikut:

AddView

  • Sebuah file baru dengan nama “Index.cshtml” akan ditambahkan sebagai “Views> Employee” folder. Saya mencoba untuk menambahkan teks sample untuk halaman ini seperti yang ditunjukkan pada gambar di bawah.

Viewcshtml

Sekarang, kita sudah selesai menciptakan aplikasi ASP.NET MVC 5.0 sederhana. Untuk menjalankan aplikasi, klik CTRL + F5. Hasilnya akan tampil sebagai berikut:

Output

Sekarang coba ubah URL dalam browser (http://localhost:11517/Employee/) dan tekan enter, kemudian akan didapatkan output yang selalu sama. Sudah jelas disini bahwa request telah diset oleh controller, dalam kasus ini yaitu EmployeeController dan kontroler tersebut membuat View (Index.cshtml yang telah dibuat dalam folder Views-> Employee) yang dapat terlihat oleh Anda di browser.

Sekian tahap-tahap dalam membangun aplikasi ASP.NET MVC 5.0 menggunakan Visual Studio 2013 for Web yang dapat saya bagikan untuk Anda. Semoga Anda berhasil! Untuk urusan ASP.NET MVC 5.0 Hosting, JaringanHosting.com menyediakan paket ASP.NET MVC 5.0 yang terbaik, terpercaya dan sesuai dengan kebutuhan Anda. Tim JaringanHosting.com yang handal dan berpengalaman akan selalu melayani dengan hasil yang sangat memuaskan.

 

ASP.NET Hosting Tutorial – JaringanHosting.com :: Cara Menggunakan Fitur “Bundling and Minification” pada ASP.NET 4.5

Pada artikel kali ini, saya akan membagikan kepada Anda sekalian mengenai cara menggunakan Fitur “Bundling and Minification” yang terdapat pada ASP.NET 4.5. Seperti yang telah diketahui, kinerja aplikasi web Anda memiliki dampak yang besar pada user web Anda. Jika aplikasi web Anda lambat, jelas user akan berpaling untuk menggunakannya. Ada banyak faktor yang berkontribusi terhadap kinerja sebuah situs web. Beberapa hal penting tersebut  mencakup jumlah permintaan yang dikirim dari browser ke server dan ukuran respon setiap permintaan. Fitur optimasi baru yang ditambahkan pada ASP.NET 4.5 menyediakan cara yang rapi untuk menggabungkan serta mengkompres JavaScript dan CSS file untuk mengatasi permasalahan yang sebelumnya telah dibahas. Artikel ini menunjukkan bagaimana fitur bundling and minification dari ASP.NET dapat dimanfaatkan dalam aplikasi web Anda.

Standar Bundling and Minification

ASP.NET 4.5 menyediakan dukungan inbuilt untuk menggabungkan dan memperkecil file. Fungsi inti bundling dan minification ditemukan di System.Web.Optimization namespace. Jika Anda membuat proyek yang ASP.NET baru, Anda akan menemukan baris kode berikut dalam file Global.aspx:

Seperti yang Anda lihat, event handler Application_Start berisi panggilan ke RegisterTemplateBundles (), metode yang melakukan standar bundling dan minification untuk Anda. Agar standar bundling dan minification bekerja, Anda perlu menentukan URL dari JavaScript dan CSS file yang sedikit berbeda.

Perhatikan tag <script> tag di atas dengan hati-hati. Alih-alih menentukan tag <script> per file hanya ada satu tag <script> dan atribut src adalah dalam bentuk <script_folder_path> / js. Konvensi penamaan ini memberitahu ASP.NET bahwa semua * Js file dari folder Scripts harus dibundel atau digabungkan bersama-sama dan diperkecil. Jika Anda mengamati permintaan di Chrome Developer Tools, Anda akan menemukan hanya satu entri untuk file JavaScript seperti ini:

Minification_image002

Coba perhatikan ukuran download konten dan bandingkan dengan ukuran gabungan dari file individual.

Untuk file CSS, Anda dapat menggunakan <css_folder_path> / css di <link> tag.

Meskipun sintaks yang ditunjukkan di atas bekerja seperti yang diharapkan tetapi ada kelemahan kecil jika diperhatikan. Katakan jika Anda merujuk JavaScript dan CSS file dalam pandangan Anda menggunakan sintaks di atas dan aplikasi web Anda mulai melayani permintaan. Beberapa waktu kemudian Anda memperbarui beberapa ini JavaScript dan CSS file. Tentu, Anda mengharapkan script baru ini akan berjalan. Namun, file sebelumnya mungkin telah di-cache oleh browser atau server proxy. Karena URL ke file yang sama (src = “../../ Script / js” dan href = “../../ Content / css”), maka tidak ada cara untuk browser untuk mendeteksi apakah file telah diubah atau tidak. Untuk memperbaiki masalah disarankan untuk menggunakan sintaks berikut:

Metode ResolveBundleUrl () menerima jalur virtual folder yang berisi skrip atau CSS file. Metode ini tidak hanya menghasilkan URL untuk src dan atribut href tetapi juga menambahkan tanda string unik dalam string. Token ini berubah ketika file berubah, sehingga memastikan URL unik untuk file yang berubah. Gambar berikut menunjukkan bagaimana token string yang ditambahkan dalam string:

Minification_image003

Kostumisasi Bundling and Minification

Pada suatu saat mungkin mekanisme bundling standar tidak memenuhi kebutuhan Anda. Sebagai contoh, Anda mungkin memiliki sepuluh file JavaScript dalam sebuah folder dan Anda yang ingin membundel file tersebut dalam dua bundel terpisah yang terdiri dari lima file masing-masing pada sebuah bundel. Atau Anda mungkin ingin untuk membundel file dalam urutan tertentu berdasarkan dependensi mereka. Kustomisasi seperti itu sangat mungkin dilakukan melalui Bundle class. Kode akan ditambahkan ke event handler Application_Start dan menunjukkan bagaimana kelas Bundle dapat digunakan:

Kode di atas menciptakan bundel baru untuk virtual path ~ atau MyScripts. Kemudian memanggil AddFile () untuk menambahkan file script khusus. Akhirnya, bundel baru yang dibuat akan ditambahkan ke koleksi Berkas. Untuk merujuk pada bundel baru yang Anda buat, maka disarankan menggunakan sintaks berikut:

Selain menciptakan kostumisasi bundel seperti yang ditunjukkan di atas, Anda juga dapat menyesuaikan proses bundling dan minification keseluruhan. Untuk melakukannya, Anda perlu membuat kelas kustom yang mengimplementasikan IBundleTransform interface. Kemudian Anda perlu untuk mengimplementasikan Proses () dalam IBundleTransform interface dan menulis logika pengolahan kustom. Kode berikut menunjukkan implementasi sederhana dari interface IBundleTransform yang menambahkan pemberitahuan hak cipta dengan isi paket/bundel:

Kode di atas menciptakan kelas MyBundleTransform, yang mengimplementasikan interface IBundleTransform. Proses () menerima dua parameter yaitu. a BundleContext dan BundleResponse. Proses ()  kemudian menambahkan pemberitahuan hak cipta di atas isi bundel dan kemudian kembali memberikan Content property. Anda juga bisa mengelola file bundel individu Anda menggunakan respons File property.

Untuk menggunakan MyBundleTransform class, Anda perlu mengubah Application_Start event handlersebagai berikut:

Seperti yang Anda lihat, bundel baru telah selesai dibuat seperti sebelumnya, umpamanya MyBundleTransform class dilewatkan sebagai parameter kedua konstruktor. Jika Anda amati script yang dihasilkan dalam Developer Tools Chrome, Anda akan menemukan baris “copyright” ditambahkan di bagian atas:

Minification_image004Seperti yang telah disampaikan sebelumnya, fitur bundling and minification merupakan fitur baru yang ditambahkan dari ASP.NET 4.5 yang memudahkan untukAnda untuk membundel atau menggabungkan JavaScript dan CSS file, dengan demikian hal tersebut dapat meningkatkan kinerja keseluruhan aplikasi web Anda. Untuk memanfaatkan fitur bundling and minification, yang Anda butuhkan adalah menentukan URL script dan CSS file dengan cara tertentu. Setelah konvensi penamaan ini, otomatis bundel semua JavaScript dan CSS file dari folder akan berfungsi sebagai satu permintaan. Anda juga dapat menyesuaikan proses bundling menggunakan Bundle class dan IBundleTransform interface.

Bagaimana? Apakah Anda sudah berhasil melakukan bundel terhadap file Anda menggunakan Fitur “Bundling and Minification” yang terdapat pada ASP.NET 4.5? Semoga artikel ini bermanfaat.

 

Cloud Hosting Indonesia – JaringanHosting.com :: Apa yang Membuat Lingkungan Cloud Server Dapat Diandalkan?

Secara umum lingkungan Cloud Server mampu menyediakan 100% jaminan uptime yang membuat Cloud Server ini paling dapat diandalkan dibandingkan dengan layanan lainnya dalam industri Web Hosting. Meskipun Dedicated Server juga telah menyediakan jaminan uptime yang sama, namun yang membuat Cloud Server populer jika dilihat dari sisi biaya adalah Cloud Server lebih terjangkau dibandingkan dengan layanan yang lain. Berdasarkan pertimbangan tersebut, mungkin Anda berpikir apa yang membuat Cloud Server dapat diandalkan. Hal tersebut dapat dijelaskan pada tulisan di bawah ini.

Dukungan dari Banyak Server

Cloud Server terdiri dari beberapa server yang dikendalikan oleh bagian umum perangkat lunak yang dikenal sebagai ‘hypervisor’. Dibandingkan dengan sistem operasi seperti Windows atau Linux, perangkat keras yang mendukung Cloud Server didasarkan pada perangkat lunak ‘hypervisor’ ini sehingga memiliki akses langsung ke perangkat keras pada server dan sangat mudah untuk dikontrol. Menjalankan perangkat lunak virtualisasi di atas sistem operasi yang ada kadang-kadang dapat menyebabkan masalah kompatibilitas dan perizinan.

Semua server ini dikendalikan oleh server pusat dan lazim menjalankan sebuah perangkat lunak, dengan begitu semua sumber daya tersebut dikumpulkan secara virtual dan Cloud Server diperlakukan sebagai satu kesatuan, bukan sebagai kumpulan server individu. Virtual Machines dalam Cloud Server tersebut dapat dipindahkan melewati Cloud yang ditentukan oleh ketersediaan server, yang artinya jika satu server gagal, VM host pada server yang dapat dipindahkan seketika ke server lain sehingga pengguna tidak mengalami gangguan apapun pada layanan mereka. Pusat SAN atau Storage Area Network, pada dasarnya merupakan koleksi besar hard drive host yang terhubung ke jaringan dan biasanya dikelola dalam penyimpanan di Cloud Server. Arsitektur penyimpanan pusat memberikan kontribusi untuk kemudahan transportasi VM di server karena semua data disimpan di sini sehingga ketika mesin virtual bermigrasi ke server lain, data aktual VM tidak perlu dipindahkan. Maka hal ini membuat Cloud Server mampu diandalkan karena menyediakan lingkungan yang tahan terhadap kegagalan hardware.

Jaringan dan Kekuatan Redudansi

Untuk mendukung Multiple server dalam lingkungan Cloud Server, jaringan dan daya redundansi juga membantu dalam memberikan layanan yang mampu mencapai 100% uptime. Redundansi jaringan adalah hal fundamental yang memungkinkan akses eksternal ke situs web dan server yang di-host dalam Cloud Server dan Anda akan sulit menemukan ISP atau data center provider yang menghosting servernya dalam koneksi tunggal.

Dalam kasus Cloud Server, Anda akan menemukan bahwa mesin virtual Anda akan di-host pada Cloud yang ada pada pusat data yang memanfaatkan beberapa koneksi internet sehingga jika koneksi utama gagal, Anda masih akan memiliki akses penuh ke server Cloud Anda. N + 1 redundansi juga telah digunakan dalam desain jaringan internal, jika Anda bayangkan N = sepotong perangkat keras jaringan, 1 adalah bagian yang sama persis dengan hardware. Network Item N adalah bagian utama dari hardware yang digunakan, sementara +1 adalah cadangan yang tersedia untuk jaringan yang mengalami kegagalan alat jaringan utama.

Redundansi daya sama pentingnya dengan redundansi jaringan. Jika daya perangkat keras di Cloud gagal, maka tempat lain selain pusat data akan mengakibatkan seluruh lingkungan mengalami crash karena tidak memiliki listrik untuk menjalankannya. Namun, di sebuah pusat data profesional, Cloud akan menyuplai kekuatan yang multiple. Seperti halnya dengan redundansi jaringan, beberapa multiple power feeds akan digunakan sehingga jika listrik utama terputus, listrik masih bisa dipasok dari sumber lain. Tindakan khas redundansi daya lainnya yang diambil juga termasuk UPS (Uninterruptable Power Supply) baterai dan generator diesel yang dapat menyediakan listrik untuk jangka pendek jika terjadi kasus pemadaman lengkap.

Dukungan Kami

Semua server hardware perlu secara profesional dipertahankan jika ingin tetap beroperasi. Dan Cloud tidak memiliki pengecualian untuk aturan ini; memang memiliki dukungan insiyur profesional yang  tersedia sepanjang waktu adalah salah satu pilar inti lingkungan Cloud yang handal.

Dalam hal layanan Cloud Server, JaringanHosting menyediakan dukungan penuh selama 24 jam dan 7 hari dan kami mampu meng-handle semua masalah Cloud yang Anda hadapi . Paket yang ada aktifkan sudah termasuk dengan dukungan penuh kami. Anda dapat menghubungi kami untuk membantu Anda dalam masalah apapun setiap saat dan setiap waktu sehingga Anda bisa mendapatkan hasil maksimal dari Cloud Server Anda.