SlideShare una empresa de Scribd logo
Concurso de creatividad fase local i
Continuar
“MoviWeb: Plataforma para
Solucionar el Problema de la
Visualización de Sitios Web
en Dispositivos Móviles
Heterogéneos”
Presenta:
Ing. Juan Carlos Olivares Rojas
Asesor: M.C. J. Gabriel González S.
2Agenda
3-4
5-6
7-8
9-10
11-12
13-14
Objetivo y Justificación
Problemática
Prototipo
Metodología de solución
Beneficios
Conclusiones
Nuevo Detalles Ir a …
VL M I JD S
Cuernavaca, Morelos, México, junio de 2006
3Objetivo
• Desarrollar un software que permita visualizar
sitios Web sin importar las limitaciones de los
dispositivos móviles.
• La misión de este proyecto es: “poner la Web
en el bolsillo de los usuarios” .
• La visión es que la información de la Web
pueda ser accedida cuando, donde y como la
necesiten los usuarios.
Objetivo general, misión y visión
4Justificación
Grado de penetración de los dispositivos móviles en la sociedad
Llaves
0%
Cartera
Celulares
Tarjetas
Llaves del trabajo
Periódico
Espejo
MP3/Walkman
Videojuego
Cámara
Credenciales
80% 90% 100%50% 60% 70%10% 20% 30% 40%
5Problemática
Problemática particular
Los sitios Web no
están diseñados
tomando en
cuenta las
características y
limitaciones de los
dispositivos
móviles
800
600
6Problemática
$63$33.122120285Total
$13.5$9.7249581.0Enviar un correo con una nota y un archivo
adjunto de 50 kb
$12$9.2445576.1Ver página Web de 70 KB
$3$1.567412.2Reenviar un correo 9 Kb
$3$1.447411.8Recibir un correo (9 kb)
$10.5$8.7637272.4Descargar una archivo PDF (68k)
$1.5$0.84426.7Cargar página Web
$4.5$0.841276.3Búsqueda de un restaurante y menú
$3$0.721005.9Buscar un numero en un directorio
$3$0.721095.4Resultados de los partidos del fútbol
$4.5$0.481533.7Buscar una película y ver su sinopsis
$3$0.24922Leer noticias
$1.5$0.24271.5Login (entrada al sistema)
CSDGPRSTiempo
(Segs.)
Tamaño
(KB)Tarea
CSD: $1.5 minuto
GPRS: $0.12 KB
Telcel
Costos
Costos de acceso a Internet en México desde un dispositivo móvil haciendo uso
de la red de telefonía celular.
7Prototipo
Transformación de un documento Web en HTML Reformateado
Recurso Original Enlaces
Imágenes
Texto
8Prototipo
Transcodificador de recursos Web en diversos clientes móviles
PostScript
XHTML-MP
Texto
Plano
WML
PDF
9Metodología de solución
Arquitectura general del sistema
Servidores
Clientes
GAP
GAT
10Acaparamiento
1 2 3 4 5 6 7 8 9
Niveles
1 2 3 4 5 6 7 8 9
Niveles
Un sitio Web lo podemos esquematizar
como una estructura de tipo árbol. En
donde podemos identificar los diferentes
niveles de profundidad, en cada uno de
estos niveles podemos encontrar
archivos html u otro tipo de recurso, el
cual puede contener a su vez otro(s)
nivel(es).
Minando el historial de acceso de este
sitio Web se pueden extraer patrones
de acceso los cuales utilizamos para
generar lo que denominamos árbol
patrón.
Un patrón de acceso nos permite
predecir con una probabilidad mayor al
80% de que un usuario x siga este
mismo patrón de navegación cuando
acceda a este sitio Web.
11Transcodificación
GET http://www.cenidet.edu.mx/ HTTP/1.0
Accept: */*
UA-OS: Windows CE (Pocket PC) –Version 3.0
UA-Color: Color16
UA-Pixeles: 240x320
UA-CPU: ARM SA1110
UA-Voice: False
UA-Language: Mozilla/2.0
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320)
Host: www.itmorelia.edu.mx
Proxy-Connection: Keep-Alive
X-Transform: XHTML-MP; Complete
GET http://www.cenidet.edu.mx/ HTTP/1.0
Accept: */*
UA-OS: Windows CE (Pocket PC) –Version 3.0
UA-Color: Color16
UA-Pixeles: 240x320
UA-CPU: ARM SA1110
UA-Voice: False
UA-Language: Mozilla/2.0
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320)
Host: www.itmorelia.edu.mx
Proxy-Connection: Keep-Alive
X-Transform: XHTML-MP; Complete
Generador
Hoja de Estilo
Transformador
Multiformato
XSLT
HTMLR
Extractor de
Elementos
HTML
XHTML
XML
Identificador deIdentificador de
dispositivo y formatodispositivo y formato
<HTML>
<TITLE>
<HEAD>
</HTML>
<BODY>
texto
texto
</HEAD>
</BODY>
</TITLE>
PS PDFWML
XHTML-
MPTXT XML
12Productos y beneficios esperados
• En lo referente a tiempo se tiene lo siguiente:
– Hasta 85% más rápido el acceso a través de la
caché
– El número de peticiones no sobrepasa el 20%
• En lo referente al tamaño:
– El acaparamiento reduce en un 35% el tamaño de
un sitio
– La transcodificación reduce hasta un 34% el
tamaño de un recurso
– La compresión hasta un 86% de un sitio
Beneficios directos
13Productos y beneficios esperados
$12$9.2445576.1Página Web de 70 KB
CS
D
GPR
S
Tiempo
(Segs.)
Tamaño
(KB)Tarea
Transcodificación
$9$6.12300.2650.22Página Web de 70 KB
Acaparamiento
$3$1.3263.6710.65Sitio Web de 70 KB
14Conclusiones
• Plataforma de software que permite visualizar
sitios Web sin importar las limitaciones de los
dispositivos móviles.
• Adaptación transparente de las aplicaciones
Web a la arquitectura cliente/servidor en
entornos móviles. Con la cual se evita tener
que modificar aplicaciones y protocolos
existentes.
En resumidas cuentas…
15Conclusiones
• Transformación de páginas Web (HTML) a
otros formatos como WML, XHTML-MP, PDF,
XML, Postscript, texto plano y HTML
reformateado.
• Disminución de costos ya que el tamaño de los
recursos se reduce considerablemente,
además de que se agilizan tiempos de acceso.
En resumidas cuentas…
16¿Preguntas?
• Se puede encontrar
más información sobre
este proyecto en la
siguiente dirección
electrónica:
http://mail.cenidet.edu.
mx/~jcolivares04c/
• jcolivares04c@cenidet.e
du.mx
• gabriel@cenidet.edu.mx
?
¿Dudas, comentarios, sugerencias?

