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

Slides:

Advertisements

Similar presentations

Introduction to Eclipse. Start Eclipse Click and then click Eclipse from the menu: Or open a shell and type eclipse after the prompt.

Advertisements

Chapter 16 Graphical User Interfaces John Keyser’s Modifications of Slides by Bjarne Stroustrup

Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.

Chapter 2. Paint Pot We will build the Paint Pot app in class. Notes regarding the screen/user interface: 1.7 buttons and a canvas 2.The canvas has a picture.

Environmental GIS Nicholas A. Procopio, Ph.D, GISP Some slides from Lyna Wiggins (Rutgers University)

FEATURES – Displays the job features on the screen. Additional features are available by touching the tabs. TOUCH SCREEN – displays all the available features.

This document guides you through using the common features of the InFocus™ Mondopad™ touchscreen display located in this room. Getting Started Power Display.

XP Tutorial 4 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Personalizing Your Windows Environment Tutorial 4.

Have you ever wished you could quickly and easily attach an ECG in to the patient record? Click to continue.

Advanced Microsoft Word Hosted by Jared Hoffman Topics Keyboard Shortcuts Customizing Toolbars and Menus Auto Format & Auto Correct Tabs Inserting Pictures.

The Creative Art of Programming © Copyright 2014 Barbara Ann Walters. All Rights Reserved.

Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.

Electrical and Computer Engineering Vitaly Gordievsky Alex Trefonas Scott Richard Matt Beckford Final Project Review.

Microsoft Access 2003 Introduction To Microsoft Access 2003.

A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.

The sequence of folders to a file or folder is called a(n) ________.

Graphical User Interfaces A Quick Outlook. Interface Many methods to create and “interface” with the user 2 most common interface methods: – Console –

By Steven Campbell and Erik Boone.  Sharing projects by putting them into a central repository.  Checking out copies of projects from the repository.

First create a folder with your pictures/ images needed to create the story Then open Photostory 3. Click on begin a new story and click next.

Introduction to iPhoto iPhoto 6.0 for Beginners Created by The Office of Media and Educational Technology Updated 07/2008.

Activity – Pages: Formatting Images Next Page Pages The Word Processor for the iPad.

Task Card Templates Choose one slide below each week to create a task card for a Tech Tub station. Make sure to fill in the “Notes” below the task card.

| | Tel: | | Computer Training & Personal Development Microsoft Office PowerPoint 2007 Expert.

How computers work Learning objective 2: Explain the four basic functions of a computer.

Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.

MagicInfo Pro Scheduler Now that a template has been created from content imported into the Library, the user is ready to begin scheduling content to.

Doodlz App Android How to Program © by Pearson Education, Inc. All Rights Reserved.

Microsoft Office 2013 ®® PowerPoint Tutorial 1 Creating a Presentation.

MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6

COMPREHENSIVE Windows Tutorial 7 Managing Multimedia Files.

Chapter 6 SAS ® OLAP Cube Studio. Section 6.1 SAS OLAP Cube Studio Architecture.

FotoGazmic Software (From left to right: Chad Zbinden, Josey Baker, Rob Mills, Myra Bergman, Tinate Dejtiranukul)

MA/CS 3751 Fall 2002 Lecture 24. MA/CS 3752 ginput ginput is a Matlab function which takes one argument input: number of points to select in the image.

Accomplishments: Implementation Login form Dictionary Inputs Calculations(Partially Completed) Output(Partially Completed) Made a test database.

T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.

Students : Hiba Ghannam Hawa Osama Superviser: Haya Sammaneh.

Walk-and-Talk TM Remote Control Touch pad Pen Style Palette Erases All Marks at Once Left and Right Mouse Buttons Calibration Sends Screen Image to Printer.

Chapter Two Creating a First Project in Visual Basic.

CSCE 121: Introduction to Program Design and Concepts, Honors Dr. J. Michael Moore Spring 2015 Set 15: GUIs 1.

Microsoft Access 2010 Chapter 8 Advanced Form Techniques.

Lab 1 : Introduction to LabView 1 Southern Methodist University Bryan Rodriguez.

CS378 - Mobile Computing Responsiveness. An App Idea From Nifty Assignments Draw a picture use randomness Pick an equation at random Operators in the.

User Interface Objects From Beginning iPhone 4 Development and The iPhone Developer’s Cookbook (Chapter 4)

Listing Input and Maintenance 1. Tree Menu/Wizard LPS Real Estate Group2 The Tree Menu allows users to move easily through each section of Listing Maintenance.

Blue Screen of Death Paint Project Presentation. BSoD Development Team Matthew Chuah – Website Manager Jason Dai – Documents Manager Ian Lieberman – Quality.

My Presentations Create new presentations and find the ones you’ve worked on before. Your progress is saved automatically as you work. Undo Anything.

By: Ms. Abeer Helwa 1. CREATE A WORD DOCUMENT 2 Blank document Templates To create a new blank document: click the File tab and click Blank document.

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

Workshop 2 of 4 Welcome!. Survey While You Wait ni.com/duke >> Recent Documents >> LabVIEW Workshop Participation Survey.

Using the iPad 8/14/2013. Learning Target I can learn to navigate and use my iPad. Success Criterion: – I can complete at least half of the items on the.

1 UI Alert View iPhone/iPad, iOS Development Tutorial.

Simple Clicker App WPF App using C#. App Requirement Need a ‘counter’ display, which starts at 0 Need a ‘clicker’ button ! Pressing the clicker every.

Splatter “The Multiplayer Paint” By: David Kikuta CMSI 402, Spring 2011.

®® Microsoft Windows 7 Windows Tutorial 7 Managing Multimedia Files.

Learning the Basics of ArcMap 3.3 Updated 4/27/2010 Using Arc/View pt. 1 1.

Chapter 11 Collaboration Features for Workbooks Microsoft Excel 2013.

Basic Navigation in Oracle R12 BY: Muhammad Irfan.

Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.

Jython Environment For Students (JES) Final Presentation Team 3 David Raines Claire Bailey Jason Ergle Josh Sklare July 16,

FLIGHT PATH GUI David Alfego Josh Harrison. PURPOSE  Trials flown in Microsoft Flight Simulator X  Data collected according to coordinates of each flight.

Desktop Publishing Lesson 1 — Working with Documents.

The Doodlz app enables you to paint by dragging one or more fingers across the screen. The app provides options for setting the drawing color.

Whittier STEM Fair 2016 CARLI PECORARO’S ANDROID APP PROJECT.

Android Layouts 24 July 2018 S.RENUKADEVI/AP/SCD/ANDROID LAYOUTS 1.

PHP Image Manipulation

week # 03 Visual Programming Variables Canvas Screen Arrangement

Action Request System Example Education Console

GUI Graphics Chris North cs3724: HCI.

Windows Tutorial 7 Managing Multimedia Files

Presentation transcript:

Splatter! ALPHA Presentation By: David Kikuta March 29, 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 Paint Brush Width Resizer 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! Change Brush Width

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.

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

Detailed Class Diagram (2 of 2) 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

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

Now let's see Splatter! in action!

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

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 Next status report.

Questions?