Description: Introduction page consists of XML based horizontal slide show and elements of user interaction.

Technologies and tools: Flex Builder 3.0, Action Script 3.0, TFS

Position: Flex Developer (remotely)

Responsibilities: Architecture development and design, usability engineering, writing code, bug fixing, refactoring, communication with customer, planning tasks, estimation for outer and inner tasks, creation graphic elements.

Link: Sagacook

Detailed information regarding features

  1. Home page is presented by large animated background image with clever hotpots on intro page. Images have advertisement subject area (on the screen shots below you can see temporary images).
  2. Animation of background advertisement images looks like horizontal slide show (as if images are placed in a video tape and the tape is moved to the next slide).
  3. Background image changes after time interval which can be changes as an input parameter of slide show control.
  4. Every next background image is differ from the previous and image is randomly selected from the list of images that have not been shown yet.
  5. Every next slide has different information – links, icons, coordinates.
  6. Also by timeout a pop-up window appears for each advertisement background image with slow fade in and fade out animation.  The time interval can be changed as an input parameter of slide show control.
  7. Different resolutions are supported. No matter what resolution is an advertisement background image is presented with saving proportions and smoothing.
  8. Maintaining good view of home page when resizing browser.
  9. Information about slides is loaded from XML file (image URLs, links for LinkButtons, text, slogans, coordinates and etc.)
  10. Information which is static for all slides is loaded from FlashVars.
  11. Using mouse user can stop and resume sliding animation.
Img. 1 – Home page after starting up
Img. 2 – Horizontal sliding example
Img. 3 – Next slide

Images which are used as backgrounds were taken from:

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s