45
Web 2.0: Concepts and Application s 2 Publishing Online

Chapter 2 - Publishing Online

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Chapter 2 - Publishing Online

Web 2.0: Concepts

and Applications

2Publishing Online

Page 2: Chapter 2 - Publishing Online

Overview

Blogs and wikis are two Web 2.0 tools that allow users to publish content online– Blogs function as online journals– Wikis are collections of searchable, linked Web

pages that users can create or edit collaboratively

A Web site is a collection of related Web pages that are usually hosted on the same server

Chapter 2: Publishing Online 2

Page 3: Chapter 2 - Publishing Online

Overview

Chapter 2: Publishing Online 3

Page 4: Chapter 2 - Publishing Online

Overview

Chapter 2: Publishing Online 4

Page 5: Chapter 2 - Publishing Online

The Structure of Web-based Applications

Blogs and wikis both offer users a simple way to publish content to the Web without the need to know HTML

HTML uses tags to instruct a Web browser how to display a Web page– Cascading Style Sheets (CSS) is a complementary

technology that specifies fonts, colors, layout, and placement

Chapter 2: Publishing Online 5

Page 6: Chapter 2 - Publishing Online

The Structure of Web-based Applications

Chapter 2: Publishing Online 6

Page 7: Chapter 2 - Publishing Online

The Structure of Web-based Applications

Many Web applications use a three-tiered structure that allows users to interact with the Web site– Presentation tier deals with presentation of

information– Middle tier is responsible for processing user input

• Also called the business logic tier

– Database tier is responsible for retrieving requested information

Chapter 2: Publishing Online 7

Page 8: Chapter 2 - Publishing Online

Understanding Blogs

Users update their blogs by entering new content using a blogging application– Collection of all bloggers (people who post to their

blogs) and their blogs is referred to as the blogosphere

– A permalink can be used to link to a specific article on a blog

– Blog members read and follow a blog

Chapter 2: Publishing Online 8

Page 9: Chapter 2 - Publishing Online

Corporate Blogs

Chapter 2: Publishing Online 9

Page 10: Chapter 2 - Publishing Online

Understanding Blogs

Citizen journalists share their thoughts about news and events

Chapter 2: Publishing Online 10

Page 11: Chapter 2 - Publishing Online

News and Opinion Blogs

Chapter 2: Publishing Online 11

Page 12: Chapter 2 - Publishing Online

Searching Frequently Updated Web Content

The World Live Web refers to the ever-changing nature of all types of information on the Web– News headlines– Frequently updated blogs– Updates on social networks– Popular terms on search engines

Chapter 2: Publishing Online 12

Page 13: Chapter 2 - Publishing Online

Searching Frequently Updated Web Content

Chapter 2: Publishing Online 13

Page 14: Chapter 2 - Publishing Online

Web-Based Blogging Applications

Chapter 2: Publishing Online 14

Page 15: Chapter 2 - Publishing Online

Interacting with a Blogger Blog

Components of most blogging applications include the ability to:– Create and edit blog posts– Configure the blog’s settings– Select a design template and customize its layout

Chapter 2: Publishing Online 15

Page 16: Chapter 2 - Publishing Online

Interacting with a Blogger Blog

To create a blog post, enter the title of the post

Use the text editor to perform basic text formatting

Create hyperlinks and upload images and videos

You can edit or delete posts

Chapter 2: Publishing Online 16

Page 17: Chapter 2 - Publishing Online

Interacting with a Blogger Blog

The Settings tab contains options for specifying:– Blog’s title and description– Whether the blog should be added to Blogger’s blog listings– Whether search engines will be allowed to index the blog

when a new post is submitted– Formatting settings– Whether to display blog comments– Email and mobile settings– Permissions settings

Chapter 2: Publishing Online 17

Page 18: Chapter 2 - Publishing Online

Interacting with a Blogger Blog

Chapter 2: Publishing Online 18

Page 19: Chapter 2 - Publishing Online

Interacting with a Blogger Blog

The Layout tab allows you to configure your blog by customizing:– Page elements

• Gadgets / widgets

– Fonts and colors– Templates

Chapter 2: Publishing Online 19

Page 20: Chapter 2 - Publishing Online

Blogging with Multimedia

Bloggers can upload images and videos from their computer, or third-party multimedia sharing services such as Flickr or YouTube

Adding images to a blog enhances the blog– Most blogging applications resize images so that

they fit in the content area– Use images in a compressed image format to

reduce size

Chapter 2: Publishing Online 20

Page 21: Chapter 2 - Publishing Online

Blogging with Multimedia

Chapter 2: Publishing Online 21

Page 22: Chapter 2 - Publishing Online

Blogging with Multimedia

Chapter 2: Publishing Online 22

Page 23: Chapter 2 - Publishing Online

Blogging with Multimedia

