In the name of Allah, the Beneficent, the Merciful

CS3193

Muhammad Zeeshan Sabir

Lecture # 01: Course Policies

 All the lecture related material will be
uploaded on Github
 Follow to get updated lectures.

 https://github.com/mzsabir/WAD-2--FALL-2024

2
 Attendance can be held any time during the
class.
 Students present in the class, will only be
marked as PRESENT

 Make good use of the allowed absentees

3
 It is strictly prohibited to
use phone in the class.

 Keep it in your bag/pocket

 keep it in SILENT mode.

 A penalty could be imposed if

any violation found during.

4
Assessment Marks Total Weight

Quizzes 20 20%

Assignment * 20 20%

1 Midterm 20 20%

1 Final 40 40%

* Viva may be conducted for assignments

 No makeup for Assignment, Quizzes,
Presentations or Exam – No exceptions

 Late Submissions of Assignments will be

accepted with penalty.

6
 Feel free to contact me for any issues that
you may face regarding this course:
▪ Muhammad Zeeshan Sabir

▪ Email: zeeshan.sabir@cust.edu.pk

▪ Office: C Block 2nd floor

7
 This course gives you the overview about:
▪ What is Web Application Programming?
▪ What are front end technologies for Web?
▪ What are the fundamental architectural elements
of web programming to produce dynamic
content?
▪ How to develop web services & Consume APIs?
• HTML
• CSS
• Bootstrap
• Javascript, jQuery
• AJAX and JSON
• PHP/C#
• MySQL
• Laravel
 Recommended Books
▪ PHP and MySQL for Dynamic Web Sites
▪ LARRY ULLMAN
▪ PHP: The Complete Guide for Beginners to
Advanced Detailed Approach
▪ By MG Martin

 Various Web Resources

▪ w3schools.com
 The Internet is a network of networks that uses the
standard Internet Protocol Suite (TCP/IP) to serve
billions of users worldwide.

Wikipedia: http://en.wikipedia.org/wiki/Internet
 The Transmission Control Protocol (TCP) is one of
the core protocols of the Internet Protocol Suite.
 IP protocol used to locate devices/computers on
interent
 Each device has an IP address
 Set of servers that translate names to IP addresses
▪ Example: www.facebook.com → 174.123.78.18

Wikipedia: http://en.wikipedia.org/wiki/Domain_Name_System
 World Wide Web ≠ The Internet
 The Internet is a hardware and software infrastructure that
provides connectivity between computers.
 In contrast, World Wide Web is one of the services that run
on the Internet.

Wikipedia: http://en.wikipedia.org/wiki/World_Wide_Web
  Computer running web server software that listens for web
page requests on TCP port 80
 Popular web server software:
▪ Apache

▪ Microsoft Internet Information Server (IIS)

Wikipedia: http://en.wikipedia.org/wiki/Web_server
  Software application that displays web pages
 Popular Web Browsers:
▪ Mozilla Firefox
▪ Microsoft Internet Explorer (IE): part of Windows
▪ Apple Safari: part of Mac OS
▪ Opera
▪ Google Chrome

Wikipedia: http://en.wikipedia.org/wiki/Web_browser
  HTTP is the foundation of data communication for the World
Wide Web.

 HTTP functions as a request-response protocol in the

client-server computing model.

Wikipedia: http://en.wikipedia.org/wiki/Http_protocol
  The web server returns a special "error code" number to the
browser, possibly followed by an HTML document
 Common Status Codes:
▪ 200 OK
▪ 301 Page has moved
▪ 403 You are forbidden to access this page
▪ 404 Page not found
▪ 500 Internal server error

Wikipedia: http://en.wikipedia.org/wiki/Http_error_codes
  Uniform Resource Locator (URL) is an identifier for the
location of a resource on the Internet.
 Basic URL:
http://www.cust.edu.pk/Faculties/tabid/56/Default.aspx
 Upon entering this URL into the browser, it would:
▪ ask the DNS server for the IP address of www.cust.edu.pk
▪ connect to that IP address at port 80
▪ ask the server to GET /Faculties/tabid/56/Default.aspx
▪ display the resulting page on the screen

Wikipedia: http://en.wikipedia.org/wiki/Url
 Web Browser
Client Side
TCP/IP
• HTML
• CSS HTTP
Database
• JavaScript • MySQL
• Oracle
Web Browser • MS SQL
TCP/IP TCP/IP
Client Side
• HTML HTTP HTTP
DNS
• CSS
Web Pages / Files
• JavaScript

HTTP
Web Browser TCP/IP
Client Side Web Server (Apache or IIS)
• HTML Server Side
• CSS • PHP
• JavaScript • ASP.NET
• JSP/EJB, etc
 The rule-making body of the Web is the W3C.
 W3C stands for the World Wide Web Consortium.
 W3C puts together specifications for Web standards.
 The most essential Web standards are HTML & CSS.
 http://www.w3.org/
BENEFITS LIMITATIONS

 Global Access  Easy to get Lost

 24 Hour Access  Reading on a Computer
 Cross Platform  Limited Attention Span
 Easy to Use  User altered Pages
 Easy to Publish & Update  User Hardware & Software
Limitation
 Distributed
 Security
 Multimedia Capable
 Bandwidth
 Multidisciplinary  Hosted Solution
▪ Programming ▪ Recurring Cost
▪ Domain Expertise ▪ Software is upgraded on the
▪ Usability server and all users get latest
▪ Graphic Design
version
 Integration
▪ Multimedia / Animation
▪ Integration with
▪ Typography
Existing/Legacy Systems
▪ Translation & Languages
▪ Integration with other Web
▪ Content Writing Based Systems
▪ Search Engine Optimzation
 Document Centric
Static Websites
 Interactive / Transactional
Online Banking, Shopping
 Workflow Management
e-Government , B2B
 Collaborative / Portal Oriented
Chatrooms, Forums, Community Portal, Business Portal
 Ubiquitous
Location Aware, Multi-Platform Delivery
 Social Web
User Contributed Content, Blogs, etc
 Semantic Web
Syndication, Knowledge Management
 Static Content

 Content is added by Publisher

 Content is embedded with code

 User can consume all content in a single visit

 Dynamic Content

 Conent is dymaically generated through Data Source/DB

 Content is added by Users

 User can use it numerous times

 Also called Web Applicaitons

 HTML: Describe structure (contents) of a page

 CSS: Controls presentation (layout, typographic ,colors, etc.)

 JavaScript: Can add interactivity & functionality

Frameworks/Libraries:

Bootstrap, Tailwind CSS, Angular, jQuery ,, React, Vue

 PHP

Create dynamic content, process forms, use other

server resources

 MySQL: Database