Transcript Curso NCL
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 !!!!