Download - Web 2.0 beta
![Page 1: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/1.jpg)
Miroslav Juhos ([email protected]) BETA
![Page 2: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/2.jpg)
What do you imagine as Web 2.0?
• Marketing term• Buzzword• Bubble• New trend• Future• Web applications• Social networks
• Gmail• Facebook• Dynamic pages• AJAX and Co.• Widgets• Anything• Sex
![Page 3: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/3.jpg)
What can you look forward to?
• Short trip to Internet history• Tim O’Reilly and his ideas• Web 2.0 developer view • Future of Web
![Page 4: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/4.jpg)
![Page 5: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/5.jpg)
Web 1.0
• Medium in traditional meaning – information broadcasting
• Content made only by authors• Weak user interactivity• HTML/CSS expert required
![Page 6: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/6.jpg)
![Page 7: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/7.jpg)
Tim O'Reilly
• Founder of O'Reilly Media• Conference producer• Coiner of Web 2.0
![Page 8: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/8.jpg)
O’Reilly’s ideas
Companies and their products which survived dot-com bubble has often some similar features
• Network Effect• Perpetual beta• The Long Tail
![Page 9: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/9.jpg)
Collective IntelligenceNetwork Effect
• Collaboration more users gets better results then work of one user (Wiki)
• Quality of service increases with count of users (Spam filters, Social Networks, Amazon)
• More links on page more important page (Google Page Rank)
![Page 10: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/10.jpg)
The Perpetual Beta
• Applications are online = Easy to update• Why create final versions?
![Page 11: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/11.jpg)
The Long Tail What is The Long Tail?
• Also known as 80-20 rule
The Long Tail
20% 80%
products
sales
![Page 12: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/12.jpg)
O’Reilly’s ideas some shift in using of Internet
Web 1.0 Web 2.0
Britannica WikipediaPersonal websites BlogsDirectories Tags Publishing Participation
Domain name speculation SEO
Netscape Google
![Page 13: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/13.jpg)
![Page 14: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/14.jpg)
![Page 15: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/15.jpg)
Web 2.0 developer view
• Usability• AJAX– JSON
• Web API’s• Mashups
![Page 16: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/16.jpg)
UsabilityWhy talk about usability?
• Spectrum of internet user has changed. • Internet isn’t only for geeks only anymore.
• 1995 - 16 mil. Internet users• 2008 - 1,4 bil. Internet users
![Page 17: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/17.jpg)
UsabilityWhy we want better usability?
• Better user experience • Simplest way to learn work with application• Competitors do the same.
![Page 18: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/18.jpg)
Rich Internet Applications (RIA)
• No difference between desktop and web application (in user’s view)– More interactivity– Better user experience
• Part of work is transferred to web client• Technologies:– Java, JavaFX– Flash, Flex, Silverlight– AJAX
![Page 19: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/19.jpg)
AJAX
• Asynchronous JavaScript and XML• Communication server-client is asynchronous
– it isn’t so time consuming yet.• XMLHttpRequest - XHR
![Page 20: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/20.jpg)
JSON
• Popular protocol used instead XML• Simpler than XML• Data are converted directly into JavaScript
Objects• http://json.org/
![Page 21: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/21.jpg)
JSONComparison with XML
XML<user>
<name>Miroslav Juhos
</name><email>
[email protected]<email>
</user>
JSON{user: {
name: “Miroslav Juhos”email: “[email protected]”}
}
![Page 22: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/22.jpg)
Web API’s
• Many web apps provides API– Data API
BackPack, BaseCamp, Google Data API– Platform API (widget platform)
Facebook, Google Widgets, Google Maps
• Main building block for Mashups
![Page 23: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/23.jpg)
Mashup
• Application combines data sources using– API’s– RSS, Atom
• Favorite mashups with Google Maps– Realties, hotels, prices, band tours
![Page 24: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/24.jpg)
![Page 25: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/25.jpg)
Mashupslinks
• http://www.programmableweb.com• http://mashupawards.com
• http://www.hrady.cz• http://www.nelso.cz/mapa-cen-piva-v-praze/• http://www.czechinfo.aero/map.aspx
![Page 26: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/26.jpg)
![Page 27: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/27.jpg)
What next?Future of web – Web 3.0?
• More applications uses Network effect• More Rich Internet Applications• Simple tools for creating own Mashups• Semantic Web - Microformats• Open ID
• New version of HTML,CSS and JavaScript• Higher browsers performance in JS code
![Page 28: Web 2.0 beta](https://reader034.vdocuments.site/reader034/viewer/2022051209/5494b90db4795924048b4631/html5/thumbnails/28.jpg)
Miroslav Juhos ([email protected]) BETA