introduction to web terminology

37
Intro to Web Terminology Nicole C. Engard [email protected] http://web2learning.net Monday, May 10, 2010

Upload: nicole-c-engard

Post on 27-Jan-2015

147 views

Category:

Technology


5 download

DESCRIPTION

As presented for TBLC.

TRANSCRIPT

Page 1: Introduction to Web Terminology

Intro to Web Terminology

Nicole C. [email protected]

http://web2learning.net

Monday, May 10, 2010

Page 2: Introduction to Web Terminology

Outline

History of the Web

Web Terminology Definitions

Resource to Learn More

Monday, May 10, 2010

Page 3: Introduction to Web Terminology

History of the Web

1990s

Web 1.0

The introduction of personal web pages

Blinking images and static content

HTML used to create pages

Webpages managed by the experts

Monday, May 10, 2010

Page 4: Introduction to Web Terminology

History of the Web2000-2009

Web 2.0Blogs, Podcasting and Content Management Systems

Personal webpages use CSS

The power of creating pages is transferred to the masses

Community and collaboration

Monday, May 10, 2010

Page 5: Introduction to Web Terminology

History of the Web2010?

Web 3.0

Semantic web

Cloud computing

No more email...

Microformats

And more of the same from Web 2.0

http://blogs.nesta.org.uk/innovation/2007/07/the-future-is-s.html

Monday, May 10, 2010

Page 6: Introduction to Web Terminology

What does it all mean?

Monday, May 10, 2010

Page 7: Introduction to Web Terminology

HTML

Hypertext Markup Language

The language used to create web pages

Made of up ‘tags’ which tell the browser how to display the text on the screen

ex. <h1>make this text a heading</h1>

ex. <p>display as a paragraph</p>

Learn HTML: http://www.w3schools.com/html/

Monday, May 10, 2010

Page 8: Introduction to Web Terminology

CSS

Cascading Style Sheets

Used in conjunction with HTML to define styles for the page text and layout

ex. <h1 style=”text-align:center;”>center this heading</h1>

ex. <p style=”font-style:italic;”>this paragraph is in italics</p>

Learn CSS: http://www.w3schools.com/css/

Monday, May 10, 2010

Page 9: Introduction to Web Terminology

Blog

Short for ‘web log’

Blogs are web journals, with updates daily, monthly, or anywhere in between

While often considered ‘journals’ blogs don’t always cover personal topics

Many companies and libraries now have blogs to deliver news and industry updates

http://www.youtube.com/watch?v=NN2I1pWXjXI

Monday, May 10, 2010

Page 10: Introduction to Web Terminology

CMS

Content Management System

A tool used to assist in the creation of a website

Usually provides tools for those who are unfamiliar with HTML and CSS to create professional looking webpages

Popular tools include Joomla & Drupal

Monday, May 10, 2010

Page 11: Introduction to Web Terminology

Wiki

Hawaiian word for ‘quick’

A website that anyone (depending on your settings) can edit

Often used in organizations that are spread out to allow multiple people to edit and add content

http://www.youtube.com/watch?v=-dnL00TdmLY

Monday, May 10, 2010

Page 12: Introduction to Web Terminology

What’s the Difference?

Blog CMS Wiki

regular updatesseveral types of

contentupdated by many

content organized by date

can include blogs & wikis

history of edits

news deliverymanage entire

websitegood for shared

projects

Monday, May 10, 2010

Page 13: Introduction to Web Terminology

Podcasting

Series of voice recordings

Like a radio show for the web

Has some sort of regularity to it - once a month, once a week, some other schedule

http://www.libsuccess.org/index.php?title=Podcasting

Monday, May 10, 2010

Page 14: Introduction to Web Terminology

RSS FeedsReal Simple Syndication

Originally used to syndicate content across multiple sites - like in the newspaper

Now used as a way to deliver updates

Can be used to events calendars, news, new content, anything that updates regularly

Need an Aggregator or Feed Reader to read

http://www.youtube.com/watch?v=0klgLsSxGsU

Monday, May 10, 2010

Page 15: Introduction to Web Terminology

Semantic WebTo many, Web 3.0 is something called the Semantic Web, a term coined by Tim Berners-Lee.

The Semantic Web is a place where machines can read Web pages much as we humans read them, a place where search engines and software agents can better troll the Net and find what we're looking for.

"It's a set of standards that turns the Web into one big database," says Nova Spivack, CEO of Radar Networks, one of the leading voices of this new-age Internet.

http://www.pcmag.com/article2/0,2817,2102852,00.asp

Monday, May 10, 2010

Page 16: Introduction to Web Terminology

MicroformatsDesigned for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards (HTML & XML)

Operator is an extension for Firefox that adds the ability to interact with semantic data on web pages, including microformats

The Operator plugin tries to bring the power of microformats to the average user

http://microformats.org/abouthttp://mashups.web2learning.net/toc/chapter-3

Monday, May 10, 2010

Page 17: Introduction to Web Terminology

Cloud ComputingThe term cloud computing probably comes from (at least partly) the use of a cloud image to represent the Internet.

Often used in conjunction with ‘software as a service’ or SaaS

An example of this would be Google Docs and/or Zoho office. Both the applications and the data are stored out in the cloud.