Más contenido relacionado

DOCX
Tema Nº 1 WEB 2014
PPTX
Informatica la pagina web
PPTX
Desarrollo de aplicaciones web
PPTX
PPTX
Paginas web
PPTX
Diseño de páginas web
PPSX
Pagina web
Tema Nº 1 WEB 2014
Informatica la pagina web
Desarrollo de aplicaciones web
Paginas web
Diseño de páginas web
Pagina web

La actualidad más candente (17)

PDF
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
PPTX
Paginas web
PPTX
CMS (sistemas de gestión de contenidos)
PPTX
Actividad trabajo Sena Juan Pablo Hernández
PPTX
PPTX
Tecnologias web 2.0
PDF
Gestores de contenido
PDF
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
PPTX
Pagina web
PPT
Fundamentos de Desarrollo Web
PPT
Gestores de contenido
PPTX
Examen del segundo parcial (Programacion web 1) - Erick Lozada
PPTX
paginas web
PPTX
Herramientas y Tecnologías para la Web
PPT
Introducción a los sistemas de gestion de contenidos (CMS)
PPT
Estándares Web
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Paginas web
CMS (sistemas de gestión de contenidos)
Actividad trabajo Sena Juan Pablo Hernández
Tecnologias web 2.0
Gestores de contenido
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
Pagina web
Fundamentos de Desarrollo Web
Gestores de contenido
Examen del segundo parcial (Programacion web 1) - Erick Lozada
paginas web
Herramientas y Tecnologías para la Web
Introducción a los sistemas de gestion de contenidos (CMS)
Estándares Web
Publicidad

Destacado (20)

