PHP e o Desenvolvimento Mobile Web

Embed Size (px)

Citation preview

PHP e o Desenvolvimento Mobile Web

por @porkaria

Apresentao

O meu apelido PorKaria

Criador da comunidade PHP Mobile e as das ferramentas IsMobile e PHP Qrcode Generator

Co-fundador do PHPMS e representante no PHP Brasil Comunidades

Scio / Desenvolvedor da Jera Software gil

Agenda

O que Desenvolvimento Mobile Web

O PHP no mundo MobileIntegrao Gateway (Envio de SMS)

Qr Code

Identificando o dispositivo mvel e seus recursos

Construindo um site em verso Mobile Do Zero

A partir de um CMS (Wordpress, Joomla e Drupal)

O que Desenvolvimento Mobile Web ?

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

Integrao Gateway (Envio de SMS)

Hoje fcil enviar um SMS a partir da sua aplicao web, voc conta com o servio das chamadas integradoras, que fazem a ponte entre a sua aplicao e a operadora.

Integrao Gateway (Envio de SMS)

Para atender os requisitos dos Gateways dessas operadoras, voc precisa entender de requisies HTTP e Web Services.

E no PHP voc tem isso nativamente e de fcil uso e aprendizagem:

CURL - http://br2.php.net/manual/pt_BR/book.curl.php

SOAP - http://br2.php.net/manual/pt_BR/book.soap.php

Integrao Gateway (Envio de SMS)

Um exemplo de cdigo de envio de SMS por uma Integradora

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, http://suaintegradora.com.br/GatewayIntegration/msgSms.do); curl_setopt($ch, CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, account=teste&code=123&msg=testando&to=556799999);

$result = curl_exec($ch);

curl_close($ch);

QR Code

QR Code ou Cdigo de Barras 2D uma matriz bi-dimensional que tem grande capacidade de armazenamento.

QR Code

QR Code

Gerando um QR Code com PHP usando a classe Image_QrCode

...se voc estiver com preguia de digitar esse cdigo, utilize o PHP Qr Code Generator

Identificando o dispositivo mvel e seus recursos

Vou apresentar duas ferramentas para resolver isso !

IsMobile - Identificao do dispositivo mvel

Tera-WURFL - Identificao do dispositivo mvel e seus recursos

Identificando o dispositivo mvel e seus recursos

Cdigo IsMobile

require_once "ismobile.class.php";

$ismobi = new IsMobile();

if($ismobi->CheckMobile()) { echo 'Your mobile device is a ' . $ismobi->GetMobileDevice() . '? ';}else { echo "It isn't a mobile device...";}

Identificando o dispositivo mvel e seus recursos

Cdigo Tera-WURFL

Construindo um site mobile Do zero !

No! Voc no vai precisar aprender novas linguagens, tcnicas, mgicas e fazer um despacho. praticamente o mesmo HTML, CSS, Javascript e PHP que voc conhece.

Construindo um site mobile Do zero !

Mas...

Construindo um site mobile Do zero !

Voc precisa se atualizar...

HTML
Voc conhece tudo sobre as tags , , ?Qual DOCTYPE usar ?E o HTML5 ?

CSS

Media handheld ? Screen ?CSS 3 ?
Tamanho em %, px, em ?

Javascript

Ajax funciona ? jQuery para Mobile (jQTouch) ?

Construindo um site mobile A partir de um CMS

Wordpress Mobile Edition

http://migre.me/X6Fv

Construindo um site mobile A partir de um CMS

MobileJoomla!

http://migre.me/X6HJ

Construindo um site mobile A partir de um CMS

Drupal MobilePlugin

http://migre.me/X6NV

Bnus Round !

PHP for Android

Entrevista com o lder do projeto http://migre.me/X90U (via PHPClasses)
Post sobre o projeto no AndroidBrasil.com http://migre.me/WEx2
Site do projeto: http://phpforandroid.net/

W3C mobileOK Checker

http://validator.w3.org/mobile/

Inspirao (Mobile Site Showcases)

http://www.mobileawesomeness.com/

EXTRA Bnus Round !

JQuery Mobile

http://jquerymobile.com/

Comunidade

O projeto PHP Mobile tem como objetivo auxiliar e incentivar os desenvolvedores PHP no desenvolvimento para dispositivos mveis, disponibilizando um frum, artigos, notcias e ferramentas. Se voc quer participar e/ou contribuir com essa comunidade acesse: http://www.phpmobile.com.br

FIM !

Dvidas ?

http://www.slideshare.net/porkaria

Contato

E-mail: [email protected]

Gtalk: [email protected]

Blog: http://www.porkaria.com.br

Twitter: http://twitter.com/porkaria