{"id":808,"date":"2013-11-28T02:18:37","date_gmt":"2013-11-28T02:18:37","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=808"},"modified":"2013-11-28T02:18:37","modified_gmt":"2013-11-28T02:18:37","slug":"asp-net-hosting-jaringanhosting-com-pengenalan-cara-kerja-asp-net-mvc-4","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/asp-net-hosting-jaringanhosting-com-pengenalan-cara-kerja-asp-net-mvc-4\/","title":{"rendered":"ASP.NET Hosting &#8211; JaringanHosting.com :: Pengenalan &amp; Cara Kerja ASP.NET MVC 4"},"content":{"rendered":"<p><strong>Tentang MVC\u2026<\/strong><\/p>\n<p>MVC ?! Apa itu MVC ?? Bagi kalian yang sering menggunakan php framework seperti codeigniter, cake php, Yii, ataupun framework lainnya pasti pernah mendengar istilah tersebut, namun bagi anda yang belum pernah menggunakan framework seperti yang disebutkan diatas, apa sudah pernah mendengarkah? Buat yang baru terjun ke dunia programming khususnya, mungkin belum banyak tau tentang konsep pemrograman MVC ini.<\/p>\n<p><a href=\"http:\/\/jaringanhosting.com\/Indonesia-Windows-Basic-Hosting-Paket\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-601\" alt=\"mainAlt\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/09\/mainAlt.gif\" width=\"972\" height=\"368\" \/><\/a><\/p>\n<p><strong>MVC (Model-View-Controller)<\/strong> adalah sebuah metode dalam membuat aplikasi dengan memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol utama aplikasi.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Model-View-Controller.png\"><img loading=\"lazy\" class=\"size-full wp-image-816 aligncenter\" alt=\"Model View Controller\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Model-View-Controller.png\" width=\"640\" height=\"249\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Model-View-Controller.png 640w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Model-View-Controller-300x116.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p><strong>Pada prinsipnya<\/strong>, implementasi MVC membagi kode ke dalam 3 bagian yaitu:<\/p>\n<ul>\n<li>Model sebagai sumber data<\/li>\n<li>View sebagai representasi data dan <i>user interface<\/i><\/li>\n<li>Controller yang berfungsi sebagai \u201cotak\u201d atau <i>business logic<\/i> yang memproses <i>user input<\/i> dan meng-<i>update<\/i> Model dan View ( kalau diperlukan ).<\/li>\n<\/ul>\n<p><strong>Keuntungannya adalah\u2026<\/strong><\/p>\n<p>&#8211;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Tidak ada ViewState (Stateless).<\/p>\n<p>&#8211;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Menyediakan pemisah Separation Of Concerns (SoC).<\/p>\n<p>&#8211;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Dapat melakukan proses Test Driven Development (TDD)<\/p>\n<p>&#8211;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Mudah terintegrasi pada JavaScript frameworks.<\/p>\n<p>&#8211;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Mendukung beberapa tampilan pada view engines (aspx, Razor)<\/p>\n<p><strong>Langkah-langkah Untuk Membuat Aplikasi Sederhana Menggunakan Aplikasi MVC 4.0 :<\/strong><\/p>\n<p>1. Pertama, pilih File -&gt; Project -&gt; pilih MVC 4.0 application<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-809\" alt=\"Langkah MVC 1\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-1.png\" width=\"551\" height=\"369\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-1.png 551w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-1-300x200.png 300w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/><\/a><\/p>\n<p>2. Setelah itu, pilih template -&gt; view engine (Razor, ASPX, NHaml, Spark), jika ingin mencoba project yang sudah ada, pilih Create unit test project.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-21.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-811\" alt=\"Langkah MVC 2\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-21.png\" width=\"465\" height=\"415\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-21.png 465w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-21-300x267.png 300w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/><\/a><\/p>\n<p>3. Pada bagian struktur ini, tambahkan seperti pada gambar dibawah ini :<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-3.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-812\" alt=\"Langkah MVC 3\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-3.png\" width=\"640\" height=\"375\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-3.png 640w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-3-300x175.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>4. Lalu, coba jalankan aplikasi. Anda akan melihat home page pada aplikasi tersebut<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-4.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-813\" alt=\"Langkah MVC 4\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-4.png\" width=\"640\" height=\"368\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-4.png 640w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/Langkah-MVC-4-300x172.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>5. Mari kita masukan coding untuk Controller, Model and View. Klik kanan pada \u00a0Model -&gt; add a class dengan nama UserModels.cs<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC5.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-814\" alt=\"MVC5\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC5.png\" width=\"336\" height=\"205\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC5.png 336w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC5-300x183.png 300w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC6.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-815\" alt=\"MVC6\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC6.png\" width=\"545\" height=\"373\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC6.png 545w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/11\/MVC6-300x205.png 300w\" sizes=\"(max-width: 545px) 100vw, 545px\" \/><\/a><\/p>\n<p>Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan secara terpisah antara layer <em>application-logic<\/em> dan <em>presentation<\/em>, sehingga dalam sebuah tim pengembangan <a href=\"http:\/\/jaringanhosting.com\/Indonesia-ASP-NET-4-Hosting\" target=\"_blank\">website<\/a>, seorang programmer bisa berkonsentrasi pada pengembangan <em>core-system<\/em> saja, sedangkan <em>web designer<\/em> bisa berkonsentrasi pada tampilan web saja. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer.<\/p>\n<blockquote><p>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.<a href=\"http:\/\/www.microsoft.com\/web\/hosting\/HostingProvider\/Details\/950\" target=\"_blank\">Untuk keterangan lanjutan, silahkan klik disini!<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Tentang MVC\u2026 MVC ?! Apa itu MVC ?? Bagi kalian yang sering menggunakan php framework seperti codeigniter, cake php, Yii, ataupun framework lainnya pasti pernah mendengar istilah tersebut, namun bagi anda yang belum pernah menggunakan framework seperti yang disebutkan diatas,<\/p>\n","protected":false},"author":746,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/808"}],"collection":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/users\/746"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}