Web 2 0 Tools


Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web 2 0 Tools

  1. 1. web 2.0 <ul><ul><ul><ul><ul><li>BY </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Ramesh.p </li></ul></ul></ul></ul></ul>
  2. 2. RIA(Rich Internet Applications) <ul><li>Definition of RIA </li></ul><ul><ul><li>A rich Internet application (RIA) is a Web application designed to deliver the same features and functions normally associated with deskop applications. </li></ul></ul><ul><ul><li>RIAs generally split the processing across the Internet/network divide by locating the user interface and related activity and capability on the client side, and the data manipulation and operation on the application server side. </li></ul></ul>
  3. 3. RIA(Rich Internet Applications) <ul><li>Features of RIA </li></ul><ul><li>Rich Internet Applications (RIAs) are web applications that offer the responsiveness, “rich” features and functionality approaching that of desktop applications. Early Internet applications supported only a basic HTML graphical user interface (GUI). </li></ul>
  4. 4. List of rich internet application frameworks <ul><li>Adobe Flex </li></ul><ul><li>Google Web Toolkit </li></ul><ul><li>iPFaces mobile framework </li></ul><ul><li>PhoneGap </li></ul><ul><li>Rich AJAX Platform </li></ul><ul><li>Rhomobile </li></ul><ul><li>OpenLaszlo </li></ul><ul><li>iPFaces mobile framework </li></ul>
  5. 5. Technologies <ul><li>Most of Rich Internet are based on AJAX (Asynchronous JavaScript + XML) technology </li></ul><ul><li>Microsoft Silverlight and Adobe Flex have proprietary runtime technologies </li></ul>
  6. 6. Examples <ul><li>Mozilla Prism </li></ul><ul><li>Adobe AIR </li></ul><ul><li>Curl Nitro </li></ul><ul><li>Microsoft WPF </li></ul>
  7. 7. AJAX <ul><li>Definition of AJAX? </li></ul><ul><li>Ajax (Asynchronous JavaScript and XML) is a method of building interactive applications for the Web that process user requests immediately. </li></ul><ul><li>Ajax combines several programming tools including JavaScript, dynamic HTML (DHTML), Extensible Markup Language (XML), cascading style sheets (CSS), the Document Object Model (DOM), and the Microsoft object, XMLHttpRequest. </li></ul>
  8. 8. features <ul><li>Ajax (Asynchronous JavaScript and XML) applications have exploded onto the web development landscape in recent years. </li></ul><ul><li>Ajax applications are asynchronous, which means they can exchange data with the server independent of the loading and reloading of the entire web page. The result is a more interactive, engaging experience for users. </li></ul><ul><li>This technique uses a collection of technologies — including XHTML, CSS, and JavaScript — and is often used to create richer user experiences on the web. </li></ul>
  9. 9. Advantage of AJAX <ul><li>AJAX allows the server to update the current Web page as opposed to sending a new page </li></ul><ul><li>The single page interface increases user interactivity </li></ul>
  10. 10. Disadvantage of AJAX <ul><li>Some search engines are not equipped for AJAX-based applications </li></ul><ul><li>Can be too much context on one page </li></ul><ul><li>Bookmarks, Browser’s Back or Forward navigation may not function as expected </li></ul>
  11. 11. AJAX - A Tool for the programming world.
  12. 12. Usage <ul><li>XHTML, CSS. </li></ul><ul><li>The DOM accessed with a client-side scripting language, especially ECMAScript implementations such as JavaScript and Jscript. </li></ul><ul><li>The XMLHttpRequest object to exchange data asynchronously with the web server. In some Ajax frameworks and in certain situations, an IFrame object is used instead of the XMLHttpRequest object to exchange data with the web server. </li></ul><ul><li>XML is sometimes used as the format for transferring data between the server and client, although any format will work, including preformatted HTML, plain text, JSON and even EBML. </li></ul>
  13. 13. Example <ul><li>Flickr - A Yahoo! Company </li></ul><ul><li>Flickr is a photo storage and display program that uses AJAX. </li></ul><ul><li>Gmail - Google </li></ul><ul><li>Gmail is an AJAX powered email system. </li></ul><ul><li>Google Maps - Google </li></ul><ul><li>Google Maps uses AJAX to power it's interactive map. </li></ul>
  14. 14. Web services <ul><li>Web services are typically application programming interfaces (API) or web APIs that can be accessed over a network, such as the Internet, and executed on a remote system hosting the requested services. </li></ul><ul><li>In common usage the term refers to clients and servers that communicate over the Hypertext Transfer Protocol (HTTP) protocol used on the web. </li></ul><ul><li>The term Web services describes a standardized way of integrating Web-based applications using the XML, SOAP, WSDL and UDDI open standards over an Internet protocol backbone. </li></ul>
  15. 15. Features <ul><li>A more interactive, differentiated experience which can lead to longer sessions and increased customer loyalty </li></ul><ul><li>Responsiveness, local actions which can result in fewer abandoned transactions, higher completion rates, and higher end-user productivity </li></ul><ul><li>The WebSphere Application Server Feature Pack for Web 2.0 is an IBM-supported solution for creating Ajax-based applications and mashups on WebSphere Application Server. </li></ul>
  16. 16. Usage <ul><li>I was reading a Time magazine article online today, entitled Marketing to your mind. This article was very provocative and I enjoyed reading it. </li></ul><ul><li>But after I was done, something else caught my attention. I was surprised to see a row of 'web 2.0' buttons at the bottom of the article. </li></ul>
  17. 17. SOA <ul><li>A service-oriented architecture is essentially a collection of services. These services communicate with each other. </li></ul><ul><li>The communication can involve either simple data passing or it could involve two or more services coordinating some activity. </li></ul><ul><li>The technology of Web services (new window) is the most likely connection technology of service-oriented architectures. Web services essentially use XML (new window) to create a robust connection. </li></ul>
  18. 18. Features <ul><li>A service is a piece of code that can exist independently. It's usually identified independently for composition with other services and is called independently for execution. </li></ul><ul><li>Common Object Request Broker Architecture (CORBA) or Component Object Model (COM) component code can also be designated as a service depending on the scenario and their functionality. </li></ul>
  19. 19. Usage <ul><li>SOA tends to highlight the need for semantic interoperability. While SOA provides framework for integration of cross Business operations with information flow in real time. </li></ul><ul><li>There is also a major semantic interoperability conflict that is not being addressed directly by the SOA. Thus, the usage of information repositories has been the inevitable result. </li></ul>
  20. 20. SOA architecture
  21. 21. Mash-up <ul><li>A mash-up is a Web page or application that integrates complementary elements from two or more sources. Mash-ups are often created by using a development approach called Ajax . </li></ul><ul><li>Fast integration, frequently using open APIs and data sources to produce enriching results that were not necessarily the original reason for producing the raw source data. </li></ul>
  22. 22. Mash-up websites <ul><li>Panoramio : a mash-up of Google Maps and geopositioned photographs of locations </li></ul><ul><li>Hiking Outpost : a mash-up of Amazon and online hiking information resources </li></ul><ul><li>Flash Earth : a zoomable mash-up of Google Maps and Microsoft's Virtual Earth </li></ul><ul><li>Diggdot : a mash-up of Digg, Slashdot and Del.icio.us that integrates and filters content </li></ul><ul><li>HousingMaps : a mash-up of Google Maps and Craigslist rental ads that displays geographical information for rental properties. </li></ul>
  23. 23. Features <ul><li>Javascript Message Receiver </li></ul><ul><li>Javascript Deployer </li></ul><ul><li>+ Javascript annotation support </li></ul><ul><li>+ Binding configuration </li></ul><ul><li>Binding information/client binding selection </li></ul><ul><li>Stubs for 3rd party WSDLs (tool) </li></ul><ul><li>asnyc support wait() </li></ul><ul><li>SetTimeOut/asynchronous services </li></ul>
  24. 24. Resources <ul><li>API Enabler Create a custom API for static resources (e.g., web pages) so that they can be utilized as a dynamic data source </li></ul><ul><li>Competitive Analysis Extract pricing and product information or advertising trends from competing firms to compare against your own offerings </li></ul><ul><li>Reality Mining Incorporate environmental and behavioral data to better understand human interaction. </li></ul><ul><li>ime Series Use a mashup to extract and store information at regular intervals in hopes of observing trends in the data </li></ul>
  25. 25. RSS <ul><li>Definitions </li></ul><ul><li>RSS (most commonly expanded as &quot;Really Simple Syndication&quot;) is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format. </li></ul><ul><li>RSS is a format for delivering regularly changing web content. Many news-related sites, weblogs and other online publishers syndicate their content as an RSS Feed to whoever wants it. </li></ul>
  26. 26. Features <ul><li>VoiceOver Screen Reader </li></ul><ul><li>Full-Page Zoom </li></ul><ul><li>Minimum Font Size </li></ul><ul><li>CSS Animation </li></ul><ul><li>CSS3 Web Fonts </li></ul><ul><li>Scriptable Plug-ins </li></ul><ul><li>Plug-in Support </li></ul><ul><li>JavaScript Support </li></ul>
  27. 27. Examples <ul><li>?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> </li></ul><ul><li><rss version=&quot;2.0&quot;> </li></ul><ul><li><channel> </li></ul><ul><li><title>RSS Example</title> </li></ul><ul><li><description>This is an example of an RSS feed</description> </li></ul><ul><li><link>http://www.domain.com/link.htm</link> </li></ul><ul><li><lastBuildDate>Mon, 28 Aug 2006 11:12:55 -0400 </lastBuildDate> </li></ul><ul><li><pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate> </li></ul><ul><li><item> </li></ul><ul><li><title>Item Example</title> </li></ul><ul><li><description>This is an example of an Item</description> </li></ul><ul><li><link>http://www.domain.com/link.htm</link> </li></ul><ul><li><guid isPermaLink=&quot;false&quot;> 1102345</guid> </li></ul><ul><li><pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate> </li></ul><ul><li></item> </li></ul><ul><li></channel> </rss> </li></ul>
  28. 28. Wiki <ul><li>collaborative website that users can easily modify via the web, typically without restriction. A wiki allows anyone, using a web browser, to edit, delete or modify content that has been placed on the site, including the work of other authors. </li></ul><ul><li>Text is entered using a simple mark-up language which is then rendered as HTML. </li></ul><ul><li>In contrast, a web log, typically authored by an individual, does not allow visitors to change the original posted material, only add comments. </li></ul>
  29. 29. Features <ul><li>These are the articles, pictures, and other contributions that showcase the polished result of the collaborative efforts that drive Wikipedia. </li></ul><ul><li>A small bronze star (The featured content star) in the top right corner of a page indicates that the content is featured. This page gives links to all of Wikipedia's featured content and showcases one randomly selected example of each type of content. </li></ul>
  30. 30. Flash <ul><li>Multimedia technology developed by Macromedia to allow much interactivity to fit in a relatively small file size. </li></ul><ul><li>Flash can be used to create entire &quot;Flash sites&quot; or to add interactive elements to standard HTML sites. </li></ul><ul><li>Since then Macromedia has added resources relating to usability and accessibility. </li></ul>
  31. 31. Features <ul><li>3D effects </li></ul><ul><li>Custom filters and effects </li></ul><ul><li>Advanced text support </li></ul><ul><li>Dynamic sound generation </li></ul><ul><li>Drawing API </li></ul><ul><li>File upload and download APIs </li></ul><ul><li>Speex audio codec </li></ul><ul><li>Dynamic Streaming </li></ul>
  32. 32. Blogging <ul><li>A blog (a contraction of the term &quot;web log&quot;)[1] is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. </li></ul><ul><li>A frequent, chronological publication of personal thoughts and Web links. </li></ul>
  33. 33. Features <ul><li>Blogware is the most intuitive blogging tool available today. Everything you need to quickly and easily create your blog is included - whether it is pictures, video, documents, opinions or more, is included. </li></ul><ul><li>Rich Text Editor </li></ul><ul><li>Photo Album </li></ul><ul><li>Visitor Interaction </li></ul><ul><li>Web Site Statistics </li></ul><ul><li>Spam Blocking Tools </li></ul><ul><li>Multiple Language Capability </li></ul>
  34. 34. Pod cast <ul><li>A podcast is a series of digital media files (either audio or video) that are released episodically and often downloaded through web syndication. </li></ul><ul><li>definition of podcasting pulled from Wikipedia that provides you with information about podcasting, its roots and some of the techincal aspects surrounding podcasting. </li></ul>
  35. 35. SOAP <ul><li>SOAP (Simple Object Access Protocol) is a way for a program running in one kind of operating system (such as Windows 2000) to communicate with a progam in the same or another kind of an operating system (such as Linux) by using the World Wide Web's Hypertext Transfer Protocol (HTTP)and its Extensible Markup Language (XML) as the mechanisms for information exchange. </li></ul><ul><li>SOAP can form the foundation layer of a web services protocol stack, providing a basic messaging framework upon which web services can be built. </li></ul>
  36. 36. Features <ul><li>SOAP Application </li></ul><ul><li>SOAP Node </li></ul><ul><li>SOAP Sender </li></ul><ul><li>SOAP Receiver </li></ul><ul><li>SOAP Intermediary </li></ul><ul><li>SOAP Role </li></ul>
  37. 37. Social Web <ul><li>Social media are media designed to be disseminated through social interaction, using highly accessible and scalable publishing techniques. </li></ul><ul><li>Social media use web-based technologies to transform and broadcast media monologues into social media dialogues. </li></ul><ul><li>This computer-mediated communication has become very popular with social sites like MySpace and Facebook, media sites like Flickr and YouTube as well as commercial sites like Amazon.com and eBay. </li></ul>
  38. 38. Tagging <ul><li>In an HTML document, HTML elements are tags, as well as text, which act as indicators to a web browser as to how the document is to be interpreted </li></ul><ul><li>Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. </li></ul><ul><li>This kind of metadata helps describe an item and allows it to be found again by browsing or searching. </li></ul>
  39. 39. Features <ul><li>improved name tags, a feature based on the same technology that powers name tags on Picasa Web Albums. With name tags, you can organize your photos based on what matters most: the people in them. </li></ul><ul><li>n this new version, you can also upload photos to your friends' collaborative albums, more easily geotag photos using Google Maps, and import photos from your camera and upload them to Picasa Web Albums </li></ul>
  40. 40. Feeds <ul><li>A web feed (or news feed) is a data format used for providing users with frequently updated content. Content distributors syndicate a web feed, thereby allowing users to subscribe to it. </li></ul><ul><li>Making a collection of web feeds accessible in one spot is known as aggregation, which is performed by an aggregator. </li></ul><ul><li>The kinds of content delivered by a web feed are typically HTML (webpage content) or links to webpages and other kinds of digital media. </li></ul>
  41. 41. Thank ”U”