Upload
jose-ramon-cerquides-bueno
View
61
Download
5
Embed Size (px)
Citation preview
DISEÑO Y DESARROLLO DE APLICACIÓN HBBTV PARA PETICIÓN DE CITA
MÉDICA26 de noviembre de 2014
Sevilla
José Ramón Cerquides BuenoDesarrollado por María del Carmen Rodríguez Segovia
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 2
Diseño y desarrollo de aplicación HbbTV para la petición de cita médica en InterS@S
Objetivo del TFG
Solicitar, consultar y cancelar la cita a través de Internet……y ahora también a través de la TV.
¿Cómo?
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 3
Estado del arte de la TVi
Smart TVs
Televisión interactiva (TVi) contenido adicional+=
TVi híbrida = +contenidos broadcast
contenidos broadband
Internet + Web 2.0 + VOD, OTTC…+apps diseñadas para una plataforma
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 4
Problemática
¿Por qué crear HbbTV?(1) Cada fabricante usa su propia plataforma/navegador.(2) Portal de aplicaciones controlado por el fabricante.(3) En TVi híbrida, canales broadcast y broadband por separado.
Hybrid Broadcast Broadband TVEstándar industrial (ETSI TS 102 796) e iniciativa promocional
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 5
Basado en estándares existentes
El estándar HbbTV
Perfil del navegador
Especificación CE-HTML
Transporte de señalización y aplicaciones
APIs JavaScript
XHTML, DOM, CSS TV Profile
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 6
El estándar HbbTV
Arquitectura del sistema
BC independe
nt apps
BC related apps
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 7
HbbTV en España: la TDT híbrida
Especificación española que integra TDT e Internet.
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 8
HbbTV en Europa y el mundo
País Maduro Desarrollado Creciendo
Alemania XEspaña XFrancia XAustria XPolonia XBélgica X
Dinamarca XFinlandia XHungría XHolanda X
Republica Checa X
Suiza X
Estándar dominante para TV interactiva, TV híbrida y contenidos OTT en Europa.
Interes aumentando en America del Norte, America del Sur y Rusia.
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 9
Desarrollo de aplicaciones HbbTV
¿Que hace falta?
Pero, ¿cómo sabremos que funcionan?
Para escribir páginas web, es suficiente un editor de texto plano.
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 10
Desarrollo de aplicación de cita médica
Entorno de trabajo
Objetivo, requisitos y limitaciones
Portatil Asus Vivobook S400CAMáquina virtual Debian ejecutada en VirtualBoxEditor de texto BluefishFireHbbTV Firebug y Tamper Data
➡ Pedir, consultar o cancelar la cita médica.
➡ Interacción fácil.➡ Número limitado de
botones.
Salud RespondeWidget Cita Médica
Cita médica en 7RM
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 11
Ciclo de vida de la aplicación
destroyApplication()
Abrir
Cerrar
index.html
citaCancelada.html
login.html
mostrarDias.html mostrarHoras.html
mostrarCita.html
createApplication()
AplicaciónComunicación
6 archivos de vistas1 archivo de funciones
1 archivo de estilo
5 archivos para comunicarnos con
InterS@S
index.html
Interacción del usuario con la
aplicación
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 12
Funcionamiento de la aplicación
PHP
Generación de key-events
Peticiones XMLHttpRequest (AJAX)
Comunicación mediante key-
events y cookies
Sesiones curl (libcurl)
Respuesta InterS@S
Simple HTML DOM parser
Respuesta en formato JSON
json.parse ()
+ cookies
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 13
Demostración
Diseño y desarrollo de una aplicación de HbbTV para petición de cita
médica en el InterS@S
Diseño y desarrollo de aplicación HbbTV para petición de cita médica 14
Posibles mejoras, líneas futuras y conclusiones
Opción de poder introducir otros documentos identificativos. Guardar usuarios que ya han usado la aplicación. Seguridad. Acceso a la BBDD de InterS@S.
Conclusiones➡ HbbTV aprovecha el auge de los Smart-TV, la amplia oferta de
conexión de banda ancha que existe hoy en día y está concebido para beneficiar a todo el ecosistema televisivo, pero aun queda mucho que explotar.
➡ Implementar mejoras de la aplicación y probarla en un dispositivo real.