virtual revolution

SID 2105 Computer Applications

Virtual Revolution The internet and the web


Agenda

Key Questions:

What is the internet?

What is a website?

What is an on-line strategy?


The story so far

Logic Engine Universal Processor Global Networks


What is the internet? (and how does it work?)

SID 2105 Computer Applications SID 2105 Computer Applications

What is the web? (and where is it?)


Definitions

The internet is a global system of interconnected computer networks that

use the standard Internet protocol suite (TCP/IP) to link several billion

devices worldwide.

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.


Internet Structure


Internet Structure

ARPANET 1960

ARPANET 1973

NSFNET 1993


Internet Structure


Internet Structure

? ?

?

?


Internet Structure

HTML 5


Internet Structure


Internet Structure

System Infrastructure 1. Internet Service Provider (ISP)

companies providing access to the network.

2. Server computer providing access to stored HTML documents and files.

3. Router assigns and manages packet distribution, connects to server

4. Client uses IP address to find individual computer users.

5. Web Host company that puts your page in their server and on the web.

5

2

3

1

4


Internet Structure

IP Address

ISP and/or Web Host

Web Host Cloud Host

4

2 3

ISP and/or Web Host Client 1

5

router

URL

URL

URL


Internet Structure

W3 Conventions

1. Domain System text which can be

easily memorized by humans,

representing numerical IP addresses.

2. URL single identifier address for a web

page.

3. Markup Language rules and code used

to create web documents.

4. Browser tool used to interpret Markup

Language files and scripts.

4

2

3

1


W3 Evolution

Then Now


W3 Evolution


W3 Evolution

Algorithm

Heuristics


W3 Evolution

Double Diamond Design Process


W3 Evolution

Algorithm

Heuristics

Spark

Monopoly

Pivot Exit

Open Source


W3 Evolution

Algorithm

Heuristics

Spark

Monopoly

Pivot Exit

Open Source

Emerging Heuristic

Optimized Algorithm

Optimized Heuristic

Declining Algorithm


W3 Evolution

Algorithm

Heuristics

Spark

Monopoly

Pivot

Exit

Open Source

W3 Snapshot in the 1990s


And now a short break

Questions?


Website Structure

What is a website?

http://purrpurr.org/catflakes/




Website Structure

Definition:

A website is a collection of documents known as webpages

(or pages for short) that contain information: images, words,

digital media. These are connected by hyperlinks, which are

spots on a page (usually text or images) that, when clicked,

take the user to different location. Source: www.coffeecup.com

http://www.coffeecup.com/help/articles/what-is-a-website/






Website Structure

HTML Custom Coding

Static Pages uses regular HTML tags

Dynamic Pages Uses action scripts and Object Oriented Programing

Content Management System

Custom Templates

WYSIWYG Styles


W3 Evolution

Evolution of Markup Language Static Pages

• FTP File Transfer Protocol

• Gen Code 1967 Unix commands used for document typesetting

• Scribe & SGML (1980s) visual interpretation to the reader

• HTML (1993s) hypertext markup language

Dynamic Pages

• DHTML & XML (2000)

• Action Script Flash, Java.

• CMS PHP, Ruby ASP Net

• HTML5 Integration of Flash Features


Website Structure

Diverse Ecosystem

Webpages (HTML)

Blogs

Social Media (CMS)

Media

E-commerce

Search Engines

Email Services

Applications

Gaming



What is a CMS? (and why should you care?)



Wikipedia Definition: CMS is a computer application that allows publishing, editing

and modifying content, organizing, deleting as well as maintenance from a central interface.

A web template system uses a template processor to combine web templates to form finished web pages, possibly using some data source to customize the pages or present a large amount of content on similar-looking pages.



Reasons to use a CMS

• Limited knowledge of HTML and scripting

• Manage content automatically

• Templates can be adapted and customized

• Flexibility with open source & widgets

• Compatible with HTML 5 Standards

• Stable Platform


Online Strategy

What is an Online Strategy?


Online Strategy

Definition: Marketing is the science of choosing target markets through

market analysis and market segmentation, as well as understanding consumer behavior and providing superior customer value.

Online Marketing uses the Internet to deliver promotional marketing messages to consumers. It includes email marketing, search engine marketing (SEM), search engine optimization (SEO) social media marketing, many types of display advertising (including web banner advertising), and mobile advertising.


Online Strategy


Online Strategy

Social Media

Social Media


Last Slide

Any Questions?

virtual revolution

Education

computer applications

web sid

server computer

individual computer

open source sid

router url url url sid

web documents

web browser