cse308_Web_Base_Application_Development

=CSE308: Web Based Application Development=

Program:
BS(CS)

Semester:
Fall 2011

Instructor:
Nasrullah Khan

**Course Lead:**
Nasrullah Kahn

**Credit Hours:**
4 (3 credit hours for theory + 1 credit hour for lab)

Prerequisite(s):
CSE141, CSE145

Course Description:
The aim of this course is to provide an introduction and overview of the technology and design issues involved in building web applications. The development of web based application is mandatory in this course. This course covers the use and general format of principal Internet communication protocols; the purpose, strengths, and weaknesses of client-side program components and server-side program components, including .NET technology and the structure of three-tier and N-tier web-based applications and required software components. Students are required to develop small web-based applications and a server application to provide complete system functionality by using appropriate methodology for design, development, and testing of web-based applications.

Course Objectives:
At the end of this course, students should be able to
 * Create a Web application architecture that is maintainable and extensible.
 * Describe the elements of a well-designed application using ASP.NET.
 * Implement best practices for creating data access logic components.
 * Create a well-designed data abstraction layer to maximize code reusability.
 * Use object-oriented techniques to build an extensible modular design. to
 * Develop real web applications using web-based environments and web programming languages.

Books:
Imar Spaanjaars, Beginning ASP.NE T 4 in C# and VB ,Willey Publications

Glenn Johnson and Tony Northrup,Microsoft .NET FRAMEWORK 2.0 Web-Based Client Development,Microsoft(Training Kit)

Web Resources:
http://iba-s1-cse308.wikispaces.com/

Grading Policy:

 * **Assessment Method** || **Contribution to the final mark** ||
 * Mid Term Examinations: || 40% (20 + 20) ||
 * Final Examination: || 30% ||
 * Quizzes: || 10% ||
 * Assignment / Mini Project: || 20% ||

Uploaded Reference Course Outline:

 * //Week// || //Topics to be covered (tentative)// ||
 * 1 || **Introduction to web based application Development:** ||
 * 2 || **Hypertext Markup Language 4 and 5 and Architecture of web applications** ||
 * 3 || **Designing Web application and user interface** ||
 * 4 || **Cascading Style sheets** ||
 * 5 || **Working with ASP.NET server Controls and XML** ||
 * 6 || **Programming ASP.NET Web Pages with C#:** ||
 * 7 || **Master Pages and Themes** ||
 * 8 || **Web Page life cycle and Navigation and Validating user inputs:** ||
 * 9 || **Ajax and Java Scripting** ||
 * 10 || **ADO.NET** ||
 * 11 || **Personalization** ||
 * 12 || **State Management:** ||
 * 13 || **Web Security, Privacy and Policies** ||
 * 14 || **Deployment of a web site** ||

Class Time Spent On (In Credit Hours):
Theory: 2.0 Practical: 1.0


 * ==**Topics Covered in the Course **== ||

