Project Overview: Creating an Authentic Mobile Application Design: Mr. Downs

Individual Skills & Tasks:1.Concept Development 2.App Layout 3.Buttons And Actions 4.Adding Graphics & Text 5.API Introduction/Code Snippets 6.Exporting

Every Individual Student Will Need To:Keep A Google Docs/AccountAfter Each Group Planning Session, you’ll need to write 2 Paragraphs and share with Mr. Downs Email (danieldownsphotography@gmail.com)

Each Group Will Need To:Maintain a folder (Downs Research/Group 1 etc.)containing all project files(Flash,Photoshop,sounds,videos,planning documents and notes).

Group Tasks:Addressing the Authentic Question:Plan, Design, and Develop a Mobile Application for the students of your high school community.As a group you will need to plan a mobile application in terms of content, design and technology which will address this scenario.Activities:Planning Activities(Done on one computer together):1.Venn Diagram Brainstorm (add text over the venn diagram document in photoshop)2.Click Stream/Information Architecture Organization / Considerations of the user3.Layout Design(color scheme, button sizes, information architecture)(Use Photoshop over App Layout Sheet).Technology Based Activities(do not use the computer with the mic):1.Create A Layout In Flash(multiple pages,major headers and buttons)2.Integrate Design Components(color scheme, buttons, graphics, images)3.Integrate API’s & Technology to improve user experiencehttp://www.makeuseof.com/tag/api-good-technology-explained4.Export & Test On DeviceCheck for proper function of the app along with visual presentationCreate an icon that will represent the app in the mobile app marketplacePresentationAs a “group” you will organize a 5 minute screencast presentation presenting your application to the school community and describe how the application addresses the real world needs of the user and audience of the “authentic question”.

Content Planning With Users & Context In Mind -Considering the “Authentic Question” Work On These Assignments:

Assignment 1:Venn Diagram Assignment (Planning Activity 20 minutes)

Content: What types of information is included?(graphics,text,information,photos,galleries,links,sounds,effects,data,videos etc.)

Context:How and where will the application be used? What circumstances and needs will this technology address? Where will users need or want the content?

Users: Who will this app be targeted at? Why will they use it? What value does it provide them?

User Interface:How will the user interface be influenced by the inclusion in the planning process of content,context and users?

Assignment 2:Information Architecture & Click Stream Activity(30 minutes)Design Concepts:The are the visual and aesthetic considerations for the content.

color schemesbutton sizesorganization of pages and order of pagesscreen resolutionFont & Text StylesGraphics & Imageslayouts of buttonsorganization of content

Cool Things You Can Add To A Flash AppWeb Links(to specific web pages or other web based content)Link to emailVideo(embedded into page on app)Images/Graphics(right on the page Buttons(rollover,Photoshop and Flash)Sounds and sound effects(sounds added to buttons and graphics)Fade Effects(can be added to objects)Maps Link(will link to google maps pages)Swipe effects(can swipe photos or graphics to other pages or images)Pinch & Zoom(can enlarge or reduce an image or graphic)Check out the code snippets in the “Flash Actions” Window for more ideas

There are more than listed here so just ask if you have an idea?

Flash CS6 Code Snippets & API Integration

Actions:Click to go to webpageCustom Mouse CursorDrag and DropPlay/Stop a Movie ClipClick to Hide ObjectShow ObjectClick to Position ObjectClick to Display ObjectGenerate a Random #Bring Object to frontSimple/Countdown Timer

Audio and Video:Click to Play/Stop SoundClick to stop all soundOn Cue Point EventClick to Play/Stop/Pause/Rewind VideoClick to Set Video SourceClick to Seek to Cue PointCreate a NetStream Video

Timeline Navigation:Stop at this FrameClick to go to Previous/next frame and play/stopClick to go to Previous/next scene and play/stop

Event Handlers:Mouse Click EventMouse Over/Out EventKeypressed EventEnter Frame Event

Animation:Move with Keyboard ArrowsMove Horizontally/VerticallyRotate Once/ContinouslyAnimate Horizontally/VerticallyFade In/Out a Movie Clip

Mobile Touch Events:Tap EventTouch and Drag EventLong Press Event

Load and Unload:Click to Load/Unload SWF/ImageClick to Load Image from LibraryAdd/Remove Instance from StageLoad External Text

Mobile Gesture Events:Two Finger Tap EventPinch to Zoom EventPan EventRotate EventSwipe Event

Mobile Actions:Swipe to next/previous frame and stopSwipe to go to forward/previous scene and playMove with accelerometer deactivate/activate eventMenu Key Pressed EventDeactivate/Activate Event

Air For Mobile:Show Geo LocationRe-orient object on device/rotationAIR:Click to Close/Minimize/Maximize or Restore AIR WindowDrag to Move AIR WindowClick to Read from a Text FileClick to Write to a text fileSave/Load Preferences