Upload
avi
View
70
Download
1
Embed Size (px)
DESCRIPTION
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. - PowerPoint PPT Presentation
Citation preview
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 !!!!