WEB SYSTEMS & TECH.

WS 213
RAYMOND E. EDISAN
INSTRUCTOR
 WEB TERMINOLOGY

WEB SMTP HTTP/S ADDONS

W3C MIME MOBILE TEC PLUG-IN

NETWORK FTP BLOG WEB PAGE

INTERNET TELNET FORUM WEBSITE

 passion

vast
What is a
WEB everything

No web?

No future
 everyday we are calling

WEB Collection of electronic resources

 This are the terms every second we are
using

As a programmer

WEB
As a designer

As any kind of position in IT industry

Who is the father of web environment?
Tim Berners-Lee –1989
American Scientist
 Popular organization which maintains
web standards.
Compulsory we must follow W3C
rules.

W3C? Consortium

Partnership/association of business
companies
 Microsoft

International Business Machines

Members in
W3C Apple

facebook
 Collection of computers inter-link together to
exchange resources

ARPANET
The first network develop
Network between 2 computers
network used FTP
File Transfer Program
Later converted into
“Protocol”
Every protocol is a type of
program
 Some people call it TCP/IP
communications
INTERNET
the worldwide system of computer
networks which can communicate with
one another
Who is the Father of INTERNET?
VINT CERF
Father of INTERNET
 Electronic mail services

Email
messages distributed by electronic
means from one computer user to one or
more recipients via a network.
What was the first web mail developed?
 SABEER BHATIA

Hotmail.com JACK SMITCH

founded the first free web-based email

service
 Single Mail Transfer Protocol

SMTP
the standard protocol for email services
on a TCP/IP network.
 Multi-Purpose Internet Mail
Extensions

MIME use the protocol to exchange different

kinds of data files on the Internet: audio,
video, images, application programs,
and other kinds
 File Transfer Protocol

FTP
standard network protocol used for the
transfer of computer files between a client and
a server on a computer network
 Telecommunications Network

TELNET
a network protocol that allows a user on one
computer to log into another computer that is
part of the same network.
 Hypertext Transfer Protocol

Http://
Taking care of HTML pages and rendering
HTML pages
 Hypertext Transfer Protocol Secure

Https://
Every request converted into encrypted
format.
 1G Analog signal

2G Digital
Mobile
Telecommunicat 3G Multi-media services

ions 4G
Long Term Evolution
 Nothing but a webpage, a website that is daily
updating.

blog Reverse chronological order

 Online discussion website

forum Exchanging conversations

Group chat in Facebook

 small software module for customizing a web
browser

add-ons internet download

adblocker
manager

YouTube Enhancer Facebook container

 adds a specific feature to an existing
computer programs

plug-in Adobe reader Adobe flash player

 Page which opens with the used of web
browsers developed by HTML

webpage Static Dynamic

Unable to interact with User can able to interact

the Webpage to the webpage HTML + CSS
HTML + CSS + JAVA SCRIPT
 Collection of web pages

website Static Dynamic

Developed in client level Client and Server

 a utility which client uses to access web
services and documents from the server. There
are various types of browsers are in use, for
example, the default browser for windows
Web Browser platform is internet explorer, similarly for
apple device default browser is Safari.
Although, there are other browsers also like
Google Chrome, Mozilla Firefox, opera and
UC.
 a piece of software running on a computer
whose primary job is to distribute web pages
Web Server to users whenever they demand it and provides
an area in which to store and organize the
pages of the website.
 Difference Between Web Browser and Web Server

The web browser is an application program that displays a www document. It

usually uses other internet services to access the document.
Web server is a program or a computer that can provide services to other programs
called clients.
 Difference Between Web Browser and Web Server

The main difference between a Web browser and a Web server is that Web browser
requests for the document and services, and act as an interface between a client and
a server which displays the web content. On the other hand, Web server accepts,
approve, and response to the request made by a web browser for a web document.
 Difference Between Web Browser and Web Server

When a user asks a browser to get a web page, the browser parcels up this
instruction with the help of protocol called the Transmission Control Protocol (or
TCP). TCP is a transport (layer) protocol, which provides a reliable transmission
format for the instruction. Its job is to confirm the correct sequence of the entire
message so that it could be bundled up for transmission (and also that it is correctly
unpacked and put back together after it arrives at its destination).
 Difference Between Web Browser and Web Server

But, before parcels of data are sent out over the network uniquely, they need to be
addressed. Thus a second protocol called Hypertext Transfer Protocol ( or HTTP)
puts a unique address label on it. HTTP is the protocol employed the World Wide
Web in the transfer of information from one computer to another – when you see
URL prefixed with http:// you can immediately know that the internet protocol
being used in HTTP.
 Difference Between Web Browser and Web Server

The message that goes from the web browser to the web server is known as HTTP
request. When the web server receives this request, it searches its stores to find the
appropriate page. If the web server is able to locate the page, it parcels up the
HTML contained within (using TCP or some other transport layer protocol),
addresses these parcels to the browser (using HTTP), and transmit them back across
the network.
If the web server is unable to find the requested page, it sends a page containing an
error message (i.e., Error 404 – page not found)- and it parcels up the dispatches
that page to the browser. This message received from the web server by the browser
is called the HTTP response.
 How browser and web server communicate?

Client/Server Web browsers like Internet Explorer, Firefox, Chrome, and Safari rank
among the most popular network applications in the world. They're used
for basic information browsing but also for various other needs
including online shopping and casual gaming.
 Client-Server Network Design and the Web

Web browsers and web servers function together as a client-server

