web application development n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Web Application Development PowerPoint Presentation
Download Presentation
Web Application Development

Loading in 2 Seconds...

play fullscreen
1 / 23

Web Application Development - PowerPoint PPT Presentation


  • 68 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Web Application Development' - tam


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web application development

COMS E6125

Jiajie Cen

Web Application Development

March, 30, 2010

contents
Contents
  • Web Engineering
  • Ajax
  • Flash
  • Ajax VS Flash
  • Future

March, 30, 2010

Jiajie Cen: COMS E6125

web engineering
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

contents1
Contents
  • Web Engineering
  • Ajax
  • Flash
  • Ajax VS Flash
  • Future

March, 30, 2010

Jiajie Cen: COMS E6125

slide5

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

slide6

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

google docs vs microsoft office
Google Docs VS Microsoft Office

March, 30, 2010

Jiajie Cen: COMS E6125

contents2
Contents
  • Web Engineering
  • Ajax
  • Flash
  • Ajax VS Flash
  • Future

March, 30, 2010

Jiajie Cen: COMS E6125

flash
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

contents3
Contents
  • Web Engineering
  • Ajax
  • Flash
  • Ajax VS Flash
  • Future

March, 30, 2010

Jiajie Cen: COMS E6125

ajax vs flash
Ajax VS Flash
  • memory and time comparison
  • User experience

March, 30, 2010

Jiajie Cen: COMS E6125

ajax flash memory and time comparison
Ajax & Flash: memory and time comparison

demo

March, 30, 2010

Jiajie Cen: COMS E6125

ajax flash memory and time comparison1
Ajax & Flash: memory and time comparison

March, 30, 2010

Jiajie Cen: COMS E6125

ajax flash memory and time comparison2
Ajax & Flash: memory and time comparison

March, 30, 2010

Jiajie Cen: COMS E6125

ajax vs flash1
Ajax VS Flash
  • memory and time comparison
  • User experience

March, 30, 2010

Jiajie Cen: COMS E6125

ajax flash user experience
Ajax & Flash: User experience

March, 30, 2010

Jiajie Cen: COMS E6125

user experience middle school student
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

user experience college student
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

ajax flash user experience1
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

contents4
Contents
  • Web Engineering
  • Ajax
  • Flash
  • Ajax VS Flash
  • Future

March, 30, 2010

Jiajie Cen: COMS E6125

slide21

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

slide22

Project: Virtual Company

http://www.cs.columbia.edu/~jc3479/VCS/index.html

March, 30, 2010

Jiajie Cen: COMS E6125

thank you

COMS E6125

Thank You!

March, 30, 2010