• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
From Zero to App-Super-Hero with Titanium
 

From Zero to App-Super-Hero with Titanium

on

  • 1,693 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 ...

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.

Statistics

Views

Total Views
1,693
Views on SlideShare
1,622
Embed Views
71

Actions

Likes
2
Downloads
0
Comments
0

7 Embeds 71

http://paper.li 17
http://lanyrd.com 14
http://lanyrd.com 14
http://myersdesign.com 13
http://www.linkedin.com 7
http://a0.twimg.com 3
http://www.twylah.com 3
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    From Zero to App-Super-Hero with Titanium From Zero to App-Super-Hero with Titanium Presentation Transcript

    • Zero to AppSuper-Hero with Titanium presented by Liz Myers
    • AGENDA★ 2Scoops genesis - short story★ Design process & resources★ Overview of Titanium★ Ti Online - API, Q&A, Wiki★ Hands on - workflow
    • BRIEF BACKGROUNDMinneapolis/St Paul
    • BRIEF BACKGROUNDMinneapolis/St Paul
    • BRIEF BACKGROUNDSeattle, Washington
    • WORKEXPERIENCE
    • WORKEXPERIENCE
    • WORKEXPERIENCE
    • WORKEXPERIENCE
    • WORKEXPERIENCE
    • ANALYSIS Josh Clark @globalmoxie
    • Analysis DesignFeedback Prototype
    • ANALYSIS MOBILE USE CASES★ I’m micro-tasking
    • ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table
    • ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local
    • ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local data-centric app - Starbucks app
    • ANALYSIS MOBILE USE CASES★ I’m micro-tasking utility - Open Table★ I’m local data-centric app - Starbucks app★ I’m bored
    • 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
    • ANALYSIS MOBILE USE CASES “I’m bored”“I’m micro-tasking” “I’m local”
    • 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
    • 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
    • DESIGN BRIEF DEFINE PROJECT★ Who is your target audience?★ Why do they need your app?★ What devices/context do they face?
    • ANALYSISLASER FOCUS
    • ANALYSIS BOTSConvert Bot Paste Bot Calc Bot Weight Bot
    • SKETCHES/MOCKSFIREWORKS
    • TITANIUM APP2SCOOPS
    • TITANIUM APP2SCOOPS
    • RESOURCES Liz’s Top 5 SitesVisual Assets, Sounds, Modules
    • RESOURCESglyphish.com
    • RESOURCESteehanlax.com
    • tapptics.com$197 or £122 per year
    • RESOURCESsoundrangers.com
    • RESOURCESOpen Mobile Market
    • TITANIUMPlatform + Development Tool
    • WHAT IS TITANIUMBoth a development tool & platformOpen source (Apache 2.0)Deploy applications for mobile & desktop
    • 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
    • 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
    • NAV MODELSFLAT PAGES TAB BAR TREE STRUCTURE diagram from: Tapworthy by Josh Clark
    • BASIC BUILDING BLOCKSTABLE VIEWS
    • MORE VIEWSMAP VIEW SCROLLABLE VIEW WEB VIEW
    • 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)
    • APPCELERATORRESOURCES
    • KITCHEN SINK“everything but the kitchen sink” (humorous)
    • APPCELERATORKITCHEN SINK
    • http://developer.appcelerator.com/documentation/
    • http://developer.appcelerator.com/documentation/
    • http://wiki.appcelerator.org/display/guides/Home
    • Try Titanium“Let’s get coding . . .”
    • meetup.com/london-titaniumLondon-Titanium
    • THANK YOU@lizmyers @my2scoops