desenvolvendo aplicações móveis com bbui.js
DESCRIPTION
Palestra realizada em Belo Horizonte no Front in BH 2013TRANSCRIPT
![Page 1: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/2.jpg)
• 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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/3.jpg)
ESSE NÃO É BLACKBERRY 10
sábado, 3 de agosto de 13
![Page 4: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/4.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/5.jpg)
sábado, 3 de agosto de 13
![Page 6: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/6.jpg)
sábado, 3 de agosto de 13
![Page 7: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/7.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/9.jpg)
$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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/10.jpg)
http://developer.blackberry.comsábado, 3 de agosto de 13
![Page 11: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/11.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/12.jpg)
GAP - O seu ajudantehttp://bit.ly/gaphtml5
sábado, 3 de agosto de 13
![Page 13: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/13.jpg)
TESTANDO NO BROWSER
http://bit.ly/ripplebbsábado, 3 de agosto de 13
![Page 14: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/14.jpg)
https://github.com/blackberry/bbUI.js/
sábado, 3 de agosto de 13
![Page 15: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/15.jpg)
DEMO
sábado, 3 de agosto de 13
![Page 16: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/18.jpg)
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](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/19.jpg)
http://github.com/blackberry
MAIS EXEMPLOS
sábado, 3 de agosto de 13
![Page 20: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/20.jpg)
http://blackberrydeveloper.com.br
ESTAMOS AQUI
sábado, 3 de agosto de 13
![Page 21: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/21.jpg)
sábado, 3 de agosto de 13
![Page 22: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/22.jpg)
blackberrydeveloper.com.br/bfb
sábado, 3 de agosto de 13
![Page 23: Desenvolvendo Aplicações móveis com bBUI.js](https://reader030.vdocuments.site/reader030/viewer/2022020110/558ca5afd8b42a27548b477c/html5/thumbnails/23.jpg)
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