1. Web Systems & Technologies Lecture 1
Muhammad Pervez Akhtar
Pervez.farooka.com

2. Outline World Wide Web (WWW) The Origin of the Web Hypertext
Web vs. the Internet
Purposes of World Wide Web
Web Pages and Website
Web Page vs. Website
Web Applications
Web Servers
TCP/IP
Resources of Learning Web

3. World Wide Web (WWW)
The World Wide Web (abbreviated as WWW or W3,  commonly known as the Web) is a system of interlinked hypertext documents that are accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks.

4. The Origin of the Web
Originally promoted the World Wide Web as a virtual library
A document control system for sharing information resources among researchers
Online documents could be accessed via a unique document address, a Universal Resource Locator(URL)
These documents could be cross-referenced via hypertext links

5. Hypertext The term introduced by Ted Nelson over 30 years ago
a way of describing ‘non-sequential writing—text that branches and allows choice to the reader.’
Unlike the static text of print media, it is intended for use with an interactive computer screen
A text that is open, fluid and changeable, and can be connected to other pieces of hypertext by ‘links’ called hyperlinks
The term was extended under the name hypermedia to refer not only to text, but to other media as well, including graphics, audio, and video
The technology that connects documents and information
resources through links

6. Web vs. the Internet
Web is rooted in the fundamental protocols associated with the Internet (http)
Notion ‘the Web’ go beyond the boundaries of pages delivered to Web browsers
Wireless devices, personal digital assistants, and the next generation of Internet appliances

7. Purposes of World Wide Web
There are variety of purposes of using WWW
Educational Institutions and Research Laboratories
First users of WWW
Share documents and other resources over it
Individuals
Instantaneous International Postal Service
Worldwide Community bulletin boards
Photo albums, entertainment, news etc
Business engaged in ecommerce
Buying and selling goods and services over internet
B2B communication

8. Web Pages
A web page (or webpage) is a web document that is suitable for the World Wide Web and the web browser. A web browser displays a web page on a monitor or mobile device.

9. Web Pages
The web page is what displays, but the term also refers to a computer file, usually written in HTML or comparable markup language, whose main distinction is to provide hypertext that will navigate to other web pages via links. Web browsers coordinate web resources centered around the written web page, such as style sheets, scripts and images, to present the web page.

10. Websites
A website, also written as web site,  or simply site, is a set of related web pages typically served from a single web domain. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a Uniform resource locator (URL). All publicly accessible websites collectively constitute the World Wide Web.

11. Web Page vs. Website
A Web site is more than just a group of web pages that are connected to each other through hypertext links
At the lowest level, there are content-related concerns
Maintaining thematic consistency of content is important in giving a site some degree of identity
There are also a esthetic concerns
A Web site should also have a common look and feel across all of its pages
A common style across the site: page layout, graphic design, and typographical elements should reflect that style
There are also architectural concerns
As a site grows in size and becomes more complex
It becomes critically important to organize its content properly
Not only the layout of individual page but the interconnection between them

12. Web Page vs. Website Some of the symptoms of bad site design
include links targeting the wrong frame
links that take visitors to a particular page at an appropriate time
Suggestions for good website
Should be well designed that reflects identity among pages
All the pages are interconnected in a flow
If site size grows and become complex
Use site map
Navigation menus
Reorganize or restructured it again

13. Web Applications
A web application or web app is any application software that runs in a web browser and is created in a browser-supported programming language (such as the combination of JavaScript, HTML and CSS) and relies on a web browser to render the application.
It is more than a website
It is a client server application
A Web site simply delivers content from static files
A Web application presents
dynamically content based on request parameters, tracked user behaviors, and security considerations.

14. TCP/IP
The Internet protocol suite is the computer networking model and communications protocols used in the Internet and similar computer networks. It is commonly known as TCP/IP, because its most important protocols, the Transmission Control Protocol (TCP) and the Internet Protocol (IP), were the first networking protocols defined in this standard.
TCP/IP provides end-to-end connectivity specifying how data should be packetized, addressed, transmitted, routed and received at the destination.

15. Web Servers
The term web server, also written as Web server, can refer to either the hardware (the computer) or the software (the computer application) that helps to deliver web content that can be accessed through the Internet.

16. Web Servers
The most common use of web servers is to host websites, but there are other uses such as gaming, data storage, running enterprise applications, handling  , FTP, or other web uses.

17. How to build Web Applications?
There are many books and tutorials available
Some are quick and easy while others gives deeper information
Web Page Design Resources
HTML, CSS, JavaScript etc.
Website Design Resources
We have fewer resources over net than web page design
Protocols, WWW structure, Architectures,
Web Application Design Resources
There are three main categories of resources
Technical Overview: Describe terminology and technology in broad terms, good for managers, executives, not enough info. To build a serious web application
In Depth technical resources: over specific platform, how and what to do, teach programmers about specific platform.
Reference Books: Such books are useful, naturally, as references, but not for the purpose of learning about the technology

18. The End