SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
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?

Weitere ähnliche Inhalte

Was ist angesagt?

paginas web
paginas web paginas web
paginas web
yetni
 

Was ist angesagt? (17)

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

Andere mochten auch

Scribus projet perso.sla 3 copie
Scribus projet perso.sla 3   copieScribus projet perso.sla 3   copie
Scribus projet perso.sla 3 copie
camilllou
 
Esadelicadaflorllamadamujer
EsadelicadaflorllamadamujerEsadelicadaflorllamadamujer
Esadelicadaflorllamadamujer
Vitrubio
 
Les centrales marémotrices
Les centrales marémotricesLes centrales marémotrices
Les centrales marémotrices
lyceebonsoleil
 
Profesiones Del Cine
Profesiones Del CineProfesiones Del Cine
Profesiones Del Cine
mirima
 

Andere mochten auch (20)

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

Ähnlich wie Moviweb

Presentación html5
Presentación html5Presentación html5
Presentación html5
aydimdagam
 
Modulo 2 parte 2 tics
Modulo 2   parte 2 ticsModulo 2   parte 2 tics
Modulo 2 parte 2 tics
camiyclari
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
Avanet
 

Ähnlich wie Moviweb (20)

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

Mehr von Juan Carlos Olivares Rojas

Analítica de Datos en Simulador de Redes para Sistemas de Medición Inteligente
Analítica de Datos en Simulador de Redes para Sistemas de Medición InteligenteAnalítica de Datos en Simulador de Redes para Sistemas de Medición Inteligente
Analítica de Datos en Simulador de Redes para Sistemas de Medición Inteligente
Juan Carlos Olivares Rojas
 

Mehr von Juan Carlos Olivares Rojas (20)

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