asp.net concept and practice

ASP.NET Concept and Practice for beginners

August 13, 2009Nicko Satria Utama, MCTS

Concept – What is ASP.NET?

•ASP.NET is a web application •ASP.NET runs on .NET platform•ASP.NET can build using many language

such as VB.NET, C#.NET, C++.NET•ASP.NET can be viewed on most browser

such as Internet Explorer, Firefox/Mozilla, Google Chrome and Opera

August 13, 2009

Nicko Satria Utama, MCTS

Concept – What is ASP.NET?

•ASP.NET contains HTML as a document layout, server side controls, style sheets, client scripts and many more.

• ASP.NET is stateless

August 13, 2009


Practice - HTML

•HTML is a document layout.

•Dem0 how to make a very simple HTML pages

August 13, 2009


Concept – Visual Studio 2008

•It is an IDE or tool helps to design, visualize, develop and deploy ASP.NET

•It is composed of severals elements like Menu toolbar, Standard toolbar, various tool, text editor and designer

•The tools appears based on project or file types

August 13, 2009


Concept – Visual Studio 2008

August 13, 2009


Requirement - Hardware

•Windows XP or later compatible hardware.

•RAM minimum 1 GB (Recommend 2 GB)•Hard disk minimum 160 GB •Intel/AMD no problem at least 2 GHz or

better to accelerate compiler process

August 13, 2009


Requirement – Software

•Windows XP or Vista or 7.•Recommend that has IIS on the edition.

(XP Professional, Vista Business or greater, Win 7 Professional or greater) to try deployment of ASP.NET.

•Visual Studio 2008 (You can use Express edition for study), I recommend standard edition or greater for serious web development

August 13, 2009


Requirement – Software (cont’)

• Internet browses. I suggest you install latest Internet Explorer, Firefox/Mozilla, Google Chrome and Opera version

•MSDN as documentation•Word Processing software (MS Word) to

help documenting and creating specification

August 13, 2009


Practice – ASP.NET Web Project

August 13, 2009


Practice – ASP.NET Web Project -

August 13, 2009

Result in browser :


Practice – ASP.NET Web Project

•Demo to create a new web project

August 13, 2009


Concept - Controls

•Consists of user and server controls•Server controls are run and draw HTML.

It is usually HTML elements such as textbox

•User controls are custom and reusable controls that using same techniques to use ASP.NET web pages

August 13, 2009


Practice – Use Server Controls

August 13, 2009



August 13, 2009

Result in browser



•Demo to use server controls and run it

August 13, 2009


Concept – ASP.NET Events

•Every ASP.NET objects have events. •Common events on every objects : loaded•You can use events to interact with user

August 13, 2009


Practice – ASP.NET Events

•Double click the page•In the Page_Load method add statement :

TextBox1.Text = "Ini hasil dari page load";

•Run it

August 13, 2009


Practice – More events

•Drag and drop Button from toolbox to web designer

•Double click button control•Inside method click, fill with these

statementsTextbox1.Text = “Click from Button”

•Run it

August 13, 2009


Concept – ASP.NET Datasource

•ASP.NET can manipulate data from various source, eg: Database, XML, File, Objects

•It is useful when building serious application that can handle data.

•ASP.NET can access data using built in server control or make your own mechanism.

August 13, 2009


Concept - Gridview

•It is a server control that helps to display data from datasource

•It is a tabular that contains header and body. Usually header is column name and body is data itself

August 13, 2009


Practice – Make database and table•Database can be SQL Server or Access. I

recommend using SQL Server if available.•Create a table of “Student” that contains

columns of “no” and “name”. •Fill that tables with any data

August 13, 2009


Practice – Prepare Pages for Data•Drag and drop GridView from toolbox to

web designer•Drag and drop Datasource that is match

with your database. SQLDataSource for SQL Server and AccessDataSource for MS Access from toolbox to web designer

August 13, 2009


Practice – Use GridView

•Run datasource wizard to get database and tables.

•Choose Gridview datasource to ID of DataSource used.

•Run it

August 13, 2009


Practice – Gridview with AutoFormat

•Select Gridview•Choose Autoformat from context menu•Choose format do you like •Run it

August 13, 2009


Practice – Respond to Gridview Event

•Add textbox to Designer•Add enable selection from Gridview menu•Double click GridView•Inside methods add statement

▫ string teks = GridView1.Rows[GridView1.SelectedIndex].Cells[2].Text;

▫ TextBox2.Text = teks;

•Run it

August 13, 2009


Practice – Use Dropdownlist

•Drag and drop dropdownlist from toolbox to designer

•Open choose data source menu•Choose datasource you built•Choose nama to display and close•Run It

August 13, 2009


Concept – Checkbox

•Useful for multiple selection•Use CheckboxList if you have data source

ready and Checkbox if you build your own

August 13, 2009


Concept – RadioButton

•Useful for single selection and flag•Use RadiobuttonList if you have data

source ready and RadioButton if you build your own

August 13, 2009


Practice – Checkbox and RadioButton

•Add those controls to designers•If you have datasource on it, please use

their “list” version, If not just use the general

•Add datasource of you use the “list” version, otherwise type manually.

•Add group name on radiobutton•Run it

August 13, 2009


Concept - Image

•The control will display image to browser•Supported format : GIF, JPEG, WMF, PNG•Size is various

August 13, 2009


Practice - Image

•Get any images from internet or offline•Drag and drop image control from toolbox

to designer•Copy image to Visual Studio project•On ImageURL, choose that image•Run it

August 13, 2009


Concept – Page Navigation

•Page navigation means moving from page to page

•Another page has different controls•You can use Hyperlink or built your own

custom navigation

August 13, 2009


Concept – Hyperlink

•It is a control to navigate between page•Since it is server control, you can change

dynamically the URL

August 13, 2009


Practice - Navigation

•Create a new ASPX page•Add any controls that you like•Back to default.aspx•Drag and drop Hyperlink from toolbox to

web designer•Fill NavigateURL property with new ASPX

page•Run it

August 13, 2009


Concept – Calendar control

•It is a server control that display calendar and current date from this computer

•It can change current date on calendar but not change computer date time value

August 13, 2009


Practice - Calendar

•Drag and drop calendar from toolbox to designer

•Choose calendar formatting from AutoFormat menu

•Run it

August 13, 2009


Concept – State Management

•Data is lost when navigating from page to page.

•Help to maintain state on web•Usually use ASP.NET Session or Cookies

August 13, 2009


Concept - Cookies

•It is a little information saved on the browser

•Contains of information and expiration•Information stored is very limited•It is gone when expire or erased. •Browser shutdown, it is always there

August 13, 2009


Concept - Session

•It is information that store in server•Contain information and have

timeout/expire•Information store can be huge. •It is not intended to store big data or

replacement of database•Browser shutdown, session is gone

August 13, 2009


Practice - Session•Goto default.aspx•Find methods that gridview selection changed•Add statement below

▫ Session["Nama"] = teks;•Goto new aspx page•Double click the designer so it can generate

page_load methods•Add statement below

▫ Response.Write(Session["Nama"]);•Run it

August 13, 2009


Practice - Session

•Select from gridview and then go to another page

•Shutdown browser•Run again and goto your new page

August 13, 2009


Reference

•MSDN Documentation. http://msdn.microsoft.com/library

•ASP.NET Quickstart•http://asp.net

August 13, 2009


http://msdn.microsoft.com/library

For more information

•Blogs : http://nickotech2000.blogspot.com•Website : http:// nickosatria.com•Phone : +628175151219•This slide can get online on

http://slideshare.com/nickotech2000

August 13, 2009


asp.net concept and practice

Technology