University of Central Punjab

Faculty of Information Technology

PROGRAM (S) TO BE
EVALUATED BS (Software Engineering)

A. Course Description

1 NCEAC.FORM.001.C
 Course Code SESD3233
Course Title Web Engineering
Credit Hours 3

Prerequisites by Course(s) and Topics Programming Fundamentals

Quizzes (15%)
Assessment Instruments with Weights Assignments (10%)
(homework, quizzes, midterms, final, Mid Term (20%)
programming assignments, lab work, Final Term (40%)
etc.) Project/Presentations (10%)
Class Activity (5%)

Semester Spring 2022

Course Instructor Mr. Usman Akbar Choudhary
Email rubabjavaid@ucp.edu.pk
Office location Room 109, C-block
Extension #
Course Coordinator Mr. Usman Akbar Ch.
Lab Instructor -
Office Hours Tuesday, Wednesday, Thursday
All the parties involved will be awarded Zero in first instance. Repeat of the same
Plagiarism Policy
offense will result in (F) grade.
This is a course meant to enable and empower students to enter in one of the most
demanded fields in the industry i.e. web application and development. Students
will be able to learn the how to design an effective website.
It would include simple Hypertext markup language, older version and version 5.
Students will learn the layouts of effective websites and beautify it using CSS5.
Students will learn the techniques, pros and cons of; Inline styling, internal styling
as well as cascade style sheets (external styling files).
They will be able to prettify their websites with integrated HCI techniques and
tricks as required by the course.
After making a complete webpage, students will learn the importance of client-
side scripting, how to make their website dynamic?
They will learn basics of JavaScript for validation and basics functions of java
scripting.
Current Catalog Description
After learning the technologies associated with the client-side and server-side
technologies like PHP, MySQL will to develop web applications

In a nutshell, students will learn to;

1) design static and dynamic websites
2) design websites in several famous layouts and understand the concepts
behind those layouts
3) incorporate beautification and more usability using CSS styling
4) design websites in twitter bootstrap for faster and responsive web
application design, as suited for all devices
5) Learn and use basics of JavaScript for validation and manipulating DOM
6) Learn server-side languages like PHP and database solutions in MySQL

The objective of this course is to enable students to understand:

Course Objectives Relation with
Sr. No Objective
PEO
Design interactive website pages with latest HTML
CO1. and CSS standards to become a potential contender PEO1
in the field of static website design
CO2. Design responsive dynamic web application with PEO2
database connectivity as supported by different

2 NCEAC.FORM.001.C

Course Learning Outcomes (CLO)
Course Tools and techniques
Textbook (or Laboratory Manual for
Laboratory Courses)
Reference Material
Course Goals
Topics Covered in the Course, with
Number of Lectures on Each Topic
(assume 15-week instruction and one-
hour lectures)
Programming Assignments Done in
the Course
Class Time Spent on (in credit hours)
Oral and Written Communications
Lecture
Week #
# Used
Introduction to Web Engineering, Introduction to Web Applications, categories and
characteristics of Web applications, web applications vs conventional software, Design
1 1
principles of Web based applications, Static and dynamic websites / contents, Evolution of
Web engineering
3 NCEAC.FORM.001.C
devices and browsers
Incorporate virtues of JS like validation and DOM
CO3 PEO3
manipulation along with cookies and sessions
At the end of this course students will be able to;
Relation with
No. Outcome
PLO
Understanding existing web application against a
CLO1. PLO2
current web standard.
Understanding web standards impact software
CLO2 PLO1
development on multi-tier architecture.
CLO3 Design and implement a simple web application PLO3
Develop the backend of website and connect
CLO4 PLO4, PLO5
database using PHP
Manipulating the HTML page by using JavaScript
CLO5 PLO4, PLO5
to make page more interactive and dynamic
Notepad++, Sublime Text, Local Host (XAMP/WAMP)
 Web Engineering by Rajiv Chopra (2016)
 T. A. Powell and Powell, HTML & CSS the complete reference. New
York: McGraw-Hill, 2010.
 Professional JavaScript for Web Development – Nicholas C. Zakas
 Beginning Ajax with PHP – Lee Babin
 Web Engineering: A Practitioner's Approach by Roger Pressman and
