Top Banner
Fellyph Cintra / Tiago Hilkner Project Manager Tech Center/ BlackBerry Developer Elite www.blackberrydeveloper.com.br Desenvolvendo Aplicações móveis com bbUI.JS sábado, 3 de agosto de 13
23

Desenvolvendo Aplicações móveis com bBUI.js

Jun 26, 2015

Download

Technology

Fellyph Cintra

Palestra realizada em Belo Horizonte no Front in BH 2013
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 2: Desenvolvendo Aplicações móveis com bBUI.js

• 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

Page 3: Desenvolvendo Aplicações móveis com bBUI.js

ESSE NÃO É BLACKBERRY 10

sábado, 3 de agosto de 13

Page 4: Desenvolvendo Aplicações móveis com bBUI.js

A

B L A C K B E R R Y

N O V A

sábado, 3 de agosto de 13

Page 5: Desenvolvendo Aplicações móveis com bBUI.js

sábado, 3 de agosto de 13

Page 6: Desenvolvendo Aplicações móveis com bBUI.js

sábado, 3 de agosto de 13

Page 7: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 8: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 9: Desenvolvendo Aplicações móveis com bBUI.js

$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

Page 10: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 11: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 12: Desenvolvendo Aplicações móveis com bBUI.js

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

sábado, 3 de agosto de 13

Page 13: Desenvolvendo Aplicações móveis com bBUI.js

TESTANDO NO BROWSER

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

Page 14: Desenvolvendo Aplicações móveis com bBUI.js

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

sábado, 3 de agosto de 13

Page 15: Desenvolvendo Aplicações móveis com bBUI.js

DEMO

sábado, 3 de agosto de 13

Page 16: Desenvolvendo Aplicações móveis com bBUI.js

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

Page 17: Desenvolvendo Aplicações móveis com bBUI.js

Chamando o card de email

blackberry.invoke.card.invokeEmailComposer({

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

sábado, 3 de agosto de 13

Page 18: Desenvolvendo Aplicações móveis com bBUI.js

Chamada simplificada de Card de Agenda

blackberry.invoke.card.invokeCalendarComposer()

sábado, 3 de agosto de 13

Page 19: Desenvolvendo Aplicações móveis com bBUI.js

http://github.com/blackberry

MAIS EXEMPLOS

sábado, 3 de agosto de 13

Page 20: Desenvolvendo Aplicações móveis com bBUI.js

http://blackberrydeveloper.com.br

ESTAMOS AQUI

sábado, 3 de agosto de 13

Page 21: Desenvolvendo Aplicações móveis com bBUI.js

sábado, 3 de agosto de 13

Page 22: Desenvolvendo Aplicações móveis com bBUI.js

blackberrydeveloper.com.br/bfb

sábado, 3 de agosto de 13

Page 23: Desenvolvendo Aplicações móveis com bBUI.js

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