Rich Internet Applications


Published on

An Approach for Building Rich Internet Applications

Published in: Technology, Business
  • Be the first to comment

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

No notes for slide

Rich Internet Applications

  1. 1. An Approach for Building<br />Rich Internet Applications<br />withPalestinian Encyclopedia as a Case Study<br />August 08<br />
  2. 2. Agenda<br />Study Introduction<br />Evolution of the Web<br />Web 2.0<br />Rich Internet Applications<br />RIA Technologies<br />Technical Comparison <br />Recommended Usage Scenarios<br />Palestinian Encyclopedia <br />Conclusion and Future Work<br />
  3. 3. Statement of Problem<br />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. <br />
  4. 4. Objective<br />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.<br />
  5. 5. Specific Objectives<br />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.<br />Present a technical comparison between the different technologies used in the RIAs.<br />Find whether RIA technologies provide appropriate solutions to problems of the traditional web.<br />Evaluate these technologies and recommend some techniques to implement a framework of Encyclopedia of Palestine (PalPedia) as a case study.<br />
  6. 6. Significance of the Study (1/2)<br />The study suggests solutions that support the web developer and designer choices.<br />To our knowledge, there are no existing similar comprehensive studies that cover the most of RIA technologies.<br />Open a new area of research that enables a number of features that can be used to develop a new wave of web applications.<br />Empower developers to create wholly new kinds of applications with features or capabilities that overcome the limitations of traditional Web technologies.<br />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.<br />
  7. 7. Significance of the Study (2/2)<br />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.<br />It contains different examples to illustrate the features and drawbacks of different RIA technologies.<br />
  8. 8. Scope and Limitations of the Study <br />This study will focus on web development technologies and will not discuss desktop applications. It will depend on some of the current RIA technologies.<br />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.<br />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.<br />To our knowledge, there are no existing guides to develop and design encyclopedias using RIA technologies.<br />
  9. 9. Methodology<br />Introduce RIA as a solution to traditional web<br />Choose Examples: build our own examples or use existing ones<br />Examples tested and analysis against certain complexities <br />Understand the structure of the examples<br />Compare the most important features of different RIA frameworks <br />The study questions answered <br />Recommend usage scenarios <br />Develop case study and Implement usage scenarios<br />
  10. 10. Evolution of the Web <br />Source: Adobe Systems Incorporated, 2006 <br />
  11. 11. Web 2.0<br /><ul><li> 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.</li></ul>O’Reilly Media , 2003<br /><ul><li> “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.”</li></ul>Source: Sizlopedia, 2007<br />
  12. 12. Rich Internet Applications (RIAs)<br />Source: Macromedia, 2003<br />
  13. 13. What are Rich Internet Applications?<br />Rich Internet Applicationsare web applications that have the features and functionality of traditional desktop applications. <br />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.<br />RIAs typically:<br /><ul><li>run in a web browser, or do not require software installation .
  14. 14. run locally in a secure environment called a sandbox.</li></li></ul><li>What is User Experience?<br />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.<br />
  15. 15. Why Rich Internet Applications (1/5)<br />Process Complexity: Complex Web Application often require that the user navigates through a series of pages to complete a single task.<br />Source: Broadmoor, 2008<br />
  16. 16. Why Rich Internet Applications (2/5)<br />Data Complexity : they do not support interactive explorations of the data.<br />Source: Brocade, 2008<br />
  17. 17. Why Rich Internet Applications (3/5)<br />Configuration Complexity : many web applications require the configuration of a product/system from multi-criteria choices.<br />Source: Sherwin-Williams, 2008<br />
  18. 18. Why Rich Internet Applications (4/5)<br />Scale Complexity: Shopping sites provide immediate, dynamic visual feedback showing the results of the search filters.<br />Source: Iokio, 2008<br />
  19. 19. Why Rich Internet Applications (5/5)<br />Feedback Complexity: They do not allow a continued and ordered interaction without page refreshments.<br />Source: PalPedia, 2008<br />
  20. 20. How can RIAs Improve the User Experience<br />
  21. 21. The RIAs Technologies (1/5)<br />AJAX<br />Adobe Flash<br />Microsoft Silverlight<br />Java-Based RIAs<br />
  22. 22. AJAX (2/5)<br />AJAX is an acronym for Asynchronous JavaScript and XML. <br />Source: Site Point, 2006<br />
  23. 23. Adobe Flex (3/5)<br />Source: Adobe Systems, 2004<br />
  24. 24. Microsoft Silverlight (4/5)<br />Source Microsoft, 2008<br />
  25. 25. Java-Based RIAs (5/5)Nexaweb<br />Source: Nexaweb, 2005<br />
  26. 26. Technical Comparison (1/6)<br />User Experience<br />
  27. 27. Technical Comparison (2/6)<br />Performance<br />
  28. 28. Technical Comparison (3/6)<br />Development Environment (1/2)<br />
  29. 29. Technical Comparison (4/6)<br />Development Environment (2/2)<br />
  30. 30. Technical Comparison (5/6)<br />Compatibility<br />
  31. 31. Technical Comparison (6/6)<br />Unique features<br />
  32. 32. Recommended Usage Scenario (1/3) <br />Use AJAX:<br />To make incremental usability enhancements to an existing web site.<br />For building “widgets” that do not need a team larger than a couple of developers.<br />When you have existing, internal JavaScript and HTML expertise.<br />For smaller RIA deployments and for deployments where performance is critical.<br />If you are willing to use an open source environment.<br />For developing applications that keep Browser behaviors.<br />
  33. 33. Recommended Usage Scenario (2/3) <br />Use Flex:<br />When you need to develop applications that require a robust, scalable rich Internet application.<br />Where you require sophisticated and interactive data visualization.<br />When video & audio playback or web camera / microphone capture is a requirement.<br />Where you require complex animation or bitmap manipulation.<br />When the graphic design is core critical to your business needs.<br />When u are willing to use safe choice to build your application.<br />When you want to get rid of all headache result from the browsers’ war. <br />When you want to use fairly rich user experince and trusted IDE with debugging facilities. <br />When have good Flash designing skills.<br />
  34. 34. Recommended Usage Scenario (3/3)<br />Use Both:<br />When SEO and rich user experience are equally important.<br />When neither meets all of your needs (for example: video playback and HTML rendering are both requirements).<br />
  35. 35. Best Practices in Developing PalPedia Encyclopedia (1/4)<br />User Experience and Usability<br />
  36. 36. Best Practices in Developing PalPedia Encyclopedia (2/4)<br />Performance<br />
  37. 37. Best Practices in Developing PalPedia Encyclopedia (3/4)<br />Development environment<br />
  38. 38. Best Practices in Developing PalPedia Encyclopedia (4/4)<br />Compatibility<br />Unique features<br />
  39. 39. Conclusion<br />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.<br />We proposed to designers and developers an approach to assets them in selecting the best RIA technologies that meet user and business demands.<br />We introduce a framework for Encyclopedia of Palestine “PalPedia” <br />
  40. 40. Future Works<br />We compare between the most famous RIA technologies (Adobe Flex and Ajax), however, we may include other technologies like Microsoft Silverlight and JavaFX.<br />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.<br />Several enhancements have to be added and new components have to be build on encyclopedia in future.<br />
  41. 41. Thanks<br />