Appcelerator Hyperloop: Overview, Architecture & Demo

Overview & Architecture
HANS KNÖCHEL | AXWAY
hknoechel@axway.com
Zürich Edition

About Me
Hans Knöchel
25 years old
Titanium Developer since 2011
45+ Apps built withTitanium Mobile
iOS Core-Engineer at Appcelerator since 2015
Member of the Hyperloop working-group
hansemannnn
hansemannn

Agenda
Pre:Hyperloop
Hyperloop Overview
Introduction
Requirements
Functionality
Hyperloop Architecture
NativeWrapper
Metabase
CLI
Roadmap
Upcoming Releases
Future Ideas
Demo

Pre:Hyperloop
Mobile applications usingTitanium Mobile
Powerful cross-plaform framework
Native modules using Objective-C & Java
2 required environments for module development
(Advanced) knowledge in Java/Objective-C required
Core API based on Proxy system
Limited API coverage
Possible delay after native OS releases because of missing wrappers

Hyperloop Overview - Introduction
Use native APIs in JavaScript
No Objective-C (iOS) / Java (Android) required
No proxy backend programming required
CombineTitanium Mobile and Hyperloop
Add a native view to a Ti.UI.* view (and vice versa)
Use 3rd-Party libraries including CocoaPods (iOS)
Improved dependency management
Extend with Objective-C and Swift source
3rd-Party libraries on Android using AAR‘s and JAR‘s

Hyperloop Overview - Requirements
Project requirements
Titanium Mobile SDK 5.2.0+
Hyperloop 1.x module & plugin
<run-on-main-thread> enabled
<use-jscore-framework> enabled
Other requirements
iOS: 9.x SDK (or later)
Android: API level 23 (or later)
JavaScript knowledge

Hyperloop Overview - Functionality
+

Hyperloop Overview - Functionality - iOS
Views

Methods & Properties

Delegates

Constants, Enumerations & Functions

Blocks

Own classes

Third-Party-Libraries (CocoaPods)

Titanium Mobile x Hyperloop iOS

XIBs

Hyperloop Overview - Functionality - Android
Classes

Interfaces

Methods & Fields

Own classes

Third-Party-Libraries (JAR‘s/AAR‘s)

Titanium Mobile x Hyperloop Android

Hyperloop Architecture – Native Wrapper
NativeTitanium Mobile module
Handle Objective-C / Java objects
Manage new/existing contexts
Receive wrapper (using the memory address)
Map data types
Protect current Hyperloop context from GC
Unit testing

Hyperloop Architecture – Metabase
Used for Hyperloop iOS & Android
Parse native classes
Compute native classes, properties etc. in AST
Generate JS objects to be called from the frontend
Also used to parse 3rd-Party libraries
CocoaPods, local libraries

Hyperloop Architecture – CLI
Validate Hyperloop requirements
Generate metabase
Look for local resoures (Libraries, XIB‘s, etc.)
Compile resources
Inject in Xcode project
Hook into titanium build system

Hyperloop Architecture – Metabase

Hyperloop Roadmap- Upcoming Releases
Hyperloop 2.0.1
Release: February 27, 2017
Hyperloop 2.1.0
Q2/2017 – together with SDK 6.1.0

Hyperloop Roadmap - Future Ideas
Code completion
Idea: Generate a JSCA file like done with the SDK
Include all related API‘s to be auto-completed
Could be used in both Appc-Studio and Atom
Improve drop-in Swift-support
Already support, but with limitations
Live-View support
Problem:You‘d need to

Project on :
Hyperloop Demo: Speech Recognition
https://github.com/hansemannn/Ti.Speech

Thanks
for your kind attention!

Appcelerator Hyperloop: Overview, Architecture & Demo

Appcelerator Hyperloop: Overview, Architecture & Demo

More Related Content

Viewers also liked

Similar to Appcelerator Hyperloop: Overview, Architecture & Demo

Recently uploaded

Appcelerator Hyperloop: Overview, Architecture & Demo