SlideShare a Scribd company logo
c.svensson@cgi.com, @connysvensson
dev:mobile 22 May 2014
Conny Svensson
Managing Architect and Strategist Mobility
Hyperloop - new frontiers
Hyperloop
Number of developers
580 000
Number of Cloud API calls
28 000 000 000
Fortune 100 companies using Titanium
68% of F100
Appcelerator offerings
Titanium Studio IDE
• Support for iOS, Android, BlackBerry, Tizen, Denso 

and mobile web with over 5,000 device and mobile OS APIs
• Single JavaScript codebase
• On-device debugger, live UI editor, code analyzer 

and performance profiler
Analytics
• View the live health and availability of all the mobile apps in real-time
• Real-time activity reporting for mobile projects including 

pre-deployment readiness and post-deployment success
• Historical rolling timeframe reporting with trend analysis
• Monitor end-user exceptions and crashes as they happen
API
• API SDK provides for rapid development of custom APIs to 

mobilize any backend data source
• Support for SAP, Oracle, Salesforce.com, Microsoft SharePoint 

and Microsoft Dynamics
• Connectors to popular applications like LinkedIn, Yammer, 

PayPal, DropBox, Google Calendar, Facebook, Twitter, and many others
• Ready access to common mobile services including push notification,
photo storage, authentication and key value pair store
What’s next?
Ti.Next (Titanium 4.0)
•Significant re-architecture of Titanium

•(Mostly) same API

•Incredible performance boost and reduction in app size

•Improved Extensibility

•Windows support
Ti.Next Foundation
•Foundation of Ti.Next is a new compiler, built from the
ground up for performance, extensibility

•Open Source under Apache Public License v2

•http://github.com/appcelerator/hyperloop

•Over a year of R&D already on Hyperloop (4th generation
compiler under development)
Hyperloop integrations
•Titanium traditional (all-in)

•Titanium in Native

•Native in Titanium

•Titanium in other frameworks (PhoneGap, Xamarin)

•Pure Native (Hyperloop only)
What is Hyperloop?
•Hyperloop turns JS code into native code by mapping the
native APIs into JS syntax

•Hyperloop will be (mainly) used by Titanium platform
developers to build Titanium APIs or modules

•A more traditional compiler architecture:
– Front-end (parse and transform JS AST)
– Back-end (generate native, platform specific code)
– +Metabase (metadata about target platform)
Hyperloop iOS example
!
!
@import('Foundation');	
  
@import('UIKit');	
  
!
var	
  view	
  =	
  new	
  UIView(CGRectMake(100,100,50,50));	
  
view.backgroundColor	
  =	
  UIColor.redColor();	
  
var	
  window	
  =	
  new	
  UIWindow();	
  
window.addSubview(view);	
  
window.makeKeyAndVisible()
Hyperloop Front-end
•Front-end uses UglifyJS to turn JS code into an AST and
then perform transformations on the code to make it more
suitable for native generation
Example of Front-end translations
!
Foo.bar	
  =	
  1	
  	
  	
   	
   	
   Foo_set_bar(1)	
  
!
Foo.bar()	
   	
   	
   	
   Foo_bar()	
  
!
var	
  foo	
  =	
  new	
  Bar()	
   	
   Bar_constructor()	
  
!
foo.bar(1)	
  	
   	
   	
   Bar_bar(foo,	
  1)	
  
Hyperloop Back-end
•Back-end generates C/C++ code for target platform

•~90% of the back-end code is reusable for all platforms
supported

•10% is basically specific syntax for things like calling
methods, properties, etc. and other platform specific
nuances (differences in file extensions, etc.)
Hyperloop Metabase
•Defined platform APIs in JSON format

•Automatically generate for all platforms supported

•Large tree of all supported APIs (classes, functions, types, etc.)

•Supports both C and platform specific languages (Objective-C,
Java, etc.)

•Uses Clang (+platform specific tools) to generate

