Desenvolvimento Mobile Web usando PHP
Transferir como ODP, PDF8 gostaram6,286 visualizações
O documento aborda o desenvolvimento mobile web usando PHP, destacando a necessidade de adaptar aplicações para acesso em dispositivos móveis e as tecnologias envolvidas no processo, como HTML, JavaScript e servidores PHP. Também discute a importância de considerar a experiência do usuário em múltiplas tarefas e apresenta boas práticas e ferramentas úteis para desenvolvedores. O projeto PHP Mobile é mencionado como uma iniciativa para auxiliar desenvolvedores na criação de soluções mobile.
Mais conteúdo relacionado
Semelhante a Desenvolvimento Mobile Web usando PHP (20)
Desenvolvimento Mobile Web usando PHP
- 1. Desenvolvimento Mobile Web usando PHP 4 8 15 16 23 42
- 2. Apresentação Bruno Fernandes Pereira, vulgo PorKaria . Co-fundador do grupo PHPMS – Grupo de usuários PHP de Mato Grosso do Sul
- 3. Representante do PHPMS no PHP Brasil Comunidades
- 4. Criador do projeto PHP Mobile
- 5. Atualmente é programador da empresa CATWORK Tecnologia
- 6. Instrutor do curso “Desenvolvimento Mobile Web usando PHP” no SENAC/MS
- 7. Do que vamos falar hoje ? Afinal de contas, o que é Desenvolvimento Mobile Web? Isso existe ?
- 8. O que um profissional precisa saber para ser um Dev. Mob. Web?
- 9. E o que o PHP tem a ver com isso ?
- 10. Boas práticas e “Ordens práticas”
- 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.
- 32. E o que o elephpante tem a ver com isso ?
- 33. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos
- 34. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php
- 35. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php
- 36. Trabalhar com requisições http (muito usado com as integradoras)
- 37. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php
- 38. Trabalhar com requisições http (muito usado com as integradoras) cURL, Pecl_Http e etc...
- 39. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php
- 40. Trabalhar com requisições http (muito usado com as integradoras) cURL, Pecl_Http e etc...
- 41. Integração de sistemas web para mobile via WebService
- 42. E o que o elephpante tem a ver com isso ? Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php
- 43. Trabalhar com requisições http (muito usado com as integradoras) cURL, Pecl_Http e etc...
- 44. Integração de sistemas web para mobile via WebService SOAP, classe NUSOAP e etc...
- 45. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel
- 46. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...
- 47. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...
- 48. Versão Mobile para sites feitos em CMS
- 49. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...
- 50. Versão Mobile para sites feitos em CMS OSMOBI (Joomla e Drupal), Wordpress Mobile Edition
- 51. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...
- 52. Versão Mobile para sites feitos em CMS OSMOBI (Joomla e Drupal), Wordpress Mobile Edition
- 53. Versão Mobile de site já existente
- 54. E o que o elephpante tem a ver com isso ? Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...
- 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