PDF
Educam 2009 Programa
PPT
Constructores Vs. Destructores
PPT
La bibliothèque musicale numérique : de la collection à la participation
PDF
Sim+ par Benjamin Bitton
PDF
Lettre de l'ad'ap n°1 16 février 2015
PDF
Pressbook 2010 benjamin bitton
PDF
Charla Phh 2009
PDF
Scribus projet perso.sla 3 copie
PPTX
Manipulation des images IRM sur navigateur - Informatique Humaine et Médicale...
PDF
Rapport d'activité lfe 2014
PPT
Statistiques web de juillet
PPT
Repositorio Digital Agricola y Dspace
PDF
Les médias sociaux intégrés (2012)
PPS
Esadelicadaflorllamadamujer
PPT
CapíTulo 8
PPTX
Les centrales marémotrices
PPTX
Etat, politique et mondialisation
PPTX
Presentation khoury-fdl-original
PPT
Arquitectura de la Información
PPT
Profesiones Del Cine
Educam 2009 Programa
Constructores Vs. Destructores
La bibliothèque musicale numérique : de la collection à la participation
Sim+ par Benjamin Bitton
Lettre de l'ad'ap n°1 16 février 2015
Pressbook 2010 benjamin bitton
Charla Phh 2009
Scribus projet perso.sla 3 copie
Manipulation des images IRM sur navigateur - Informatique Humaine et Médicale...
Rapport d'activité lfe 2014
Statistiques web de juillet
Repositorio Digital Agricola y Dspace
Les médias sociaux intégrés (2012)
Esadelicadaflorllamadamujer
CapíTulo 8
Les centrales marémotrices
Etat, politique et mondialisation
Presentation khoury-fdl-original
Arquitectura de la Información
Profesiones Del Cine
Publicidad

Similar a Moviweb (20)

PDF
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
PDF
MoviWeb: Plataforma para Soportar el Acceso a Sitios Web desde Dispositivos M...
PPT
Temas Relacionados Web 2
PDF
Html4
PPTX
Tecnología web Desarrollo web 2025
KEY
Presentación html5
PDF
Diseño en la web
PPT
Estándares Web y Accesibilidad en Colombia
PDF
HTML 4
PDF
GAP: Una Herramienta para Visualizar Páginas Web en Dispsitvos M´poviles Hete...
PPT
PDF
HTML5
PPT
Modulo1-Presentaciones-parte01.1.ppt
PDF
Modulo 2 parte 2 tics
PDF
Revista Mundo Contact Septiembre 2011
PDF
Prototipado Web
PPTX
5-Unidad 2: Diseños de Vista-2.2 Para Web
PDF
Capitulo1
PDF
Capitulo1
PDF
Html5 y otras yerbas
Moviweb: A Platform to Solve the Web Content Visualization Problem on Heterog...
MoviWeb: Plataforma para Soportar el Acceso a Sitios Web desde Dispositivos M...
Temas Relacionados Web 2
Html4
Tecnología web Desarrollo web 2025
Presentación html5
Diseño en la web
Estándares Web y Accesibilidad en Colombia
HTML 4
GAP: Una Herramienta para Visualizar Páginas Web en Dispsitvos M´poviles Hete...
HTML5
Modulo1-Presentaciones-parte01.1.ppt
Modulo 2 parte 2 tics
Revista Mundo Contact Septiembre 2011
Prototipado Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
Capitulo1
Capitulo1
Html5 y otras yerbas

Más de Juan Carlos Olivares Rojas (20)

