Pretty Isn’t Enough For a Long-Term Relationship By: Kelly Sponberg Improving Your Content Through Database-Driven Flash Applications.

Slides:



Advertisements
Similar presentations
PHP and MySQL Database. Connecting to MySQL Note: you need to make sure that you have MySQL software properly installed on your computer before you attempt.
Advertisements

Unit 6 – Multimedia Element: Animation
Server-Side vs. Client-Side Scripting Languages
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
1 Flash and Animation Presented by : Behzad Sajed Khosrowshahi.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
State of Connecticut Core-CT Project Query 4 hrs Updated 1/21/2011.
Web Design Basic Concepts.
Multimedia Authoring Tools Lecture 13
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Chapter 11-Multimedia Authoring Tools. Overview Introduction to multimedia authoring tools. Types of authoring tools. Cross-platform authoring notes.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Dynamic Web Pages (Flash, JavaScript)
GIS technologies and Web Mapping Services
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Tutorial 10 Adding Spry Elements and Database Functionality Dreamweaver CS3 Tutorial 101.
MySQL + PHP.  Introduction Before you actually start building your database scripts, you must have a database to place information into and read it from.
Flash 8 - Pro Tech Talk Anthony Reisinger INSYS 441 Dr. Gus Prestera.
Simple Database.
My First ACCESSIBLE Flash Movie. Course notes Detailed course notes, a printable copy of my slides, and all the samples shown today can be downloaded.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Macromedia Flash By Alice Tian. Overview  What is Flash  Why Flash  Basic User Interfaces  Animation Basics  Advanced Basics  Publishing.
Publishing a Macromedia Flash Movie – Lesson 131 Publishing a Macromedia Flash Movie Lesson 13.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.
Introduction to Databases Trisha Cummings. What is a database? A database is a tool for collecting and organizing information. Databases can store information.
Copyright © 2003 Pearson Education, Inc. Chapter 2, Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Tutorial 7 Planning and Creating a Flash Web Site.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
CS 4720 Dynamic Web Applications CS 4720 – Web & Mobile Systems.
Database Applications – Microsoft Access Lesson 7 Designing Custom Reports Updated 11/13 27 Slides in Presentation.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
XP Tutorial 8 Adding Interactivity with ActionScript.
Producing a high-impact web experience by integrate Macromedia Flash and ASP By Katie Tuttle CS 330: Internet Architecture and Programming Project.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
TSS Database Inventory. CIRA has… Received and imported the 2002 and 2018 modeling data Decided to initially store only IMPROVE site-specific data Decided.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Macromedia Flash MX Design Professional Macromedia Flash MX GETTING STARTED WITH.
Basic ActionScript and PHP Cis 126. Getting Started set up a basic folder structure so we can keep our files organized. Mirror this structure on your.
IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure
4.01A Introduction to Web Development and Standards 4.01 Examine webpage development and design.
XP Tutorial 8 Adding Interactivity with ActionScript.
A Unified Presentation By: Kelly Sponberg By: Geoff Rowland Using Database Driven PDFLib to Automatically.
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
Unit 3: Understand Multimedia Production and Web Design Objective 3.02: Develop Webpages Section A: Introduction to Web Development and Standards.
Macromedia Flash MX Design Professional And Interactivity WORKING WITH SYMBOLS.
Unit 6 – Multimedia Element: Animation
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Creating a Flash Web Site
Objective % Select and utilize tools to design and develop websites.
Agenda • 1 - Play Button redo, tutorial What is ActionScript
Web Site Development and Macromedia Dreamweaver 8
Background Information
Making the Web Accessible to Impaired Users
Introduction to Advance Web Technologies
CHAPTER 8 Multimedia Authoring Tools
Objective % Select and utilize tools to design and develop websites.
PHP Introduction.
Dynamic Web Pages (Flash, JavaScript)
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
Database Applications – Microsoft Access
Interface Programming 2 Week 1
3.02D Multimedia Authoring Programs
From compliance to usability
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
Kapi’olani Community College
Presentation transcript:

Pretty Isn’t Enough For a Long-Term Relationship By: Kelly Sponberg Improving Your Content Through Database-Driven Flash Applications

