Dynamic Web Pages

1
Dynamic Web Pages

• Jin Wu
• INF 385E Information Architecture
• School of Information
• 11/2/2006

2
Overview

• Background
• Java Script (definition, usage, application, pros
  cons)
• Flash (definition, usage, application, pros
  cons)
• Conclusion
• Resources References
• Questions

3
Background

• Definition (custom content based)
• Invented and patented in 1994
• Client-side dynamic content (users computer)
• Server-side dynamic content (server)

4
JavaScript
5
Background

• Developed by Brendan Eich of Netscape Corporation
  in 1995
• Java and JavaScript
• Created for non-programmer
• Simple to comprehend, easy to use for
  non-programmer

6
What is JavaScript?

• Scripting language
• Consists of executable computer code
• Embedded directly into HTML code
• Adds interactivity to HTML pages
• Everyone can use

7
JavaScript Usage

• Gives designers a programming tool
• Puts dynamic text into an HTML page
• Reacts to events
• Reads and writes HTML elements
• Validates data
• Detects the visitors browser
• Creates cookies

8
JavaScript Application

• JavaScript Alert
• JavaScript MouseOver Effect
• JavaScript Cookie
• JavaScript Pull Down Menu
• JavaScript Automatic Pop-up window

9
Sample Script
10
Pros
Cons

• Security
• Reliance on
• end user.

• Speed
• Simplicity
• Versatility
• Server load

11
Flash
12
Background

• Created by Macromedia in 1996, current Flash
  Version 8.0
• Combines text, pictures, audio and video
• .swf and .fla format
• Software Adobe Flash, Swift 3D, Koolmoves, Flash
  Optimizer

13
What is Flash?

• Multimedia graphic program
• Create interactive animation on the Web
• Use vector graphics
• Easy to learn

14
Flash Application

• Flash Website
• Flash Navigation
• Photo Gallery
• Flash Game
• Flash Advertisement

15
Embedded with HTM
16
Pros

• Catchy
• Widely used.
• Supports audio, animation and advanced
  interactivity
• Integrates well with other Web technologies
• No programming skill required

17
Cons

• Increases file size
• Usability Constrains
• Search engine constrains
• Encourages design abuse
• Distracts from a sites core values

18
Conclusion

• Content is important
• Make the website usable and useful
• Not the be-all end-all of the internet
• Just because you can do it, doesnt mean you
  should do it.

19
Resources

• JavaScript Tutorial
• http//www.w3schools.com/js/default.asp
• http//www.webteacher.com/javascript/
• JavaScript Example
• http//www.bodo.com/javacool.htm
• Flash Tutorial
• http//www.w3schools.com/flash/default.asp
• http//www.echoecho.com/flash.htm
• Flash Example
• http//www.bestflashanimationsite.com/

20
References

• http//www.answers.com/topic/dynamic-web-page
• http//en.wikipedia.org/wiki/Java_script
• http//en.wikipedia.org/wiki/Adobe_Flash
• http//www.w3schools.com/js/default.asp
• http//www.w3schools.com/flash/default.asp
• http//www.bodo.com/j3.htm
• http//www.bodo.com/j5.htm
• http//www.bodo.com/j15a.htm
• http//www.bodo.com/j18.htm
• http//www.bodo.com/j20.htm

21

• http//www.evolve-capital.com/
• http//www.750mph.com/main.php
• http//www.artcoup.com/movie.html
• http//www.novelgames.com/flashgames/game.php?id2
  2
• http//www.target.com/gp/homepage.html
• http//www.mediacollege.com/internet/javascript/pr
  os-cons.html
• http//www.webpronews.com/webdevelopment/sitedesig
  n/wpn-26-20040219FlashWebDesignProsandCons.html
• http//www.hyperwrite.com/aspscripts/framer.asp?ta
  rgetfeatures/flashproscons.htm

22
Questions?
23
Thank you!