Appcelerator Titanium | Intro - Tools - Tipps

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