From Zero to App-Super-Hero with Titanium
•
3 likes•758 views
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.
Recommended
More Related Content
Viewers also liked
Similar to From Zero to App-Super-Hero with Titanium
Similar to From Zero to App-Super-Hero with Titanium (20)
Recently uploaded
Recently uploaded (20)
From Zero to App-Super-Hero with Titanium
- 1. Zero to App Super-Hero with Titanium presented by Liz Myers
- 2. AGENDA ★ 2Scoops genesis - short story ★ Design process & resources ★ Overview of Titanium ★ Ti Online - API, Q&A, Wiki ★ Hands on - workflow
- 3. BRIEF BACKGROUND Minneapolis/St Paul
- 4. BRIEF BACKGROUND Minneapolis/St Paul
- 5. BRIEF BACKGROUND Seattle, Washington
- 10. WORK EXPERIENCE
- 11. ANALYSIS Josh Clark @globalmoxie
- 12. Analysis Design Feedback Prototype
- 13. ANALYSIS MOBILE USE CASES ★ I’m micro-tasking
- 14. ANALYSIS MOBILE USE CASES ★ I’m micro-tasking utility - Open Table
- 15. ANALYSIS MOBILE USE CASES ★ I’m micro-tasking utility - Open Table ★ I’m local
- 16. ANALYSIS MOBILE USE CASES ★ I’m micro-tasking utility - Open Table ★ I’m local data-centric app - Starbucks app
- 17. ANALYSIS MOBILE USE CASES ★ I’m micro-tasking utility - Open Table ★ I’m local data-centric app - Starbucks app ★ I’m bored
- 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. ANALYSIS MOBILE USE CASES “I’m bored” “I’m micro-tasking” “I’m local”
- 20. DESIGN BRIEF GELATO FACTS Authentic gelato has no stabilisers, preservatives or artificial ingredients To maintain flavour & consistency gelato is not frozen as solid as ice cream Gelato goes funny in the freezer - water freezes and creates tiny ice crystals
- 21. DESIGN BRIEF Ah Ha! “... by definition then... gelato is something to be enjoyed on the go...” Hey! This is mobile. This is for all ages. This is for both the traveler & city dweller... This project has lots of universal appeal This project appeals to me
- 22. DESIGN BRIEF DEFINE PROJECT ★ Who is your target audience? ★ Why do they need your app? ★ What devices/context do they face?
- 24. ANALYSIS BOTS Convert Bot Paste Bot Calc Bot Weight Bot
- 28. RESOURCES Liz’s Top 5 Sites Visual Assets, Sounds, Modules
- 31. tapptics.com $197 or £122 per year
- 34. TITANIUM Platform + Development Tool
- 35. WHAT IS TITANIUM Both a development tool & platform Open source (Apache 2.0) Deploy applications for mobile & desktop
- 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. Platform Features Native User Experience Media Native performance + UI Camera, video, streaming (layouts, transitions, gestures) device audio/video Location-based services Analytics Augmented reality, geo-location Custom baked into ea. app, compass, native maps track usage + adoption Social sharing Titanium Plus Facebook, Twiiter, Yahoo Encrypted database, eCommerce Native email/address book ads, barcodes, custom analytics in-app purchases Data Ti Studio IDE Local SQLite data store, web Consistency, cross-platform services, key/value pairs
- 38. NAV MODELS FLAT PAGES TAB BAR TREE STRUCTURE diagram from: Tapworthy by Josh Clark
- 39. BASIC BUILDING BLOCKS TABLE VIEWS
- 40. MORE VIEWS MAP VIEW SCROLLABLE VIEW WEB VIEW
- 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)
- 43. KITCHEN SINK “everything but the kitchen sink” (humorous)
- 48. Try Titanium “Let’s get coding . . .”