Desenvolvimento Mobile Web usando PHP

Desenvolvimento Mobile Web usando PHP 4 8 15 16 23 42

Apresentação Bruno Fernandes Pereira, vulgo PorKaria .
Co-fundador do grupo PHPMS – Grupo de usuários PHP de Mato Grosso do Sul
Representante do PHPMS no PHP Brasil Comunidades
Criador do projeto PHP Mobile
Atualmente é programador da empresa CATWORK Tecnologia
Instrutor do curso “Desenvolvimento Mobile Web usando PHP” no SENAC/MS

Do que vamos falar hoje ?
Afinal de contas, o que é Desenvolvimento Mobile Web? Isso existe ?
O que um profissional precisa saber para ser um Dev. Mob. Web?
E o que o PHP tem a ver com isso ?
Boas práticas e “Ordens práticas”

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. “ ”

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. “ ”

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. “ ”

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...

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!

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!

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!

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

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á.

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

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 !

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?

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 ! !

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”

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 ???

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 ?

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 ???

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 ??? *

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...

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 ??? * *

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.

E o que o elephpante tem a ver com isso ?

Manipulação de Imagens e Vídeos

Manipulação de Imagens e Vídeos GD, ImageMagick e ffmpeg-php

Trabalhar com requisições http (muito usado com as integradoras)

Trabalhar com requisições http (muito usado com as integradoras) cURL, Pecl_Http e etc...

Integração de sistemas web para mobile via WebService

Integração de sistemas web para mobile via WebService SOAP, classe NUSOAP e etc...

Identificação de dispositivo móvel

Identificação de dispositivo móvel Api WURFL, Tera-Wurfl, ismobile e etc...

Versão Mobile para sites feitos em CMS

Versão Mobile para sites feitos em CMS OSMOBI (Joomla e Drupal), Wordpress Mobile Edition

Versão Mobile de site já existente

Versão Mobile de site já existente SimpleXml, XMLReader (aproveite o RSS do site, simples)

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

Dúvidas ? Esse slide já está na minha conta no slideshare =D http://www.slideshare.net/porkaria

Contato Bruno PorKaria E-mail: [email_address] Gtalk [email_address] Blog http://www.porkaria.com.br http://twitter.com/porkaria

http://www.phpmobile.com.br	113
http://www.slideshare.net	38
http://tecnologia-digitais.blogspot.com	20
http://www.porkaria.com.br	14
http://tecnologia-digitais.blogspot.com.br	7
http://translate.googleusercontent.com	1

Desenvolvimento Mobile Web usando PHP

by Bruno PorKaria on Feb 27, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 193

Statistics

Desenvolvimento Mobile Web usando PHP — Presentation Transcript