58- ASP.net Concepts

ASP.NET Concept and Practice for beginners

August 13, 2009 Nicko 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


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


Practice - HTML

• HTML is a document layout.

• Dem0 how to make a very simple HTML pages


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


Concept – Visual Studio 2008


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


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


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


Practice – ASP.NET Web Project


Practice – ASP.NET Web Project -

August 13, 2009

Result in browser :

Nicko Satria Utama, MCTS

Practice – ASP.NET Web Project

• Demo to create a new web project


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


Practice – Use Server Controls



August 13, 2009

Result in browser

Nicko Satria Utama, MCTS


• Demo to use server controls and run it


Concept – ASP.NET Events

• Every ASP.NET objects have events.

• Common events on every objects : loaded

• You can use events to interact with user


Practice – ASP.NET Events

• Double click the page

• In the Page_Load method add statement : TextBox1.Text = "Ini hasil dari page load";

• Run it


Practice – More events

• Drag and drop Button from toolbox to web designer

• Double click button control

• Inside method click, fill with these statements

Textbox1.Text = “Click from Button”

• Run it


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.


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


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


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


Practice – Use GridView

• Run datasource wizard to get database and tables.

• Choose Gridview datasource to ID of DataSource used.

• Run it


Practice – Gridview with AutoFormat

• Select Gridview

• Choose Autoformat from context menu

• Choose format do you like

• Run it


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


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


Concept – Checkbox

• Useful for multiple selection

• Use CheckboxList if you have data source ready and Checkbox if you build your own


Concept – RadioButton

• Useful for single selection and flag

• Use RadiobuttonList if you have data source ready and RadioButton if you build your own


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


Concept - Image

• The control will display image to browser

• Supported format : GIF, JPEG, WMF, PNG

• Size is various


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


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


Concept – Hyperlink

• It is a control to navigate between page

• Since it is server control, you can change dynamically the URL


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


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


Practice - Calendar

• Drag and drop calendar from toolbox to designer

• Choose calendar formatting from AutoFormat menu

• Run it


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


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


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


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


Practice - Session

• Select from gridview and then go to another page

• Shutdown browser

• Run again and goto your new page


Reference

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

• ASP.NET Quickstart

• http://asp.net


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


Documents

58- ASP.net Concepts