1. BLACKBERRY 10
O p o rtunid a d e s , Te c no lo g ía y Ento rno
BRYAN TAFEL
BlackBerry Developer Evangelist, LATAM
Research in Motion
@bryantafel

2. ¿POR QUÉ MOBILE?

3. #oportunidad

4. ¿WEB SITE?
¿UNA IDEA?
¿DINERO?
¿iOS?
¿Android?
¿Windows Phone?
¿BlackBerry?

5. GANAR DINERO…
BLACKBERRY APP WORLD
BlackBerry App World has more paid
downloads per month than the Android
Market
(Yankee Research Group)
In Q2 2011, BlackBerry App World
generated 43% more average daily
downloads per app than Apple App Store
(research2guidance)
BlackBerry apps generate 40%
more revenue than Android apps
(Vision Mobile)

6. ALCANCE
6
Más de 80 Millones de usuarios
165 mercados soportados
24 lenguajes soportados
Más de 3 Billones descargas
Promedio de 177 Millones de descargas por mes
Más de 105,000 apps disponibles

7. TECNOLOGÍA ¿ALGO NUEVO?

8. ( HTML5 C/C++ ActionScript Java
Adobe® AIR® Android™
)

10. BlackBerry 10
Una Experiencia Revolucionaria

13. TOP
HTML5
BROWSER
www.html5test.com

15. SHOW TIME
DEMO BLACKBERRY10

16. MUY LINDO, PERO….
TECNOLOGÍA ¿ALGO NUEVO?

17. NO SALES DE TU
ZONA DE CONFORT

18. BLACKBERRY 10
PLATFORM APIS & CORE PACKAGES
Android Native Web AIR
Applications
Player Runtime Runtime Runtime
Application Application
BBM™
BBM™
Infrastructure Payment
Payment AA dver tising
dver tising Push Data
Push Data Notification
Notification Phone
Phone Calendar
Calendar Platform
Ser vice
Ser vice
Invocation
Invocation Shar e
Share AA nalytics
nalytics Contacts
Contacts Messages
Messages Tasks
Tasks …
…
Configuration
Configuration Cascades
Cascades Search
Search Config
Config Balance
Balance
Backup / /
Backup
Lifecycle
Lifecycle Utilities
Utilities i18n
i18n Instrument’n
Instrument’n …
…
Restore
Restore
System Service
Authenticatio
Authenticatio
Navigator
Navigator Installer
Installer Launcher
Launcher Multimedia
Multimedia SQLite
SQLite NFC
NFC
nn
Window
Window WebKit
WebKit Protocols
Protocols Network
Network DRM
DRM Crypto
Crypto …
…
Manager
Manager
OS
Memory
Memory Process
Process Power
Power Device
Device
IPC
IPC File System
File System …
…
Management
Management Management
Management Management
Management Drivers
Drivers

19. BLACKBERRY 10
ARQUITECTURA
Native and HTML5 Apps
HTML/CSS Cascades Open GL
QML
JavaScript® Open AL
WebKit JavaScript C++ C/C++
Platform APIs
Qt/C++ C/C++
Audio/Vide
Network Storage Graphics Push i18n …
o
QNX Kernel
QNX Kernel

21. #portabilidad
+ de 10 Billones de Dispositivos
Web Enabled
Title Source: ITU, Mark Lipacis, Morgan Stanley Research
Chart Source: Stats Counter, Global Stats – April 2012

22. ¿QUÉ ES UNA APP
CREADA CON HTML5?

23. = UN BROWSER
EMPAQUETADO COMO APP

24. ¿Y QUÉ SE PUEDE HACER
CON HTML5 PARA MOBILE?

25. STORAGE

26. TOUCH

27. ACCELEROMETER

28. GEOLOCATION

29. NOTIFICATIONS

30. HTML5 API: SOCKETS

31. HTML5 API: INPUT TYPES

32. HTML5 API: WEBGL

33. ENTENDIENDO
WEBWORKS

34. HERRAMIENTAS
SIMULA
CON RIPPLE
DEBUGUEA
CON WEB
INSPECTOR
COMPILA
CON
WEBWORKS

35. ¿DONDE LO ENCUENTRO?
 developer.blackberry.com/html5
 github.com/blackberry

36. SHOW TIME
DEMO WEBWORKS

38. CASCADES
OUT-OF-THE-BOX ELEGANCE

39. CASCADES UI
FRAMEWORK
• Rich & Fluid UI Framework
• Arquitectura Moderna
• Desarrollo con QML y/o C++
• Rápido y Ajustable
• Markup + JavaScript Embebido
• Aplica a Diseñadores Y Desarrolladores
• De fabrica con “momentos de encanto”
JavaScript  C!!

40. THE BIG
PICTURE

41. CASCADES IN THE NATIVE
SDK
41

42. CASCADES IN THE NATIVE
SDK
Core UI components
Animations and layouts
UI Markup
Sharing & invocation
Visual tooling
42

43. UNA TIPICA APP
CASCADES
JavaScript
logica UI
QML
estructura UI
QT/C++
Backend
43

44. CUALQUIER
COMBINACION

45. UI
LAYER
Declarative UI model – Declare the
Java structure of your app, Cascades will
Script piece it together for you
QML Add runtime logic and react to user
UI events in JavaScript
Structure
Realtime UI preview in the tool
Many platform features exposed in
QML as well
45

