1. COM531 Multimedia Technologies Lecture 3 – Web 2.0 Authoring tools

2. Web 2.0 What do you think Web 2.0 is?

3. Paradigm shifts

5. Web 2.0 definition No definitive definition (still evolving) Moves the focus to the user of the information, not the creator of the information Information moves “beyond” web sites Information has properties and these properties follow each other and find relationships Information comes to users as they move around Information is broken up into ‘microcontent’ units that can be distributed over many domains Interaction is no longer limited to (X)HTML Users are able to control how information is categorized and manipulated User interface becomes a ‘fat’ rather than ‘thin’ client Requires a new set of tools to remix microcontent in new and useful ways http://oreilly.com/web2/archive/what-is-web-20.html

6. Another Web 2.0 definition Web 2.0 is a convergence of individual traits, and social and technological forces User-Focused Web = User Satisfaction Natural result of Web evolution - focus on user generated content creation and management

7. Web 2.0 drivers The “dot-com” collapse forced a web re-examination Web reached a critical mass – (Good) information content sources – Use (and desire for reuse) – Trust Web users developed an expectation of fulfillment

8. Web 2.0 facilitators Computing power – Still doubling every 18 months (if not less??) – PC-based data centers (cloud computing) Connectivity – Low cost, broadband Internet – Wireless, broadband access

9. Web 2.0 facilitators Device proliferation – PDAs, cell phones, etc Internet standards – XML-based integration User Interfaces – many possibilities

10. Web 2.0 examples Folksonomy; Internet-based information retrieval methodology consisting of collaboratively generated, open-ended labels that categorize content such as Web pages, online photographs, and Web links.

11. What Web 2.0 is not Semantic Web (addition of machine-readable descriptions to content to add meaning facilitating automated information gathering and research by computers) A new collection of technologies Blogging, wikis (user enabled web editing), and RSS (Really Simple Syndication) feeds – these are simple web features

12. Collective intelligence Key Element of Web 2.0 –Collective Intelligence An architecture of participation Users add value An evolved Web perspective User ratings User tagging

13. Web 2.0 examples - Wikipedia A Collaborative Dictionary being edited in real time by anyone Everyone becomes an author, an editor and a publisher http://en.wikipedia.org

14. Mash-ups: Google maps Accessible API fosters creative applications

15. Social networks: Facebook

16. Social networks: MySpace / Bebo

17. Social networks:Flickr Social networking web sites – goal is to connect people with one another Flickr: Photo-Sharing Social Network

18. Social networks: Del.icio.us Del.icio.us is a bookmark-sharing social network

19. Business networks: LinkedIn LinkedIn is a Business Contact Social Network Builds networks of trusted business contacts

20. Content networks: YouTube

21. Twitter

22. IMVU IMVU – largest 3D chat and Dress up community

23. Google Lively

24. Second Life

25. Web 2.0: Rich user experience Goal of Web 2.0 - A Rich User Experience Get the user to content they want Link the user to content they might want Don’t tell the user how to find content Let the user decide how to use the content Do all of the above quickly and efficiently

26. Web 2.0 Overview Transition of websites from isolated information silos to sources of content and functionality, becoming computing platforms serving web applications to end users Social phenomenon embracing an approach to generating and distributing Web content itself Characterized by open communication, decentralization of authority, freedom to share and re-use, and "the market as a conversation" More organized and categorized content, with a far more developed deep linking web architecture than before Shift in economic value of the Web, possibly surpassing that of the dot com boom of the late 1990s Has lead to a resurgence of excitement around the implications of innovative web-applications and services Effectively you provide the content!

27. Web 2.0 components Markus Angermeier: Components of Web 2.0 Additional reading can be found online

28. The future beyond 2.0 Virtual worlds? An Internet of things

29. Authoring Tools

30. FLASH SWF Flash SWF– replace Adobe Director Designed mainly for the Web Faster and easier to use than Shockwave Flash became ubiquitous

31. Dreamweaver CS5 (CS4) Build professional web sites and applications More support for CSS/XML Support for Coldfusion PHP 5 Adding Flash Video to sites is simple

32. Contribute CS4 Contribute 4 enables anyone to easily update and publish content to existing websites in minutes without knowing HTML Ensures integrity of site and overall design by allowing designers to lock down site design, layout and code

33. ColdFusion Adobe® ColdFusion® 9 software enables developers to rapidly build enterprise-ready Internet applications by condensing complex business logic into fewer lines of code offers unique integration between ColdFusion and the Adobe Flash® Platform provides the easiest solution for building rich Internet applications (RIAs) from client to server

34. Flash Streaming Servers Develop and deploy rich Flash content Deliver multi-way audio, video, and real-time data in your websites Create applications that integrate audio, video, text, chat, and data Develop presentations with streaming video and synchronized multimedia content Build collaborative meeting applications that connect people together in real-time, to live data sources, and to back-end services

35. Adobe Air Adobe® AIR™ lets developers use their existing web development skills in HTML, AJAX, Flash and Flex to build and deploy rich Internet applications to the desktop Adobe® AIR® 2.5 runtime enables developers to use HTML, JavaScript, Adobe Flash® Professional software, and ActionScript® to build web applications that run as standalone client applications without the constraints of a browser

36. RIA Application Examples http://www.adobe.com/resources/business/rich_internet_apps/getting_started/ Financial services StockFetcher, an online stock screener Startups Scrapblog, an online multimedia scrapbook service Picnik, an online photo editor Retail and consumer eBay Desktop, a desktop application from eBay Scion, the online property for the automobile company Sony Ericsson browser, a product selector for mobile devices Amazon Unbox, a video download service Media and entertainment Amgen Tour of California, a tool for tracking a professional bicycle race Friday Night Lights, a tool for viewing episodes of the popular NBC television series

37. Summary Extensive range of tools available for all aspects of multimedia/web authoring Need to be aware of the existence of a product and its functionality Can save you time, money and effort