SwingThing v 1.

0 (real name TBD)

Functionality and User Experience

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Table of Contents
3 4 5 6 Introduction Technical Requirements Architecture Home Screen Record 7 8 9 - UI Graphic Elements - Record Functions Stitched Composite Closer look Stitched Composite Process 22 Help - UI Graphic Elements Replay 11 - UI Graphic Elements - Replay Functions 12 - Analyze ( Overlay ) - UI Graphic Elements - Drawing Options 13 14 15 16 17 Red Free Form Lines Green Dashed Lines Blue Vertical Horizontal Lines Grid Undo move & Undo all - How to use Swingthing (2-3 pages with content) 18 19 20 21 SwingJournal UI Graphic Elements - fbConnect User Flow - fbConnect to Facebook Newsfeed and Wall

Settings - UI Graphic Elements - Setting Options

10

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Introduction

About this App: The SwingThing App is targeted to the novice, intermediate and seasoned golfer who wants to improve and document their golf swing. Through the use of the iPhone camera API, users will take a series of pictures in real-time camera view. They then can analyze their swing with a simple proprietary tool. Record, Replay, and analyze your golf swing. Founder / Charles C. Keum

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Technical Requirements

3.0-1.0 OS

Platform: iPhone Software: 3.0 and lower & Jail Broken iPhones APIs: Camera View, Scrollable Listing, and Image overlays, fbCconnect for iPhone

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Architecture
Analyze (Overlay)

Record Users have two points of entry to get into the Replay area. 1. An automatic launch immediately after a Record or SwingJournal 2. after choosing from a list of previously recorded swings from the SwingJournal. The Analyze (overlay) is a function that only occurs during Replay. It is an overlay that occurs over a Replay session. Settings and Tips are reached only from the home screen. fbConnect is a function that is launched only from the SwingJournal list.

Replay

Home Screen fbConnect Settings

Help
This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Home Screen
This the home screen when the user click on the app for the first time.

Record

SwingJournal -fbConnect is a function that appears in the SwingJournal list.

Settings

B. Help

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Record - UI Graphic Elements
(Real-Time Camera View) 1. Record Button 2. Home Screen Button 3. Bracket Guides [ ] 4. Countdown Numbers

3. Bracket Guide

2 pixel thick black lines (85% opacity)

1. Record Button 2. Home Screen Countdown area after pressing Record. Numbers fade in & out after each number appears. ONLY appears when countdown settings are set. For default settings there is no countdown.
This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Record - Record Functions
1. Audio: (Default Settings): After pressing Record Button: Default settings: Recording length: 2.2 seconds recording time 18 x 0.12222222222/sec. Shutter Sound: A sound for each shot taken during recording. (mp3 format)

2. Stitched Composite Output: After recording is done: Stitched Output: 5x4 grid | 18 screen grabs | 1 Date/Time | 1 Logo Automatically stitches screen grabs in sequence and automatically embeds numbers to the top left corner of each frame. Numbers 1-18. Stitched Composite Complete! - Format: 1600 px X 1680 px aspect ratio. Made for FaceBook optimal photo size. This is the final image that is used for playback. Playback starts at frame Date & Time Placard.
This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
1600

Record - Stitched Composite Closer Look

320

420

System Fonts: Georgia Regular Output Dimensions: 1600 px x 1680 px - Aspect ratio no less than 1000 px x 1050 px.

1680

Date and Time:

Bottom right box:

Top left box: Created with the Dynamically generated swingthing app and flattened at output. Available at iTunes. Date & Time format: 06/10/09 12:35 pm

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

Record - Stitched Composite Process