ADOCODE.doc Northwind.mdb || OnlineCatalog.rar ||
 * **S.NO** || **DATE** || **Lecture Topic** || **Recommended Readings** || **Attachments** || **Activity** ||
 * 1 || 08 sep 2011 || Introduction to "Web base Application Development "
 * why web based application development?
 * (world wide web)web?
 * internet & intranet?
 * http protocol?
 * client server architecture?( web browser---webserver)
 * what is staic web page and how are static web page served?
 * what is dynamic web page and how are dynamic page served? || [[image:https://www.wikispaces.com/i/mime/32/application/pdf.png width="32" height="32"]] Chap 1.pdf || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/LECTURE1-HTML.pptx"]] LECTURE1-HTML.pptx ||  ||
 * 2 || 12 sep 2011 || " HYPER TEXT MARK UP LANGUAGE", , ,,, ,,,, , , ,
 * client side tecnologies(java script)
 * server side technologies(ASP.NET) || w3school.com ||  || practice HTML ON NOTE PAD AND VISUAL STUDIO 2010 IN LAB ||
 * 3 || 15 sep 2011 || * HTML and asp.net server controls.
 * simple web theory(client-server relationship)
 * http a stateless protocol || PLEASE, Read and try to do all "TRY OUTS" of CH 2 on visual studio before attending the class . and add CSE308"WEB BASE APPLICATION DEVELOPMENT" on your facebook account. || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/lecture-3.pptx"]] lecture-3.pptx ||  ||
 * 4 || 19 sep 2011 || <asp:textbox),<asp:label)list controls(asp:dropdownlist),(asp:checkboxlist),panel control httpRequest,httpResponse use of querystring ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32" link="/file/view/Class-Activity_1.docx"]] Class-Activity_1.docx ||
 * 5 || 22 sep 2011 || c# data ypes,array,loop,foreach wizard control ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32" link="/file/view/Activity2_%2821-09-2011%29.docx"]] Activity2_(21-09-2011).docx disscus linkButton,imagebutton,imagemap calendar ,Fileupload,Adrotator,hiddenfile,xml table,web parts,login controls,data controls ||
 * 6 || 26 sep 2011 || httpRequesthttpResponse(header,requestLine,http body),error codes,url encoding,viewstate ||  || [[image:https://www.wikispaces.com/i/mime/32/empty.png width="32" height="32" link="/file/view/lecture6.ppt"]] lecture6.ppt || [[image:https://www.wikispaces.com/i/mime/32/application/msword.png width="32" height="32" link="/file/view/Activity3.doc"]] Activity3.doc (Activity submission 29-09-2011(10:45 am)) [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/SpecializedWebControls.rar"]] SpecializedWebControls.rar quiz 1 for specializeWebControls on 3-10-2011 ||
 * 7 || 29 sep 2011 || Cascading style sheet ||  || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/css.pptx"]] css.pptx || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32" link="/file/view/Activity4.docx"]] Activity4.docx ||
 * 8 || 3 oct 2011 || Cascading style sheet || [[image:https://www.wikispaces.com/i/mime/32/text/plain.png width="32" height="32" link="/file/view/styles.txt"]] styles.txt || [[image:https://www.wikispaces.com/i/mime/32/empty.png width="32" height="32" link="/file/view/css_intro.ppt"]] css_intro.ppt || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] Activity 5.docx ||
 * 9 || 6 oct 2011 || MASTER PAGES,THEMES,PAGE LIFE CYCLE. || read ch 6"creating consistent looking web sites" before attending the lecture || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/MasterPageDemoNew.rar"]] MasterPageDemoNew.rar [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/MasterPageDemo.rar"]] MasterPageDemo.rar [[image:https://www.wikispaces.com/i/mime/32/empty.png width="32" height="32" link="/file/view/SQL2000SampleDb.msi"]] SQL2000SampleDb.msi || [[image:https://www.wikispaces.com/i/mime/32/empty.png width="32" height="32"]] MASTER PAGES.ppt[[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] Activity 6.docx ||
 * 10 || 10 oct 2011 || Navigation of Site,SITEMAP,__**SITEMAPDATA**__ SOURCE CONTROL,TreeView Control, Menu control) ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/PlanetWrox.rar"]] PlanetWrox.rar ||
 * 11 || 20 oct 2011 || Relational Databases,SQL ||  ||   ||   ||
 * 12 || 27 oct 2011 || Displaying and updating data data source cotrols(SqlDataSourceContol,AccessDataSource contol data bound controls(Gridview,repeater,listView contols) ||  || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] Activity 7.docx || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/MasterPages.rar"]] MasterPages.rar ||
 * 13 || 31 Oct 2011 || Detail view control,ConnectionString < web.config> ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/msword.png width="32" height="32"]] Activity 8.doc [[image:https://www.wikispaces.com/i/mime/32/application/msword.png width="32" height="32"]] Activity 9.doc ||
 * 14 || 3 Nov 2011 ||  ||   ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32" link="/file/view/Activity10.docx"]] Activity10.docx [[image:https://www.wikispaces.com/i/mime/32/application/msword.png width="32" height="32"]] Activity 11.doc ||
 * || 10 Nov 2011 || **__ CLASS CANCELED __** ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] Activity 12.docx ||
 * 15 || 13 NOV || Entityfram work model,LINQ ||  || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/ch14.pptx"]] ch14.pptx ||   ||
 * 16,17 || 17 Nov 2011 ||  || Presentations and quiz ||   ||   ||
 * 18 || 20 Nov 2011 || Security of web Site ||  || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/Scurity.pptx"]] Scurity.pptx || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] Activity 13.docx [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32"]] Chapter 06.rar ||
 * 19 || 1 dec 2011 || Data access by ADO.NET CLASSES SYSTEM.DATA, Sqlconnection,sqlcommand,sqlreader, sqlAdapter ||  || [[image:https://www.wikispaces.com/i/mime/32/application/octet-stream.png width="32" height="32" link="/file/view/northwnd.mdf"]] northwnd.mdf
 * 20,21 || 8 dec 2011 || ADO.NET ||  ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/ADO.NET.pptx"]] ADO.NET.pptx ||
 * 22 || 12 Dec 20011 || AJAX UpdatePanel control,script Manager ||  || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/AJAX_PRACTICE.rar"]] AJAX_PRACTICE.rar || [[image:https://www.wikispaces.com/i/mime/32/empty.png width="32" height="32" link="/file/view/AJAX_CSE308_.ppt"]] AJAX_CSE308_.ppt ||
 * 23 || 15 Dec 2011 || Quiz (Business logic layer Web Site Deployment ||  || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32" link="/file/view/Quiz2_BLL.rar"]] Quiz2_BLL.rar [[image:https://www.wikispaces.com/i/mime/32/application/msword.png width="32" height="32"]] Quiz 2.doc || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32"]] Deployment of WebSite.pptx ||
 * 24 ||  || Security in web site ||   ||   ||   ||
 * 25 ||  || Deployment of web site ||   || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32"]] Deployment of WebSite.pptx ||   ||
 * 26 ||  ||   ||   ||   ||   ||
 * 27 || 29 Dec 2011 || personalizing web sites || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.wordprocessingml.document.png width="32" height="32"]] ACTIVITY PERSONALIZATION 1_2.docx || [[image:https://www.wikispaces.com/i/mime/32/application/vnd.openxmlformats-officedocument.presentationml.presentation.png width="32" height="32" link="/file/view/Personalization.pptx"]] Personalization.pptx || [[image:https://www.wikispaces.com/i/mime/32/application/x-rar.png width="32" height="32"]] Chapter 16 ||