honduras global: mobile web, presentacion para ujcv

Movil Web

Edwin Hernandez, PhD

Tegucigalpa, 10 de agosto de 2010

SEPLAN

FUNDACION

SALVADOR MONCADAPARA EL AVANCE DE LA CIENCIA

IntroducciónDr. Edwin A. Hernandez

10 de Agosto, 2010

[email protected]

(c) 2010 - Rapid Mobile Technologies, Inc and UBIWIRELESS, LLC

Dr. Edwin A. Hernandez

Ingeniero en Electrónica, Maestría y Doctorado en Ingeniería Eléctrica y Computadoras.

Emprendedor: Varias empresas fundadas COMPUNET, UBIWIRELESS LLC, EGLA CORP, Rapid Mobile Tech. Inc

Inventor con 5 Patentes asignadas, y 7 por asignar. Participación en foros y paneles de IEEE/ACM, publicaciones y editor para revistas tecnologicas.

Experiencia en la Industria de Software en Estados Unidos Microsoft: Redmond, WA. Windows Networking Motorola: Plantation, FL. Mobile Devices

Introducción

Actualidad de la tecnología web y móvil

Paradigmas de los navegadores móviles

Evolución del movil web

Que oportunidad tenemos?

Conferencia basada en el artículo de la revista de la IEEE de “Pervasive Computing” denominado “War of Mobile Browsers”

(c) 2010 - UBIWIRELESS, LLC

Muchos Telefonos son LinuxAndroidOtras platformas: Windows Mobile, BREW, MOCA

Tienen Stacks : Middleware J2ME – Java Micro-Edition (90% del Mundo) e.g. BlackberryAndroid: Ha ganado marketshare iPhone: IOS 4.0 (Apple)


Plataformas Móviles

Paradigmas de los Navegadores

Servidor entre el internet, el proveedor de telefonía, y su teléfono móvilContenido Web es manipulado y convertido a cada

factor de forma

Comunicación directa entre el servidor y el teléfono, tal como la PCEl contenido depende del servidor, se debe detectar

el tipo de dispositivo y proveer el contenido especifico

Opera BrowserSafari


El Comienzo: WAP ProxyWAP: Wireless Application Protocol

Casi 100% Texto en el Web


OBSOLETO

Para 2001, aplicaciones son creadas en: J2ME: Motorola, Samsung, LG, Nokia, Blackberry

Incluyendo el Navegador!

Evolución: Aplicaciones Móviles para el Web



HTML : Gráficas y proyectos para visualizar el Web Webkit: Open source project: Navegadores: Safari, Google Android Gecko : Open source project. Mozilla project Presto : Propietario (Opera browser, derivatives Nintendo DS, Wii) Otras soluciones: iCAB, KHTML, Trident/Tasman (Microsoft)

HTML: Rendering Engines en Móvil

HTML en el móvil 2007-2010

WEBKIT


Web 2.0 y el Móvil

HTML evoluciona y cambia a HTML 5.0 y es soportado por WebKit

HTML puede introducirse en aplicaciones nativas a traves de WebViews


WebView

Mercado del “Web” Móvil


Fuente: Mercado de tráfico móvil , Admob, Marzo 2010


Un navegador simple basado en Webkit

Ejemplo

Webkit

• Webkit es un “rendering” engine, es decir:– Recibe el HTML como entrada, carga todos los

recursos y los coloca juntos en un canvas. • Este canvas puede convertirse en una imagen

“.png” o “.svg” con tanto texto, tablas, css, y hasta las animaciones.

• Usaremos: QWebPage parte de la QtWebKit– http://doc.qt.nokia.com/4.6/qwepage.html

Que hay que hacer

• Extender la clase Qobject parte del Qt Framework.

• Una vez que se encuentra cargado e inicializado el Layout de QWebFrame– QWebFrame *mFrame = mPage->mainFrame();– Qpainter painter: // Canvas– mPage->setViewPoertSize(…)– Qimage image(mPage->viewPoertSize, RGB32);

– mainFrame->render(&Painter);– Qimage.save(…);

Test: http://ccard.eglacomm.net/webkit/?url=http://www.cn

n.com/&filename=cnn.com

Performance

• Para ejecutar el codigo, hay que crear una session de Xview via xvfb-run, y definir un screen size de 320x240x16

• Solucion: Un server farm o virtualizacion para tener Xviews dedicados a hacer el rendering y un sistema de Cache para reusar el rendering de otros.

Oportunidades

WAP va a desparecer, las estadisticas lo demuestran

Promocionar a traves de aplicacionesEl Móvil Web esta permanentemente en nuestras

manosLas posiblidades de hacer una marca increibles!Para en 2015, todos los telefonos seran

“Smartphones”


Pasos a sus Empresas

A corto plazo: Crear aplicaciones que soporten browsers nativos

(Opera, Webkit) Formatos: Varios html frameworks, para mostrar móvil

A mediano Plazo Una estrategia móvil en la que se puedan desarrollar

aplicaciones para las plataformas mas comunes Promociones, juegos, interactividad de un marca

A largo Plazo Integrar multimedia y servidores nativos con sus

clientes



USER AGENT: Detección del móvil function mobile_device_detect($iphone=true,$android=true,

$opera=true,$blackberry=true,$palm=true,$windows=true,$mobileredirect=false,$desktopredirect=false){

$mobile_browser = false; // set mobile browser as false till we can prove otherwise

$user_agent = $_SERVER['HTTP_USER_AGENT']; // get the user agent value - this should be cleaned to ensure no nefarious input gets executed

$accept = $_SERVER['HTTP_ACCEPT']; // get the content accept value - this should be cleaned to ensure no nefarious input gets executed

case (eregi('ipod',$user_agent)||eregi('iphone',$user_agent)); // we find the words iphone or ipod in the user agent


Comencemos Hoy mismoAl Detectar un navegador movil, crear pagina especial para cada uno de ellos.

Preguntas y RespuestasGracias! @edwinhm @ubiwireless [email protected]


honduras global: mobile web, presentacion para ujcv

Technology