Day 1 - Aplikasi Web & ASP.net

45
Day 1 Versi 1.0 – 29 September 2014 PT AMN Indonesia Aplikasi Web & ASP.NET MVC

description

Computer Science

Transcript of Day 1 - Aplikasi Web & ASP.net

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