Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Appcelerator Titanium | Intro - Tools - Tipps

Appcelerator Titanium | Intro - Tools - Tipps

Intro to the Titanium SDK, relevant tools and useful tipps. The presentation was given at the 5th BarCamp in Kiel, Germany.

http://barcamp-kiel.de

00ebf83bf0e379964859ec8100bb9c71?s=128

René Bröcker

August 21, 2014
Tweet

Transcript

  1. APPCELERATOR TITANIUM Intro - Tools - Tipps 5. BARCAMP KIEL,

    22. AUGUST 2014
  2. Über mich M. Sc. Wirtschaftsinformatik (Uni Kiel) Senior Consultant Mobile

    & Web 
 bei der Vater Unternehmensgruppe kein „richtiger“ Entwickler ;) u. a. Appcelerator seit Version 1.7.x (2011) TCAD #BCKI14
  3. Referenzen #BCKI14

  4. Referenzen #BCKI14

  5. Appcelerator gegründet 2007 z. Zt. ca. 150 Mitarbeiter Gartner 2013

    Magic Quadrant (Vision & Execution) Titanium SDK und Titanium Studio kostenlos Appcelerator Cloud Services, Support und zusätzliche Enterprise Features (u.a. Analytics) kostenpflichtig #BCKI14
  6. Appcelerator #BCKI14 QUELLE: HTTP://WWW.APPCELERATOR.COM

  7. Appcelerator Titanium Open Source JavaScript Cross Platform Framework Unterstützung für

    iOS Android BlackBerry (Beta) „Mobile Web“ (JavaScript + HTML) Windows Phone 8 (Hybrid via Mobile Web) #BCKI14
  8. Appcelerator Titanium Titanium Classic Logik, UI und Style per JavaScript

    Titanium Alloy (Version 1.0 seit Titanium SDK 3.0, 2013) MVC-Framework Aufteilung in JavaScript (Controller & Models), XML (Views), TSS (Styles, ähnlich wie CSS) Pre-Compiler #BCKI14
  9. QUELLE: HTTPS://GITHUB.COM/FOKKEZB/TUTORIAL

  10. Appcelerator Titanium Voraussetzungen für die Entwicklung kostenloser Developer Account Titanium

    CLI (Node.js) Titanium SDK Titanium Studio (IDE, optional) SDKs der Zielplattformen (bspw. iOS u. Android) #BCKI14
  11. Appcelerator Titanium …ist KEIN HTML5-Container …ist KEIN Generator …erzeugt native

    Apps 
 mit plattform-spezifischen Look & Feel #BCKI14
  12. Appcelerator Titanium Build-Prozess Sourcen (JavaScript, XML u. TSS) Alloy Pre-Compiler

    Titanium Compiler XCode/Android Compiler #BCKI14
  13. Appcelerator Titanium Bridging Titanium SDK enthält Proxy-Objekte für Zugriff auf

    native SDK-Objekte App (inkl. Bridge) wird zur Laufzeit interpretiert (iOS: JavaScriptCore, Android: V8) #BCKI14
  14. Appcelerator Titanium Vorteile eine Codebasis für mehrere Plattformen 
 „Write

    once, adapt everywhere“ 80 - 90% des Codes ist plattformübergreifend nutzbar (insbesondere mit Alloy) native UI vereinfachter Start mit Web-Kenntnissen #BCKI14
  15. Appcelerator Titanium Nachteile reduziertes Maß an direkter Kontrolle durch zusätzliche

    Abstraktionsebenen Single JS-Thread Verzögerung bei neuen Features oder Fixes Cross-Platform/SDK-Workarounds #BCKI14
  16. Tools Titanium CLI (Command Line Interface) Clean, Build, Package, Test,

    Debug etc. Automatisierung von Aufgaben flexibles Toolset mit jedem Editor (bspw. Sublime)
 
 
 
 
 #BCKI14 ti clean --log-level info ! ti build --platform android --target device --log-level info ! ti build --platform ios --target simulator --log-level info
  17. DEMO #BCKI14

  18. Tools Genymotion alternativer Android Emulator deutlich(!) schneller als der Standard-Emulator

    integriert in Titanium Studio und Titanium CLI
 
 
 
 
 #BCKI14 HTTP://WWW.APPCELERATOR.COM/BLOG/2014/07/NEW-IN-TITANIUM-STUDIO-3-3-0-RUN-IN- GENYMOTION/ HTTP://WWW.APPCELERATOR.COM/BLOG/2013/12/USING-GENYMOTION-WITH-TITANIUM-3-2/ HTTP://WWW.APPCELERATOR.COM/BLOG/2013/11/GENYMOTION-AN-ANDROID-EMULATOR-YOU- CAN-USE/ HTTP://BLOG.ZEEZONLINE.COM/2013/11/INSTALL-GOOGLE-PLAY-ON-GENYMOTION-2-0/
  19. DEMO #BCKI14

  20. Tools TiShadow Toolset für Rapid Application Development Simultanes Deployment inkl.

    Live-Updates Unterstützung für Jasmine Tests Dummy’s Path: TiShadow Express REPL Sandbox-Umgebung Web-Konsole Screenshots & Screencasts u.v.m. #BCKI14 HTTP://TISHADOW.YYDIGITAL.COM HTTPS://GITHUB.COM/DBANKIER/TISHADOW
  21. TiShadow #BCKI14 QUELLE: HTTP://TISHADOW.YYDIGITAL.COM/GETTING%20STARTED

  22. QUELLE: HTTPS://SPEAKERDECK.COM/FOKKEZB/TITANIUM-COMMUNITY-TOOLKIT-SHOWCASE

  23. DEMO #BCKI14

  24. Tipps Alloy app.tss für globale Klassen Alloy.Globals für globale Variablen

    und Funktionen Nutzung von Font-Icons zur Reduzierung der Build- Größe Verwendung von ListViews anstelle von TableViews
 (Android: classname für TableViews) #BCKI14
  25. Tipps gitTio (http://gitt.io) TiCons (http://ticons.fokkezb.nl) Android Action Bar Style Generator

    (http:// jgilfelt.github.io/android-actionbarstylegenerator/)
 => seit SDK 3.3.0 AppCompat Style verwenden! #BCKI14
  26. Tipps DevMap (http://map.tidev.io) tiConf (http://ticonf.org) Events & Meetups (http://www.tidev.io/events/) @FokkeZB,

    @appcelerator, @tonylukasavage, @gitNotified, @tidevio, @ticonf, @boydleep, @nappdev, @BenCoding, @AppcDev, @jasonkneen #BCKI14
  27. FRAGEN? FRAGEN! #BCKI14 SLIDES: HTTPS://SPEAKERDECK.COM/RENEKIEL

  28. APPCELERATOR TITANIUM Intro - Tools - Tipps 5. BARCAMP KIEL,

    22. AUGUST 2014