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

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