"Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via internet de um dispositivo móvel."
"Desenvolvimento Mobile Web é um novo conceito, pois envolve uma nova demanda de mercado, novas regras e ferramentas para o tradicional desenvolvimento web."
11. Alguém aí está perdido ? Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via internet de um dispositivo móvel. “ ”
12. Alguém aí está perdido ? Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via internet de um dispositivo móvel. “ ” O Browser é a nossa porta da frente, mas podemos desenvolver aplicações mobile web que utilizem a porta dos fundos. “ ”
13. Alguém aí está perdido ? Desenvolvimento Mobile Web é desenvolver uma aplicação que seja viável o seu acesso via internet de um dispositivo móvel. “ ” O Browser é a nossa porta da frente, mas podemos desenvolver aplicações mobile web que utilizem a porta dos fundos. “ ” Desenvolvimento Mobile Web é um novo conceito, pois envolve uma nova demanda de mercado , novas regras e ferramentas para o tradicional desenvolvimento web. “ ”
14. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc...
15. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... O que não fazer!
16. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X O que não fazer!
17. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X “ Seja prudente com as limitações dos dispositivos.” “ Aperfeiçoe a navegação” “Economize o uso da rede” “ Pense nos usuários da Web móvel” O que não fazer!
18. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X O que não fazer! X
19. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X O que não fazer! X “ Pense nos usuários da Web móvel” O usuário da Web móvel já sabe como funciona a Web, ele ainda não é multi-tarefas, ele sabe a informação que está buscando e não quer encontrar barreiras para encontra-lá.
20. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X
21. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X !
22. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X ! “ Faça seu projeto para uma Web única” “ Facilite a entrada dos dados” “ Confie nos padrões Web” Hey! É XHTML ok?
23. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X ! !
24. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X ! ! “ Seja prudente com as limitações dos dispositivos” “ Evite os riscos conhecidos”
25. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X ! ! E o Browser ???
26. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Atenção! Muita atenção! X ! ! E o Browser ??? “ IE 6? Icso non ecziste!” A velocidade de mudança e atualização dos dispositivos móveis é muito rápido! Até que ponto vale a pena quebrar a cabeça com isso ?
27. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Tudo certo, tudo bem! X ! ! E o Browser ???
28. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Tudo certo, tudo bem! X ! ! E o Browser ??? *
29. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Tudo certo, tudo bem! X ! ! E o Browser ??? * Você é livre para escolher a melhor linguagem de desenvolvimento web, peço apenas que seja esperto. Vamos falar sobre isso daqui a pouco...
30. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Tudo certo, tudo bem! X ! ! E o Browser ??? * *
31. Desenvolvimento Web para o Desenvolvimento Mobile Web Desenvolvimento Mobile Web Na hora de codar no lado do cliente é: HTML, Javascript, Css e Flash E no lado do servidor: PHP, Java, Python, Perl, Ruby e etc... Perfil do Usuário: Multi-tarefas, acessa a sua aplicação e várias outras ao mesmo tempo, ex: Ouve música, checa email, orkut, twitter, fica no msn e se deixar assiste televisão junto (e se for mulher ainda conversa com alguém do lado). Ecossistema do programador: IDE, Controle de versão, Banco de dado, FrameWork e etc... X Tudo certo, tudo bem! X ! ! E o Browser ??? * * Calma desenvolvedor web! Você não vai precisar alterar muito o seu ecossistema, o que muda é a perspectiva que o usuário acessa a sua aplicação. E algumas vezes a sua aplicação precisa ser testada em diferentes dispositivos, por motivos de tamanho de display e recursos disponíveis em cada um.
55. Versão Mobile para sites feitos em CMS OSMOBI (Joomla e Drupal), Wordpress Mobile Edition
56. Versão Mobile de site já existente SimpleXml, XMLReader (aproveite o RSS do site, simples)
57. Comunidade Projeto PHP Mobile tem como objetivo auxiliar e incentivar os desenvolvedores PHP no desenvolvimento para dispositivos móveis (Mobile), disponibilizando artigos, notícias e ferramentas. Projeto criado por 3 membros do PHPMS , Bruno PorKaria , José Ricardo e Cauan Cabral . Mais informações em: http://www.phpmobile.com.br
58. Dúvidas ? Esse slide já está na minha conta no slideshare =D http://www.slideshare.net/porkaria
59. Contato Bruno PorKaria E-mail: [email_address] Gtalk [email_address] Blog http://www.porkaria.com.br http://twitter.com/porkaria