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

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

3. Jiajie Cen: COMS E6125 March, 30, 2010 “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 Web Engineering

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

5. 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. Jiajie Cen: COMS E6125 March, 30, 2010 Ajax

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

7. Jiajie Cen: COMS E6125 March, 30, 2010 Google Docs VS Microsoft Office Google DocsMicrosoft Office Thin Client ApplicationSafety CollaborationMore features RollbackWork offline

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

9. Jiajie Cen: COMS E6125 March, 30, 2010 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

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

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

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

13. Jiajie Cen: COMS E6125 March, 30, 2010 # of nodes10003000500080001000020000 Google API memory usage(K)143628200372269724284808 Running time(s)3.85919.15645.218time out ArcGIS API memory usage(K)8391694420104776120992130128179568 Running time(s)0.0650.9851.6252.7974.00014.187 Ajax & Flash: memory and time comparison

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

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

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

17. Jiajie Cen: COMS E6125 March, 30, 2010 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.

18. Jiajie Cen: COMS E6125 March, 30, 2010 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.

19. Jiajie Cen: COMS E6125 March, 30, 2010 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.

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

21. Jiajie Cen: COMS E6125 March, 30, 2010 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.

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

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