Fellyph Cintra / Tiago HilknerProject Manager Tech Center/BlackBerry Developer Elitewww.blackberrydeveloper.com.br

Desenvolvendo Aplicações móveis com bbUI.JS

sábado, 3 de agosto de 13

• A Nova BlackBerry

• WebWorks

• Instalando o SDK

• GAP

• bbUI.JS

• Demo

• Debugando a aplicação

A G E N D A

sábado, 3 de agosto de 13

ESSE NÃO É BLACKBERRY 10

sábado, 3 de agosto de 13

A

B L A C K B E R R Y

N O V A

sábado, 3 de agosto de 13

sábado, 3 de agosto de 13

sábado, 3 de agosto de 13

S D K S

C++/Qt Cascades

ActionScript Adobe® AIR®

HTML5 BlackBerry® WebWorks™

C/C++ Native SDK

Java Android™ Runtime

http://developer.blackberry.com http://blackberrydeveloper.com.br

sábado, 3 de agosto de 13

C U S T O

D E S E N V O L V E D O R

P A R A O

sábado, 3 de agosto de 13

$0.00

C U S T O

D E S E N V O L V E D O R

P A R A O

sábado, 3 de agosto de 13

http://developer.blackberry.comsábado, 3 de agosto de 13

http://developer.blackberry.com/html5

WebWorks

• BBM

• PAGAMENTO

• PUBLICIDADE

• PUSH SERVICE

• AGENDA

• CALENDÁRIO

• LIGAÇÕES

• LOG DE LIGAÇÕES

• TASKS

• HTML5 LOCAL STORAGE

• TOUCH EVENTS

• MEDIA

sábado, 3 de agosto de 13

GAP - O seu ajudantehttp://bit.ly/gaphtml5

sábado, 3 de agosto de 13

TESTANDO NO BROWSER

http://bit.ly/ripplebbsábado, 3 de agosto de 13

https://github.com/blackberry/bbUI.js/

sábado, 3 de agosto de 13

DEMO

sábado, 3 de agosto de 13

Inicializando o bbUI.js<script>! ! document.addEventListener("webworksready", function(e){! ! ! //definindo as variáveis de configuração! var config = {! ! ! ! ! actionBarDark: true, controlsDark: true, listsDark: false,}; //verificando quando as telas são carregadas! ! ! ! config.ondomready = function(element, id, params) {! ! ! ! ! ! ! ! ! ! ! if (id == 'home') {! ! ! ! ! ! ! ! ! ! ! ! console.log(element)! ! ! ! ! ! ! ! ! ! ! } ! ! ! ! ! ! ! ! ! ! }; //inicializando o bbUI! ! ! ! bb.init(config); //chamando a primeira tela! ! ! ! bb.pushScreen("home.html", "home");! ! },false);! </script>

sábado, 3 de agosto de 13

Chamando o card de email

blackberry.invoke.card.invokeEmailComposer({

! ! subject: "Contato - Front in BH",! ! body:"Digite sua Mensagem Aqui",! ! to:["davidson@frontinbh.com"] //esse não é o email do davidson! },funcaoQuandoEmailFoiEnviado,funcaoQuadoEmailFoiCancelado);!

sábado, 3 de agosto de 13

Chamada simplificada de Card de Agenda

blackberry.invoke.card.invokeCalendarComposer()

sábado, 3 de agosto de 13

http://github.com/blackberry

MAIS EXEMPLOS

sábado, 3 de agosto de 13

http://blackberrydeveloper.com.br

ESTAMOS AQUI

sábado, 3 de agosto de 13

sábado, 3 de agosto de 13

blackberrydeveloper.com.br/bfb

sábado, 3 de agosto de 13

Fellyph Cintra / Tiago HilknerProject Manager BlackBerry Tech Center/BlackBerry Developer Elite

Nosso site:www.blackberrydeveloper.com.brGrupo de BH:www.facebook.com/groups/BlackBerryDevGroupBeloHorizonte/

M U I T O

O B R I G A D O

sábado, 3 de agosto de 13