It's not interactive...

...but its a music related map.

Lab 5..."Faux-GIS"

Here's my Lab 5. It's gray and its a bit boring and ugly but whatever. I don't have as much time to spend on this one as I did Labs 3 and 4, but all my checkboxes and scripting and stuff works and that's the point of the lab, so this will do. One thing I wish I wouldn't have done is change the transparency percentages from the 20% it says to use in the lab handout. I figured if a state had to be filled in more than five times you wouldn't be able to tell the difference between five or six or more, but the problem with the way I have it now is that the color is too transparent when there's only one or two states filled in. Should've known. Oh well.

Link...http://img143.imageshack.us/img143/7249/lab5rc2.swf

Map Brief - Interface Design for Interactive Maps - Martha & Kevin

The following information and sites talk more specifically about "web interface design" in general, but considering that maps like the ones we are making are being presented digitally and through the web, we think the criteria for good web interface design applies to good interface design for interactive maps as well.

-What is Interface Design and what is the goal of good interface design?

"Interface Design - The creation of a way for a customer, client, or visitor to interact with a product, be it a piece of software, instructional material, technical documentation, etc. The interface may take the form of a computer screen, a hand-held control panel, a set of pushbuttons, etc. Design of the interface is critical to the user's successful, positive experience with the product. Interface design encompasses an analysis of the needs and expectations of the user and the needs and tasks that the product is designed to help the user perform."

User-Centered Design - "The goal is to provide for the needs of all your potential users, adapting Web technology to their expectations and never requiring readers to conform to an interface that places unnecessary obstacles in their paths."

Sources: http://www.denow.com/6gloss/index.html,
http://webstyleguide.com/interface/user-centered.html

-What aspects make a good interface design for interactive maps?

Usability - "refers to how intuitively or easily your media item is navigated and processed (flow, sequence, instructions, download time). Note, this construct is the most inclusive of the three and is influenced by both visualization and functionality."

Visualization - "is creating visually interesting and aesthetically pleasing media items while avoiding potentially distracting or unncessary "bells and whistles."

Functionality - " refers to the features of your media item and how useful they are for supporting a given task (e.g., interactive simulations, drill and practice quizzes, site maps, frequently asked questions, search engines)."

Accessibility - " is an emerging Web interface design topic; if not addressed, it will negatively influence Web site usability for users with certain disabilities; tools that help users access your site in alternative formats (e.g., text, aural, visual) provide for increased functionality."

Source: http://www.edtech.vt.edu/edtech/id/interface/

Common Interface Design Considerations:

Layout

-What is your purpose? Display only or user interaction? Downloadable or View only?

-How much data do you have to communicate? Who is your audience?

-Dynamic user interaction OR a movie type animation?

-Single or Multiple Pages? (Keep it simple)

-Opening Intro/Splash page and Closing Page?

-Timeline on bottom or top, moving left to right through time

-How will the user interact with the timeline.....click, scroll, auto play with pre-defined stops?

--Do you have any additional info to provide when user clicks on dates on the timeline?

-Table of Contents or User manipulated layers on left

--How will the user toggle layers for viewing....pull down, check boxes, tab menu?

Buttons/Interface

-VCR buttons for stepping through the timeline sequence

--Play, Stop/Pause, FWD, REV

-Rollover effect (user provided info about particular button or graphic)

--Text box appears OR icon changes color, line width etc.

-Cursor changes from arrow to hand symbol to show user ability to do or select something

--audible clicks when user selects an option

-Scroll bar effect for text boxes

Interactive Map Examples:
The GOOD...

New York Times - Presidential Candidate Schedules
http://politics.nytimes.com/election-guide/2008/schedules/pastevents#candidate99
More maps from this cartographer...http://maps.grammata.com/

Dave Matthews Band 2002 Tour
http://www.mapbureau.com/tours/davematthews/flashindex.html
More from this company...http://www.mapbureau.com/

The NOT SO GOOD...

Jehovas Witnesses
http://www.ilabmedia.com/service_year/
More from this company...http://www.reddingwebdesign.com/maps/

Iditarod Map
http://www.iditarod.com/flashmap/


Additional Info...

Adobe sites of interest - Flash Design Center

This site provides all kinds of tutorials for the Adobe FLASH software suite. It also provides links to Blogs and Podcasts about using Flash with other applications and formats such as XML.
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Flash&go=Go

This next link will take you to the subset of the above Flash Design Center that covers �interactivity.�
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Flash&term=Flash&topic=Interactivity#target

Finally this one from Adobe covers �animation.�
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Flash&term=Flash&topic=Animation#target


LUKAMARAS----The most detailed flash tutorials on the web!

http://www.lukamaras.com/index.html

http://www.lukamaras.com/tutorials/menus-interfaces/menus-buttons-interfaces-tutorials.html


Open Geospatial Consortium

The Open Geospatial Consortium, Inc (OGC) is an international industry consortium of 345 companies, government agencies and universities participating in a consensus process to develop publicly available interface specifications. OpenGIS� Specifications support interoperable solutions that "geo-enable" the Web, wireless and location-based services, and mainstream IT. The specifications empower technology developers to make complex spatial information and services accessible and useful with all kinds of applications.

http://www.opengeospatial.org/standards
http://www.opengeospatial.org/standards/bp

Lab 4...A lot less time consuming than Lab 3!

This is my map updated with the interactive timeline and sounds we were supposed to add in Lab 3.b, AKA - Lab 4. I also realized that I never added in the Patriots record for each week for Lab 3. So I added that in there too this time. Here's the link...
http://img223.imageshack.us/my.php?image=lab4ui1.swf

I also just realized that the Patriots record is wrong because I didn't account for the bye weeks. I'll fix it later.

Lab 3...My first "real" Flash map!

I uploaded my flash file onto the web using www.imageshack.us. We didn't do the Mason cluster account thing last semester after all, and looking it up now...it doesn't look like it is any easier to mess with this semester either, so I just did it this way instead. My map is "usable" as it is in blogger, its just smaller. If you want the bigger version go here...
http://img218.imageshack.us/my.php?image=lab3ig7.swf

Really cool color palette generator...

I just came across this really cool color palette generator. Basically you put in the url of any image on the website, and the generator spits out a set of colors based on the image. Check it out...I've also added it to my links...

http://www.degraeve.com/color-palette/

Lab 2...Flash Intro

This lab took me a lot longer than it should have. I could have done this in Illustrator in half the time it took me to do it in Flash...