Required Software PHP (or other server side processing language) PHP (or other server side processing language) MySQL (or your favorite database) MySQL (or your favorite database) Macromedia Flash Macromedia Flash 5.0 +

The Problem and Case Study The CIP produces a summary of reported disaster losses roughly twice a week. Global in scope, the reports are text heavy. We wanted something image based, which would help to attract users not familiar with the product. The CIP produces a summary of reported disaster losses roughly twice a week. Global in scope, the reports are text heavy. We wanted something image based, which would help to attract users not familiar with the product. Additionally, the text version of our summary cannot provide an “at-a-glance” view of the report and/or impart regional and spatial relationships. Additionally, the text version of our summary cannot provide an “at-a-glance” view of the report and/or impart regional and spatial relationships.

Our First Thoughts Create a map. Create a map.BUT……………….. A static map would burden the developer (namely us) too much with image creation and web management. A static map would burden the developer (namely us) too much with image creation and web management. Advanced GIS web applications/servers are expensive and are overkill for a product which only needs basic spatial references. Advanced GIS web applications/servers are expensive and are overkill for a product which only needs basic spatial references.

The Reality of Maps on the Web Maps on the web are most often used for visual cues and NOT for the advanced layering and analysis associated with a GIS application.

Using Flash 90%+ of web browsers in use are Flash enabled. 90%+ of web browsers in use are Flash enabled. While Flash 4.0 and earlier versions lacked a sophisticated scripting language, Actionscript in Flash 5.0+ is a powerful language integrated into a visual development environment, with significant database integration. While Flash 4.0 and earlier versions lacked a sophisticated scripting language, Actionscript in Flash 5.0+ is a powerful language integrated into a visual development environment, with significant database integration. Combined with a database, it is now easy to serve dynamically advanced and visually appealing presentations. Combined with a database, it is now easy to serve dynamically advanced and visually appealing presentations.

Using Flash With Spatial “Accuracy”? Flash (.swf) Space Y X (0,0)

Flash Structure: The Stage, Actor, and Director

Actors and Actions of Our Map Hold Data, Run Functions Based on Data Run PHP to Get Data Duplicate Self, Place Self Based Upon (X,Y), Morph to Reflect Proper Icon, Remember Catalog Number Show Text Information When Icon Clicked. Use Icons Catalog Number.

loadVariables ("flashmapselector.php?method=latest", _root.infomc2); _root.infomc2 function ( ) Loading Data

Follow Basic PHP and MySQL To Process and Return Data // if flashmapselector.php?method=latest, get the latest entry date. if ($method == "latest") { $sQuery = "SELECT DISTINCT date FROM impactupdate WHERE xpoint > 0 AND ypoint > 0 ORDER BY date DESC limit 1"; $rResult = mysql_query($sQuery,$linkID); // make sure that we recieved some data from our query $num_of_rows = mysql_num_rows($rResult) or die ("topic1=Sorry, no information on your selection is available at this time"); # use mysql_fetch_row to retrieve the results for ($count = 1; $row = mysql_fetch_row ($rResult); ++$count) { $num=$count; // print out the query, in this case, all the same dates that have xy values. $finalquery = "&count=$num_of_rows&date$num=$row[0]"; echo "$finalquery";

Online Example of Map Click to Open Site

The Potential for More Advanced Flash Mapping? Flash GIS? Raster Images, no problem Vector Images, no problem Layering, no problem Analysis, uh…….sure Simply need “Base” Information (Country Borders). These can be imported as CAD. The difficulty is determining a standardized data format which could be processed by any server side application.

Flash and 508 Flash Capacity for 508 vs Unique Purpose for Flash tutorials/gettingstarted/ The amended Section 508 requires that: "…electronic and information technology allows Federal employees with disabilities to have access to and use of information and data that is comparable to the access to and use of information and data by Federal employees who are not individuals with disabilities, unless an undue burden would be imposed on the agency."

Flash and 508 Accessibility New to Flash MX – Not in v5.0 or less. Only Movie Clips, Buttons, and Input/Dynamic Text Can Be Assigned Accessibility Descriptions – Therefore All Single Frame Graphics Should Be Made Into Movie Clips. Dynamic Content Should Be Limited. Of Course to Truly Test Your Flash Movie You Need An Appropriate Reader.

Additional Information Climate Information Project Flash Tutorials PHP