PPTX
PPTX
Ropec20neural stick
PPTX
Analítica de Datos usando Single Board Computers
PPTX
Analitica de Datos en Dispositivos de Internet de las Cosas
PPTX
A Comparative Assessment of Cryptography Algorithms for Data Analytic Applica...
PPTX
Propuesta de Flexibilidad Curricular en el Tecnológico Nacional de México
PPTX
Analítica de Datos en Simulador de Redes para Sistemas de Medición Inteligente
PPTX
Propuesta de Mercado Eléctrico Minorista Transactivo en México
PPTX
Cyber Security on Transactions in Smart Metering Systems usign Blockchain
PPTX
A Survey on Smart Metering Systems using Blockchain for E-mobility
PPTX
Detección de Movimiento usando Medidores Inteligentes
PPTX
A Survey on Smart Metering Systems using Human-Computer Interaction
PPTX
Machine Learnign Model for the Detection of Electricity Energy Fraud Using an...
PPTX
Forecasting Electricity Consumption Using Weather Data in Edge-Fog-Cloud Data...
PPTX
Aplicacion de Tecnicas de UX en el Desarrollo de un Portal de un Sistema de M...
PPTX
Internet de las Cosas en Redes Eléctricas Inteligentes
PPTX
Estrategias didacticas
PDF
Optimización de la Eficiencia Energética en los Hogares utilizando una Arquit...
PPTX
Ciber Seguridad en Redes Eléctricas Inteligentes
PPTX
Estudio de Vulnerabilidad de Protocolos y Redes de Comunicación para Medidore...
Ropec20neural stick
Analítica de Datos usando Single Board Computers
Analitica de Datos en Dispositivos de Internet de las Cosas
A Comparative Assessment of Cryptography Algorithms for Data Analytic Applica...
Propuesta de Flexibilidad Curricular en el Tecnológico Nacional de México
Analítica de Datos en Simulador de Redes para Sistemas de Medición Inteligente
Propuesta de Mercado Eléctrico Minorista Transactivo en México
Cyber Security on Transactions in Smart Metering Systems usign Blockchain
A Survey on Smart Metering Systems using Blockchain for E-mobility
Detección de Movimiento usando Medidores Inteligentes
A Survey on Smart Metering Systems using Human-Computer Interaction
Machine Learnign Model for the Detection of Electricity Energy Fraud Using an...
Forecasting Electricity Consumption Using Weather Data in Edge-Fog-Cloud Data...
Aplicacion de Tecnicas de UX en el Desarrollo de un Portal de un Sistema de M...
Internet de las Cosas en Redes Eléctricas Inteligentes
Estrategias didacticas
Optimización de la Eficiencia Energética en los Hogares utilizando una Arquit...
Ciber Seguridad en Redes Eléctricas Inteligentes
Estudio de Vulnerabilidad de Protocolos y Redes de Comunicación para Medidore...

