41
web 2.0 BY Ramesh.p

Web 2 0 Tools

Embed Size (px)

Citation preview

Page 1: Web 2 0 Tools

web 2.0

BY Ramesh.p

Page 2: Web 2 0 Tools

RIA(Rich Internet Applications)

Definition of RIA

A rich Internet application (RIA) is a Web application designed to deliver the same features and functions normally associated with deskop applications.

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.

Page 3: Web 2 0 Tools

RIA(Rich Internet Applications)

Features of RIA

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

Page 4: Web 2 0 Tools

List of rich internet application frameworks

Adobe Flex

Google Web Toolkit

iPFaces mobile framework

PhoneGap

Rich AJAX Platform

Rhomobile

OpenLaszlo

iPFaces mobile framework

Page 5: Web 2 0 Tools

Technologies

Most of Rich Internet are based on AJAX (Asynchronous JavaScript + XML) technology

Microsoft Silverlight and Adobe Flex have proprietary runtime technologies

Page 6: Web 2 0 Tools

Examples

Mozilla Prism

Adobe AIR

Curl Nitro

Microsoft WPF

Page 7: Web 2 0 Tools

AJAX

Definition of AJAX?

Ajax (Asynchronous JavaScript and XML) is a method of building interactive applications for the Web that process user requests immediately.

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.

Page 8: Web 2 0 Tools

features

Ajax (Asynchronous JavaScript and XML) applications have exploded onto the web development landscape in recent years.

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.

This technique uses a collection of technologies — including XHTML, CSS, and JavaScript — and is often used to create richer user experiences on the web.

Page 9: Web 2 0 Tools

Advantage of AJAX

AJAX allows the server to update the current Web page as opposed to sending a new page

The single page interface increases user interactivity

Page 10: Web 2 0 Tools

Disadvantage of AJAX

Some search engines are not equipped for AJAX-based applications

Can be too much context on one page

Bookmarks, Browser’s Back or Forward navigation may not function as expected

Page 11: Web 2 0 Tools

AJAX - A Tool for the programming world.

Page 12: Web 2 0 Tools

Usage

XHTML, CSS.

The DOM accessed with a client-side scripting language, especially ECMAScript implementations such as JavaScript and Jscript.

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.

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.

Page 13: Web 2 0 Tools

Example

Flickr - A Yahoo! Company

Flickr is a photo storage and display program that uses AJAX.

Gmail - Google

Gmail is an AJAX powered email system.

Google Maps - Google

Google Maps uses AJAX to power it's interactive map.

Page 14: Web 2 0 Tools

Web services

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.

In common usage the term refers to clients and servers that communicate over the Hypertext Transfer Protocol (HTTP) protocol used on the web.

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.

Page 15: Web 2 0 Tools

Features

A more interactive, differentiated experience which can lead to longer sessions and increased customer loyalty

Responsiveness, local actions which can result in fewer abandoned transactions, higher completion rates, and higher end-user productivity

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.

Page 16: Web 2 0 Tools

Usage

I was reading a Time magazine article online today, entitled Marketing to your mind. This article was very provocative and I enjoyed reading it.

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.

Page 17: Web 2 0 Tools

SOA

A service-oriented architecture is essentially a collection of services. These services communicate with each other.

The communication can involve either simple data passing or it could involve two or more services coordinating some activity.

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.

Page 18: Web 2 0 Tools

Features

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.

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.

Page 19: Web 2 0 Tools

Usage

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.

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.

Page 20: Web 2 0 Tools

SOA architecture

Page 21: Web 2 0 Tools

Mash-up

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 .

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.

Page 22: Web 2 0 Tools

Mash-up websites

Panoramio : a mash-up of Google Maps and geopositioned photographs of locations

Hiking Outpost : a mash-up of Amazon and online hiking information resources

Flash Earth : a zoomable mash-up of Google Maps and Microsoft's Virtual Earth

Diggdot : a mash-up of Digg, Slashdot and Del.icio.us that integrates and filters content

HousingMaps : a mash-up of Google Maps and Craigslist rental ads that displays geographical information for rental properties.

Page 23: Web 2 0 Tools

Features

Javascript Message Receiver

Javascript Deployer

+ Javascript annotation support

+ Binding configuration

