Lecture-15Course: Web Systems and Technologies

University: Muhammad Nawaz Sharif University of Agriculture Multan

Course Code: IT-301

Credit Hours: 3(2+1)

Prerequisites: Database Systems

Recommended Text Book:

  1. Web Application Architecture: Principles, protocols and practices by Leon Shklar and Richard Rosen, Wiley; 2nd Edition (May 5, 2009). ISBN-10: 047051860X
  2. Web Technologies: A Computer Science Perspective by Jeffrey C. Jackson, Prentice Hall; 1 st Edition (August 27, 2006). ISBN-10: 0131856030147
  3. Web Technologies by Uttam Kumar Roy, Oxford University Press, USA (June 13, 2011). ISBN-10: 0198066228

Reference Books/Material: 

  1. Web Engineering: A Practitioners’ Approach, Roger S. Pressman, McGraw Hill (2008) or Latest Edition
  2. Ivon Bayross. Web enabled Commercial application development using HTML, DHTML, JAVASCRIPT, BPS Publications.
  3. Web Engineering, Emilia Mendes and Nile Mosley, Springer Verlag, (2010) or Latest Edition.
  4. Web Engineering, by Gerti Kappel, Birgit Proll, Siegfried Reich, Werner Retschitzegger, John Wiley & Sons; ISBN: 3-89864-234-8
  5. Beginning HTML, XHTML,CSS and JavaScript, by Jon Duckett, Wiley Publishing; 2009, ISBN: 978-0-470-54070-1.
  6. Beginning PHP programming, by Matt Doyle, Wrox publishers, 2009, ISBN: 0470413964
  7. Beginning PHP and MySQL by W. Jason Gilmore, Apress publisher, 4th edition; 2010, ISBN-13 (electronic): 978-1-4302-3115-8.
  8. https://www.w3schools.com/
  9. https://secure.php.net/
  10. https://github.com/php

Marks Distribution: Mid Term – 12 Marks | Final Term – 24 Marks | Sessionals (Homework, Classwork, Labwork, Quizzes, Presentations, Project , Attendance) – 4 Marks | Practical+Viva – 20 Marks|  Total – 60 Marks

Topics Covered ( 45 Lectures Plan)
Lect.# Lecture Topics A/Q/P
01  Introduction to Web Systems & Technologies – Course Overview & Grading Scheme  Lecture-1, Groups & Semester Projects
02  The Web Application Development Process Models  Lecture-2Tentative Semester Project Schedule
03  Introduction to HTML – Page Structure & Formatting  Lecture-3, Assignment-1, Assignment Top Sheet
04  HTML Links Building, Directory Structure & Navigation  Lecture-4, Help Related Assignment-1
05  Multimedia Integration in HTML  Lecture-5,
06  Tables in HTML  Lecture-6,
07  HTML Forms  Lecture-7, Group Presentations & Topics
08  HTML Form Elements  Lecture-8, Assignment-2
09  Introduction to CSS – Types  Lecture-9
10  CSS Properties  Lecture-10
11  Building Page Layout Using CSS  Lecture-11
12  One Page Website Layout Design Test by using HTML+CSS  Lecture-12
13  Implementation & Testing Web Applications  Lecture-13
14  Bootstrap Presentations  Lecture-14
15  Bootstrap Presentations  Lecture-15
16  Bootstrap Presentations  Lecture-16
17  Ajax Presentations  Lecture-17
18  Ajax Presentations  Lecture-18
19  Introduction to JavaScript  Lecture-19
20  JavaScript DOM  Lecture-20Assignment-3
21  Working with background and images  Lecture-21
22  History, Navigator, Screen and Form objects  Lecture-22
23  Web Security  Lecture-23
24  Quick Overview to JQuery  Lecture-24
25  Introduction to PHP-1  Lecture-25
26  Introduction to PHP-2  Lecture-26
27  Passing Variables between Pages & Sessions  Lecture-27
28  Validating Users Input  Lecture-28
29  Database Connectivity in PHP  Lecture-29
30  File Uploading in PHP  Lecture-30
31  Retrieving Data from Database  Lecture-31
32  Deleting and Updating Records in MySQL using PHP  Lecture-32
33  Connections – A Web Application  Lecture-33
34  TCP/IP Application Services  Lecture-34
35  Virtual Hosting, Chunked Transfer and Caching Support  Lecture-35
36  Web Services: SOAP, REST, WML, XSL. Lecture-36
37  Web Browsers Architecture and Processes Lecture-37
38  Quick Overview to JSON Lecture-38
39  Search Technologies Lecture-39
40  Search Engine Optimization (SEO) Lecture-40
41  The Semantic Web Lecture-41
42  XML the Query Language Lecture-42
43  HTTP Request and Responses Lecture-43
44  Cookies Coordination Lecture-44
45  Future Web Application Framework Lecture-45

Presentation: Presentations will be started after Mid Terminal Exam. Every Group present their own ‘Semester Project’ with following detailed points

  1. Existing System
  2. Proposed System + Scope of the Project
  3. Innovation
  4. Database Entity Relationship Diagram
  5. Full Project Demo (Design + Code)

I pray that Allah give you the strength and wisdom to learn.