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.