rich internet applications

41
An Approach for Building Rich Internet Applications with Palestinian Encyclopedia as a Case Study August 08

Upload: youssef-shaath

Post on 31-May-2015

2.160 views

Category:

Technology


5 download

DESCRIPTION

An Approach for Building Rich Internet Applications

TRANSCRIPT

Page 1: Rich Internet Applications

An Approach for BuildingRich Internet Applicationswith

Palestinian Encyclopedia as a Case Study

August 08

Page 2: Rich Internet Applications

Agenda

Study Introduction Evolution of the Web Web 2.0 Rich Internet Applications RIA Technologies Technical Comparison Recommended Usage Scenarios Palestinian Encyclopedia Conclusion and Future Work

Page 3: Rich Internet Applications

Statement of Problem

In light of the emergence of various Rich Internet Application (RIA) technologies that address various aspects of user and business demands, the problem of this study is to determine what technologies are appropriate to meet such demands, what type of interactive as well as visual presentations do these technologies provide, and what limitations do these technologies have.

Page 4: Rich Internet Applications

Objective

To propose a basis for selecting the appropriate RIA technologies that can be used to address a broad range of web applications. These technologies must support high interactive and rich interfaces with desktop-like look and feel applications that meet user satisfaction and business needs.

Page 5: Rich Internet Applications

Specific Objectives

To bring to light, new developing web technologies that provide rich applications with great interactivity that in most cases would be extremely difficult or impossible for a developer to create using traditional Web technologies.

Present a technical comparison between the different technologies used in the RIAs.

Find whether RIA technologies provide appropriate solutions to problems of the traditional web.

Evaluate these technologies and recommend some techniques to implement a framework of Encyclopedia of Palestine (PalPedia) as a case study.

Page 6: Rich Internet Applications

Significance of the Study (1/2)

The study suggests solutions that support the web developer and designer choices.

To our knowledge, there are no existing similar comprehensive studies that cover the most of RIA technologies.

Open a new area of research that enables a number of features that can be used to develop a new wave of web applications.

Empower developers to create wholly new kinds of applications with features or capabilities that overcome the limitations of traditional Web technologies.

Empower developers to create applications that deliver a variety of substantial business benefits including: increased sales, increased brand loyalty, longer stays on sites, more frequent repeat visits, reduced bandwidth costs, reduced support calls, and deepened customer relationships.

Page 7: Rich Internet Applications

Significance of the Study (2/2)

The case study’s framework of Encyclopedia of Palestine “PalPedia” leads a new trend of web sites that are talking about Palestine by moving from the classic presentation of information to new interactive presentation with photos and videos.

It contains different examples to illustrate the features and drawbacks of different RIA technologies.

Page 8: Rich Internet Applications

Scope and Limitations of the Study

This study will focus on web development technologies and will not discuss desktop applications. It will depend on some of the current RIA technologies.

This study will not propose any new technology to solve the imitations of current technologies. Our criteria of comparison will be limited to most important characteristics of each technology and framework based on demos and case studies.

Our study will test our choice of the technology to design and develop a framework of Encyclopedia of Palestine “PalPedia”. Encyclopedia of Palestine will be a case study, so that, it will not be an actual encyclopedia that cover all of the Palestinian issues and aspects. It is not a final product used commercially.

To our knowledge, there are no existing guides to develop and design encyclopedias using RIA technologies.

Page 9: Rich Internet Applications

Methodology

Introduce RIA as a solution to traditional web Choose Examples: build our own examples or use existing

ones Examples tested and analysis against certain complexities Understand the structure of the examples Compare the most important features of different RIA

frameworks The study questions answered Recommend usage scenarios Develop case study and Implement usage scenarios

Page 10: Rich Internet Applications

Evolution of the Web

Source: Adobe Systems Incorporated, 2006

Page 11: Rich Internet Applications

Web 2.0

Web 2.0 is a revolutionary view of the Internet and the social and business uses of advanced technologies rather than the technical aspects of those technologies.

O’Reilly Media , 2003

“Web 2.0, a phrase coined by O’Reilly Media in 2004, refers to a supposed second generation of Internet-based services – such as social networking sites, wikis, communication tools, and folksonomies – that emphasize online collaboration and sharing among users.”

Source: Sizlopedia, 2007

Page 12: Rich Internet Applications

Rich Internet Applications (RIAs)

Source: Macromedia, 2003

Page 13: Rich Internet Applications

What are Rich Internet Applications? Rich Internet Applications are web applications that

have the features and functionality of traditional desktop applications.

RIAs typically transfer the processing necessary for the user interface to the web client but keep the bulk of the data (i.e., maintaining the state of the program, the data etc) back on the application server.

RIAs typically: run in a web browser, or do not require software

installation . run locally in a secure environment called a sandbox.

Page 14: Rich Internet Applications

What is User Experience?