Stitch process: 4 components: screen grabs of swing (18 total) Date & Time placard - 1st frame. - Dynamically generated and flattened during output. Frame numbers (top right corner of each swing frame - number 1-18 Bottom right AD placard - last frame

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Replay - UI Graphic Elements
Replay Mode After a recording or choosing a previously recorded swing, the user can replay or analyze their swing. When replaying their swing, the first frame (Date/Time placard) will be the first frame of the play back. The user can press play (>) to let the swing run or frame-by-frame using the (<< back & forward >> keys). NOTE: Playback starts on the Date/ time placard, but skips the last frame (swingcam logo).

Play Home Screen Analyze Menu Layover

Frame Back

Frame Fwd

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Replay - Analyze Overlay
UI Graphic Elements While in replay mode the user will have the option of drawing lines over their swing . The tool is comprised of 6 main functions and a close overlay button.

1. Red Lines (In red) A segment (a line conceived of two points) can be drawn by: touch-drag-release.
Analyzer button brings up tool layer

5. Eraser - 1 Erase last move once 6. Eraser - ALL Erase ALL

2. Green Lines A line drawn by: tapping in two places: touch-drag-release. 3. Blue Lines Constrained lines that the user can draw and is made up of TWO types: a. vertical lines (locked vertically) b. horizontal lines (locked horiz.) 4. Grid - (On|Off) (Yellow 50% opacity) A layover grid. Can be applied at any time and is the bottom most layer.

Close Analyze Overlay

Analyzer tools layover up state. Slides up.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Analyze Tools - Red Free Form Lines

Analyzer tools up.

Swing Plane (In red)

User selects this tool.

Analyzer layover goes down and Swing plane line fades in and out.

User touches any point and determines first point.

User drags and lifts to determine final point and the result is a line drawn from two points.

Line width = 2 pixels thick.

Brings analyzer tools back up.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Analyze Tools - Green Dashed Lines

Analyzer tools up.

Spine Angle (In Green)

User selects this tool.

Analyzer layover User touches any point and goes down and icon appears determines first point. and fades out.

User drags and lifts to determine final point and the result is a line drawn from two points.

Line width = 2 pixels thick. Made up of dashed lines and perpendicular edges

Brings analyzer tools back up.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

Analyze Tools - Blue Vertical Horizontal Lines

Analyzer tools up.

Straight Lines (In Bright Blue)

User selects this tool.

Analyzer layover goes down and Straight Line icon appears and fades out.

Point A: User first touches any part of the screen. The first touch determines the first X,Y position.

Point B: The user then drags to a desired direction and on release of the screen a second touch will create a line to the most perpendicular axis from point A. Uses auto correction to keep lines straight. (?)

Line width = 2 pixels thick.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

Analyze Tools - Grid (yellow Lines)

Analyzer tools up.

Grid Lines (In yellow)

User selects this tool turns the grid lines ON.

Grid lines come on when this button is pressed and the ON state will stay present (white state)

User can re-press the grid line button to turn it off. The Grid lines are the bottom most layer of the drawing tools.

Line width = 2 pixels thick and is 20 pixels apart.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

Analyze Tools - Undo move & Undo all

Analyzer tools up. A series of lines have already been drawn.

Undo move Undo last move

Undo ALL Undo All moves

Note: During undos, the analyzer tool stays up for repeated use.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

SwingJournal - UI Graphic Elements

Default list No swings are available unless a swing has been recorded.

Some recordings in list Functionality: (from left to right) 1. Back button Returns to home 2. Play button - Launch Replay mode 3. FB icon - Brings up Facebook connect login 4. Delete icon - Delete swing

Many Swings Scrollable list up and down. Each swing has a title. This is the format example: 06/10/09 . 01:30 PM Fonts: Georgia Bold

Delete dialogue box System dialogue box. Cancel - OK

FBconnect LoginUser can connect to facebook profile and add chosen swing to their newsfeed.

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

SwingJournal - fbConnect User Flow

Step 1. User clicks FB icon next to a swing Each FB icon next to each swing. Upon choosing their swing, this will set up step 2.

Step 2. Login Screen User enters username and password. Username and password are cookied.

Step 3. Post swing composite to your FB newsfeed. Once the user has logged in, the swing composite that was chosen from Step 1 is ready to be posted to the users facebook Newsfeed. Here they can write a caption to go along with their swing composite or skip step 4 and press Upload

Step 4. Writing caption. Keyboard api is brought up and users can type caption to their swing composite. Writing a caption is just an option for the user and not a mandate.

Step 5. Caption has been added. Users press upload to their newsfeed. Automated hard link: Created with the SwingThing App - iTunes. (attached message) Record, playback and analyze golf swings frame-by-frame with the SwingThing App. Source: http://www.swingthing.com

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0

SwingJournal - fbConnect to Facebook Newsfeed and Wall

Users caption Automated hard link to Swingthing App to iTunes store.

Automated 1. Mobile/ Image icon and time of post 2. Comment like share links.

Automated marketing messsage: Record, playback and analyze golf swings frame-by-frame with the SwingThing App. Source: http://www.swingthing. com

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Settings

Recording time: 1.9 seconds: 18 shots @ .10555555556 fps 2.0 seconds: 18 shots @ .1111111111 fps 2.1 seconds: 18 shots @ .1666666667 fps 2.2 seconds: 18 shots @ .12222222222 fps (2.2 seconds = default) Bracket guides: ON (default) | OFF Shutter sound: ON (default) | OFF Countdown timer: 10 seconds 7 seconds: 5 seconds: 3 seconds: OFF: Default Audio volume: (global audio) Far left = off Far right = max volume Middle = medium volume (default)

Settings from home screen

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09

SwingThing v 1.0
Help

Help topics Page to page help topics to help users to get optimal results from their recording analyzing and sharing their swing. 1-3 pages of content. Page Forward and Page backward.
Help from home screen

This document is bound by a Non-Disclosure Agreement. Only those parties who have undersigned this agreement are entitled to read on.

04/16/09