Splatter! Critical Design Review By: David Kikuta March 15, 2011

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.

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.

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

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!

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.

ColorsViewController RedSlider: UISlider GreenSlider: UISlider BlueSlider: UISlider PremadeColors: UISegmentedControl redValueChanged() greenValueChanged() blueValueChanged() ToolViewController newButtonPressed() loadButtonPressed() saveButtonPressed() informationButtonPressed() connectButtonPressed() InformationViewController TBD SplatterViewController showColors: UIButton showTools: UIButton hideColors: UIButton hideTools: UIButton toolButtonPressed() colorsButtonPressed() UIViewController Detailed Class Diagram (1 of 2)

Detailed Class Diagram (2 of 2) ColorChooser red: float green: float blue: float updateColor() premadeColorSelected() FileHandler canvasView: UIImageView > FileSaver saveImageToPhotoLibrary() > FileLoader loadImageFromPhotoLibrary() imagePickerControllerDidCancel() didFinishPickingMediaWithInfo() ConnectionHandler TBD

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

State 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

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

Status Report Accomplishments Fixed issue with drawing overlapping views. File saving implemented. Moved buttons for hiding colors and tools and added buttons for showing them. File loading almost complete. Next Week's Plans Continue work on connectivity. Begin adding additional features (ie. Different shapes, size of drawn shape) This Week's Plans Finish file loading. Research iPad connectivity. Begin implementation of connectivity. Fix classes and commit. Deploy to iPad. Risks / Help Needed Getting closer but not quite at the point where my classes are satisfying. Important Meetings Next status report.

Questions?