Final Project - Preproduction Progress

Project Specifications:

Main Objective: What it is and What it does?

The main objective of this site is to create a fun and entertaining interface to share content from 2 social networks: Flickr and Twitter. This will be a one-page site where the user will interact and play with different graphical elements to receive a specific visual interaction. The user interacts with the site by finding hidden graphical elements that create some specific animation or interaction that reveal the content of the site.

One goal of the site is to give the user a very graphic and interactive experience by clicking around the different elements within the site. For the graphics of the site, I want to design an unusual mini-world scene where the user can interact with a bunch of elements within that world.

This will be an experimental project where I will be using tools that I am not used to working with and others I stopped using a long time ago and that I want to come back to. I will be playing around with Flash and ActionSript 3.0 to give the site a very dynamic feel and also experimenting with some interesting illustration techniques. I will also be learning how to use different development tools like the Adobe Flex Builder.

Target Audience:

This is an entertainment site that is basically open to anybody that enjoys sharing content in the web and has a Twitter or Flickr Account.

My main target among these people, are people who work and live in the web and have creative careers. Web designers, web developers, programmers, illustrators, photographers are my main focus.

The people are interested in finding people with similar interests to share and expose their work.

Site Requirements:

Technologies used:

• Adobe Flex Builder
• ActionScript 3.0 and XML
• HTML and CSS
• Adobe Flash and Adobe Illustrator for asset creation
• Flickr and Twitter APIs

Stages for site Development:

• STAGE 1 - Broken down into the following steps:
  
  
  
  1. Finish the Graphic interface and define all the visual elements in the site.
  2. Define the interaction and behavior of each visual element that will be dynamic.
  3. Study Technical Needs and Requirements. Listed bellow.
  4. Start putting things together:
     
     • Illustrator to Flash migration and creation of visual assets.
     • Begin interface programming: Visual elements behavior and events.
     
     


• STAGE 2 - Broken down into the following steps: (Time constraints apply)
  
  
  
  1. Test API connections with Flickr and Twitter.
  2. Flickr API implementation:
     
     • Write and implement functionality for connection.
     • Make content animations.
  3. Twitter API implementation:
     
     • Write and implement functionality for connection.
     • Make content animations.
     
     
     
     
• STAGE 3 - Broken down into the following steps: (Most likely will not get here within the scope of this class)
  
  
  
  1. Allow users to input their own Flickr or Twitter names and preview their content with the same functionalities.
  
  

Technical Needs and Requirements:

• Study functionality and define programming required.
• Site Structure research: MVC, directory structure, additional notes.
• Research on programming requirements: Trigonometry, physics, connections, animation, etc.
• Study the Flickr and Twitter APIs - What can and cannot be done?