University of Central Punjab

Faculty of Information Technology

BSCS
PROGRAM (S) TO BE
EVALUATED

A. Course Description

1 NCEAC.FORM.001.C
Course Code CSSE3143
Course Title Web Application Development
Credit Hours 3
Prerequisites by Course(s) and CSCP2034
Topics
Assessment Instruments with Quizzes (15%) + Assignments (15%), Mid Term (20%), Final Term
Weights (homework, quizzes, (35%), Project/Presentations (10%), Class Activity (5%)
midterms, final, programming
assignments, lab work, etc.)
Semester Summer 2023
Course Instructor Mr. Muhammad Umair Munir

Course Coordinator Dr. Saeed Iqbal Khattak

Lab Instructor
Office Hours
Plagiarism Policy All the parties involved will be awarded Zero in first instance. Repeat
of the same offense will result in (F) grade.
Current Catalog Description The course aims to introduce basic concepts that will help students to:
1) Design and implement web based applications architecture
2) Version Control System
3) Design effective, usable and aesthetically pleasing web pages
and websites
4) Understand Internet protocols (i.e. HTTP, TCP/IP etc).
5) Understanding HTML, DHTML, XML, AJAX and CSS
6) Understanding sessions and cookies
7) Understanding PHP, Object Oriented PHP and Database
Connectivity.
8) Web Services (WSDL)
9) HTML5
10) Bootstrap
11) JavaScript
12) PHP
Textbook (or Laboratory Manual  T. A. Powell and Powell, HTML & CSS the complete reference.
for Laboratory Courses) New York: McGraw-Hill, 2010.
 Professional JavaScript for Web Development – Nicholas C. Zakas
 PHP 5 recipes - Lee Babin
 Beginning Ajax with PHP – Lee Babin
 XML Pocket Reference - Oriely
Reference Material  S. Suehring and J. Valade, PHP, MySQL, JavaScript & HTML5 all-
in-one for dummies. 2013.
 L. J. Mitchell, PHP web services: [APIs for the modern web].
Beijing; Sebastopol, Calif.: O’Reilly Media, 2013.
Course Goals This course involves students in designing and writing web-based
software that can communicate across a computer network. The
aim is to write our own objects for the real world Internet
Applications using Java and distributed object technologies that
can be accessed via network transparently. Extensive
programming work will be required for the course.

Topics Covered in the Course, Attached

with Number of Lectures on Each
Topic (assume 15-week instruction

2 NCEAC.FORM.001.C
and one-hour lectures)
Programming Assignments Done Yes
in the Course
Class Time Spent on (in credit Theory Problem Solution Social and Ethical
hours) Analysis Design Issues
0.5 1 1 0.5
Oral and Written Communications

Week # Lecture # Topics Covered

Evaluation Instrument Used
How Does the Internet Work?, How do website actually
work, Introduction and Overview, WWW, Three Tier
1 Architecture, HTTP Protocol, Web Concepts, Uniform
Resource Link (URL), Client/Server Architecture, Web
1 Server
Introduction and History of Markup Languages, Why
HTML?, Hyper Text Markup Language (HTML), HTML
2
tags, Attributes, entities, Tables, Lists and associated
attributes.
Xampp overview and Configuration, PHP Hello World,
3 PHP embedded code in html, XHTML forms and GET VS Assignment 01 announced
POST methods.
2
HTML Forms: drop down menu, check box, radio
4 button, text area and hidden text box.
VCS (Git, Github etc)
Why CSS, types of CSS, CSS Style sheets: Styling
Assignment 01 due
5 Background, text, fonts, links, borders. CSS grouping and
3 Quiz 01
nesting.
6 Class practice session
CSS Style sheets: properties of display, positioning, align,
7
image gallery, Pseudo classes.
4
Java Script in Console using browser: variables, loops,
8
conditional statements, arrays and working with functions.
9 Class Practice session Assignment 02 announced
5
10 Java Script functions and how it works using code Quiz 01 Return
Java Script, Page validation, Regular Expressions, Java Assignment 01 Return
11 Script code reusability, controlling the status bar, improves Assignment 02 due
6 browser navigation. Quiz 02
DOM, Basic DOM methods with examples and practice
12
session
Games in JavaScript – Dice Game, Hide & Seek Game,
13
Hang Man Game.
7 14 Class Practice session
Complete Web Front End Page Design using HTML, CSS,
15
and Java Script.
8 Assignment 02 Return
16 Revision Assignment 03 due
Quiz 03

MID TERM WEEK

Introduction to XAMPP, Apache, MYSQL, PHP, Term Project Announced
17
Variables
10
Data Transfer in PHP using forms,
18
PHP – Forms, GET vs POST Method
3 NCEAC.FORM.001.C
 Cookies and Cookies Management using PHP, Session
19 Handling, Session API in PHP, Hidden Tags, Login
11
Management Example using Cookies and Sessions.
20 Class Practice session
21 PHP and Database class Practice session.
12
22 PHP framework – Object Oriented PHP
Assignment 03 announced
23
13 PHP Arrays and Functions class Practice session. Quiz 02 Return
24 Class Practice session
PHP Database Connectivity,
25 PHP – DB (PHP form handling), redirection, PHP Arrays Quiz 04 Return
14
and function declaration.
26 Data Insertion and Data Selection using PHP
27 Data Deletion and Data Updation using PHP
AJAX and XMHTTPRequest Object, Benefit and usage of
15 AJAX, Traditional VS AJAX server request,
28 Assignment 04 Return
XMLHTTPRequest Object common methods,
Synchronous vs Asynchronous Call, Basic Ajax examples
AJAX – PHP – DOM the way forward. (PHP-file
29
16 handling)
30 Revision Term Project Evaluation

Project Students will design, implement, and demonstrate web application. The project is to be done in groups of
3/4 students. Pick your partner as soon as possible. The groups are self-policing (e.g. each group is responsible for
its own division of labor, scheduling, etc.).

4 NCEAC.FORM.001.C