Binding information/client binding selection

Stubs for 3rd party WSDLs (tool)

asnyc support wait()

SetTimeOut/asynchronous services

Page 24: Web 2 0 Tools

Resources

API Enabler Create a custom API for static resources (e.g., web pages) so that they can be utilized as a dynamic data source

Competitive Analysis Extract pricing and product information or advertising trends from competing firms to compare against your own offerings

Reality Mining Incorporate environmental and behavioral data to better understand human interaction.

ime Series Use a mashup to extract and store information at regular intervals in hopes of observing trends in the data

Page 25: Web 2 0 Tools

RSS

Definitions

RSS (most commonly expanded as "Really Simple Syndication") 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.

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.

Page 26: Web 2 0 Tools

Features

VoiceOver Screen Reader

Full-Page Zoom

Minimum Font Size

CSS Animation

CSS3 Web Fonts

Scriptable Plug-ins

Plug-in Support

JavaScript Support

Page 27: Web 2 0 Tools

Examples ?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0">

<channel>

<title>RSS Example</title>

<description>This is an example of an RSS feed</description>

<link>http://www.domain.com/link.htm</link>

<lastBuildDate>Mon, 28 Aug 2006 11:12:55 -0400 </lastBuildDate>

<pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate>

<item>

<title>Item Example</title>

<description>This is an example of an Item</description>

<link>http://www.domain.com/link.htm</link>

<guid isPermaLink="false"> 1102345</guid>

<pubDate>Tue, 29 Aug 2006 09:00:00 -0400</pubDate>

</item>

</channel> </rss>

Page 28: Web 2 0 Tools

Wiki

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.

Text is entered using a simple mark-up language which is then rendered as HTML.

In contrast, a web log, typically authored by an individual, does not allow visitors to change the original posted material, only add comments.

Page 29: Web 2 0 Tools

Features

These are the articles, pictures, and other contributions that showcase the polished result of the collaborative efforts that drive Wikipedia.

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.

Page 30: Web 2 0 Tools

Flash

Multimedia technology developed by Macromedia to allow much interactivity to fit in a relatively small file size.

Flash can be used to create entire "Flash sites" or to add interactive elements to standard HTML sites.

Since then Macromedia has added resources relating to usability and accessibility.

Page 31: Web 2 0 Tools

Features

3D effects

Custom filters and effects

Advanced text support

Dynamic sound generation

Drawing API

File upload and download APIs

Speex audio codec

Dynamic Streaming

Page 32: Web 2 0 Tools

Blogging

A blog (a contraction of the term "web log")[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.

A frequent, chronological publication of personal thoughts and Web links.

Page 33: Web 2 0 Tools

Features

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.

Rich Text Editor

Photo Album

Visitor Interaction

Web Site Statistics

Spam Blocking Tools

Multiple Language Capability

Page 34: Web 2 0 Tools

Pod cast

A podcast is a series of digital media files (either audio or video) that are released episodically and often downloaded through web syndication.

definition of podcasting pulled from Wikipedia that provides you with information about podcasting, its roots and some of the techincal aspects surrounding podcasting.

Page 35: Web 2 0 Tools

SOAP

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.

SOAP can form the foundation layer of a web services protocol stack, providing a basic messaging framework upon which web services can be built.

Page 36: Web 2 0 Tools

Features

SOAP Application

SOAP Node

SOAP Sender

SOAP Receiver

SOAP Intermediary

SOAP Role

Page 37: Web 2 0 Tools

Social Web

Social media are media designed to be disseminated through social interaction, using highly accessible and scalable publishing techniques.

Social media use web-based technologies to transform and broadcast media monologues into social media dialogues.

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.

Page 38: Web 2 0 Tools

Tagging

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

Tags are generally chosen informally and personally by the item's creator or by its viewer, depending on the system.

This kind of metadata helps describe an item and allows it to be found again by browsing or searching.

Page 39: Web 2 0 Tools

Features

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.

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

Page 40: Web 2 0 Tools

Feeds

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.

Making a collection of web feeds accessible in one spot is known as aggregation, which is performed by an aggregator.

The kinds of content delivered by a web feed are typically HTML (webpage content) or links to

webpages and other kinds of digital media.

Page 41: Web 2 0 Tools

Thank ”U”