Web 2.0: Concepts and Applications 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 Online2

Overview Chapter 2: Publishing Online3

Overview Chapter 2: Publishing Online4

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 Online5

The Structure of Web-based Applications Chapter 2: Publishing Online6

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 Online7

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 Online8

Corporate Blogs Chapter 2: Publishing Online9

Understanding Blogs  Citizen journalists share their thoughts about news and events Chapter 2: Publishing Online10

News and Opinion Blogs Chapter 2: Publishing Online11

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 Online12

Searching Frequently Updated Web Content Chapter 2: Publishing Online13

Web-Based Blogging Applications Chapter 2: Publishing Online14

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 Online15

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 Online16

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 – and mobile settings –Permissions settings Chapter 2: Publishing Online17

Interacting with a Blogger Blog Chapter 2: Publishing Online18

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 Online19

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 Online20

Blogging with Multimedia Chapter 2: Publishing Online21

Blogging with Multimedia Chapter 2: Publishing Online22

Blogging with Multimedia  You can embed content in a blog or on a Web page Chapter 2: Publishing Online23

Blogging with Multimedia Chapter 2: Publishing Online24

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 Online25

Blogging with Multimedia  Video blogs are blogs whose posts primarily contain videos recorded by or featuring the owner of the blog Chapter 2: Publishing Online26

Extending a Blog’s Value  After creating a blog, you should publicize it to increase traffic –Include blog URL in 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 Online27

Extending a Blog’s Value Chapter 2: Publishing Online28

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 Online29

Extending a Blog’s Value Chapter 2: Publishing Online30

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 Online31

Extending a Blog’s Value Chapter 2: Publishing Online32

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 Online33

Understanding Wikis Chapter 2: Publishing Online34

Understanding Wikis Chapter 2: Publishing Online35

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 Online36

Understanding Wikis Chapter 2: Publishing Online37

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 Online38

Understanding Wikis Chapter 2: Publishing Online39

Wikipedia  Successful online encyclopedia generated by contributors  Contains more than 3.1 million articles  Sandbox page helps users learn how to use the wiki application software  New 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 Online40

Wikipedia Chapter 2: Publishing Online41

Google Wave  Integrated collaboration tool that combines features from blogs, wikis, instant messaging, and  Streams of communication are called waves –Waves are composed of blips Chapter 2: Publishing Online42

Google Wave Chapter 2: Publishing Online43

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 Online44

Web 2.0: Concepts and Applications 2 Publishing Online Chapter 2 Complete