Programando en NCL

Jorge Orellana A.

Nested Context Language

• QUE? Objetos Multimedia• DONDE? Region• COMO? Descriptores• CUANDO? 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 presentadoAtributos:• 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)

NCLEnlaces y conectores (Donde?)

NCLEnlaces y conectores (Donde?)

NCLEnlaces 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 conectores2. 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 !!!!