WEB SCIENCE

What is the difference between the Internet and the World Wide Web?• Internet is the entire network of connected computers and

routers used for sending data• HTTP, HTTPS, FTP, streaming audio, video, e-mail, Skype, etc.

• World Wide Web (WWW) is more specifically referring to the system for access webpages and websites (HTTP)• HTTP, HTTPS – pretty much everything through your web browser

Evolution of the Web• Early WWW (Web 1.0)

• Simple websites that distribute information• http://

nostalgiacafe.proboards.com/thread/133/1990s-internet-world-wide-web

• http://www.businessinsider.com/big-brands-90s-websites-look-terrible-2013-4?op=1

• Web 2.0• More interactive user-produced content• More multimedia intensive (audio, video, etc.)• Social, social, social! (blogs, wikis, social networks, etc.)

• Examples: Facebook, Tumblr, Wikipedia, Twitter

• Semantic Web (Web 3.0)• All data on web is interconnected like a super-database• http://www.youtube.com/watch?v=OGg8A2zfWKg

Terms• HTML• CSS• JavaScript• HTTP• HTTPS• URI• URL• XML• XSLT• FTP• IP• TCP• DNS• CGI

Terms & Definitions Assignment• You will create a Google Presentation for yourself to use

as a study guide/reference/cheat sheet• Each slide should have:

1. The full term and acronym as the title

2. Technical definition

3. Layman’s definition/description

4. Describe what it is most useful for

5. Image or example or screenshot of code that helps explain what the term is

6. Share the Google Presentation with Mr. Bui

What are the different components of a web page?• Meta-tags• Title• Navigation• Content• …others?

Describe different types of web pages• Personal pages• Blogs• Search engines• Forums• …others?

• What are the different structures of each of the above?

• Which are static and which are dynamic pages?

Static vs. Dynamic Web Pages• Static

• Page does not change with user interaction• HTML

• Dynamic• Page changes with user interaction• Technologies

• HTML w/ Javascript• PHP (PHP: Hypertext Preprocessor)• ASP.NET (Active Server Pages)• Java Servlets• Flash

• Which of the above are client-side and which are server-side?

Client-side vs. Server-side Scripting• Program code can be made to run on the client, the

server, or both!

• Client-side• Advantages?• Disadvantages?

• Server-side• Advantages?• Disadvantages?