170 likes | 562 Views
CONFIDENTIAL DOCUMENT. Contents of this document are covered under the NDA that you or your organization have signed. Circulation, discussion or disclosure of this content is strictly forbidden. Brief. Requirement
E N D
CONFIDENTIAL DOCUMENT Contents of this document are covered under the NDA that you or your organization have signed. Circulation, discussion or disclosure of this content is strictly forbidden.
Brief Requirement To create a dynamic flash player with a wizard like workflow. The workflow will be fixed and needs to be programmed into the flash player using Action Script or any other means possible. The resultant flash player should be embededdable in any third party web page Stages 1] Intro Screen(predefined animation) 2] Pick Video (predefined UI) 3] Play Video (predefined UI) 4] Pick Another Video (predefined UI) 5] Play Video( same as [3]) 6] User Action (predefined UI) 7] Final Wizard Screen (predefined UI) 8] Background logic to pick the next vide to play. User inactivity needs to be monitored 9] Back to step [3] Code Snippets that can be provided 1] Connecting to GET web request 2] Extracting information from the response 3] Interacting with functions on html page. Technology Flash Action Script 3.0 1] Parameterise loading of the player 2] Fetch information using a GET web request from another site 3] Dynamically assigning images to a predefined animated sequence 4] Dynamically assigning video to a pre loaded player 5] Capture mouse events and display animations 6] Call functions in the page that it is embedded 7] Automatically Jump to points in animation based on User Activity
1] Intro Screen On-click, the flash animation/media player opens up and for 2-3 seconds it will display an animation as above.. The different boxes (and background) glow and change opacity The brand logo can have some lighting effect on it (in the background, the content file is loading)
X 2] Intro Screen The colored boxes and logo settle down at the bottom The <custom> welcome message will come on for 1-2 seconds or till sufficient content has been buffered
X 3] Play Video / Audio file The media player controls come up. The title and picture of the content creator transition in and content starts playing A button for moving to the next screen appears in the media player controls, N seconds after the content has been playing
X 4a] Choose an opponent The title text displays and 4 options determined by the system algorithm transition in
X 4b] Choose an opponent Mouse-over on an image tile displays details of the content producer
X 4b] Choose an opponent Mouse-over on an image tile displays details of the content producer
X 5] Play Video( same as [3]) Once the user makes a selection, the media player controls show up. The title, picture of the content creator transition in and content starts playing A button for moving to the next screen appears N seconds after the content has been playing
X 6] User Action Screen title and thumbnails of both the pieces of content, as well as details of the creator are displayed The mouse pointer becomes the voting button unit and user can move it around on the mediaplayer. Whichever option the pointer is on, expands by 5% and has some kind of glow, while the other becomes ‘dull’ by 20% opacity. Once the user clicks on one of the options, the ‘vote’ icon sticks at that position and the hand icon becomes the regular mouse pointer The not-selected option transitions away in some dramatic manner ‘Choose the winner’ becomes ‘WINNER’ and after 2 seconds, the next screen transitions in
X Join TALLENGE The thumbnail of the winner moves to the top left tile and “Thanks for voting” appears (where Join Tallenge Now is written). The social buttons appear… ‘Comment’, ‘Mail’, ‘Facebook page’ etc will display on mouseover. On clicking comment or mail, a dialog box will open. On clicking FB button, content creator’s FB page will open. The 4 tiles transition in (style similar to the transition of screen 1) one after the other. Mouseover on the tile increases its brightness (by 10%) and reduces other tiles’ brightness (by 15%). Clicking on tile will open up screen similar to 4a, with appropriate heading ‘More from…’ or ‘Similar’ or ‘Hottest’. Facebook like button appears After 3 seconds of displaying ‘Thanks for voting’, ‘Join Tallenge now’ transitions in with the arrow button. Clicking anywhere but the tiles will take user to www.tallenge.com If user inactive for N seconds, system will select an option and move to screen 3. Clicking on ‘X’ will close the mediaplayer.
Outputs • Final flash files in various size formats