Client/Server system. In computer networking, client-server is a standard method for
designing applications where data is kept in central locations (server
computers) and efficiently shared with any number of other computers
(the clients) on request. All web browsers function as clients that request
information from websites (servers).
 Client-Server Network Design and the Web

Numerous web-browser clients can request data from the same website.
Client/Server Requests can happen at all different times or simultaneously. Client-
server systems conceptually call for all requests to the same site to be
handled by one server. In practice, however, because the volume of
requests to web servers can sometimes grow very large, web servers are
often built as a distributed pool of server computers.
 Web browsers and servers communicate using TCP/IP.
Hypertext Transfer Protocol is the standard application protocol on top
of TCP/IP supporting web browser requests and server responses.
Web browsers also rely on DNS to work with URLs. These protocol
Client/Server standards enable different brands of web browsers to communicate with
different brands of web servers without requiring special logic for each
combination.
Like most internet traffic, web browser and server connections normally
run through a series of intermediate network routers.
 A basic web browsing session works like this:
• A person specifies a URL in a browser.
• The browser initiates a TCP connection to the web server or server
pool (using port 80 by default) through its IP address as published in
DNS. As part of this process, the browser also makes DNS lookup
requests to convert the URL to an IP address.
• After the server completes acknowledgment of its side of the TCP
connection, the browser sends HTTP requests to the server to retrieve
Client/Server the content.
• After the server replies with content for the page, the browser
retrieves it from the HTTP packets and displays it accordingly.
Content can include embedded URLs for advertising banners or other
external content, that in turn triggers the browser to issue new TCP
connection requests to those locations. The browser may also save
temporary information about its connections to local files on the
client computer called cookies.
• Any errors encountered during the request for the content might be
shown as HTTP status lines.
 Difference between domain and URL?
Domain
 Specific name of your website. Why is it important to have a domain
Domain name?
 Domain name includes in your URL. URL universal resource locator.
URL is the whole string of characters, creating a map that leads your
URL computer where you want to go online.
 A hyperlink is a word, phrase, or image that you can click on to jump to
a new document or a new section within the current document.
Hyperlinks are found in nearly all Web pages, allowing users to click
their way from page to page. Text hyperlinks are often blue and
Hyperlink underlined, but don't have to be. When you move the cursor over a
hyperlink, whether it is text or an image, the arrow should change to a
small hand pointing at the link. When you click it, a new page or place in
the current page will open.

https://www.google.com/search?client=firefox-b-d&q=hyperlink+examp
les

hyperlink
 Internet search engine is a software system that is designed to carry
Web Search out web search (Internet search), which means to search the World
Wide Web in a systematic way for particular information specified in a
engine textual web search engine.
 Why do you think people visit a website?

Advantage of
Having a
Website
It’s primarily to find information.
 Have you ever advertised your business through various forms such as
printed media, radio, television or by other means? It’s expensive!
Investing in advertising is necessary, but it takes a lot of money. Having
a website will make promoting your company less expensive. Many
versions of offline advertising available on the internet are sometimes
free.

Less Expensive
1.Gumtree
2. Classified Ads
3. LetGo
4. Oodle
5. Adpost
 Most businesses have local popularity, but what about potential
Increase customers outside their city?  A website can help you generate more
customers. Not just outside your city, but worldwide. The internet offers
Customers a global community. With a website, your business will be visible around
the world.
 Did you know that if you own a website, you can actually track
everything that is happening on it? You can even look for information
that will tell you how many people visited your site, or how many people
Access to Info messaged or emailed you. You can access the progress of your website
and view all its pages. You can even make an update anytime, making it
much less expensive than printed material.
 Smart business owners create a blog page for their company. Having a
Fresh blog to post fresh content will keep your website attractive and fresh.
 very important to viral marketing. If you have many sites linking to you,
it is like spreading the word about your company all around the world. If
Link you have a good website with good content related to information,
products or services, people are more likely to link your website to
theirs. This means they recognize your website as valuable.
 Having a website can build better relationships with your customers. You
can send messages instantly to your customers through email. Also, your
Better customers can review your products online and can also leave feedback
for you and your business. It’s best to always send your customer a
Relationship message. This is essential for building a good relationship with them.
You can even give them more information about your business through
messages or emails.
 If you are a business owner, more visitors  leads to more potential sales.
That’s how your website will help you. You can drive more people to
Increase Sales your site by consistently updating and promoting the contents of your
site. The more informative your site is, the greater the possibility
of increasing your sales.
Search Engine is the process of increasing the quality and quantity of website traffic by
Optimization increasing the visibility of a webiste or a web page to users of a web
search engine.
(SEO)

Keyword Rank Checker – a tool that you can use to determine

your page ranking based on keyword search:
9 Effective SEO
Techniques to
Drive Organic
Traffic in 2019

Keyword Rank Checker – a tool that you can use to determine

your page ranking based on keyword search:
 Improve user experience across
your entire site
Optimize for voice search

Focus on topic clusters instead Go into detail – but only when

9 Effective SEO of keywords it’s relevant
Techniques to
Drive Organic Conquer video with YouTube
SEO
Build a variety of backlinks
Traffic in 2019
Get a grip over technical Target local searchers with local
optimization landing pages and listings

Know how to measure SEO performance

 Make your post easy to read

Improve user
experience Write in the Inverted Pyramid Style
across your
entire site
Analyze (and Improve) Current Page Designs
 Make your post easy to read

Improve user Write in the Inverted Pyramid Style

experience
across your Analyze (and Improve) Current Page Designs
entire site
Site Speed