•Rich metadata about the platform
Hyperloop Metabase iOS example
Hyperloop Metabase Android example
Hyperloop JS engine
•Unified JS engine for all platforms based on
JavaScriptCore
– iOS 7.0+ comes with engine installed
– Port for Windows and Android
!
•Performance testing showed JSC was basically native
speed
Hyperloop code rewriting
•Huge blocks of code will be optimized into pure native
code generation

•No penalty for “JS bridge” like in current Titanium

•JS engine runs on main UI Thread:
– No thread context switching / creation overhead
– Will provide background worker for asynchronous non-
blocking tasks
The proof is in the pudding!
DEMO
Ti.Next
•Titanium APIs are being re-written using Hyperloop JS
syntax and compiled using Hyperloop compiler
•Titanium APIs (and native APIs) will be first class JS objects
•Goal is to generate API interfaces, test cases from API
documentation
•Full Node.js require implementation
•Will likely deprecate platform specific APIs and provide a
compatibility module
•Likely will reduce size of overall API
•Titanium APIs will use module design
Ti.Next modules
•Migration path for modules (still trying to determine)

•Packaging likely will change and modules will be
expressed in Hyperloop syntax

•Possibility of a module compatibility shim
Welcome aboard!
c.svensson@cgi.com, @connysvensson

More Related Content

PDF
Appcelerator Hyperloop: Overview, Architecture & Demo
PDF
Appcelerator: iOS 10, Titanium SDK & Hyperloop
PPTX
Developing a mobile cross-platform library
PDF
Cross platform development
PDF
Overview of Java EE
PPTX
What's new in Android, Igor Malytsky ( Google Post I|O Tour)
PDF
Titanium meetup Tokyo #13
PPTX
From .NET Core 3, all the rest will be legacy
Appcelerator Hyperloop: Overview, Architecture & Demo
Appcelerator: iOS 10, Titanium SDK & Hyperloop
Developing a mobile cross-platform library
Cross platform development
Overview of Java EE
What's new in Android, Igor Malytsky ( Google Post I|O Tour)
Titanium meetup Tokyo #13
From .NET Core 3, all the rest will be legacy

Viewers also liked (20)

PPTX
Hyperloop
PPTX
Hyperloop transportation system
PPTX
Hyperloop
PDF
The Hyperloop - Fancy Commute at 800 MPH?
PPTX
Hyperloop project
PPTX
Hyperloop transportation system
PDF
Hyperloop VTU Seminar Report
PPT
Hyperloop Presentation - Babbitt
PPTX
Hyperloop
PPTX
1. introduction to Hyperloop Technology [3.3.2017]
PPTX
Hyperloop
PPTX
Hyperloop final
PPTX
Hyperloop
PPTX
Hyperloop - The future of Transportation
PDF
Hyperloop
PPTX
Hyperloop- A 21st century transportation revolution
PPTX
Hyperloop presentation
PPTX
Vactrain an insight into Hyperloop
PPTX
Hyperloop
PPTX
Hyperloop
Hyperloop
Hyperloop transportation system
Hyperloop
The Hyperloop - Fancy Commute at 800 MPH?
Hyperloop project
Hyperloop transportation system
Hyperloop VTU Seminar Report
Hyperloop Presentation - Babbitt
Hyperloop
1. introduction to Hyperloop Technology [3.3.2017]
Hyperloop
Hyperloop final
Hyperloop
Hyperloop - The future of Transportation
Hyperloop
Hyperloop- A 21st century transportation revolution
Hyperloop presentation
Vactrain an insight into Hyperloop
Hyperloop
Hyperloop
Ad

Similar to Hyperloop (20)

