This document introduces TrackSeries, a mobile app that allows users to track and log their watched TV series. It discusses the development of TrackSeries using Apache Cordova and various related tools. These include Ionic for building cross-platform apps with AngularJS, the Cordova CLI for creating Cordova projects, and HockeyApp and CodePush for beta testing and updating apps without app stores. The document demonstrates how to use these tools to develop TrackSeries and other mobile apps that combine web technologies like JavaScript with native device capabilities.

1. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
CORDOVA
PRODUCTIVITY TOOLS

2. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
CORDOVA
PRODUCTIVITY TOOLS

3. Info@plainconcepts.com
Avinguda Josep Tarradellas, 10, 6º 1ª
08029 Barcelona, España
+34 93 3607 114
Barcelona

4. INTRODUCING
TRACKSERIES APP

5. THE IDEA
• As user I want to login
• As user I want to logout
• As user I want to list my tv series
• As user I want know if I’ve watched or not
• As user I want to switch watched/unwatched
• As user I want a the correct experience
• As owner I want to test betas in “real time”
• As owner I want to offer updates without a market
• As dev I want to do all of this
• As dev I want a life

6. THE RESULT

7. HELLO I AM
APACHE CORDOVA

8. CORDOVA
• We like JavaScript
• We want to make apps
• We want to use native APIs
And we can with...
Demo: Cordova CLI HelloWorld

9. PHONEWHAT?
Development Build process Result
*Free for open source projects or 1 private

10. IONIC AND
MULTIPLATFORM TEMPLATE

11. IONIC
• A Framework
• AngularJS
• Open source
• Extras like icons
• Ionic Creator
• Nice documentation
• Ready for Angular 2.0
AMAZING TOOL!
ionicframework.com

12. MY TEMPLATE (YES… :p)
• A Starter
• Ionic
• Open source
• Ready for Windows 10 (mobile)
• +55.000 downloads
• Will be ready for 2.0
MADE WITH LOVE!
cordova-multiplatform-template.js.org

13. BONUS
• Icons generator
github.com/eberlitz/splashicon-generator
• Ionic CLI
ionicframework.com/docs/cli/
• Ionic Lab
lab.ionic.io
• Ionic Market
market.ionic.io
Demo: Icons generator

14. THIS IS
TACO.TOOLS

15. TOOLS
TACO works with...
• Visual Studio
• Code
• Any text editor + commands
All documentation
taco.tools

16. VISUAL STUDIO

17. CODE

18. COMMANDS
Demo: TACO HelloWorld

19. BETAS WITH
HOCKEY APP

20. BETAS AND ANALYTICS
Demo: HockeyApp Dashboard

21. UPDATING
AND CODE PUSH

22. UPDATE YOUR APP INSTANTLY
• Yes, instantly
• Without markets
• Only updates
• Android, iOS
• Soon Windows
• Free (for now…)
• Open source
Demo: Emulator and CodePush

23. DO YOU LIKE
THE WEBVIEW?

24. WEBVIEW
The performance problem is
caused by the WebViewDEFAULT Webview

25. BUILDS
WITH VSTS

26. CREATE YOUR PHONEGAP
Demo: Builds with VSTS

27. Quique Fdez. Guerra
Software Dev. Engineer
Plainconcetps
@CKGrafico
SEE YOU!