46. C++
LAYER
Qt makes C++ easy to use and
provides structure
APIs and platform services
exposed as C++ classes
UI framework exposed as C++
classes
Qt/C++
Backend Access to the underlying low level
NDK and OpenGL
46

47. HELLO WORLD EN
C++
#include <cascades/application.h>
#include <cascades/button.h>
#include <cascades/scene.h>
int main(int argc, char **argv)
{
using namespace Cascades;
Application app(argc, argv); // initialize application
Scene *scene = new Scene(); // create a new scene.
Button *button = new Button(); // create a new button.
button->setText("Click me"); // set text.
scene->setRoot(button); // set button as the scene
content.app.setScene(scene); // set scene to be displayed.
return Application::exec(); // run the event loop.
}

48. HELLO WORLD EN
QML
import bb.cascades 1.0
Page {
Label {
text: "Hello World!"
}
}

49. AGREGANDO FORMATO
import bb.cascades 1.0
Page {
Label {
text: "Hello World!"
horizontalAlignment: HorizontalAlignment.center
}
}

50. AGREGANDO
JAVASCRIPT!
import bb.cascades 1.0
Page {
Container {
Label {
id: hello
text: "Hello World!"
horizontalAlignment: HorizontalAlignment.center
}
Button {
text: "German-ize"
onTouch: {
hello.text = "Hallo Welt!";
}
}
}
}

51. AGREGANDO MAS
JAVASCRIPT!
import bb.cascades 1.0
import "myappcode.js" as MyApp
Page {
Container {
Label {
id: hello
text: "Hello World!"
}
Button {
text: "German-ize"
onClicked: function() {
hello.text = MyApp.germanize();
}
}
}
}

52. CASCADES IDE -
MOMENTICS QML editor with syntax highlighting/
code completion
QML design view
Component library
(Drag and drop to QML)
QML tree view,
QML properties view
52

53. ¿DONDE LO ENCUENTRO?
 developer.blackberry.com/cascades
 github.com/blackberry
53

54. SHOW TIME
DEMO CASCADES

56. ¿QUE ES EL ANDROID RUNTIME
Core Apps App 1 App 2 App 3 …. • Es un A ro id O p e n s o urc e
nd
Application Framework
A p lic a tio n Fra m e wo rk
p
(compatible con
Core Android Apps
Activity Mgr Window Mgr View System Notification
Mgr Ginger br ead 2.3.3)
Package Mgr Resource Mgr Location Mgr
corriendo sobre
Library Java Runtime BlackBerry 10 OS
FreeType SGL Core Libraries
• Permite instalar y
WebKit OpenGL ES
Dalvik Virtual Machine ejecutar apps Android
Surface Mgr SQLite
Media Fwk SSL libc • Integración con
BlackBerry 10 OS
framework nativo con el
objetivo de hacer que las
apps de Android
parezcan nativas

57. COMPATIBILIDAD
Y
LIMITACIONES
• Aproximadamente 50% de todas las apps son compatibles
• No todas las APIs estan soportadas
• Limitaciones de Hardware y OS
• Funciones no soportadas actualmente:
• Bluetooth
• C2DM (push)
• Google Maps
• NFC
• Native Android Code
• Apps Android limitadas al perímetro personal
• Lista completa de compatibilidad:
developer .blackberr y.com/andr oid/apisuppor t/

58. ¿POR QUE PORTAR MI APP?

59. ¿POR QUE
PORTAR?
 Incrementar las ganancias con mínimo esfuerzo
 el 50% de los casos es solo recompilar el APK – no es necesar io
modificar el código fuente
 si se requieren modificaciones, se puede usar el Eclipse
 Experimentar un mercado nuevo que tiene menos apps compitiendo
 Desar r ollador es BlackBerr y hacen mas plata que devs iOS y A ndr oid
Fuente: VisionMobile Developer Economics Report - July 2012

60. CASO DE
EXITO
• PineLake Communications portando Cubifice a BlackBerry 10
• Aplicación Android OpenGL existente
• El proceso de Porting tomó 1 hora
• 25x más descargas en App World vs Google Play

61. CASO DE
EXITO
• Second Gear Games portando Shopper’s Paradise HD
• Aplicación Android existente
• El proceso de Porting tomó menos de 1 hora
• Versión BlackBerry genera más ganancia

62. PROCESO… ¡MUY SIMPLE!

63. PORTANDO APPS
• 3 opciones de herramientas
• Online Conversion Tool – la forma más rápida de convertir la app
• Eclipse Plug-in – para la mayoría de desarrolladores Android
• Command-line Tools – para desarrolladores avanzados
Más información: developer.blackber r y.com/andr oid/tools

64. ¿Y AHORA?

65. ¡Comenza ahora y conta con nosotros!
developer.blackberry.com

66. NOW OPEN!
BB INNOVATION
CENTER

67. CENTRO DE INNOVACION
Blackberryinnovationcenter.com

68. COMPROMISO
developer.blackberry.com/builtforblackberry/commitment/

69. DEV ALPHA
PROTOTIPO
BB10

70. ¡MUCHAS GRACIAS!
BRYAN TAFEL
BlackBerry Developer Evangelist, LATAM
Research in Motion
@bryantafel