PDF
Hyperloop
PPTX
TiConf NYC 2014
PPTX
TiConf EU 2014
PPTX
Amsterdam Meetup Presentation - Marts 2014
PDF
Intro to Appcelerator Titanium - Code for Fort Lauderdale 2015
PDF
The Big Easy: Native Mobile App Development with Appcelerator Titanium and Ja...
PDF
Introduction to Appcelerator Titanium
PDF
Building Native Mobile Apps using Javascript with Titanium
PPTX
Welcome to Titanium
PPTX
tittanium
PPT
Titanium Overview (Mobile March 2011)
PPTX
TiConf Australia 2013
PDF
Titanium: Native Mobile Apps with Javascript
PPTX
Titanium Conf Baltimore Keynote 2013
PPTX
Appcelerator Titanium - An Introduction to the Titanium Ecosystem
PPTX
Appcelerator Titanium Intro
PDF
Appcelerator Titanium Intro (2014)
PDF
NYC Titanium User's Group - tiConf US Revisited
PPTX
Cross Platform Mobile Development
KEY
Idea to Appstore with Titanium Mobile
Hyperloop
TiConf NYC 2014
TiConf EU 2014
Amsterdam Meetup Presentation - Marts 2014
Intro to Appcelerator Titanium - Code for Fort Lauderdale 2015
The Big Easy: Native Mobile App Development with Appcelerator Titanium and Ja...
Introduction to Appcelerator Titanium
Building Native Mobile Apps using Javascript with Titanium
Welcome to Titanium
tittanium
Titanium Overview (Mobile March 2011)
TiConf Australia 2013
Titanium: Native Mobile Apps with Javascript
Titanium Conf Baltimore Keynote 2013
Appcelerator Titanium - An Introduction to the Titanium Ecosystem
Appcelerator Titanium Intro
Appcelerator Titanium Intro (2014)
NYC Titanium User's Group - tiConf US Revisited
Cross Platform Mobile Development
Idea to Appstore with Titanium Mobile
Ad

More from Conny Svensson (6)

PDF
iBeacons - micropositioning and context awareness
PDF
A story about giants, tactics and what’s next
PDF
Från potatis till total frihet
PDF
How to pick the right development model for your mobile project?
KEY
Vi skulle vilja ha en app!
PPTX
iBeacons - micropositioning and context awareness
A story about giants, tactics and what’s next
Från potatis till total frihet
How to pick the right development model for your mobile project?
Vi skulle vilja ha en app!

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPT
Teaching material agriculture food technology
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Approach and Philosophy of On baking technology
PPTX
Cloud computing and distributed systems.
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Electronic commerce courselecture one. Pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Modernizing your data center with Dell and AMD
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
cuic standard and advanced reporting.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Big Data Technologies - Introduction.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
“AI and Expert System Decision Support & Business Intelligence Systems”
Teaching material agriculture food technology
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Approach and Philosophy of On baking technology
Cloud computing and distributed systems.
NewMind AI Weekly Chronicles - August'25 Week I
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Electronic commerce courselecture one. Pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Modernizing your data center with Dell and AMD
Unlocking AI with Model Context Protocol (MCP)
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Review of recent advances in non-invasive hemoglobin estimation
cuic standard and advanced reporting.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto

