ASP.NET <br />Concept and Practice for beginners<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
Concept – What is ASP.NET?<br />ASP.NET is a web application <br />ASP.NET runs on .NET platform<br />ASP.NET can build us...
Concept – What is ASP.NET?<br />ASP.NET contains HTML as a document layout, server side controls, style sheets, client scr...
Practice - HTML<br />HTML is a document layout. <br />Dem0 how to make a very simple HTML pages<br />August 13, 2009<br />...
Concept – Visual Studio 2008<br />It is an IDE or tool helps to design, visualize, develop and deploy ASP.NET<br />It is c...
Concept – Visual Studio 2008<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
Requirement - Hardware<br />Windows XP or later compatible hardware.<br />RAM minimum 1 GB (Recommend 2 GB)<br />Hard disk...
Requirement – Software	<br />Windows XP or Vista or 7.<br />Recommend that has IIS on the edition. (XP Professional, Vista...
Requirement – Software (cont’)<br /> Internet browses. I suggest you install latest Internet Explorer, Firefox/Mozilla, Go...
Practice – ASP.NET Web Project<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
Practice – ASP.NET Web Project -<br />August 13, 2009<br />Result in browser :<br />Nicko Satria Utama, MCTS<br />
Practice – ASP.NET Web Project<br />Demo to create a new web project<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
Concept - Controls<br />Consists of user and server controls<br />Server controls are run and draw HTML. It is usually HTM...
Practice – Use Server Controls<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
Practice – Use Server Controls<br />August 13, 2009<br />Result in browser<br />Nicko Satria Utama, MCTS<br />
Practice – Use Server Controls<br />Demo to use server controls and run it<br />August 13, 2009<br />Nicko Satria Utama, M...
Concept – ASP.NET Events<br />Every ASP.NET objects have events. <br />Common events on every objects : loaded<br />You ca...
Practice – ASP.NET Events<br />Double click the page<br />In the Page_Load method add statement :<br />TextBox1.Text = &qu...
Practice – More events<br />Drag and drop Button from toolbox to web designer <br />Double click button control<br />Insid...
Concept – ASP.NET Datasource<br />ASP.NET can manipulate data from various source, eg: Database, XML, File, Objects<br />I...
Concept - Gridview<br />It is a server control that helps to display data from datasource<br />It is a tabular that contai...
Practice – Make database and table<br />Database can be SQL Server or Access. I recommend using SQL Server if available.<b...
Practice – Prepare Pages for Data<br />Drag and drop GridView from toolbox to web designer<br />Drag and drop Datasource  ...
Practice – Use GridView<br />Run datasource wizard to get database and tables.<br />Choose Gridviewdatasource to ID of Dat...
Practice – Gridview with AutoFormat<br />Select Gridview<br />Choose Autoformat from context menu<br />Choose format do yo...
Practice – Respond to Gridview Event<br />Add textbox to Designer<br />Add enable selection from Gridview menu<br />Double...
Practice – Use Dropdownlist<br />Drag and drop dropdownlist from toolbox to designer<br />Open choose data source menu<br ...
Concept – Checkbox<br />Useful for multiple selection<br />Use CheckboxList if you have data source ready and Checkbox if ...
Concept – RadioButton<br />Useful for single selection and flag<br />Use RadiobuttonList if you have data source ready and...
Practice – Checkbox and RadioButton<br />Add those controls to designers<br />If you have datasource on it, please use the...
Concept - Image<br />The control will display image to browser<br />Supported format : GIF, JPEG, WMF, PNG<br />Size is va...
Practice - Image<br />Get any images from internet or offline<br />Drag and drop image control from toolbox to designer<br...
Concept – Page Navigation<br />Page navigation means moving from page to page<br />Another page has different controls<br ...
Concept – Hyperlink<br />It is a control to navigate between page<br />Since it is server control, you can change dynamica...
Practice - Navigation<br />Create a new ASPX page<br />Add any controls that you like<br />Back to default.aspx<br />Drag ...
Concept – Calendar control<br />It is a server control that display calendar and current date from this computer<br />It c...
Practice - Calendar<br />Drag and drop calendar from toolbox to designer<br />Choose calendar formatting from AutoFormat m...
Concept – State Management<br />Data is lost when navigating from page to page.<br />Help to maintain state on web<br />Us...
Concept - Cookies<br />It is a little information saved on the browser<br />Contains of information and expiration<br />In...
Concept - Session<br />It is information that store in server<br />Contain information and have timeout/expire<br />Inform...
Practice - Session<br />Goto default.aspx<br />Find methods that gridview selection changed<br />Add statement below<br />...
Practice - Session<br />Select from gridview and then go to another page<br />Shutdown browser<br />Run again and goto you...
Reference<br />MSDN Documentation. http://msdn.microsoft.com/library<br />ASP.NET Quickstart<br />http://asp.net<br />Augu...
For more information<br />Blogs : http://nickotech2000.blogspot.com<br />Website : http:// nickosatria.com<br />Phone : +6...
Upcoming SlideShare
Loading in...5
×

ASP.NET Concept and Practice

1,583

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,583
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ASP.NET Concept and Practice

  1. 1. ASP.NET <br />Concept and Practice for beginners<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  2. 2. Concept – What is ASP.NET?<br />ASP.NET is a web application <br />ASP.NET runs on .NET platform<br />ASP.NET can build using many language such as VB.NET, C#.NET, C++.NET<br />ASP.NET can be viewed on most browser such as Internet Explorer, Firefox/Mozilla, Google Chrome and Opera<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  3. 3. Concept – What is ASP.NET?<br />ASP.NET contains HTML as a document layout, server side controls, style sheets, client scripts and many more.<br /> ASP.NET is stateless<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  4. 4. Practice - HTML<br />HTML is a document layout. <br />Dem0 how to make a very simple HTML pages<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  5. 5. Concept – Visual Studio 2008<br />It is an IDE or tool helps to design, visualize, develop and deploy ASP.NET<br />It is composed of severals elements like Menu toolbar, Standard toolbar, various tool, text editor and designer<br />The tools appears based on project or file types <br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  6. 6. Concept – Visual Studio 2008<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  7. 7. Requirement - Hardware<br />Windows XP or later compatible hardware.<br />RAM minimum 1 GB (Recommend 2 GB)<br />Hard disk minimum 160 GB <br />Intel/AMD no problem at least 2 GHz or better to accelerate compiler process<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  8. 8. Requirement – Software <br />Windows XP or Vista or 7.<br />Recommend that has IIS on the edition. (XP Professional, Vista Business or greater, Win 7 Professional or greater) to try deployment of ASP.NET.<br />Visual Studio 2008 (You can use Express edition for study), I recommend standard edition or greater for serious web development<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  9. 9. Requirement – Software (cont’)<br /> Internet browses. I suggest you install latest Internet Explorer, Firefox/Mozilla, Google Chrome and Opera version<br />MSDN as documentation<br />Word Processing software (MS Word) to help documenting and creating specification<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  10. 10. Practice – ASP.NET Web Project<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  11. 11. Practice – ASP.NET Web Project -<br />August 13, 2009<br />Result in browser :<br />Nicko Satria Utama, MCTS<br />
  12. 12. Practice – ASP.NET Web Project<br />Demo to create a new web project<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  13. 13. Concept - Controls<br />Consists of user and server controls<br />Server controls are run and draw HTML. It is usually HTML elements such as textbox<br />User controls are custom and reusable controls that using same techniques to use ASP.NET web pages<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  14. 14. Practice – Use Server Controls<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  15. 15. Practice – Use Server Controls<br />August 13, 2009<br />Result in browser<br />Nicko Satria Utama, MCTS<br />
  16. 16. Practice – Use Server Controls<br />Demo to use server controls and run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  17. 17. Concept – ASP.NET Events<br />Every ASP.NET objects have events. <br />Common events on every objects : loaded<br />You can use events to interact with user<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  18. 18. Practice – ASP.NET Events<br />Double click the page<br />In the Page_Load method add statement :<br />TextBox1.Text = &quot;Inihasil dari page load&quot;;<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  19. 19. Practice – More events<br />Drag and drop Button from toolbox to web designer <br />Double click button control<br />Inside method click, fill with these statements<br />Textbox1.Text = “Click from Button”<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  20. 20. Concept – ASP.NET Datasource<br />ASP.NET can manipulate data from various source, eg: Database, XML, File, Objects<br />It is useful when building serious application that can handle data.<br />ASP.NET can access data using built in server control or make your own mechanism.<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  21. 21. Concept - Gridview<br />It is a server control that helps to display data from datasource<br />It is a tabular that contains header and body. Usually header is column name and body is data itself<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  22. 22. Practice – Make database and table<br />Database can be SQL Server or Access. I recommend using SQL Server if available.<br />Create a table of “Student” that contains columns of “no” and “name”. <br />Fill that tables with any data<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  23. 23. Practice – Prepare Pages for Data<br />Drag and drop GridView from toolbox to web designer<br />Drag and drop Datasource that is match with your database. SQLDataSource for SQL Server and AccessDataSource for MS Access from toolbox to web designer<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  24. 24. Practice – Use GridView<br />Run datasource wizard to get database and tables.<br />Choose Gridviewdatasource to ID of DataSource used. <br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  25. 25. Practice – Gridview with AutoFormat<br />Select Gridview<br />Choose Autoformat from context menu<br />Choose format do you like <br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  26. 26. Practice – Respond to Gridview Event<br />Add textbox to Designer<br />Add enable selection from Gridview menu<br />Double click GridView<br />Inside methods add statement<br />string teks = GridView1.Rows[GridView1.SelectedIndex].Cells[2].Text;<br />TextBox2.Text = teks;<br />Run it <br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  27. 27. Practice – Use Dropdownlist<br />Drag and drop dropdownlist from toolbox to designer<br />Open choose data source menu<br />Choose datasource you built<br />Choose nama to display and close<br />Run It<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  28. 28. Concept – Checkbox<br />Useful for multiple selection<br />Use CheckboxList if you have data source ready and Checkbox if you build your own <br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  29. 29. Concept – RadioButton<br />Useful for single selection and flag<br />Use RadiobuttonList if you have data source ready and RadioButton if you build your own<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  30. 30. Practice – Checkbox and RadioButton<br />Add those controls to designers<br />If you have datasource on it, please use their “list” version, If not just use the general<br />Add datasource of you use the “list” version, otherwise type manually.<br />Add group name on radiobutton<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  31. 31. Concept - Image<br />The control will display image to browser<br />Supported format : GIF, JPEG, WMF, PNG<br />Size is various<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  32. 32. Practice - Image<br />Get any images from internet or offline<br />Drag and drop image control from toolbox to designer<br />Copy image to Visual Studio project<br />On ImageURL, choose that image<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  33. 33. Concept – Page Navigation<br />Page navigation means moving from page to page<br />Another page has different controls<br />You can use Hyperlink or built your own custom navigation<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  34. 34. Concept – Hyperlink<br />It is a control to navigate between page<br />Since it is server control, you can change dynamically the URL<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  35. 35. Practice - Navigation<br />Create a new ASPX page<br />Add any controls that you like<br />Back to default.aspx<br />Drag and drop Hyperlink from toolbox to web designer<br />Fill NavigateURL property with new ASPX page<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  36. 36. Concept – Calendar control<br />It is a server control that display calendar and current date from this computer<br />It can change current date on calendar but not change computer date time value<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  37. 37. Practice - Calendar<br />Drag and drop calendar from toolbox to designer<br />Choose calendar formatting from AutoFormat menu<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  38. 38. Concept – State Management<br />Data is lost when navigating from page to page.<br />Help to maintain state on web<br />Usually use ASP.NET Session or Cookies<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  39. 39. Concept - Cookies<br />It is a little information saved on the browser<br />Contains of information and expiration<br />Information stored is very limited<br />It is gone when expire or erased. <br />Browser shutdown, it is always there<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  40. 40. Concept - Session<br />It is information that store in server<br />Contain information and have timeout/expire<br />Information store can be huge. <br />It is not intended to store big data or replacement of database<br />Browser shutdown, session is gone<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  41. 41. Practice - Session<br />Goto default.aspx<br />Find methods that gridview selection changed<br />Add statement below<br />Session[&quot;Nama&quot;] = teks;<br />Goto new aspx page<br />Double click the designer so it can generate page_load methods<br />Add statement below<br />Response.Write(Session[&quot;Nama&quot;]);<br />Run it<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  42. 42. Practice - Session<br />Select from gridview and then go to another page<br />Shutdown browser<br />Run again and goto your new page<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  43. 43. Reference<br />MSDN Documentation. http://msdn.microsoft.com/library<br />ASP.NET Quickstart<br />http://asp.net<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  44. 44. For more information<br />Blogs : http://nickotech2000.blogspot.com<br />Website : http:// nickosatria.com<br />Phone : +628175151219<br />This slide can get online on http://slideshare.com/nickotech2000<br />August 13, 2009<br />Nicko Satria Utama, MCTS<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×