1. ASP.NET Concept and Practice for beginners August 13, 2009 Nicko Satria Utama, MCTS

2. 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

3. 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 Nicko Satria Utama, MCTS

4. Practice - HTML HTML is a document layout. Dem0 how to make a very simple HTML pages August 13, 2009 Nicko Satria Utama, MCTS

5. 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 Nicko Satria Utama, MCTS

6. Concept – Visual Studio 2008 August 13, 2009 Nicko Satria Utama, MCTS

7. 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 Nicko Satria Utama, MCTS

8. 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 Nicko Satria Utama, MCTS

9. 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 Nicko Satria Utama, MCTS

10. Practice – ASP.NET Web Project August 13, 2009 Nicko Satria Utama, MCTS

11. Practice – ASP.NET Web Project - August 13, 2009 Result in browser : Nicko Satria Utama, MCTS

12. Practice – ASP.NET Web Project Demo to create a new web project August 13, 2009 Nicko Satria Utama, MCTS

13. 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 Nicko Satria Utama, MCTS

14. Practice – Use Server Controls August 13, 2009 Nicko Satria Utama, MCTS

15. Practice – Use Server Controls August 13, 2009 Result in browser Nicko Satria Utama, MCTS

16. Practice – Use Server Controls Demo to use server controls and run it August 13, 2009 Nicko Satria Utama, MCTS

17. 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 Nicko Satria Utama, MCTS

18. Practice – ASP.NET Events Double click the page In the Page_Load method add statement : TextBox1.Text = "Inihasil dari page load"; Run it August 13, 2009 Nicko Satria Utama, MCTS

19. 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 August 13, 2009 Nicko Satria Utama, MCTS

20. 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 Nicko Satria Utama, MCTS

21. 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 Nicko Satria Utama, MCTS

22. 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 Nicko Satria Utama, MCTS

23. 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 Nicko Satria Utama, MCTS

24. Practice – Use GridView Run datasource wizard to get database and tables. Choose Gridviewdatasource to ID of DataSource used. Run it August 13, 2009 Nicko Satria Utama, MCTS

25. Practice – Gridview with AutoFormat Select Gridview Choose Autoformat from context menu Choose format do you like Run it August 13, 2009 Nicko Satria Utama, MCTS

26. 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 Nicko Satria Utama, MCTS

27. 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 Nicko Satria Utama, MCTS

28. Concept – Checkbox Useful for multiple selection Use CheckboxList if you have data source ready and Checkbox if you build your own August 13, 2009 Nicko Satria Utama, MCTS

29. 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 Nicko Satria Utama, MCTS

30. 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 Nicko Satria Utama, MCTS

31. Concept - Image The control will display image to browser Supported format : GIF, JPEG, WMF, PNG Size is various August 13, 2009 Nicko Satria Utama, MCTS

32. 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 Nicko Satria Utama, MCTS

33. 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 Nicko Satria Utama, MCTS

34. Concept – Hyperlink It is a control to navigate between page Since it is server control, you can change dynamically the URL August 13, 2009 Nicko Satria Utama, MCTS

35. 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 Nicko Satria Utama, MCTS

36. 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 Nicko Satria Utama, MCTS

37. Practice - Calendar Drag and drop calendar from toolbox to designer Choose calendar formatting from AutoFormat menu Run it August 13, 2009 Nicko Satria Utama, MCTS

38. 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 Nicko Satria Utama, MCTS

39. 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 Nicko Satria Utama, MCTS

40. 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 Nicko Satria Utama, MCTS

41. 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 Nicko Satria Utama, MCTS

42. Practice - Session Select from gridview and then go to another page Shutdown browser Run again and goto your new page August 13, 2009 Nicko Satria Utama, MCTS

43. Reference MSDN Documentation. http://msdn.microsoft.com/library ASP.NET Quickstart http://asp.net August 13, 2009 Nicko Satria Utama, MCTS

44. 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 Nicko Satria Utama, MCTS