A term used to describe the overall experience and satisfaction a user has when using a product or system. It most commonly refers to a combination of software and business topics, such as selling over the web, but it applies to any result of interaction design.

Page 15: Rich Internet Applications

Why Rich Internet Applications (1/5)

Process Complexity: Complex Web Application often require that the user navigates through a series of pages to complete a single task.

Source: Broadmoor, 2008

Page 16: Rich Internet Applications

Why Rich Internet Applications (2/5)

Data Complexity : they do not support interactive explorations of the data.

Source: Brocade, 2008

Page 17: Rich Internet Applications

Why Rich Internet Applications (3/5)

Configuration Complexity : many web applications require the configuration of a product/system from multi-criteria choices.

Source: Sherwin-Williams, 2008

Page 18: Rich Internet Applications

Why Rich Internet Applications (4/5)

Scale Complexity: Shopping sites provide immediate, dynamic visual feedback showing the results of the search filters.

Source: Iokio, 2008

Page 19: Rich Internet Applications

Why Rich Internet Applications (5/5)

Feedback Complexity: They do not allow a continued and ordered interaction without page refreshments.

Source: PalPedia, 2008

Page 20: Rich Internet Applications

How can RIAs Improve the User Experience

Page 21: Rich Internet Applications

The RIAs Technologies (1/5)

AJAX Adobe Flash Microsoft Silverlight Java-Based RIAs

Page 22: Rich Internet Applications

AJAX (2/5)

AJAX is an acronym for Asynchronous JavaScript and XML.

Source: Site Point, 2006

Page 23: Rich Internet Applications

Adobe Flex (3/5)

Source: Adobe Systems, 2004

Page 24: Rich Internet Applications

Microsoft Silverlight (4/5)

Source Microsoft, 2008

Page 25: Rich Internet Applications

Java-Based RIAs (5/5)

Nexaweb

Source: Nexaweb, 2005

Page 26: Rich Internet Applications

Technical Comparison (1/6)

User Experience

Page 27: Rich Internet Applications

Technical Comparison (2/6)

Performance

Page 28: Rich Internet Applications

Technical Comparison (3/6)

Development Environment (1/2)

Page 29: Rich Internet Applications

Technical Comparison (4/6)

Development Environment (2/2)

Page 30: Rich Internet Applications

Technical Comparison (5/6)

Compatibility

Page 31: Rich Internet Applications

Technical Comparison (6/6)

Unique features

Page 32: Rich Internet Applications

Recommended Usage Scenario (1/3)

Use AJAX: To make incremental usability enhancements to an existing

web site. For building “widgets” that do not need a team larger than

a couple of developers. When you have existing, internal JavaScript and HTML

expertise. For smaller RIA deployments and for deployments where

performance is critical. If you are willing to use an open source environment. For developing applications that keep Browser behaviors.

Page 33: Rich Internet Applications

Recommended Usage Scenario (2/3)

Use Flex: When you need to develop applications that require a robust,

scalable rich Internet application. Where you require sophisticated and interactive data visualization. When video & audio playback or web camera / microphone capture

is a requirement. Where you require complex animation or bitmap manipulation. When the graphic design is core critical to your business needs. When u are willing to use safe choice to build your application. When you want to get rid of all headache result from the browsers’

war. When you want to use fairly rich user experince and trusted IDE

with debugging facilities. When have good Flash designing skills.

Page 34: Rich Internet Applications

Recommended Usage Scenario (3/3)

Use Both: When SEO and rich user experience are equally important. When neither meets all of your needs (for example: video

playback and HTML rendering are both requirements).

Page 35: Rich Internet Applications

Best Practices in Developing PalPedia Encyclopedia (1/4)

User Experience and Usability

Page 36: Rich Internet Applications

Best Practices in Developing PalPedia Encyclopedia (2/4)

Performance

Page 37: Rich Internet Applications

Best Practices in Developing PalPedia Encyclopedia (3/4)

Development environment

Page 38: Rich Internet Applications

Best Practices in Developing PalPedia Encyclopedia (4/4)

Compatibility

Unique features

Page 39: Rich Internet Applications

Conclusion

We open a discussion for a new area that increases the potential choices for developers and designers for creating elegant, robust and responsive web applications.

We proposed to designers and developers an approach to assets them in selecting the best RIA technologies that meet user and business demands.

We introduce a framework for Encyclopedia of Palestine “PalPedia”

Page 40: Rich Internet Applications

Future Works

We compare between the most famous RIA technologies (Adobe Flex and Ajax), however, we may include other technologies like Microsoft Silverlight and JavaFX.

Comparison needs further analysis, for example security concerns had been discussed concisely. Other criteria were subjected to our views and they are still open to further discussions.

Several enhancements have to be added and new components have to be build on encyclopedia in future.

Page 41: Rich Internet Applications

Thanks