1. Web 2.0: Concepts and Applications 2 Publishing Online

2. 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

3. Overview Chapter 2: Publishing Online3

4. Overview Chapter 2: Publishing Online4

5. 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

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

7. 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

8. 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

9. Corporate Blogs Chapter 2: Publishing Online9

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

11. News and Opinion Blogs Chapter 2: Publishing Online11

12. 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

13. Searching Frequently Updated Web Content Chapter 2: Publishing Online13

14. Web-Based Blogging Applications Chapter 2: Publishing Online14

15. 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

16. 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

17. 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 Online17

18. Interacting with a Blogger Blog Chapter 2: Publishing Online18

19. 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

20. 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

21. Blogging with Multimedia Chapter 2: Publishing Online21

22. Blogging with Multimedia Chapter 2: Publishing Online22

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

24. Blogging with Multimedia Chapter 2: Publishing Online24

25. 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

26. 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

27. 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 Online27

28. Extending a Blog’s Value Chapter 2: Publishing Online28

29. 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

30. Extending a Blog’s Value Chapter 2: Publishing Online30

31. 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

32. Extending a Blog’s Value Chapter 2: Publishing Online32

33. 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

34. Understanding Wikis Chapter 2: Publishing Online34

35. Understanding Wikis Chapter 2: Publishing Online35

36. 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

37. Understanding Wikis Chapter 2: Publishing Online37

38. 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

39. Understanding Wikis Chapter 2: Publishing Online39

40. 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

41. Wikipedia Chapter 2: Publishing Online41

42. 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 Online42

43. Google Wave Chapter 2: Publishing Online43

44. 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

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