You can embed content in a blog or on a Web page

Chapter 2: Publishing Online 23

Page 24: Chapter 2 - Publishing Online

Blogging with Multimedia

Chapter 2: Publishing Online 24

Page 25: Chapter 2 - Publishing Online

Blogging with Multimedia

Most video-sharing Web sites contain the embed code that you should place into your blog application’s HTML editor

Chapter 2: Publishing Online 25

Page 26: Chapter 2 - Publishing Online

Blogging with Multimedia

Video blogs are blogs whose posts primarily contain videos recorded by or featuring the owner of the blog

Chapter 2: Publishing Online 26

Page 27: Chapter 2 - Publishing Online

Extending a Blog’s Value

After creating a blog, you should publicize it to increase traffic– Include blog URL in e-mail signature– Add links/information to social networking sites– Become an active participant on other blogs– Back (inbound) links and outbound links– Post reciprocal links– Notify search engines (ping) when there is updated

content

Chapter 2: Publishing Online 27

Page 28: Chapter 2 - Publishing Online

Extending a Blog’s Value

Chapter 2: Publishing Online 28

Page 29: Chapter 2 - Publishing Online

Extending a Blog’s Value

Advertising is the main source of revenue for most blogs– Leaderboard/banner ads– Skyscraper ads

Context-sensitive text, image, or video advertisements are related to page content

Chapter 2: Publishing Online 29

Page 30: Chapter 2 - Publishing Online

Extending a Blog’s Value

Chapter 2: Publishing Online 30

Page 31: Chapter 2 - Publishing Online

Extending a Blog’s Value

Google AdSense ads displayed on a blog are priced at either– Cost-per-click (CPC)

• Paid when users click an advertisement

– Cost-per-1000-impressions (CPM)• Paid when the ad appears 1000 times

Blogger offers built-in functionality to work with Google AdSense

Chapter 2: Publishing Online 31

Page 32: Chapter 2 - Publishing Online

Extending a Blog’s Value

Chapter 2: Publishing Online 32

Page 33: Chapter 2 - Publishing Online

Understanding Wikis

A wiki is a collection of Web pages where users can add, discuss, or edit existing content that they, or others, have created

Contributors of wikis usually have to register to be able to make changes

Wikis have an open structure allowing users to create new pages and link existing pages

Chapter 2: Publishing Online 33

Page 34: Chapter 2 - Publishing Online

Understanding Wikis

Chapter 2: Publishing Online 34

Page 35: Chapter 2 - Publishing Online

Understanding Wikis

Chapter 2: Publishing Online 35

Page 36: Chapter 2 - Publishing Online

Understanding Wikis

Many wiki providers host wiki applications on their own servers and allow contributors to use their features at no cost– They charge additional fees for increased storage

Domain names assigned by hosting services typically contain elements of both the provider’s and user’s domain name

Custom domain names are shorter and easier to remember

Chapter 2: Publishing Online 36

Page 37: Chapter 2 - Publishing Online

Understanding Wikis

Chapter 2: Publishing Online 37

Page 38: Chapter 2 - Publishing Online

Understanding Wikis

Wikis can be used in many different settings, such as in a college information technology course– Students can post and share their notes– Users can create or edit an article using a

WYSIWYG editor– Wiki administrator can track how page was

modified over time, and who made each change• Revisions page

Chapter 2: Publishing Online 38

Page 39: Chapter 2 - Publishing Online

Understanding Wikis

Chapter 2: Publishing Online 39

Page 40: Chapter 2 - Publishing Online

Wikipedia

Successful online encyclopedia generated by contributors

Contains more than 3.1 million articlesSandbox page helps users learn how to use

the wiki application softwareNew articles are first posted in a private

section until reviewers provide feedback and corrections are made– Moved to live site after corrections are made

Chapter 2: Publishing Online 40

Page 41: Chapter 2 - Publishing Online

Wikipedia

Chapter 2: Publishing Online 41

Page 42: Chapter 2 - Publishing Online

Google Wave

Integrated collaboration tool that combines features from blogs, wikis, instant messaging, and e-mail

Streams of communication are called waves– Waves are composed of blips

Chapter 2: Publishing Online 42

Page 43: Chapter 2 - Publishing Online

Google Wave

Chapter 2: Publishing Online 43

Page 44: Chapter 2 - Publishing Online

Summary

Blogs and wikis facilitate the process of creating and sharing online content

Three-tiered architecture of Web applications Blogging is a popular tool for individuals and

organizations Blogs usually are authored and maintained by

individuals, whereas wikis reflect the knowledge of a community

Wikis are a useful collaboration tool

Chapter 2: Publishing Online 44

Page 45: Chapter 2 - Publishing Online

Web 2.0: Concepts

and Applications

2Publishing Online

Chapter 2 Complete