Dynamic Web Pages (Flash, JavaScript)OverviewDynamic Web pagesServer-SideClient-SideFlashFlash ApplicationsFlash—StrengthFlash—IA ConsiderationsFlash—ExamplesJavaScriptJavaScript ApplicationSample Script—Form ValidationSample Script—Image RolloverJavaScript — StrengthJavaScript — IA considerationsJavaScript — ResourcesConclusionReferenceQuestion?Thank You!Dynamic Web Pages(Flash, JavaScript) Zhi LiuNov.15th. 2005Information Architecture and DesignOverviewDefinition—dynamic web pagesServer-Side & Client-Side technologiesFlash (Background, Application, Strength, IA Considerations, Resources)JavaScript (Background, Application, Strength, IA Considerations, Resources)ConclusionDynamic Web pagesFirst introduced in 1995 with the creation of JavaScriptMultiple technologies of delivering interactive content usedTwo major categories of technologies: a) Server-side technology b) Client-side technologyServer-SideWeb pages are produced on-the-fly by server-side programs, frequently based on parameters in the URL or from an HTML form. 1)The browser sends an HTTP request. 2)The server retrieves the requested file with the script. 3)The server executes the script or program which typically outputs an HTML web page. 4)The server sends the HTML output to the client's browser. 5)Example: www.google.com Scripting Languages (PHP, Perl, Coldfusion, etc.) in combination with database.Client-SideWeb pages containing content that can change without the actual HTML code being changed. Client-side dynamic content is generated on the client's computer. JavaScript: client-side scripting language.Flash: an alternative approach to scripting language, prepackages the scripted actions into a new file format.FlashFirst developed in 1995, currently Flash 8.0 versionCombine graphics, animation, sound and scriptingUse vector graphics.swf and .fla formatsSoftware: MX Flash /SWiSH/Mix FX/OthersFlash ApplicationsNavigation menusHeadersWebsite introsWebsite advertisementsFlash sitesFlash gamesFlash—StrengthCatchy, high level of visual impactWork well with HTML (<object> and <embed> tags)Good for interactive games, educational sitesFlash—IA ConsiderationsBandwidth and load time constrains: take a long time to download and consume vast amounts of bandwidth.Usability constrains: break the back button, no control over text size, standard colors for visited and unvisited links not workSearch engine constrains: The Google index does include pages that use Flash. However, this is a new feature, so the crawlers may still experience problems indexing Flash pages.)Flash—ExamplesEducational: http://www.edb.utexas.edu/japanese/index.phpEntertainment: http://www.mattworld.2ya.com/Informationhttp://www.seaworld.com/seaworld/tx/attractions_home.aspxJavaScriptFirst rollout in 1995, named Livescript, developed by NetscapeMost important JavaScript event: early marriage with HTMLJavaScript and Java (similar syntax)Created for non-programmers (loosely typed scripting language)JavaScript ApplicationForm input value validationImage rolloverCalculation Pop-up windows……Sample Script—Form ValidationSample Script—Image RolloverJavaScript — StrengthSpeed: fast, code functions run immediately on the user’s computerSimplicity: relatively simple to learn and implementVersatility: plays nicely with other languages, can be inserted into any web page regardless of the file extension.Server load: reduces the demand on the site server.JavaScript — IA considerationsSecurity: the code executes on the user’s computer, it can be exploited for malicious purposesCross-platform issues: Some browsers don't support the language or they don't support all aspects of the language.JavaScript — Resourceshttp://www.dynamicdrive.com/http://javascript.internet.com/http://www.javascript.com/http://www.w3schools.com/js/default.asp……ConclusionNeed for interaction on web pages is diverse.No single technology is dominant for a specific dynamic feature.Based on users, content and context, information architects can consider different technologies.Just because it can be done, doesn't mean you have to do it.ReferenceJavaScript Overview. Enterprise Edition Server-Side JavaScript Guide. Retrieved on Nov.6, 2005, from http://docs.sun.com/source/816-5930-10/intro.htm#13092JavaScript Tutorial Retrieved on Nov.6, 2005, from http://www.w3schools.com/js/default.aspMacromedia Flash, Retrieved on Nov.6, 2005, from http://en.wikipedia.org/wiki/Macromedia_FlashNielsen, Jakob. (2000). Flash: 99% Bad. Retrieved on Nov.6, 2005, from http://www.useit.com/alertbox/20001029.htmlQuestion?Thank
View Full Document