Moviweb

  • 1. Concurso de creatividad fase local i Continuar “MoviWeb: Plataforma para Solucionar el Problema de la Visualización de Sitios Web en Dispositivos Móviles Heterogéneos” Presenta: Ing. Juan Carlos Olivares Rojas Asesor: M.C. J. Gabriel González S.
  • 2. 2Agenda 3-4 5-6 7-8 9-10 11-12 13-14 Objetivo y Justificación Problemática Prototipo Metodología de solución Beneficios Conclusiones Nuevo Detalles Ir a … VL M I JD S Cuernavaca, Morelos, México, junio de 2006
  • 3. 3Objetivo • Desarrollar un software que permita visualizar sitios Web sin importar las limitaciones de los dispositivos móviles. • La misión de este proyecto es: “poner la Web en el bolsillo de los usuarios” . • La visión es que la información de la Web pueda ser accedida cuando, donde y como la necesiten los usuarios. Objetivo general, misión y visión
  • 4. 4Justificación Grado de penetración de los dispositivos móviles en la sociedad Llaves 0% Cartera Celulares Tarjetas Llaves del trabajo Periódico Espejo MP3/Walkman Videojuego Cámara Credenciales 80% 90% 100%50% 60% 70%10% 20% 30% 40%
  • 5. 5Problemática Problemática particular Los sitios Web no están diseñados tomando en cuenta las características y limitaciones de los dispositivos móviles 800 600
  • 6. 6Problemática $63$33.122120285Total $13.5$9.7249581.0Enviar un correo con una nota y un archivo adjunto de 50 kb $12$9.2445576.1Ver página Web de 70 KB $3$1.567412.2Reenviar un correo 9 Kb $3$1.447411.8Recibir un correo (9 kb) $10.5$8.7637272.4Descargar una archivo PDF (68k) $1.5$0.84426.7Cargar página Web $4.5$0.841276.3Búsqueda de un restaurante y menú $3$0.721005.9Buscar un numero en un directorio $3$0.721095.4Resultados de los partidos del fútbol $4.5$0.481533.7Buscar una película y ver su sinopsis $3$0.24922Leer noticias $1.5$0.24271.5Login (entrada al sistema) CSDGPRSTiempo (Segs.) Tamaño (KB)Tarea CSD: $1.5 minuto GPRS: $0.12 KB Telcel Costos Costos de acceso a Internet en México desde un dispositivo móvil haciendo uso de la red de telefonía celular.
  • 7. 7Prototipo Transformación de un documento Web en HTML Reformateado Recurso Original Enlaces Imágenes Texto
  • 8. 8Prototipo Transcodificador de recursos Web en diversos clientes móviles PostScript XHTML-MP Texto Plano WML PDF
  • 9. 9Metodología de solución Arquitectura general del sistema Servidores Clientes GAP GAT
  • 10. 10Acaparamiento 1 2 3 4 5 6 7 8 9 Niveles 1 2 3 4 5 6 7 8 9 Niveles Un sitio Web lo podemos esquematizar como una estructura de tipo árbol. En donde podemos identificar los diferentes niveles de profundidad, en cada uno de estos niveles podemos encontrar archivos html u otro tipo de recurso, el cual puede contener a su vez otro(s) nivel(es). Minando el historial de acceso de este sitio Web se pueden extraer patrones de acceso los cuales utilizamos para generar lo que denominamos árbol patrón. Un patrón de acceso nos permite predecir con una probabilidad mayor al 80% de que un usuario x siga este mismo patrón de navegación cuando acceda a este sitio Web.
  • 11. 11Transcodificación GET http://www.cenidet.edu.mx/ HTTP/1.0 Accept: */* UA-OS: Windows CE (Pocket PC) –Version 3.0 UA-Color: Color16 UA-Pixeles: 240x320 UA-CPU: ARM SA1110 UA-Voice: False UA-Language: Mozilla/2.0 Accept-Encoding: gzip, deflate User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320) Host: www.itmorelia.edu.mx Proxy-Connection: Keep-Alive X-Transform: XHTML-MP; Complete GET http://www.cenidet.edu.mx/ HTTP/1.0 Accept: */* UA-OS: Windows CE (Pocket PC) –Version 3.0 UA-Color: Color16 UA-Pixeles: 240x320 UA-CPU: ARM SA1110 UA-Voice: False UA-Language: Mozilla/2.0 Accept-Encoding: gzip, deflate User-Agent: Mozilla/2.0 (Compatible; MSIE 3.02; Windows CE; PPC; 240x320) Host: www.itmorelia.edu.mx Proxy-Connection: Keep-Alive X-Transform: XHTML-MP; Complete Generador Hoja de Estilo Transformador Multiformato XSLT HTMLR Extractor de Elementos HTML XHTML XML Identificador deIdentificador de dispositivo y formatodispositivo y formato <HTML> <TITLE> <HEAD> </HTML> <BODY> texto texto </HEAD> </BODY> </TITLE> PS PDFWML XHTML- MPTXT XML
  • 12. 12Productos y beneficios esperados • En lo referente a tiempo se tiene lo siguiente: – Hasta 85% más rápido el acceso a través de la caché – El número de peticiones no sobrepasa el 20% • En lo referente al tamaño: – El acaparamiento reduce en un 35% el tamaño de un sitio – La transcodificación reduce hasta un 34% el tamaño de un recurso – La compresión hasta un 86% de un sitio Beneficios directos
  • 13. 13Productos y beneficios esperados $12$9.2445576.1Página Web de 70 KB CS D GPR S Tiempo (Segs.) Tamaño (KB)Tarea Transcodificación $9$6.12300.2650.22Página Web de 70 KB Acaparamiento $3$1.3263.6710.65Sitio Web de 70 KB
  • 14. 14Conclusiones • Plataforma de software que permite visualizar sitios Web sin importar las limitaciones de los dispositivos móviles. • Adaptación transparente de las aplicaciones Web a la arquitectura cliente/servidor en entornos móviles. Con la cual se evita tener que modificar aplicaciones y protocolos existentes. En resumidas cuentas…
  • 15. 15Conclusiones • Transformación de páginas Web (HTML) a otros formatos como WML, XHTML-MP, PDF, XML, Postscript, texto plano y HTML reformateado. • Disminución de costos ya que el tamaño de los recursos se reduce considerablemente, además de que se agilizan tiempos de acceso. En resumidas cuentas…
  • 16. 16¿Preguntas? • Se puede encontrar más información sobre este proyecto en la siguiente dirección electrónica: http://mail.cenidet.edu. mx/~jcolivares04c/ • jcolivares04c@cenidet.e du.mx • gabriel@cenidet.edu.mx ? ¿Dudas, comentarios, sugerencias?