Appcelerator Titanium | Intro - Tools - Tipps

Transcript

1. 1.

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

   22. AUGUST 2014
2. 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. 3.

   Referenzen #BCKI14

4. 4.

   Referenzen #BCKI14

5. 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. 6.

   Appcelerator #BCKI14 QUELLE: HTTP://WWW.APPCELERATOR.COM

7. 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. 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. 9.

   QUELLE: HTTPS://GITHUB.COM/FOKKEZB/TUTORIAL

10. 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. 11.

    Appcelerator Titanium …ist KEIN HTML5-Container …ist KEIN Generator …erzeugt native

    Apps 
 mit plattform-spezifischen Look & Feel #BCKI14
12. 12.

    Appcelerator Titanium Build-Prozess Sourcen (JavaScript, XML u. TSS) Alloy Pre-Compiler

    Titanium Compiler XCode/Android Compiler #BCKI14
13. 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. 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. 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. 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. 17.

    DEMO #BCKI14

18. 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. 19.

    DEMO #BCKI14

20. 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. 21.

    TiShadow #BCKI14 QUELLE: HTTP://TISHADOW.YYDIGITAL.COM/GETTING%20STARTED

22. 22.

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

23. 23.

    DEMO #BCKI14

24. 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. 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. 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. 27.

    FRAGEN? FRAGEN! #BCKI14 SLIDES: HTTPS://SPEAKERDECK.COM/RENEKIEL

28. 28.

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

    22. AUGUST 2014