1. Splatter! ALPHA Presentation By: David Kikuta March 29, 2011

2. Project Description Drawing application for the Apple iPad. Quick way to design and store ideas. Requires at least one iPad, but connection between two iPads is possible. Target audience is those who work in a team environment.

3. Project Goals Splatter! is an exercise on learning Objective C and how to create applications for the iPad. Create an application that provides users a convenient way to design and save their ideas for future use. Learn how to network multiple iPads. Learn about data storage on an iPad.

4. User Interface Buttons – New, Save, Open, Information, Connect Color sliders and output display (R,G,B) Pre-made color selector Paint Brush Width Resizer Removable toolbar and color selector

5. Use Case Diagram Show Product Information Select New Color Save Current Design Load Previous Design Create New Design Change Selected Color Draw Shape Connect to iPad Handle Files User iPad > Splatter! Change Brush Width

6. User Story – Saving an Image User runs the Splatter! application. Application loads completely. User touches and drags on canvas to create a design. Application draws as the user is dragging. User lifts finger off the iPad. Application stops drawing. User touches “save” button. Application recognizes the button press and prompts save window. User accepts the save. Application saves the image from the canvas to the iPad Photo Album.

7. SplatterViewController showColors: UIButton showTools: UIButton hideColors: UIButton hideTools: UIButton toolButtonPressed() colorsButtonPressed() Detailed Class Diagram (1 of 2) ColorChooser red: float green: float blue: float updateColor() premadeColorSelected() LoadingViewControllerConfirmationViewController SplatterAppDelegate Handles Events Responds to Events

8. Detailed Class Diagram (2 of 2) FileHandler canvasView: UIImageView > FileSaver saveImageToPhotoLibrary() > FileLoader loadImageFromPhotoLibrary() imagePickerControllerDidCancel() didFinishPickingMediaWithInfo() ConnectionHandler TBD

9. Sequence Diagram: Choosing a Color 1: Move Color Slider ColorsViewController ColorChooser 2: Color Value Changed 4: New Color Value Obtained 5: Update View With Value(s) 6: Display Updated View User 3: Updated Color Value

10. Activity Diagram: Drawing Splatter! is loading Creating an empty canvas Waiting for input Analyzing a touch event Drawing a dot at touched location Drawing a line up to current location User Runs Splatter! Application has loaded Canvas is created User touches a button or a slider User touches canvas User taps User drags User continues dragging User stops dragging Drawing finished Beginning another task

11. Now let's see Splatter! in action!

12. Project Challenges Working with manually coded UI widgets as well as the Interface Builder. Working with delegates and multiple view controllers.

13. Status Report Accomplishments File loading complete. Color spot implemented (preview of brush) Confirmation windows implemented. Brush width changer implemented. Progress on class correction. Deployed to iPad. ALPHA code committed to repository. Next Week's Plans Continue work on connectivity. Additional features. This Week's Plans Work on connectivity. Work on fixing classes. Risks / Help Needed Help with connectivity? Important Meetings 2011-04-05 Next status report.

14. Questions?