From Zero to App-Super-Hero with Titanium

1,788 views

Published on

In this presentation Liz Myers shares the design strategy that went into building her app, 2Scoops, and demonstrates how to get started building mobile apps with Appcelerator Titanium. Also included here are Liz's favourite resources for app design & development.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,788
On SlideShare
0
From Embeds
0
Number of Embeds
60
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

From Zero to App-Super-Hero with Titanium

  1. 1. Zero to AppSuper-Hero with Titanium presented by Liz Myers
  2. 2. AGENDA★ 2Scoops genesis - short story★ Design process & resources★ Overview of Titanium★ Ti Online - API, Q&A, Wiki★ Hands on - workflow
  3. 3. BRIEF BACKGROUNDMinneapolis/St Paul
  4. 4. BRIEF BACKGROUNDMinneapolis/St Paul
  5. 5. BRIEF BACKGROUNDSeattle, Washington
  6. 6. WORKEXPERIENCE
  7. 7. WORKEXPERIENCE
  8. 8. WORKEXPERIENCE
  9. 9. WORKEXPERIENCE
  10. 10. WORKEXPERIENCE
  11. 11. ANALYSIS Josh Clark @globalmoxie
  12. 12. Analysis DesignFeedback Prototype
  13. 13. ANALYSIS MOBILE USE CASES★ I’m micro-tasking
  14. 14. ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table
  15. 15. ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local
  16. 16. ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local data-centric app - Starbucks app
  17. 17. ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local data-centric app - Starbucks app★ I’m bored
  18. 18. ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local data-centric app - Starbucks app★ I’m bored game - Urban Spoon
  19. 19. ANALYSIS MOBILE USE CASES “I’m bored”“I’m micro-tasking” “I’m local”
  20. 20. DESIGN BRIEF GELATO FACTSAuthentic gelato has no stabilisers, preservativesor artificial ingredientsTo maintain flavour & consistency gelato is notfrozen as solid as ice creamGelato goes funny in the freezer - water freezesand creates tiny ice crystals
  21. 21. DESIGN BRIEF Ah Ha!“... by definition then... gelato issomething to be enjoyed on the go...”Hey! This is mobile. This is for all ages. This isfor both the traveler & city dweller...This project has lots of universal appealThis project appeals to me
  22. 22. DESIGN BRIEF DEFINE PROJECT★ Who is your target audience?★ Why do they need your app?★ What devices/context do they face?
  23. 23. ANALYSISLASER FOCUS
  24. 24. ANALYSIS BOTSConvert Bot Paste Bot Calc Bot Weight Bot
  25. 25. SKETCHES/MOCKSFIREWORKS
  26. 26. TITANIUM APP2SCOOPS
  27. 27. TITANIUM APP2SCOOPS
  28. 28. RESOURCES Liz’s Top 5 SitesVisual Assets, Sounds, Modules
  29. 29. RESOURCESglyphish.com
  30. 30. RESOURCESteehanlax.com
  31. 31. tapptics.com$197 or £122 per year
  32. 32. RESOURCESsoundrangers.com
  33. 33. RESOURCESOpen Mobile Market
  34. 34. TITANIUMPlatform + Development Tool
  35. 35. WHAT IS TITANIUMBoth a development tool & platformOpen source (Apache 2.0)Deploy applications for mobile & desktop
  36. 36. WHY I CHOSE TITANIUM★ Native app - UX/UI x performance★ Cross-platform (iOS, Android)★ Use existing web dev skills!★ Had my first 2-tab app in < 5 min★ Clear path to market
  37. 37. Platform FeaturesNative User Experience MediaNative performance + UI Camera, video, streaming(layouts, transitions, gestures) device audio/videoLocation-based services AnalyticsAugmented reality, geo-location Custom baked into ea. app,compass, native maps track usage + adoptionSocial sharing Titanium PlusFacebook, Twiiter, Yahoo Encrypted database, eCommerceNative email/address book ads, barcodes, custom analytics in-app purchasesData Ti Studio IDELocal SQLite data store, web Consistency, cross-platformservices, key/value pairs
  38. 38. NAV MODELSFLAT PAGES TAB BAR TREE STRUCTURE diagram from: Tapworthy by Josh Clark
  39. 39. BASIC BUILDING BLOCKSTABLE VIEWS
  40. 40. MORE VIEWSMAP VIEW SCROLLABLE VIEW WEB VIEW
  41. 41. OVERVIEW WORKFLOW NOTE★ Test early and often on device★ iOS Emulator is FASTER than Android★ If using Android SDK - keep the emulator running★ Round tripping on device is faster on Android side (iOS - consider building with x-code, faster than iTunes route)
  42. 42. APPCELERATORRESOURCES
  43. 43. KITCHEN SINK“everything but the kitchen sink” (humorous)
  44. 44. APPCELERATORKITCHEN SINK
  45. 45. http://developer.appcelerator.com/documentation/
  46. 46. http://developer.appcelerator.com/documentation/
  47. 47. http://wiki.appcelerator.org/display/guides/Home
  48. 48. Try Titanium“Let’s get coding . . .”
  49. 49. meetup.com/london-titaniumLondon-Titanium
  50. 50. THANK YOU@lizmyers @my2scoops

×