Curso NCL

Report
Programando en NCL
Jorge Orellana A.
Nested Context Language
•
•
•
•
QUE?
DONDE?
COMO?
CUANDO?
Objetos Multimedia
Region
Descriptores
Enlaces y conectores
QUE?
Objetos multimedia
DONDE?
Regiones
COMO?
Descriptores
CUANDO? Enlaces y conectores
NCL Estructura de un documento
NCL Estructura de un documento
NCL Atributo “id”
• •Todo elemento NCL debe poseer un
identificador único en todo el documento
• •Ejemplo:
• –<region id=“video1”/>
• –<media id=“video1”/>
NCL
Objetos Multimedia (Que?)
Define un objeto de multimedia a ser
presentado
Atributos:
• type(MIME type)
• src(camino para un archivo de mídia)
• descriptor(id de descriptor)
• Refer(referencia a otro objeto de mídia)
NCL
Objetos Media (Que?)
NCL
Areas
NCL
Areas
Algunos Atributos
• shape(rect, circle, poly)
• coords(coordenadas en pixels de area espacial)
– Ifshape= rect: “X , Y , width, height”
– Ifshape=circle: “Xcenter, Ycenter, radius”
– Ifshape=poly: “X1 , Y1 , X2 , Y2 , ... , XN , YN”
• –Para multimedias contínuas:
– begin, end, dur: início, fin, duracion de area
(segundos)
– first, last: cuadro definindo o início/término de area
NCL
Areas
NCL
Regiones (Donde?)
• Representan las regiones de TV donde las
multimedias
son presentadas
•
• –Posicion (relativas a region principal)
– Left, top, right, bottom
• –Dimensiones
– Width, height
• –Sobreposicion
– zIndex(cuanto mayor, sobre la parte superior)
NCL
Regiones (Donde?)
NCL
Descriptores (Como?)
• Definen como um objeto de multimedia va a
ser presentado
• Atributos
– Player
– Region(donde?)
– explicitDur(formato: 9.9s)
– Parâmetros usados por exibidor de mídia
• Ejemplos: volume de audio, borde,
transparencia
NCL
Descriptores (Como?)
NCL
Descriptores (Como?)
Ejemplos de parametros:
• top, left, bottom, right, height, width
• bounds(valores para left, top, width, height)
• background (ex: white, black, green)
• visible(true, false)
• transparency(0= opaco, 1=transparente)
• fit(opciones de llenado de la región)
• scroll(barra de desplazamineto)
• soundLevel(0=mudo, 1=volumen original)
NCL
Enlaces y conectores
(Donde?)
NCL
Enlaces y conectores
(Donde?)
NCL
Enlaces y conectores
(Donde?)
NCL
Bases de Conectores
• Los conectores en general son genéricos. Es posible
reusar una base externa de conectores.
NCL
Enlaces y Conectores
NCL
Enlaces y Conectores
• Cardinalidad de conectores
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
Base de conectores
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
EJEMPLO 1 (Sincronismo de
multimedia sin interactividad)
Sincronismo de multimedia sin interactividad,
(reúso de características de presentación e
importación de Base de Conectores)
Sincronismo de multimedia sin interactividad,
(reúso de características de presentación e
importación de Base de conectores)
Sincronismo de multimedia sin interactividad,
(reúso de características de presentación e
importación de Base de conectores)
Sincronismo de multimedia sin interactividad,
(reúso de características de presentación e
importación de Base de conectores)
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 2 Adicionando Sincronismo
con Interactividad
EJEMPLO 3 Adicionando el Uso de
Contextos
EJEMPLO 3 Adicionando el Uso de
Contextos
EJEMPLO 3 Adicionando el Uso de
Contextos
EJEMPLO 4 Reuso de Objetos de
Multimedia
EJEMPLO 4 Reuso de Objetos de
Multimedia
EJEMPLO 4 Reuso de Objetos de
Multimedia
EJEMPLO 5 Usando un Canal de
Interactividad
EJEMPLO 5 Usando un Canal de
Interactividad
EJEMPLO 5 Usando un Canal de
Interactividad
EJEMPLO 5 Usando un Canal de
Interactividad
EJEMPLO 6 Adaptación de Contenido
EJEMPLO 6 Adaptación de Contenido
<rule id="pt" var="system.language" comparator="eq"
value="por"/>
EJEMPLO 6 Adaptación de Contenido
• Dentro de context
EJEMPLO 7 Efectos de Transicion de
Animacion
EJEMPLO 7 Efectos de Transicion de
Animacion
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
EJEMPLO 8 Navegación por Teclas
Herramienta de Autoria COMPOSER
NCL Composer
1. Abrir nuevo proyecto, escoger lugar a grabar e
importar base de conectores
2. QUE sera recibido
• Arrastar los objetos multimedia dentro del contexto
principal de “Estructural View”
3. DONDE sera recibido
• En “layout View” se define el tamano de la TV.
• Se crea una region base y dentro de ella las dos
regiones screenReg y frameReg, cambiando los
nombres en “Properties view” y dando valores a zIndex
NCL Composer
3. COMO sera recibido
• Se arrastra los objetos media de “outline View”
hacia las regiones creadas en “Layout View”
• Se define los descriptores para recibirlos
• Se define la propiedad “ExplicitDur” del objeto
Photo escogiendo el descriptor en “Outline View”
• Se inserta la propiedad “transparency” al objeto
Photo en “Estructural View” y se define su valor
NCL Composer
4. CUANDO sera recibido
• Se crea una puerta en el contexto de “Estructural
View” y presionando la tecla Shift se arrastra el
enlace al video principal
• Se arrastra un enlace del video al sonido y se
escoge la relacion “OnBeginStartDelay”
• Se accede al bind de este enlace para cambiar el
valor de “Delay”
• Se inserta 2 areas al video principal “segDrible” y
“segPhoto” dandole el valor de inicio en “begin”
de “properties View”
NCL Composer
• Se crean los enlaces “onBeginStart” entre las
areas y los objetos “drible” y “photo”
• Se crea un enlace “onEndStop” entre el video
principal y el sonido.
GRACIAS !!!!

similar documents