Hyperloop

  • 1. c.svensson@cgi.com, @connysvensson dev:mobile 22 May 2014 Conny Svensson Managing Architect and Strategist Mobility Hyperloop - new frontiers
  • 4. Number of Cloud API calls 28 000 000 000
  • 5. Fortune 100 companies using Titanium 68% of F100
  • 7. Titanium Studio IDE • Support for iOS, Android, BlackBerry, Tizen, Denso 
 and mobile web with over 5,000 device and mobile OS APIs • Single JavaScript codebase • On-device debugger, live UI editor, code analyzer 
 and performance profiler
  • 8. Analytics • View the live health and availability of all the mobile apps in real-time • Real-time activity reporting for mobile projects including 
 pre-deployment readiness and post-deployment success • Historical rolling timeframe reporting with trend analysis • Monitor end-user exceptions and crashes as they happen
  • 9. API • API SDK provides for rapid development of custom APIs to 
 mobilize any backend data source • Support for SAP, Oracle, Salesforce.com, Microsoft SharePoint 
 and Microsoft Dynamics • Connectors to popular applications like LinkedIn, Yammer, 
 PayPal, DropBox, Google Calendar, Facebook, Twitter, and many others • Ready access to common mobile services including push notification, photo storage, authentication and key value pair store
  • 11. Ti.Next (Titanium 4.0) •Significant re-architecture of Titanium
 •(Mostly) same API
 •Incredible performance boost and reduction in app size
 •Improved Extensibility
 •Windows support
  • 12. Ti.Next Foundation •Foundation of Ti.Next is a new compiler, built from the ground up for performance, extensibility
 •Open Source under Apache Public License v2
 •http://github.com/appcelerator/hyperloop
 •Over a year of R&D already on Hyperloop (4th generation compiler under development)
  • 13. Hyperloop integrations •Titanium traditional (all-in)
 •Titanium in Native
 •Native in Titanium
 •Titanium in other frameworks (PhoneGap, Xamarin)
 •Pure Native (Hyperloop only)
  • 14. What is Hyperloop? •Hyperloop turns JS code into native code by mapping the native APIs into JS syntax
 •Hyperloop will be (mainly) used by Titanium platform developers to build Titanium APIs or modules
 •A more traditional compiler architecture: – Front-end (parse and transform JS AST) – Back-end (generate native, platform specific code) – +Metabase (metadata about target platform)
  • 15. Hyperloop iOS example ! ! @import('Foundation');   @import('UIKit');   ! var  view  =  new  UIView(CGRectMake(100,100,50,50));   view.backgroundColor  =  UIColor.redColor();   var  window  =  new  UIWindow();   window.addSubview(view);   window.makeKeyAndVisible()
  • 16. Hyperloop Front-end •Front-end uses UglifyJS to turn JS code into an AST and then perform transformations on the code to make it more suitable for native generation
  • 17. Example of Front-end translations ! Foo.bar  =  1           Foo_set_bar(1)   ! Foo.bar()         Foo_bar()   ! var  foo  =  new  Bar()     Bar_constructor()   ! foo.bar(1)         Bar_bar(foo,  1)  
  • 18. Hyperloop Back-end •Back-end generates C/C++ code for target platform
 •~90% of the back-end code is reusable for all platforms supported
 •10% is basically specific syntax for things like calling methods, properties, etc. and other platform specific nuances (differences in file extensions, etc.)
  • 19. Hyperloop Metabase •Defined platform APIs in JSON format
 •Automatically generate for all platforms supported
 •Large tree of all supported APIs (classes, functions, types, etc.)
 •Supports both C and platform specific languages (Objective-C, Java, etc.)
 •Uses Clang (+platform specific tools) to generate
 •Rich metadata about the platform
  • 22. Hyperloop JS engine •Unified JS engine for all platforms based on JavaScriptCore – iOS 7.0+ comes with engine installed – Port for Windows and Android ! •Performance testing showed JSC was basically native speed
  • 23. Hyperloop code rewriting •Huge blocks of code will be optimized into pure native code generation
 •No penalty for “JS bridge” like in current Titanium
 •JS engine runs on main UI Thread: – No thread context switching / creation overhead – Will provide background worker for asynchronous non- blocking tasks
  • 24. The proof is in the pudding! DEMO
  • 25. Ti.Next •Titanium APIs are being re-written using Hyperloop JS syntax and compiled using Hyperloop compiler •Titanium APIs (and native APIs) will be first class JS objects •Goal is to generate API interfaces, test cases from API documentation •Full Node.js require implementation •Will likely deprecate platform specific APIs and provide a compatibility module •Likely will reduce size of overall API •Titanium APIs will use module design
  • 26. Ti.Next modules •Migration path for modules (still trying to determine)
 •Packaging likely will change and modules will be expressed in Hyperloop syntax
 •Possibility of a module compatibility shim