http://cloudcomputing.sys-con.com/node/579826http://techsoupforlibraries.org/blog/what-is-cloud-computing-and-how-will-it-affect-libraries

Monday, May 10, 2010

Page 18: Introduction to Web Terminology

More Terminology

Monday, May 10, 2010

Page 19: Introduction to Web Terminology

Mashups

A web application that uses content from more than one source to create a single new service displayed in a single graphical interface.

The term “mashup” originally comes from pop music, where people seamlessly combine music from one song with the vocal track from another thereby mashing them together to create something new

http://mashups.web2learning.net/

Monday, May 10, 2010

Page 20: Introduction to Web Terminology

TaggingTags are keywords used by people to categorize content they care about

Tags are free form - not based on a controlled vocabulary

Tags are often displayed in Tag Clouds which are bundles of tags with the most common words in the largest fonts

Successful examples include: Flickr and LibraryThing

http://www.youtube.com/watch?v=42sSTPU5M-Y

Monday, May 10, 2010

Page 21: Introduction to Web Terminology

Micro-Blogging

Blogging in 140 characters or less

Usually used for quick status updates or to share short links with colleagues

Common micro-blogging tools include Twitter & Identi.ca

http://www.commoncraft.com/twitterhttp://www.commoncraft.com/twitter-search

Monday, May 10, 2010

Page 22: Introduction to Web Terminology

Social NetworkingA way to network with friends, family & colleagues online

Help people discover new friends or colleagues by showing shared interests, related skills or a common location

Popular sites

Facebook - personal (pictures, games) and professional (groups, business pages)

LinkedIn - professional (resumes, job hunting)

http://www.youtube.com/watch?v=6a_KF7TYKVc

Monday, May 10, 2010

Page 23: Introduction to Web Terminology

IM

Instant Messaging

A way to send text messages over the Internet in real time

Easy way to have a typed conversation

Popular platforms include: AOL IM, Yahoo! Messenger, Google Talk, and Windows Live Messenger

Monday, May 10, 2010

Page 24: Introduction to Web Terminology

VoIP

Voice over Internet Protocol

The ability to communicate as you would over the phone over the Internet

Popular VoIP tools include Skype (free & pay), Google Voice (free) and Vonage (pay)

Require that you have high speed Internet and a microphone (or phone handset)

Monday, May 10, 2010

Page 25: Introduction to Web Terminology

OpenID

A web standard that can be used for user authentication

A single sign-on that lets you control what info you give to new sites

Requires that you sign up with an OpenID login provider

http://www.youtube.com/watch?v=xcmY8Pk-qEkhttp://www.slideshare.net/webgoddess/open-id-471055

Monday, May 10, 2010

Page 26: Introduction to Web Terminology

Widget or Badge

A widget or a badge is simply a bit of code you can copy to your website to pull content from another site

Many social sites allow for the creation of a widget or a badge

Facebook: facebook.com/facebook-widgets/

Flickr: flickr.com/badge.gne

Twitter: twitter.com/goodies/widgets

Monday, May 10, 2010

Page 27: Introduction to Web Terminology

Creative Commons

The Creative Commons License is a new idea of content licensing

Allows for content creators to allow others to take their content and reuse and/or remix it

Many different licenses to choose from depending on what you want done with your content

http://www.youtube.com/watch?v=AWxyx5iYdvI

Monday, May 10, 2010

Page 28: Introduction to Web Terminology

Avatar

An avatar is a visualization of you on the web

Can simply be a headshot

Sometimes your avatar can be a caricature of yourself

http://mashable.com/2007/09/12/avatars/

Monday, May 10, 2010

Page 29: Introduction to Web Terminology

PHP/Perl/Ruby/AJAXPopular programming languages

PHP/Perl/Ruby on Rails

Used in the development of web-based applications

AJAX

Used to make dynamic websites where content can be moved around by dragging & dropping

Monday, May 10, 2010

Page 30: Introduction to Web Terminology

Keep Learning

Monday, May 10, 2010

Page 31: Introduction to Web Terminology

Web 2.0 Titles

Monday, May 10, 2010

Page 32: Introduction to Web Terminology

Library 2.0 Books

Monday, May 10, 2010

Page 33: Introduction to Web Terminology

More to Read

Covers the history of crowdsourcing and how to use it in your business/library

crowdsourcing.typepad.com/

Monday, May 10, 2010

Page 34: Introduction to Web Terminology

More to Read

Talks about how products and companies are being organized by the power of the people instead of the traditional hierarchy

shirky.com/herecomeseverybody/

Monday, May 10, 2010

Page 35: Introduction to Web Terminology

More to Read

Learn more about the digital natives and how they use technology

http://borndigitalbook.com

Monday, May 10, 2010

Page 36: Introduction to Web Terminology

More to Read

Check out this series of Web 3.0 presentations compiled by Digital Inspiration

Web 3.0 Concepts Explained in Plain English

labnol.org/internet/web-3-concepts-explained/8908/

Monday, May 10, 2010

Page 37: Introduction to Web Terminology

Thank YouNicole C. Engard

[email protected]

Slides: http://web2learning.net > Publications & Presentations

Monday, May 10, 2010