desenvolvimento mobile web usando php

Download Desenvolvimento Mobile Web usando PHP

If you can't read please download the document

Upload: bruno-fernandes-porkaria

Post on 16-Apr-2017

12.426 views

Category:

Technology


5 download

TRANSCRIPT

Desenvolvimento Mobile Web usando PHP

4 8 15 16 23 42

Apresentao

Bruno Fernandes Pereira, vulgo PorKaria.

Co-fundador do grupo PHPMS Grupo de usurios 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 prticas e Ordens prticas

Algum a est perdido ?

Desenvolvimento Mobile Web desenvolver uma aplicao que seja vivel o seu acesso via internet de um dispositivo mvel.

Algum a est perdido ?

Desenvolvimento Mobile Web desenvolver uma aplicao que seja vivel o seu acesso via internet de um dispositivo mvel.

O Browser a nossa porta da frente, mas podemos desenvolver aplicaes mobile web que utilizem a porta dos fundos.

Algum a est perdido ?

Desenvolvimento Mobile Web desenvolver uma aplicao que seja vivel o seu acesso via internet de um dispositivo mvel.

O Browser a nossa porta da frente, mas podemos desenvolver aplicaes 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

O que no 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

O que no 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Seja prudente com as limitaes dos dispositivos.
Aperfeioe a navegao

Economize o uso da rede

Pense nos usurios da Web mvel

O que no 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

O que no 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

O que no fazer!

X

Pense nos usurios da Web mvel

O usurio da Web mvel j sabe como funciona a Web, ele ainda no multi-tarefas, ele sabe a informao que est buscando e no 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

X

!

Faa seu projeto para uma Web nica

Facilite a entrada dos dados

Confie nos padres 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

X

!

!

Seja prudente com as limitaes 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Ateno! Muita ateno!

X

!

!

E o Browser ???

IE 6? Icso non ecziste!

A velocidade de mudana e atualizao dos dispositivos mveis muito rpido! At que ponto vale a pena quebrar a cabea 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, 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, peo 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, 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 Usurio: Multi-tarefas, acessa a sua aplicao e vrias outras ao mesmo tempo, ex: Ouve msica, checa email, orkut, twitter, fica no msn e se deixar assiste televiso junto (e se for mulher ainda conversa com algum do lado).

Ecossistema do programador: IDE, Controle de verso, Banco de dado, FrameWork e etc...

X

Tudo certo, tudo bem!

X

!

!

E o Browser ???

*

*

Calma desenvolvedor web! Voc no vai precisar alterar muito o seu ecossistema, o que muda a perspectiva que o usurio acessa a sua aplicao.

E algumas vezes a sua aplicao precisa ser testada em diferentes dispositivos, por motivos de tamanho de display e recursos disponveis em cada um.

E o que o elephpante tem a ver com isso ?

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

GD, ImageMagick e ffmpeg-php

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

GD, ImageMagick e ffmpeg-php

Trabalhar com requisies http (muito usado com as integradoras)

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

GD, ImageMagick e ffmpeg-php

Trabalhar com requisies http (muito usado com as integradoras)

cURL, Pecl_Http e etc...

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

GD, ImageMagick e ffmpeg-php

Trabalhar com requisies http (muito usado com as integradoras)

cURL, Pecl_Http e etc...

Integrao de sistemas web para mobile via WebService

E o que o elephpante tem a ver com isso ?

Manipulao de Imagens e Vdeos

GD, ImageMagick e ffmpeg-php

Trabalhar com requisies http (muito usado com as integradoras)

cURL, Pecl_Http e etc...

Integrao de sistemas web para mobile via WebService

SOAP, classe NUSOAP e etc...

E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel





E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel

Api WURFL, Tera-Wurfl, ismobile e etc...



E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel

Api WURFL, Tera-Wurfl, ismobile e etc...

Verso Mobile para sites feitos em CMS



E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel

Api WURFL, Tera-Wurfl, ismobile e etc...

Verso Mobile para sites feitos em CMS

OSMOBI (Joomla e Drupal), Wordpress Mobile Edition



E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel

Api WURFL, Tera-Wurfl, ismobile e etc...

Verso Mobile para sites feitos em CMS

OSMOBI (Joomla e Drupal), Wordpress Mobile Edition

Verso Mobile de site j existente



E o que o elephpante tem a ver com isso ?

Identificao de dispositivo mvel

Api WURFL, Tera-Wurfl, ismobile e etc...

Verso Mobile para sites feitos em CMS

OSMOBI (Joomla e Drupal), Wordpress Mobile Edition

Verso 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 mveis (Mobile), disponibilizando artigos, notcias e ferramentas.

Projeto criado por 3 membros do PHPMS, Bruno PorKaria, Jos Ricardo e Cauan Cabral.

Mais informaes em: http://www.phpmobile.com.br

Dvidas ?

Esse slide j est na minha conta no slideshare =D

http://www.slideshare.net/porkaria

Contato

Bruno PorKaria

E-mail: [email protected] [email protected] http://www.porkaria.com.brhttp://twitter.com/porkaria