Post on 15-Nov-2015
description
PowerPoint Presentation
Day 1
Versi 1.0 29 September 2014PT AMN IndonesiaAplikasi Web & ASP.NET MVC
ObjectiveKonsep Aplikasi WebVB.NETMVC PatternASP.NET MVCTugas: Membuat Aplikasi Dengan ASP.NET MVC
Konsep Aplikasi WebTerdiri dari Client dan ServerWeb Server sebagai penyedia layananWeb Browser sebagai pengakses layananConnection LessProtokol HTTP
Konsep Aplikasi Web
Konsep Aplikasi WebPOSTData dikirim melalui HTTP HeaderDikirim menggunakan HTML Form
Konsep Aplikasi WebGETData dikirim melalui URL parameterDapat terlihat melalui address-barhttp://www.example.com?id=1&name=AMN
VB.NETSalah satu bahasa pemrograman tingkat tinggiMengimplementasikan .NET FrameworkDi launching tahun 2002Object OrientedStrong Type
VB.NETSyntax :Tidak menggunakan bracket {}Statement tidak diakhiri dengan semicolon ; tetapi dengan baris baru
VB.NETTipe Data :BooleanByteCharDateDecimalDouble
IntegerLongObjectString
VB.NETIdentifier NamingHarus didahului dengan Huruf dan diikuti dengan angka atau underscore (_)Tidak boleh mengandung spasi atau simbol selain underscoreTidak boleh menggunakan nama identifier yang termasuk reserved keyword
VB.NETContoh Identifier / Example Naming :Contoh Benar
Contoh Salah
VB.NETConditional :If Else ... End IfSelect -> Case
VB.NETLoop :DoFor NextFor Each NextWhile End While
VB.NETClassFunctionSub FunctionPassing Parameter
Konsep MVCControllerViewerModelUser InteractionMemanggilMemanipulasiMempengaruhi
Konsep MVCKonsep MVC :ModelMerupakan representasi Business ModelDigunakan sebagai sumber data bagi viewerViewBertugas untuk menampilkan UIDapat menerima interaksi dari userControllerBertugas untuk melakukan koordinasi terhadap model dan viewer
ASP.NET MVCMembutuhkan .NET 3.5 dan di Install secara terpisahKomponen ASP.NET MVCDispatcherRoutingControllerModelViewer
ASP.NET MVCDispatcher merupakan sebuah ASP.NET HTTP HandlerBerfungsi untuk menginisialisasi dan mengatur controller mana yang akan diaktifkan berdasarkan URL tertentu
ASP.NET MVCRouting bertugas untuk memetakan URL dengan controller yang akan dijalankanFormat routing didefinisikan didalam file global.asax
ASP.NET MVCModel merupakan sebuah class standarMerepresentasikan business model dari aplikasiDitampilkan kepada user melalui viewer
ASP.NET MVCController bertugas untuk melakukan koordinasi model dengan viewerDidalam controller terdapat method-method yang merupakan sebuah actionInteraksi dari user terhadap viewer akan mengakibatkan salah satu action controller dipanggil
ASP.NET MVCViewer merupakan file .aspx, .ascx atau .masterSecara default, nama viewer disamakan dengan nama action controllerViewer diletakkan di dalam folder yang memiliki nama yang sama dengan controller
Project ASP.NET MVCPilih Menu File | New ProjectPilih project type: web dan template: ASP.NET MVC Web ApplicationBeri nama project tersebut HelloWorldKlik tombol OK
PROJECT ASP.NET MVC
PROJECT ASP.NET MVCPada jendela yang muncul, pilih opsi do not create Unit Testing project
PROJECT ASP.NET MVCSecara default, VS.NET akan membuatkan controller, serta viewer lengkap.Dibuatkan pula MasterPage dan UserControl
PROJECT ASP.NET MVCController diturunkan dari System.Web.Mvc.Controller
PROJECT ASP.NET MVCViewer merupakan sebuah file .aspx, .ascx atau .masterData yang dikirim dari controller diambil melalui variable ViewData
PROJECT ASP.NET MVCNama file viewer secara default sama dengan nama method di controllerLokasi file berada di dalam folder yang sama dengan nama controller
PROJECT ASP.NET MVCDebuggin secara default disabled. Ubah menjadi enabled agar dapat melakukan debug terhadap aplikasi
PROJECT ASP.NET MVCCompile project, lalu tekan F5 untuk menjalankannya.
STRONG TYPED VIEWView yang terikat (coupled) dengan sebuah class modelView menampilkan data-data yang dimiliki oleh model tersebutUntuk membuatnya, perlu dibuat class model terlebih dahulu
STRONG TYPED VIEWBuatlah class model dengan nama Bangun (Bangun.vb)
STRONG TYPED VIEWCompile project tersebutTambahkan method LuasBangun pada controller
STRONG TYPED VIEWKlik kanan pada method dan pilih Add View...
STRONG TYPED VIEWVisual Studio akan membuatkan viewer baru
STRONG TYPED VIEWJalankan dengan menekan tombol F5
POST DATATambahkan property Luas dan Method HitungLuas pada model
POST DATATambahkan method LuasBangun pada controller, tetapi dengan tambahan attribute
POST DATATambahkan informasi luas pada viewer LuasBangun.aspx
POST DATA
TUGASBuatlah sebuah aplikasi POS dengan ASP.NET MVCAplikasi ini menerima input berupa:Definisi barangHarga barangJumlah barang dibeliDiskonSetelah diinput, dan di klik submit, aplikasi akan menampilkan informasi definisi barang, jumlah, harga, diskon, sub total dan grand total
TUGASDesign Model POS
Referencehttp://www.tutorialspoint.com/vb.net/http://www.asp.net/mvc