jauti 2014- generación aut. de contenido para aplic. interac. de td ginga-ncl - bernal
TRANSCRIPT
![Page 1: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/1.jpg)
Presentado por: Iván Bernal, [email protected]://ginga.epn.edu.ec
Copyright @2014, I. Bernal
Escuela Politécnica NacionalQuito – Ecuador
TELEVISIÓN DIGITAL
Generación Automática de Contenido para Generación Automática de Contenido para Generación Automática de Contenido para Generación Automática de Contenido para Aplicaciones Interactivas de Televisión Aplicaciones Interactivas de Televisión Aplicaciones Interactivas de Televisión Aplicaciones Interactivas de Televisión
Digital con GingaDigital con GingaDigital con GingaDigital con Ginga----NCLNCLNCLNCL
![Page 2: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/2.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�Autores:� David Cevallos
� Fernando Cevallos
� David Mejía
� Iván Bernal
Workshop de TV Digital Workshop de TV Digital Workshop de TV Digital Workshop de TV Digital InteractivaInteractivaInteractivaInteractiva
![Page 3: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/3.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Agenda de la presentaciónAgenda de la presentaciónAgenda de la presentaciónAgenda de la presentación� Contextualización del trabajo
� Herramientas de desarrollo de aplicaciones interactivas
� Sistema completo de desarrollo y pruebas
� Aplicaciones Interactivas � Ejemplos desarrollados
![Page 4: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/4.jpg)
HERRAMIENTAS
PARA EL
DESARROLLO DE
APLICACIONES
4
![Page 5: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/5.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Contenido Interativo
� Editor dedicado para programar en NCL:
![Page 6: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/6.jpg)
Sistema
de desarrollo y pruebas
6
![Page 7: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/7.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Sistema TDT
![Page 8: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/8.jpg)
Menu Creator
8
![Page 9: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/9.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
� MenuCreator
Plugin para Composer NCL
![Page 10: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/10.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Plugins para Composer NCL (Menu Creator)
�Menu Creator, permite al Composer NCL crear automáticamente menús, generando todo el código NCL correspondiente.
� Se puede agregar contenido del menú en el plug-in, dentro del ambiente de Composer NCL.
� Se puede agregar la información a presentarse en el menú posteriormente (metadatos).
![Page 11: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/11.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Plugin para Composer NCL- MenuCreator
![Page 12: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/12.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Plugin para Composer NCL- MenuCreator
![Page 13: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/13.jpg)
Servicio web
13
![Page 14: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/14.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Sistema TDT
![Page 15: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/15.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�Crea y maneja las bases de datos que contienen la información que se presentará al televidente.
�Consulta las bases de datos para obtener el texto solicitado por un script Lua y entregarlo por el canal de retorno.
Servicio web
![Page 16: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/16.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
� En realidad dos servicios web independientes.
� SOAP � Simple Object Access Protocol
� Mixer lo consume
� REST � Representational State Transfer
� Scripts Lua en el STB lo consume para obtener texto plano y presentarlo en el televisor.
Servicio web
![Page 17: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/17.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
� REST � Obtener desde el STB la información almacenada en una determinada celda de una tabla de una base de datos.
Servicio web
![Page 18: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/18.jpg)
Mixer:
Aplicación de generación de
contenido NCL
18
![Page 19: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/19.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Sistema TDT
![Page 20: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/20.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
� En base a los metadatos NCL, declarados dentro de la aplicación interactiva (sin datos):� Consume el servicio web SOAP para solicitar la información almacenada en las bases de datos.
� Genera: � Imágenes
� El fondo de las imágenes generadas por la aplicación es totalmente transparente.
� Las imágenes contienen texto y son PNG.
� Scripts Lua
Mixer
![Page 21: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/21.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�La etiqueta <meta> se emplea para metadatos simples.
�Atributos � Nombre del dato a identificar (propiedad name).
� Lista de valores asociados con el dato que el metadato describe (propiedad content).
Tipos de metadatos definidos
![Page 22: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/22.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�A) Asocia un nodo de contexto (un menú vacío) con el contenido almacenado en una tabla de una base de datos. � La propiedad content del metadato indica el nombre de la tabla.
� Mixer crea con el texto de todas las celdas de la tabla, una imagen PNG.
Tipos de metadatos definidos
![Page 23: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/23.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�B) Asocia un nodo de contenido referente a una imagen PNG con una sola celda de una tabla de una base de datos. � name indica el id del nodo de contenido.
� content indica la celda mediante el nombre de la tabla y el número de fila y columna.
� Mixer crea una imagen PNG con el texto de la celda, correspondiente al nodo de contenido declarado.
� Permite presentar la información luego de que un elemento ha sido seleccionado con el control remoto.
Tipos de metadatos definidos
![Page 24: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/24.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�C) Asocia un nodo de contenido referente a un script Lua con una celda de una tabla. � name indica el id del nodo de contenido.
� content indica la celda mediante el nombre de la tabla y el número de fila y columna y culmina con una letra r (retorno)
� Mixer crea el script Lua correspondiente al nodo de contenido declarado.
� Para traer información a través del canal de retorno.
Tipos de metadatos definidos
![Page 25: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/25.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Mixer
![Page 26: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/26.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Mixer
![Page 27: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/27.jpg)
Aplicaciones Interactivas:
Ejemplos desarrollados
27
![Page 28: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/28.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Aplicación (dos menús vacíos)
![Page 29: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/29.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Aplicación (un menú vacío)
![Page 30: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/30.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Aplicación (dos menús llenos)
![Page 31: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/31.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Con 11 universidades Categoría A (2009)
![Page 32: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/32.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Texto
![Page 33: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/33.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Galápagos
![Page 34: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/34.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Galápagos
![Page 35: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/35.jpg)
Ambiente de prueba
EPN
35
![Page 36: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/36.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Sistema TDT
![Page 37: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/37.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Pruebas
Transmisor DEKTEC DTU-215-I-SP
Set-Top Box EiTV
![Page 38: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/38.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Equipos
![Page 39: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/39.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
Equipos
Amplificador
STB
![Page 40: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/40.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
�El usuario puede crear con mayor facilidad aplicaciones interactivas basadas en menús con Ginga-NCL.
�Se obtienen menús con:
� Un alto nivel de interactividad.
� En menor tiempo de desarrollo.
� Sin necesidad de tener conocimientos avanzados del lenguaje NCL.
Conclusión
![Page 41: jAUTI 2014- Generación Aut. de Contenido para Aplic. Interac. de TD Ginga-NCL - Bernal](https://reader034.vdocuments.net/reader034/viewer/2022042504/55c94920bb61eb51548b45f7/html5/thumbnails/41.jpg)
Noviembre 2014Noviembre 2014Noviembre 2014Noviembre 2014 Escuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica NacionalEscuela Politécnica Nacional
GRACIAS!!
41
Iván [email protected]://ginga.epn.edu.ec