Transcript Technical Background

Technical Background
SPX-1000
© 2009 AMX Confidential
SPX-1000 y Scaled Vector Graphics
• Scaled Vector Graphics (SVG) es la
descripción del lenguaje usado por el SPX1000
• Esta tecnología es usada para:
Definir el layout
Insertar elementos multi-media en escena
Aplicar animaciones a los elementos en escena
Scripting
Interactividad
© 2009 AMX Confidential
SVG Tiny 1.2
• SVG es un lenguaje para describir gráficos 2D en XML
• Los objetos de un gráfico SVG:
 Formas gráficas vectoriales
 Multimedia (imágenes, video, etc)
 Texto
• Dynamic SVG
 Animation
 Interactividad, Scripting
• SVG es un estandar abierto
 http://www.w3.org/TR/SVGMobile12/
• Tutoriales
 http://www.w3schools.com/svg/default.asp
© 2009 AMX Confidential
SVG en XPress
• La aplicación Xpress incluye un
editor XML
 En la pestaña XML del panel de
edición
 Muesta y edita el contenido
XML
• Puedes añadir, editar y eliminar:
 Elementos
• <svg>
• ...
 Atributos
•
•
•
•
© 2009 AMX Confidential
viewBox
snapshotTime
Height
…
Tags Basicos para Figuras
• <rect>
 Dibuja un rectangulo
 Ejemplo: un rectangulo azul
• <rect x=‘10’ y=‘10’ width=‘100’ height=‘100’ fill=‘blue’ />
• <line>
 Dibuja una línea
 Ejemplo: una línea roja de 10 pixels
• <line x1=’10’ y1=‘200’ x2=‘200’ y2=‘200’ stroke=‘red’ stroke-width=‘10’ />
• <circle>
 Dibuja un círculo
 Ejemplo: un criculo verde con un borde negro
• <circle cx=‘400’ cy=‘400’ r=‘200’ fill=‘green’ stroke=‘black’ stroke-width=‘20’ />
• Más:
 http://www.w3.org/TR/SVGMobile12/shapes.html
© 2009 AMX Confidential
Ejemplos de Media Tags
• Insertar una imagen
 <image x=‘200’ y=‘10’ width=‘700’ height=‘700’
xlink:href=‘bird.jpg’ />
 Posición de la imagen:
• x=‘200’,y=‘10’
 Tamaño de la imagen:
• width=‘700’, height=‘700’
 URI de la imagen:
• xlink:href=‘bird.jpg’
• Formato:
 Relativo: MyImage.jpg | MyFolder/MyImage.jpg
 Absoluto: http://MySite.com/MyImage.jpg
