1 / 23

Web Application Development

COMS E6125. Jiajie Cen. Web Application Development. March, 30, 2010. Contents. Web Engineering Ajax Flash Ajax VS Flash Future. March, 30, 2010. Jiajie Cen: COMS E6125. Web Engineering.

tam
Download Presentation

Web Application Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COMS E6125 Jiajie Cen Web Application Development March, 30, 2010

  2. Contents • Web Engineering • Ajax • Flash • Ajax VS Flash • Future March, 30, 2010 Jiajie Cen: COMS E6125

  3. Web Engineering • “Web engineering is the establishment and use of sound scientific, engineering and management principles and disciplined and systematic approaches to the successful development, deployment and maintenance of high quality Web-based systems and applications.” • Example: Hotmail, Amazon, Google Calendar, Internet Chess March, 30, 2010 Jiajie Cen: COMS E6125

  4. Contents • Web Engineering • Ajax • Flash • Ajax VS Flash • Future March, 30, 2010 Jiajie Cen: COMS E6125

  5. Ajax Ajax (Asynchronous JavaScript and XML for short) is a group of web development techniques used in the client side to create a responsive and interactive web application. March, 30, 2010 Jiajie Cen: COMS E6125

  6. User interface User interface User activity User activity Ajax Engine time time HTTP Request HTTP Request JavaScript call HTTP Request JavaScript call HTTP Request HTML+CSS XML data XML data HTML+CSS HTML+CSS HTML+CSS System processing System processing System processing System processing Web and/or XML server Web server Datastores, backend processing, legacy systems Datastores, backend processing, legacy systems Ajax March, 30, 2010 Jiajie Cen: COMS E6125

  7. Google Docs VS Microsoft Office March, 30, 2010 Jiajie Cen: COMS E6125

  8. Contents • Web Engineering • Ajax • Flash • Ajax VS Flash • Future March, 30, 2010 Jiajie Cen: COMS E6125

  9. Flash Macromedia Flash MX provides a ‘rich client’ environment for internet content and applications. Flash is designed to improve the quality of user’s interface. • Compiled SWF files • Efficient rendering through vector graphics • Event-based programming • Action Script for programming and scripting Example: Internet Games March, 30, 2010 Jiajie Cen: COMS E6125

  10. Contents • Web Engineering • Ajax • Flash • Ajax VS Flash • Future March, 30, 2010 Jiajie Cen: COMS E6125

  11. Ajax VS Flash • memory and time comparison • User experience March, 30, 2010 Jiajie Cen: COMS E6125

  12. Ajax & Flash: memory and time comparison demo March, 30, 2010 Jiajie Cen: COMS E6125

  13. Ajax & Flash: memory and time comparison March, 30, 2010 Jiajie Cen: COMS E6125

  14. Ajax & Flash: memory and time comparison March, 30, 2010 Jiajie Cen: COMS E6125

  15. Ajax VS Flash • memory and time comparison • User experience March, 30, 2010 Jiajie Cen: COMS E6125

  16. Ajax & Flash: User experience March, 30, 2010 Jiajie Cen: COMS E6125

  17. User experience: Middle School Student Flash Testers: "The process of making a painting. You can buy paintings and earn respect. I learned some of the innovations of the time. The first ballet was in the 1400s.“ HTML+Ajax Testers: "Technology differences: the Internet and copying machines have been around longer than I thought. And how lots of things influence art, it wasn't just what an artist wanted to paint.“ Differences between the Flash and HTML testers' comments are idiosyncratic; The latter tended to be more fact-oriented than affective, but testers from both groups mentioned important concepts of the site. March, 30, 2010 Jiajie Cen: COMS E6125

  18. User experience: College Student With these learner preferences in mind, it is not surprising that college students preferred the HTML versions of the site, which provides the most efficient and effective way to seek and retrieve information with maximum user control. The college testers' high satisfaction ratings are also noteworthy in light of the simple, perhaps even crude by current standards, graphic design in the HTML version. March, 30, 2010 Jiajie Cen: COMS E6125

  19. Ajax & Flash: User experience HTML is still superior for text-based material requiring frequent updates and widespread access (all browsers, all platforms without a plug-in). Flash, on the other hand, is superior to HTML when animation and sound are central to the content and when the user experience relies on complex interactivity and consistency of layout and behavior across browsers and platforms. March, 30, 2010 Jiajie Cen: COMS E6125

  20. Contents • Web Engineering • Ajax • Flash • Ajax VS Flash • Future March, 30, 2010 Jiajie Cen: COMS E6125

  21. Future • Ajax and Flash have their own advantages. • AJAX can be used to deliver enhanced window, layout manager, and data • tables. • Flash-based components serve more specific purposes, for example, they • can be used to help drawing, painting charts, and other data visualization • needs. • JavaServer Faces (JSF) is a server-side component framework that allows developers to use a single interface to construct a web-based, and can operate multiple devices applications. That means JSF can combine them together. March, 30, 2010 Jiajie Cen: COMS E6125

  22. Project: Virtual Company http://www.cs.columbia.edu/~jc3479/VCS/index.html March, 30, 2010 Jiajie Cen: COMS E6125

  23. COMS E6125 Thank You! March, 30, 2010

More Related