David Lowe, McGraw‐Hill, 2009.
 Lab textbook: Web 2.0 Architectures: What Entrepreneurs and
Information Architects Need to Know by James Governor, Dion
Hinchcliffe, and Duane Nickull, O'Reilly, 2009
 PHP 5 recipes - Lee Babin
 XML Pocket Reference - Oriely
 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.
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.
Attached
Yes
Problem Solution
Theory Social and Ethical Issues
Analysis Design
0.5 1 1 0.5
Evaluation
Topics Covered Instrument
 Internet, Internet Protocols, HTTP: messages, requests, Web standards (W3C), FTP, URL,
2
Web Browser, ISP, Hyperlink, DNS, introduction to web 2.0, 3.0

Web Servers: Basic Operations and messages. Software as a Service (SaaS), Three Tier
3 Quiz 01
Architecture (Client Server), Browser/server communication / storage tier
2 Introduction and History of Markup Languages, Why HTML? Hyper Text Markup
Language (HTML, HTML5), Structure of HTML/HTML5. HTML/HTML 5 tags (Basic): Assignment
4
Comments, Blockquote, bold, italic, underlined, strike, insert-del, superscript, subscript, 01 announced
New line, horizontal line, strong, emp, abbr,

Adding images to the website: Attributes of images: src, height, width, alt and title,
Hyperlinks: anchor tag and attributes, use an image as a link, link to email address, link
5 Quiz 02
titles, HTML Lists: Order List, Unordered List and Description / Definition List
(Attributes and usage), new window and parent window, Div, Span
3

Creating Tables & Table Attributes: Adding & Formatting Rows & Columns (tr, td),
Class
6 Spanning Rows & Columns, Using pixels and percentage on width of table and td, More Activity
on table tags: thead, tfoot, tbody, cell spacing, cell padding,

HTML Forms, drop down menu, check box, radio button, text area and hidden text box. Class
7
validations Activity
4
Introduction to Cascading style sheets (External, inline and internal), Selectors, CSS
8 Quiz 03
Properties (Background, Font, Text properties)
CSS3 Properties (BOX model, Advance Selectors), Margins, Padding, Borders, Assignment
9
5 Positioning, display, align 02 announced
Class
10 Dropdowns, navigation bar, CSS images, CSS forms. Activity
11 Introduction to bootstrap, introduction to bootstrap functions Quiz 04
6
12 Implementation of Progress bars, paginations, and some other properties via bootstrap
Class
13 Grid system and its role in responsive design Activity

7 14 Implementation of responsive design and templates

Java Script: variables, loops, conditional statements, arrays, alert, confirm, prompt.
15
8
Java Script: Validations, Regular Expressions, controlling the status bar, improves browser Class
16 navigation. Activity

MID TERM WEEK

17 Designing the complete front end with examples and templates

10
Javascript Mouse Events, functions, DOM, Basic DOM methods with examples and Assignment
18
practice session 03 announced

Introduction to Serve side languages, PHP, Variables, Loops, Conditions, functions,

19 Quiz 05
regular expressions, validations
11
Arrays, Associative Arrays Include, Require, Class
20
Developing Dynamic Content/Web page using PHP GET, POST Activity

XAMP/WAMP introduction and installation, Creation of databases and tables on local

21 Quiz 06
host, how to export and import database file
12
My SQL, PHP Database Connectivity, PHP – DB (PHP form handling), PHP – Forms, Class
22
GET vs POST Method, Participation

4 NCEAC.FORM.001.C
 Class
23 Insert Record into Database, Read data from Database Activity
13
24 Update and Remove data from Database Quiz 07
Class
25 Upload files and images using PHP Activity

14 Web applications security, security techniques and management, Cookies and Cookies
Assignment
26 Management using PHP, Hidden Tags, Login Management Example using Cookies and 04 announced
Sessions

27 Session Handling, Secure Login Area Management using Sessions, Login, logout Quiz 08
15
28 Localhost vs Real hosting, cPanel introduction
29 CMS : Wordpress / OpenCart (Intro + Installation)
16
30 Revision - Project Presentations

5 NCEAC.FORM.001.C