Posts tagged interactive
Flash Class and Additional Links
Jul 6th
Class Contact Methods:
- Learning Is Fun
- Ozzu
- Use your email addresses
- Skype
- Chat programs
Inspiration Links:
Tutorials:
Local Flash Groups
- FlashMN – 3rd Wednesday of the Month – Easel Training Center, St. Paul
- MN.swf – 1st Tuesday of the Month
Music links:
Interesting Online Tools:
- rsizr – Intelligent Image Resizing
- Seam Carving Demo
- Aviary – Creativity to go
Web Site Setup in Dreamweaver – Site Dev Part 1
Jun 2nd
A couple tips before we begin
always use lowercase characters in your web file names
if you use spaces in your filenames replace them with hyphens
Don’t open Dreamweaver just yet….
To start create a folder where you want to develop your site. (example “mywebsite”)
Create 2 folders inside of this. One called “designs” the other called “docs” (docs will also be known as your “local root folder”)
Create an “images” folder inside of docs
Now open Dreamweaver…
|in the top drop menu|
click site > new site…
|advanced|
enter the information
site name: = (whatever your site name is)
local root folder = docs
default images folder = docs/images
Links Relative To = select Site Root
HTTP Address: = http://localhost/
cache site = not checked
In the left space you will see a category list.
Click on Testing Server
Server Model
[v] <- Means click the drop down menu
Select PHP MySQL
Now click |OK| at the bottom of this window
If you wish to actually host the website on your machine as a true testing server here are a few links that may interest you.
MAMP – Mac, Apache, MySQL, PHP (this is what each one acts as … computer type/program, web server, database type, dynamic language type)
WAMP – Windows, Apache, MySQL, PHP
LAMP – Linux, Apache, MYSQL, PHP
How to Setup a MAMP or WAMP with Dreamweaver
MAS – EI – Week 6
May 14th
Presentations: Students present their interactive videos.
Lesson: Understanding simplicity. Think about what is easy for your clients or your customers’ clients.
Make it “Zen” by design.
Garr Reynolds – Synergy Keynote Day 1 Part 1
Professor Brian Sturm – UNC Chapel Hill (presents storytelling as a way of organizing information, conveying emotions, and building community.)
David Seah – (blog) David takes a journey into the discovery of using storytelling drive design.
Duarte – (Blog) Duarte covers many aspects of design and presentation. Focusing on the story .
Dave Werner – (Engaging Interactive Portfolio Site) Each segment Dave is able to open himself up and be really vulnerable in all of his stories and work. The products that a part of and that come out of his stories are some of the most impressive examples of storytelling in website design.
Assignment: Students will develop a website using the story approach. The website can be produced as concept pages. It does not have to be fully functional. It might be best to use TileStack to complete this assignment.
MAS – EI – Week 5
May 7th
Presentations: Students present their interface-free navigation.
Lesson: Navigation and video -  Breaking the linear timeline. Interactive video experiences and how they influence the user and engage them for a longer time with a brand. A look at VEILS(Video Encoded Invisible Light Systems).
Batwave Batmobile by Mattel – video case study -
Related – Serafina by Mattel – InteracTV by Fisher-Price
Boony by Fosters – video case study
Lion Red – YouTube Skit based on the Boony concept.
Related – Lion Red Website
Dancing ELMO – Video demos on Gizmodo
BombayTV – Subtitle your own clips
Subtitler by Jaman – Subtitle foreign films
Choose Your Own Path/Adventure – SMP Films example on youtube
Assignment: You will create a YouTube video with a unique form of navigation and branching paths, while engaging user with the brand.
MAS – EI – Week 4
Apr 30th
Presentations: Students present mock-up of interface design.
Lesson: Transparent Interfaces - Touch & motion is the medium. From the iPhone (touch) to the Wii (motion and balance) to camera tracking (PS Eye/webcams), see how interaction can be done beyond the mouse. Applying user’s knowledge with real world, tactical experiences (turning, pulling, pushing, etc.).
Clips of various Touch & Motion Interfaces –
- Johnny Lee – the WiiMote moving beyond the Wii
- Microsoft Surface
- High precision multitouch
- Mobile projector computer
- Electrostatic Interface
- Impress
- Reactable
More fun to get your minds rolling –
Assignment: You will develop an interface-free navigation for an application for the iPhone, Wii, or camera enabled computer.