#codestrong

From  Kitchen  Sink  to  App:    Real  World  Case  Studies  

Ketan  Majmudar  

#codestrong

Spirit Quest

@Ketan

#codestrong

Case Studies

#codestrong

Police Apps

#codestrong

!   Public Sector Engagement

!   Transparency

!   Open Data & Infrastructures

!   Twitter

!   Multiple Devices

!   Cross Platform

!   Police Live Tweeting

Brief

http://www.flickr.com/photos/spiritquest/5070882391/in/set-72157619535937066/!

#codestrong

Decisions !   Device Reach

!   GPS

!   Twitter

!   Familiarity

!   Support / Roadmap

!   Public Availability

!   Native UI

#codestrong

!   Collaboration Workflow

!   Coffee & WIFI

!   Inspiration

!   Wireframes

!   App Concepts

!   App Context Structures

Structured Approach

http://www.flickr.com/photos/spiritquest/4103710975/!

#codestrong

Outlines

#codestrong

Mockups

#codestrong

Working the Sink !   Emulator

!   Check Platform Differences

!   Buy Devices

!   Experience

#codestrong

!   XML Responses

!   YQL

!   {JSON}

!   Filesystem

!   Twitter & oAuth

Working with Data

http://www.flickr.com/photos/spiritquest/5849484264/in/set-72157626393768195/!

#codestrong

!   Device Resolution

!   Data Manipulation

!   Caching

!   Webview vs Native

UI / UX

#codestrong

!   Map API vs Webview

!   Local & Remote

!   UK CrimeMapper

!   Public Data

Mapping

#codestrong

!   Version Numbering

!   Ti.App.Properties

!   Changelogs

!   Testflightapp

!   Version Control

Feedback and Testing

http://www.flickr.com/photos/spiritquest/3782923164/in/set-72157621778256943/!

#codestrong

!   Populating Data

!   Public Perception

!   Bug Fixes

!   Expectations

!   Getting It

!   Press

In The Field

#codestrong

Festival Apps

#codestrong

!   Data Management

!   Microformats

!   iUI (JS Library)

!   Motivation

Personal Challenges

http://www.flickr.com/photos/spiritquest/2457078664/in/set-72057594125240734/!

http://www.flickr.com/photos/spiritquest/2460505217/in/set-72057594125240734/!

#codestrong

!   Police App

!   Refactoring

!   Research

!   Q & A Site

!   Github & Blogs

!   Training

Build on your success

http://www.flickr.com/photos/spiritquest/1374407445/!

Titanium Certified Application Developer!

#codestrong

!   Visual Challenges

!   Problem Solving

!   Personas

!   Graphic Design

!   Collaboration

Plot & Scheme

#codestrong

Future Design

#codestrong

Outlines & Schemas !   Festival

!   Venue

!   Genre

!   Event Type

!   Cast & Crew

!   Events

!   Pricing

#codestrong

!   Wireframe

!   iMockups

!   Layout Design

!   Data Caching

!   Tracking

!   Custom URLs

!   Email Modal Dialog

Custom Views

#codestrong

!   Retina Display

!   HIG

!   iTunesArtwork

!   No Borders / Alpha

!   Icon Details

!   Check Emulator for Retina

Icon Development

icon.png

icon@2x.png

512 x 512 px

#codestrong

Strategies & Structures

#codestrong

!   Tackling Your First App

!   Build/Install On Device

!   Search / Explore

!   Watch Out For Updates

!   Install Direct From Studio

!   Check Network for LIVE Apps

Break away from the sink

http://www.flickr.com/photos/spiritquest/3601421463/in/set-72157619352436160/!

#codestrong

!   Find Kitchen Sink Examples

!   Keep a Copy On Device.

!   Native vs WebView

!   Software Tools

!   Ticket Tracking

!   Consider Version Control

Pic n mix

http://www.flickr.com/photos/spiritquest/5604035309/in/set-72157626338910059/!

#codestrong

!   Twitter

!   Titanium / Javascript / Web App Meetups

!   Q+A

!   Participate

!   Contribute

!   Blogs / IRC / Github

!   Books

Get Help! Give Help!

http://www.flickr.com/photos/spiritquest/5604047525/in/set-72157626338910059/!

www.stereoartist.com/blog/codestrong-2011-session

Thank You

http://goo.gl/WFXb9!#codestrong

http://www.flickr.com/photos/spiritquest/5043558251/in/set-72157627151044919/!