Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
•
1 recomendación•1,600 vistas
O documento discute o desenvolvimento de aplicativos HTML5 para dispositivos móveis BlackBerry, destacando exemplos de jogos em HTML5, a aposta da RIM no HTML5 para o BlackBerry 10, e as vantagens de se desenvolver aplicativos nativos com HTML5, como rodar como aplicativo standalone e utilizar frameworks.
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (8)
Similar a Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Similar a Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry (20)
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
- 1. DESENVOLVIMENTO HTML5 PARA SMARTPHONES E TABLETS BLACKBERRY Bruno Mota e Felipe Andrade
- 2. vídeo exibido em 26 de Agosto de 2012
- 3. Exemplos • Cute the Rope: jogo criado em HTML 5 com uso intenso de física e gráficos dinâmicos • Games em HTML5: agregador de games em HTML5 • Red Hot Chili Peppers: clipe interativo muito bacana! • Draw a Stick Man: interaja com o desenho!
- 4. HTML5 no seu BlackBerry • Uma das principais apostas da RIM para acelerar o crescimento no número de aplicativos na promissora plataforma BlackBerry 10 • Roda como um aplicativo nativo • O navegador apresenta um dos melhores suportes ao padrão HMTL5 entre os líderes de mercado
- 5. Quais as vantagens de desenvolver apps nativos com HTML5?
- 6. HTML5 no seu BlackBerry • Roda como um aplicativo standalone • Utilize frameworks como o Sencha®, PhoneGap®, jQuery® ou Dojo® • Adicione funcionalidades nativas em seu aplicativo HTML5 (ex: BBM, PIM, etc) • Desenvolva apps apenas com HTML5, JavaScript e CSS • Distribuição e venda através da loja App World
- 7. BlackBerry® WebWorks™ É a plataforma de desenvolvimento para criação de aplicativos para o tablet BlackBerry PlayBook e para os smartphones BlackBerry usando HTML5, JavaScript e CSS.
- 8. BlackBerry® WebWorks™ • Permite que os desenvolvedores escolham as próprias ferramentas para testar e desenvolver. Se encarrega de empacotar aplicativos para tablets e smartphones BlackBerry. • Plataforma web aberta em todos os sentidos possíveis. • Principal objetivo? Avançar ao estado da arte todos os aplicativos mobile com HTML5.
- 9. Como testar o seu aplicativo? • É mais simples do que você imagina. • Basta digitar o endereço de um site que está rodando o seu app BlackBerry WebWorks no Ripple Emulator
- 10. Como começar? BB10 WebWorks SDK: crie apps para o BlackBerry Alpha 10 Dev ou BlackBerry Simulator 10. Ripple: emule os seus aplicativos utilizando o Google Chrome. BlackBerry Graphical Aid: instale e crie aplicativos para a plataforma BlackBerry. WebWorks Samples: exemplos de projetos HTML5 para você testar a integração com características nativas (GPS, Acelerometro, in-app-purchase).
- 11. É FÁCIL COMEÇAR! <!DOCTYPE html>
- 12. O que é o HTML5? • Evolução incremental do padrão HTML • Linguagem melhor preparada para criação de aplicações web e multiplataforma • Independente de plugins • Empresas como a Apple, Mozilla, Opera e Microsoft apoiam o projeto
- 13. O que posso utilizar? • WebGL (3D) • Orientação do dispositivo • Canvas (2D) • Detecção de Modo • Gráficos Vetoriais (SVG) Offline • Áudio e Vídeo • Armazenamento local • Geolocalização • Novas tags
- 14. QUAKE2 NO BROWSER http://goo.gl/mB74
- 15. NOSSAS DICAS que vão te custar R$ 1 milhão!!! :)
- 16. Singleton Pattern Organize o seu projeto em um “JSON”
- 17. Benefícios • Organização de dados e padrão de projeto • Agrupamento de Atributos e Métodos • Ótimo para Iniciantes
- 18. Exemplo var APP = APP || {}; App.Home: { setUp: function() { } }
- 19. CCS3 • Media Queries • Seletores @media (orientation: portrait) { background-image: url(bg.png); } .item:checked { background-color: #FF0000; };
- 20. CASE: APP SEBRAE LIKE A BOSS •É possível desenvolver e publicar aplicativos para BlackBerry PlayBook em menos de 12 horas •Instalado em 16 tablets BlackBerry PlayBook na ação SEBRAE LIKE A BOSS que aconteceu na Campus Party Recife 2012 •Cadastro de dados de participantes da Campus Party, Armazenamento Offline com Local Storage, Cache de arquivos e Sincronização de dados com Servidor WEB
- 21. Anatomia de um App
- 23. Obrigado!!! Bruno Mota @bruno_mota Felipe Andrade @felipeandrade