![Page 1: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/1.jpg)
+
GINGA-NCL Televisión Digital Terrestre
Escuela Politécnica del Ejército Gonzalo Olmedo
![Page 2: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/2.jpg)
+
Región
n Atributos
n id:
identificador de la región
n height:
altura de la región
n width:
ancho de la región
n left, right, top, bottom:
indican posición y dimensión de la región
n zindex:
especifica la precedencia de superposición de la región.
Lugar donde se muestra un elemento
multimedia
Representa una región de la pantalla
Su tamaño es definido
en porcentaje o en pixeles.
![Page 3: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/3.jpg)
+Región
zIndex=1
zIndex=2
zIndex=3
top
height
botton
left width rigth
Region
![Page 4: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/4.jpg)
+ Elemento
Multimedia
n Atributos
n id:
identificador del elemento multimedia
n descriptor:
identifica el descriptor asociado
n src:
path donde se ubica el elemento multimedia.
n type:
define el tipo de objeto multimedia, de uso opcional
Elementos de Contenido multimedia como
imagen, video, sonido, texto, html y Lua
![Page 5: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/5.jpg)
+
Descriptor
n Atributos
n id:
identificador del descriptor
n region:
identifica la región asociada
n explicitDur:
define la duración del objeto multimedia asociado
Especifica las propiedades de la presentación de un objeto multimedia
![Page 6: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/6.jpg)
+
Puerta
Para presentar Elementos
Multimedia en la pantalla
Para entrar a la interactividad
n Atributos
n id:
identificador de la puerta
n component
elemento multimedia
![Page 7: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/7.jpg)
+Estructura de un documento NCL
![Page 8: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/8.jpg)
+Documento NCL
<head>
n Región
Lugar donde se va a mostrar
n Descriptor
Como se va a mostrar.
n Conector
¿Cuándo se va a mostrar ?
</head>
<body>
n Puerta
Lugar por donde se ingresa
n Contexto
Como se reutiliza código
n Elemento Multimedia
¿Qué se va a mostrar?
n Enlace
¿Cuándo se va a mostrar ?
</body>
Cabecera Cuerpo
![Page 9: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/9.jpg)
+Ejemplo de una región al 100%
00-region.ncl
![Page 10: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/10.jpg)
+Visualización gráfica
01-region.ncl
video desc1
pentrada
![Page 11: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/11.jpg)
+Ejemplo de una región al 100%
00-region.ncl
![Page 12: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/12.jpg)
+Ejemplo zIndex Cabecera
02-region.ncl
![Page 13: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/13.jpg)
+Ejemplo zIndex Cuerpo
02-region.ncl
![Page 14: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/14.jpg)
+Ejemplo para presentar varios tipos de elementos multimedia
03-multimedias.ncl
![Page 15: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/15.jpg)
+Ejemplo para presentar varios tipos de elementos multimedia
03-multimedias.ncl
![Page 16: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/16.jpg)
+Regiones hijas
top
height
botton
left width rigth
Región hija
Región madre
![Page 17: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/17.jpg)
+Ejemplo para presentar regiones hijas
04-region.ncl
![Page 18: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/18.jpg)
+Creando regiones para cada elemento multimedia en base a sus PROPIEDADES.
05-propiedades.ncl
![Page 19: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/19.jpg)
+Cambiando fuente y color de letra del archivo de texto utilizando propiedades.
06-propiedades.ncl
![Page 20: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/20.jpg)
+Incluyendo tiempo de duración de un elemento multimedia
06-propiedades.ncl
![Page 21: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/21.jpg)
+ Incluyendo Propiedades de elementos multimedia en estructura de programación con Regiones
07-multimedias.ncl
![Page 22: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/22.jpg)
+Incluyendo porcentaje de transparencia en objetos multimedia
08-descriptor.ncl
![Page 23: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/23.jpg)
+Incluyendo efectos de transición en objetos multimedia
09-descriptor.ncl
![Page 24: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/24.jpg)
+Incluyendo efectos de transición en objetos multimedia
09-descriptor.ncl
![Page 25: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/25.jpg)
+
Conectores
n Relaciona dos o varios elementos multimedia e identifica cuando ellos serán presentados como respuesta a una acción.
n Ejemplo: Al momento de empezar un elmento multimedia, cambiar el tamaño de otro elmento.
Enlaces
![Page 26: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/26.jpg)
+Incluyendo conectores y enlaces
10-conector_enlace.ncl
![Page 27: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/27.jpg)
+Incluyendo conectores y enlaces
10-conector_enlace.ncl
![Page 28: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/28.jpg)
+Incluyendo conectores y enlaces
11-conector_enlace.ncl
![Page 29: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/29.jpg)
+Incluyendo conectores y enlaces
11-conector_enlace.ncl
![Page 30: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/30.jpg)
+Importando Base de Conectores
12-conector_enlace.ncl
![Page 31: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/31.jpg)
+Sincronismo
13-sincronismo.ncl
![Page 32: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/32.jpg)
+Enlace de varios objetos multimedia
14-conector_enlaceN.ncl
![Page 33: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/33.jpg)
+Control Remoto
n RED F1
n GREEN F2
n YELLOW F·3
n BLUE F4
n MENU F5
n INFO F6
n ENTER
n LEFT
n RIGHT
n UP
n DOWN men
info
ok
![Page 34: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/34.jpg)
+Control Remoto
15-control_remoto.ncl
![Page 35: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/35.jpg)
+Redimensión de Pantalla
15-control_remoto.ncl
![Page 36: Ginga ncl televisión digital terrestre - Gonzalo Olmedo](https://reader035.vdocumento.com/reader035/viewer/2022062220/557e78a7d8b42a7b5c8b54f9/html5/thumbnails/36.jpg)
+Redimensión de Pantalla
16-control_remoto.ncl