Slideshow Milestone 2 ''Callout Project''

**Milestone 2: ** SLIDESHOW Localization-ready XML Callouts: "**Photo Callouts Project"** Jist: Code a bubble/caption/callout with a quick animated transition-in. The callout will pop up from the lips of each photo subject just after a new slideshow photo transitions into view. Ned must be able to uniquely position the callouts for each photo subject's lips by clicking and dragging it into position in the Blend UI. Details below... ## Deliverables **Milestone 2: ** SLIDESHOW Localization-ready XML Callouts: "**Photo Callouts Project"** Jist: Code a bubble/caption/callout with a quick animated transition-in. The callout will pop up from the lips of each photo subject just after a new slideshow photo transitions into view. Ned must be able to uniquely position the callouts for each photo subject's lips by clicking and dragging it into position in the Blend UI. Create a thought bubble that come's from the lips of each photo model when he/she transitions into view. 1. 1. Each photo will have a uniquely located mouth, so the thought bubble locations need to be customize-able for each shot 1. Code the callouts so that I can click and drag them into custom positions for each new photo (from the Blend UI with no need to edit code.) 2. Place the callouts it a OK-good-enough-rough-draft-positions over each slide--I'll perfect them later. I can take care of customizing the callouts, flipping them and puting them on the other side of the face if necessary, making some of them large and some of the small, etc. But each one will need a dedicated callout that can appear in a custom location. So there would be pairing of those properties with particular photos. So, you shouldn't spend more than a few seconds just placing them in a reasonable spot that fits the photo, and I can take over from there. 2. The caption will say, "I have a secret, Click Me." Like this: 1. I have a secret Click Me 2. Font will be the same as the gallery bump-outs 3. Code the captions to call and populate themselves with their "I have a secret Click Me" text from an XML file. THAT'S IT! Resources: Hey Neha, I did this once before in Flash with some spectacular failures that we can benefit from this time around. See [[login to view URL]][1] . I'd like to SKype IM for 10 minutes Sunday to discuss my affordance and useability failures in the Flash version, and what I've learned from them. This may give you additonial insights on how to make the slideshow guide the site-visitors to click what we want them to click, when we want them to click it! Speaking of which, I should write out a workflow of how we want to guide the visitors. **Neha, you are NOT NOT NOT bidding on Milestone 3 right now. I'm just including it so you see how it all ties together. Milestone 3: **SLIDESHOW Localization-ready XML Stories : "**Textbox Stories Project"** Jist: In this additional milestone engagement, the website visitor will be enticed by the photo model's callout bubble request to "Click Me", and will click on the photo which will make an animated textbox (provided) pop up, and the callout bubble dissapear. A story assoicaited with that particular photo-subject will be called from an XML fiile to populate the text box. 1. Code a large central part of the photo area to be a button. 2. Code the button to call the animated textbox currently used for "contacts" and "about". 3. Create an XML file and populate it with the text stories that will be called by the textbox. "Story1, Story2," etc 4. Code the call from the textbox to the XML stories text 5. Code the association of unique photos to their unique story text, with these features: * Photo1 is paired with Story1, Photo2 with Story2, etc. * Make that pairing editable and scalable so that I can easily add, swap, replace etc the stories and photos using a file directory of photos and the XML file references to the stories and photos. 6. Utilize the current code that grays or darkens the [[login to view URL]][2] 's "Self-Portrait" backgroud photo when the textbox comes up to: 1. To operate the same for the slide show like "Self-Portrait" photo does when a textbox is displayed. 7. Resize the textbox to be an ideal size to present these stories. 8. Place "BUY NOW" and "FREE TRIAL" buttons at the top or bottom of the text box in site-matching orange. 9. Test to make sure the story #'s match the photo #'s before sending it to me to test, and that the custom positioned thought bubble captions have not lost their positions during this new work.