© 2009 AMX Confidential
Editors de gráficos vectoriales
• InkScape (http://www.inkscape.org/)
Editor de código abierto con capacidades
similares a Illustrator, CorelDraw, or Xara X
Usa este editor para crear escenas, logos, y
fondos…
© 2009 AMX Confidential
Animaciones de gráficos vectoriales
• IKIVO Animator (www.ikivo.com)
 Software de animación gráfica profesional para la
industria de dispositivos móviles
 IKIVO permite crear animaciones en clips SVG
complejos de forma interactiva
• RapidSVG™ v3.0
(http://xstreamsoftware.com/rapidsvg_featuretour1.htm)
 Software de animación gráfica profesional para la
industria web
• Perfect SVG (http://www.perfectsvg.com/)
 Herramientas de animación de bajo coste
© 2009 AMX Confidential
Recursos SVG públicos
• Estandar W3C
 http://www.w3.org/TR/SVGMobile12/
• Tutoriales W3
 http://www.w3schools.com/svg/default.asp
• En Wikipedia
 Introducción a SVG con ejemplos
 Aplicacioens soportadas:
• Web browsers
• Authoring tools
• Mobile devices
 http://en.wikipedia.org/wiki/Svg
• Clip ARTS de código abierto
 Archivos de clips aportados por usuarios.
 http://openclipart.org/
© 2009 AMX Confidential
Video
• Diferentes aspectos de los ficheros de video
El algoritmo de compresión: CODEC
• MPEG-2, MPEG-4,…
El formato del fichero contenedor
• Quicktime, AVI, …
El protocolo de streaming
• Para enviar video live
• Streming HTTP, RTSP/RTP
• Para ficheros de audio:
Frecuentemente el codec y el formato del fichero
forman parte del mismo código fuente
• MPEG2-layer3 (mp3), window media audio (WMA),…
© 2009 AMX Confidential
CODECs de video soportado
• MPEG-4 SP/ASP (DivX)
 Codec HMP100
 Ancho de Banda: 2-3 Mbps para una buena calidad
• MPEG-2 ML@MP
 Formato usado por DVDs
 Ancho de Banda : 6-8 Mbps
• Windows Media Video (VC-1 Main profile)
 Usado habitualmente para streaming
• H264 (MPEG-AVC)
• Máxima resolución:
720x480@30fps ó 720x576@25fps
© 2009 AMX Confidential
Formatos de video soportados
• AVI
También usado en ficheros DivX
Buen formato para almacenamiento
• Quicktime (MOV)
• Mpeg transport stream (VOB)
Ficheros extraidos de DVD’s
• Formato de Window Media
ASF, WMV, WMA
© 2009 AMX Confidential
Contenidos de video en XPress
• En XPress
 Abrir el fichero media
 Las propiedades se
muestran en el panel de
edición
• Ejemplo: avatar.mpg
 Video
• Codec: mpeg2
• Tamaño: 720x480
• Duración del video
209.2092 minutos
• Bitrate 3.766 Mbps
 Audio
• Codec: mp2
• Fecuencia: 32 KHz
• Bitrate: 224 kbps
© 2009 AMX Confidential
Contenidos de video en XPress
• Otro ejemplo
• File: avatar.mov
 Video
• Codec: h264
• Tamaño: 848x480
• Duración del video
246.788455 minutos
• Bitrate 1.809 Mbps
 Audio
• No hay audio asociado al
video
© 2009 AMX Confidential
Compòrbación de ficheros de video
• Importación en XPress
 XPress comprueba el video cuando es importado
 XPress debe rechazar el video si el fichero esta fuera
de los formatos de Codec soportados
© 2009 AMX Confidential
Como reproducir el Video
• Incluir el video en un documento multi-layer o en un playlist
• Video Local
 El fichero de video se encuentra dentro del proyecto
 Arrastra y suelta el fichero dentro del playlist o multi-layer
 El fichero será cargado por el SPX-1000
• Debe caber en el almacenamiento local (1.5 GBytes)
• Video desde un servidor remoto
 El video esta ubicado en un servidor web HTTP
 El URI del video debe ser introducido en el cuadro de dialogo del
contenido media
 El fichero será descargado en el SPX-1000
• El ancho de banda debe ser suficiente
• El fichero debe ser cacheado en caso de que el SPX-1000 pierda la
conexión
© 2009 AMX Confidential
Video Streaming
• La conexion a Internet debe estar disponibile
 El video no se aloja en la cache
• Conexión al servidor
 El Streaming usa mms o rtsp
• Introduce el URI del servidor en el dialogo del item media
 El streaming soporta http si es servido desde un fichero
ASX
• Introduce el URI del fichero ASX en el dialogo del item media
 Streaming vía http
• Crea un fichero local ASX referenciando al URI del servidor
© 2009 AMX Confidential
Scripting
• JavaScript
Soporta nativamente SVG
Implementado en el player SPX-1000
Los scripts deben ser ejecutados desde cada
frame
• PHP
Lenguaje genñerico de scripts
Generación offline de ficheros SVG
© 2009 AMX Confidential
JavaScript
• Lenguaje nativo de script SVG
Lenguaje recomendado
Ejecutado dentro de la máquina de render
• Información sobre SVG-JavaScript
Como incluir scripts:
• http://www.w3.org/TR/SVGMobile12/script.html
Manipulación de los SVG DOM:
• http://www.w3.org/TR/SVGMobile12/svgudom.html
© 2009 AMX Confidential
Cuando usar JavaScript
• Crear dinámicamente ficheros SVG
Playlist
RSS news
Indices bursátiles, predicción meteorológica, …
• Modificaciónen tiempo real de documentos
Informaciónen tiempo real (Instant messaging)
Interactividad
• Text layout
Adaptación del texto a la resolución del display...
• Extraer información desde servers/internet
Igual que AJAX para HTML
© 2009 AMX Confidential
Adaptaciones JavaScript
• Metodos adicionales:
 Métodos de parseo:
• ParseRSS()
• ParseICAL()
• ParseCSV()
 Generar eventos UI programados
• fireSharedEvent()
 Funciones de Logging:
• logAtLevel( LOG_LEVEL_ERROR, "Houston, we have a problem." );
• Flags adicionales para GetURL()
• Entorno SharedVariable para intercambio de datos en
tiempo real
• Variables globales
 MULTI_SCREEN_ID, DEVICE_NAME, SERIAL_NUMBER
© 2009 AMX Confidential
Variables compartidas
• Comparte información entre documentos y/o
players
• Simple API
Crear una variable
var v=createSharedVariable( 'XY' );
var v2=createSharedVariable( '[email protected]' );
Incializar una variable
v.set( 'new value' );
Leer una variable
function onUpdate( x ) { /*Do something using x.value*/ }
v.addUpdateListener( onUpdate );
• See the complete documentation at
www.amx.com
© 2009 AMX Confidential
Lenguaje de Script PHP
• Commonly used scripting language
Used in the WEB applications/pages to create
dynamic effects
Integrated as a pre-processor for the SPX-1000
rendering engine
• PHP information
http://www.php.net/manual/en/
http://www.w3schools.com/php/default.asp
© 2009 AMX Confidential
Cuando usar PHP
• Crear ficheros SVG dinámicamente
Formateo y consulta de bases de datos
Conversion de páginas web a formato SVG
Procesado off-line…
Formateo de contenidos que cambian en origen
© 2009 AMX Confidential
Extensión HTTP: WebDAV
• Que es?
 Una extensión de HTTP
• Utiliza el mismo puerto (80)
• Evita firewall
 Estandar abierto del IETF (RFC 2518)
 Permite a los usuario editar y administrar ficheros en
servidores remotos
• Es como FTP, pero mejor
 Más seguro, permite apilar las transferencias
• Soportado por la mayoria de los servidores web
 Apache mod_dav, extensiones IIS WebDAV
• Enlaces:
 http://tools.ietf.org/html/rfc2518
© 2009 AMX Confidential
Como usar WebDAV
• Descarga de ficheros desde un servidor
 Usa el método estandar HTTP GET
• Subir ficheros a un servidor
 Usa el método estandar HTTP PUT
•
•
•
•
Borrado de ficheros
Creación de directorios (colecciones)
Listado del contenido de una carpeta
Almacenamiento y recuperación de metadatos
© 2009 AMX Confidential
iCalendar
• Que es ?
Es un formato de intercambio para reuniones
• Usado por Outlook, iCal de apple, Google Calendar..
Usado por Xpress para describir agenda de
reproducción de contenidos media
Estandar abierto IETF (RFC 2445)
• Enlace:
http://tools.ietf.org/html/rfc2445
© 2009 AMX Confidential
Generación de ficheros iCalendar
• Xpress
 Interface intuitivo para .ics
• Outlook
 Puede exportar ficheros .ics
el cual puede ser importado
en XPress
• Sunbird
 Integrado en FireFox
 Peude abrir y modificar
agendas
 Google calendar
…
© 2009 AMX Confidential
SNMP
• Soporta “Simple Network Management Protocol” v2c
• Permite monitorizar el estado del SPX-1000, por ejemplo:






Estado de disponibilidad
Tiempo de funcionamiento
Carga del dispositivo
Estadisticas de red
Uso del espacio del almacenamiento
…
• Todos los estandares MIBs de Net-SNMP estan incluidos
• El SPX-1000 es un producto registrado
OID = 1.3.6.1.4.1.8942.1.1
 Esto se muestra como el contenido SNMPv2-MIB::sysObjectID.0
(1.3.6.1.2.1.1.2.0) node
• Ejemplo de software de monitorización: OpenNMS
© 2009 AMX Confidential