My breakout session from Codestrong http://www.codestrong.com
Video is available on the Appcelerator Site http://www.appcelerator.com/showcase/videos/codestrong2011/
5. Brief
Public Sector Engagement
Transparency
Open Data & Infrastructures
Twitter
Multiple Devices
Cross Platform
Police Live Tweeting
http://www.flickr.com/photos/spiritquest/5070882391/in/set-72157619535937066/
#codestrong
9. Outlines
Splash/Loading page
Twitter
Website
Email
About
Latest Local Surrey Map Phone
Local police Crimes
Settings
Outcomes Contact
Runnymede Terms of use Select your installed app.
Important Phone Numbers Credits
Officers that tweet Help - splash
Priorities
Email Us Twitter
Events
Visit our Site Facebook
On Flickr Picture upload service
On Twitter Want to see your Google
RSS list of events
neighbourhood here?
On YouTube
Report a crime
Get Involved
Email to Multizone and Surrey police
List of officers
Detail view of selected priority
Dial/call 999 Text Service
Officer Bio
Prebuilt message
Emergency Call
Police runnymede
Local Rate Phone
website RSS
feeds National Local Number (101)
Local phone number
Station location
Latest incident
tweets Facebook
Tweet @Runnymedebeat
2 - step 1 Feed
Police surrey Your Team
website RSS feed
3 - step 2 Maps
List of wards
4 - step 3 Officer list
List of officers
5 - step 4 Social media icons
Officer bio 6 - step 5 Priorities
#codestrong
10. Mockups
Splash/Loading page
Twitter
Website
Email
About
Latest Local Surrey Map Phone
Local police Crimes
Settings
Outcomes Contact
Runnymede Terms of use Select your installed app.
Important Phone Numbers Credits
Officers that tweet Help - splash
Priorities
Email Us Twitter
Events
Visit our Site Facebook
On Flickr Picture upload service
On Twitter Want to see your Google
RSS list of events
neighbourhood here?
On YouTube
Report a crime
Get Involved
Email to Multizone and Surrey police
List of officers
Detail view of selected priority
Dial/call 999 Text Service
Officer Bio
Prebuilt message
Emergency Call
Police runnymede
Local Rate Phone
website RSS
feeds National Local Number (101)
Local phone number
Station location
Latest incident
tweets Facebook
Tweet @Runnymedebeat
2 - step 1 Feed
Police surrey Your Team
website RSS feed
3 - step 2 Maps
List of wards
4 - step 3 Officer list
List of officers
5 - step 4 Social media icons
Officer bio 6 - step 5 Priorities
#codestrong
11. Mockups
Splash/Loading page
Twitter
Website
Email
About
Latest Local Surrey Map Phone
Local police Crimes
Settings
Outcomes Contact
Runnymede Terms of use Select your installed app.
Important Phone Numbers Credits
Officers that tweet Help - splash
Priorities
Email Us Twitter
Events
Visit our Site Facebook
On Flickr Picture upload service
On Twitter Want to see your Google
RSS list of events
neighbourhood here?
On YouTube
Report a crime
Get Involved
Email to Multizone and Surrey police
List of officers
Detail view of selected priority
Dial/call 999 Text Service
Officer Bio
Prebuilt message
Emergency Call
Police runnymede
Local Rate Phone
website RSS
feeds National Local Number (101)
Local phone number
Station location
Latest incident
tweets Facebook
Tweet @Runnymedebeat
2 - step 1 Feed
Police surrey Your Team
website RSS feed
3 - step 2 Maps
List of wards
4 - step 3 Officer list
List of officers
5 - step 4 Social media icons
Officer bio 6 - step 5 Priorities
#codestrong
12. Mockups
Splash/Loading page
Twitter
Website
Email
About
Latest Local Surrey Map Phone
Local police Crimes
Settings
Outcomes Contact
Runnymede Terms of use Select your installed app.
Important Phone Numbers Credits
Officers that tweet Help - splash
Priorities
Email Us Twitter
Events
Visit our Site Facebook
On Flickr Picture upload service
On Twitter Want to see your Google
RSS list of events
neighbourhood here?
On YouTube
Report a crime
Get Involved
Email to Multizone and Surrey police
List of officers
Detail view of selected priority
Dial/call 999 Text Service
Officer Bio
Prebuilt message
Emergency Call
Police runnymede
Local Rate Phone
website RSS
feeds National Local Number (101)
Local phone number
Station location
Latest incident
tweets Facebook
Tweet @Runnymedebeat
2 - step 1 Feed
Police surrey Your Team
website RSS feed
3 - step 2 Maps
List of wards
4 - step 3 Officer list
List of officers
5 - step 4 Social media icons
Officer bio 6 - step 5 Priorities
#codestrong
13. Mockups
Splash/Loading page
Twitter
Website
Email
About
Latest Local Surrey Map Phone
Local police Crimes
Settings
Outcomes Contact
Runnymede Terms of use Select your installed app.
Important Phone Numbers Credits
Officers that tweet Help - splash
Priorities
Email Us Twitter
Events
Visit our Site Facebook
On Flickr Picture upload service
On Twitter Want to see your Google
RSS list of events
neighbourhood here?
On YouTube
Report a crime
Get Involved
Email to Multizone and Surrey police
List of officers
Detail view of selected priority
Dial/call 999 Text Service
Officer Bio
Prebuilt message
Emergency Call
Police runnymede
Local Rate Phone
website RSS
feeds National Local Number (101)
Local phone number
Station location
Latest incident
tweets Facebook
Tweet @Runnymedebeat
2 - step 1 Feed
Police surrey Your Team
website RSS feed
3 - step 2 Maps
List of wards
4 - step 3 Officer list
List of officers
5 - step 4 Social media icons
Officer bio 6 - step 5 Priorities
#codestrong
14. Working the Sink
Emulator
Check Platform Differences
Buy Devices
Experience
Structure/Performance
Time
#codestrong
15. Working with Data
XML Responses
YQL
{JSON}
Filesystem
Twitter & oAuth
http://www.flickr.com/photos/spiritquest/5849484264/in/set-72157626393768195/
#codestrong
16. Working with Data
XML Responses
filesystem.js
YQL
geolocation.js
{JSON} map_view.js
network.js
Filesystem
Resources examples picker_basic.js
Twitter & oAuth table_view_layout.js
table_view_row_append.js
xhr_xml.js
yql_flickr.js
#codestrong
17. UI / UX
Device Resolution
Data Manipulation
Caching
Webview vs Native
#codestrong
18. Mapping
Map API vs Webview
Local & Remote
UK CrimeMapper
Public Data
#codestrong
19. Feedback and Testing
Version Numbering
Ti.App.Properties
Changelogs
Testflightapp
Version Control
http://www.flickr.com/photos/spiritquest/3782923164/in/set-72157621778256943/
#codestrong
20. In The Field
Populating Data
Public Perception
Bug Fixes
Expectations
Getting It
Press
#codestrong
21. In The Field
Populating Data
Public Perception
Bug Fixes
Expectations
Getting It
Press
#codestrong
22. In The Field
Populating Data
Public Perception
Bug Fixes
Expectations
Getting It
Press
#codestrong
23. In The Field
Populating Data
Public Perception
Bug Fixes
Expectations
Getting It
Press
#codestrong
24. In The Field
Populating Data
Public Perception
Bug Fixes
Expectations
Getting It
Press
#codestrong
26. Personal Challenges
Data Management
Microformats
iUI (JS Library)
Motivation
http://www.flickr.com/photos/spiritquest/2457078664/in/set-72057594125240734/
#codestrong http://www.flickr.com/photos/spiritquest/2460505217/in/set-72057594125240734/
27. Build on your success
Police App
Refactoring
Research
Q & A Site
Github & Blogs
Training
Titanium Certified Application Developer
http://www.flickr.com/photos/spiritquest/1374407445/
#codestrong
28. Build on your success
Police App
Refactoring
Research
Q & A Site
Github & Blogs
Training
Titanium Certified Application Developer
http://www.flickr.com/photos/spiritquest/1374407445/
#codestrong
29. Plot & Scheme
Visual Challenges
Problem Solving
Personas
Graphic Design
Collaboration
#codestrong
30. Future Design
Attach Video
CSV
Add Thumbnails XML
ICS
EXCEL
EXCEL
Edit/Add Geodata ICS
EDIT Existing Event
FORMATS
IMPORT REVIEW
EXPORT LOGIN
Choose Event Type
ERROR HANDLING REPORTS
EVENT EDITING IMPORT
ADD New Event
SIGN UP / SETUP
Payment KEY
VENUE EDITING
& Addition
Online Interface
USER GUIDE Settings
Social Media Connections Setup
HELP
EMAIL SUPPORT
Contact Details
Branding
FORUM SUPPORT
Image Upload
(for App)
Sponsor Details Festival Details
Festival Name
URL Sponsor
Festival Trailer
Sponsor Name
Festival Logo
Upload Sponsor Video
Sponsor Festival Text / Synposis
Text
#codestrong
31. Outlines & Schemas
Festival Venue:
Nearest
Phone
Address Venue Name Venue ID Geo/ Long/Lat Email Website Box Office Station/Tube/
Venue
Number
Bus (•)
Phone
Number
Genre
Event Type
Cast & Crew
Events
Pricing
#codestrong
42. Break away from the sink
Tackling Your First App
Build/Install On Device
Search / Explore
Watch Out For Updates
Install Direct From Studio
Check Network for LIVE Apps
http://www.flickr.com/photos/spiritquest/3601421463/in/set-72157619352436160/
#codestrong
43. Pic n mix
Find Kitchen Sink Examples
Keep a Copy On Device.
Native vs WebView
Software Tools
Ticket Tracking
Consider Version Control
http://www.flickr.com/photos/spiritquest/5604035309/in/set-72157626338910059/
#codestrong