Desarrollo de Aplicaciones en TV inteligentes (Smart TV) basado en Tecnologías web

110 Pages·2015·4.32 MB·English

by  Rodrigo Saraguro

TRABAJO FIN DE MASTER
MÁSTER UNIVERSITARIO EN DESARROLLO DE SOFTWARE

Desarrollo de Aplicaciones en TV
inteligentes (Smart TV) basado en
Tecnologías web

Autor
Rodrigo Alexander Saraguro Bravo

Director
Juan Antonio Holgado Terriza

Escuela Te´cnica Superior de Ingenier´ıas Informa´tica y de
Telecomunicacio´n
—
Granada, Julio de 2014

Desarrollo de Aplicaciones en TV
inteligentes (Smart TV) basado en
Tecnologías web

Autor
Rodrigo Alexander Saraguro Bravo

Director
Juan Antonio Holgado Terriza
Desarrollo de Aplicaciones en TV inteligentes (Smart TV) basado en
Tecnologías Web

Rodrigo Alexander Saraguro Bravo

Palabras clave: Smart TV, App, SDK, JavaScript, Css, HTML5

Resumen

Durante los últimos años hemos sido testigos de cómo la tecnología de muchos
dispositivos con acceso a Internet han tenido un gran crecimiento y evolución. Es así
que los Smart TV también forman parte de esta popularidad y poco a poco se ha ido
afianzando en el mercado. Los aspectos más importantes son su interactividad y los
aspectos sociales que pueden ser incorporados en la transmisión por televisión.

En este estudio se ha presentado un estado del arte de la tecnología, se describe los
fundamentos y el proceso para construir aplicaciones Smart TV a partir de tecnologías
web como HTML5, CSS, JavaScript. Se analizan los requisitos de interfaz de usuario
basados en los principios de diseño propuesto por Google, Samsung y Smart TV
Alliance. Se ha seleccionado dentro del caso de estudio el kit de desarrollo SDK 4.5
para plataformas Samsung Smart TV compatible con los modelos 2013 o superiores
lo que nos permitirá demostrar las diversas características que se podrían explotar.
En la parte final se evalúa la aplicación desarrollada, con respecto a la usabilidad,
navegación, orientación y rendimiento basado en los principios de diseño propuestos.
Smart TV Applications Development based on Web Technologies

Rodrigo Alexander Saraguro Bravo

Keywords: Smart TV, App, SDK, JavaScript, Css, HTML5

Abstract

In recent years we have witnessed how many technology devices with Internet access
have had tremendous growth and evolution. Thus, the Smart TV also part of this
popularity and gradually has been strengthening in the market. The most important
aspects are its interactivity and the social aspects that can be incorporated into the
telecast.

In this study is presented a state of the art of Smart TV technology, it describes the
fundamentals and the process how to build Smart TV applications using web
technologies like HTML5, CSS and JavaScript. User Interface Requirements were
analyzed based design principles proposed by Google, Samsung Smart TV Alliance.
In case study is selected development kit SDK 4.5 for Samsung Smart TV platforms
and supports 2013 or higher models, this will allow demonstrate the various features
that could be exploited. Finally the application developed is evaluated, according to
their usability, navigation, guidance and performance based on the design principles
proposed.

Agradecimientos

Mi más sincero agradecimiento a mis padres, cuya confianza y fortaleza ha sido
depositado en mí hoy y siempre; de igual forma a mis hermanos, familiares cercanos,
por contribuir de alguna manera en cumplir esta meta.

A SENESCYT por la oportunidad que me ha brindado al formar parte del selecto
grupo de becarios, y poder financiar el presente máster.

A mi director Dr. Juan A. Holgado, por su excelente dirección, su tiempo de
dedicación y motivación hacia mí, puntos clave para la culminación del trabajo.

A mis profesores del master, por inculcar en mí las bases necesarias para iniciar mi
camino hacia la investigación que me han servido de mucha ayuda en todo este
proceso.

A mis compañeros y amigos cercanos que supieron brindarme su apoyo
desinteresado en el transcurso de este objetivo.

Rodrigo
Tabla de Contenidos

Tabla de Contenidos ................................................................................................................. IX
Índice de Figuras .................................................................................................................... XIII
Índice de Tablas ....................................................................................................................... XV
CAPITULO I .............................................................................................................................. 17
1. INTRODUCCIÓN ................................................................................................................... 17
1.1 ANTECEDENTES Y MOTIVACION .................................................................................. 17
1.2 OBJETIVOS ................................................................................................................... 17
1.3 ESTRUCTURA DEL TRABAJO......................................................................................... 18
CAPITULO II ............................................................................................................................. 21
2. ESTADO DEL ARTE ............................................................................................................... 21
2.1 SMART TV .................................................................................................................... 21
2.1.1 Definición ............................................................................................................ 21
2.1.2 Características ..................................................................................................... 21
2.1.3 Arquitectura ........................................................................................................ 23
2.1.4 Sistemas Operativos ............................................................................................ 23
2.1.5 Actualidad............................................................................................................ 24
2.1.6 Futuro .................................................................................................................. 29
2.2 HERRAMIENTAS Y TECNOLOGÍAS ................................................................................ 30
2.2.1 Herramientas de desarrollo ................................................................................ 30
2.2.2 Tecnologías Web ................................................................................................. 31
2.3 SAMSUNG SMART TV .................................................................................................. 33
2.3.1 Plataforma ........................................................................................................... 33
2.3.2 Funcionamiento .................................................................................................. 33
2.3.3 Características ..................................................................................................... 33
2.3.4 Aplicaciones ......................................................................................................... 35
2.4 TRABAJOS RELACIONADOS .......................................................................................... 37
2.4.1 Samsung Smart School ........................................................................................ 37
2.4.2 Smart TV Hacking ................................................................................................ 38
2.4.3 Usabilidad en dispositivos Smart TV ................................................................... 38
2.4.4 Smart TV - a more interactive way of watching TV ............................................. 38
2.5 PARADIGAMAS DE INTERACCIÓN ............................................................................... 39
2.5.1 Control por voz .................................................................................................... 39
IX