SPX-1000 y Scaled Vector Graphics Scaled Vector Graphics (SVG)
es la descripcin del lenguaje usado por el SPX- 1000 Esta tecnologa
es usada para: Definir el layout Insertar elementos multi-media en
escena Aplicar animaciones a los elementos en escena Scripting
Interactividad 2009 AMX Confidential
Diapositiva 3
SVG Tiny 1.2 SVG es un lenguaje para describir grficos 2D en
XML Los objetos de un grfico SVG: Formas grficas vectoriales
Multimedia (imgenes, 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
Diapositiva 4
SVG en XPress La aplicacin Xpress incluye un editor XML En la
pestaa XML del panel de edicin Muesta y edita el contenido XML
Puedes aadir, editar y eliminar: Elementos... Atributos viewBox
snapshotTime Height 2009 AMX Confidential
Diapositiva 5
Tags Basicos para Figuras Dibuja un rectangulo Ejemplo: un
rectangulo azul Dibuja una lnea Ejemplo: una lnea roja de 10 pixels
Dibuja un crculo Ejemplo: un criculo verde con un borde negro Ms:
http://www.w3.org/TR/SVGMobile12/shapes.html 2009 AMX
Confidential
Diapositiva 6
Ejemplos de Media Tags Insertar una imagen Posicin de la
imagen: x=200,y=10 Tamao 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
Diapositiva 7
Editors de grficos vectoriales InkScape
(http://www.inkscape.org/)http://www.inkscape.org/ Editor de cdigo
abierto con capacidades similares a Illustrator, CorelDraw, or Xara
X Usa este editor para crear escenas, logos, y fondos 2009 AMX
Confidential
Diapositiva 8
Animaciones de grficos vectoriales IKIVO Animator
(www.ikivo.com)www.ikivo.com Software de animacin grfica
profesional para la industria de dispositivos mviles IKIVO permite
crear animaciones en clips SVG complejos de forma interactiva
RapidSVG v3.0
(http://xstreamsoftware.com/rapidsvg_featuretour1.htm)http://xstreamsoftware.com/rapidsvg_featuretour1.htm
Software de animacin grfica profesional para la industria web
Perfect SVG (http://www.perfectsvg.com/)http://www.perfectsvg.com/
Herramientas de animacin de bajo coste 2009 AMX Confidential
Diapositiva 9
Recursos SVG pblicos Estandar W3C
http://www.w3.org/TR/SVGMobile12/ Tutoriales W3
http://www.w3schools.com/svg/default.asp En Wikipedia Introduccin a
SVG con ejemplos Aplicacioens soportadas: Web browsers Authoring
tools Mobile devices http://en.wikipedia.org/wiki/Svg Clip ARTS de
cdigo abierto Archivos de clips aportados por usuarios.
http://openclipart.org/ 2009 AMX Confidential
Diapositiva 10
Video Diferentes aspectos de los ficheros de video El algoritmo
de compresin: 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 cdigo fuente MPEG2-layer3 (mp3), window media audio (WMA),
2009 AMX Confidential
Diapositiva 11
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) Mxima resolucin: 720x480@30fps 720x576@25fps 2009 AMX
Confidential
Diapositiva 12
Formatos de video soportados AVI Tambin usado en ficheros DivX
Buen formato para almacenamiento Quicktime (MOV) Mpeg transport
stream (VOB) Ficheros extraidos de DVDs Formato de Window Media
ASF, WMV, WMA 2009 AMX Confidential
Diapositiva 13
Contenidos de video en XPress En XPress Abrir el fichero media
Las propiedades se muestran en el panel de edicin Ejemplo:
avatar.mpg Video Codec: mpeg2 Tamao: 720x480 Duracin del video
209.2092 minutos Bitrate 3.766 Mbps Audio Codec: mp2 Fecuencia: 32
KHz Bitrate: 224 kbps 2009 AMX Confidential
Diapositiva 14
Contenidos de video en XPress Otro ejemplo File: avatar.mov
Video Codec: h264 Tamao: 848x480 Duracin del video 246.788455
minutos Bitrate 1.809 Mbps Audio No hay audio asociado al video
2009 AMX Confidential
Diapositiva 15
Comprbacin de ficheros de video Importacin 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
15 2009 AMX Confidential
Diapositiva 16
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 conexin 2009 AMX Confidential
Diapositiva 17
Video Streaming La conexion a Internet debe estar disponibile
El video no se aloja en la cache Conexin 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 va http Crea un fichero local ASX referenciando al URI
del servidor 2009 AMX Confidential
Diapositiva 18
Scripting JavaScript Soporta nativamente SVG Implementado en el
player SPX-1000 Los scripts deben ser ejecutados desde cada frame
PHP Lenguaje generico de scripts Generacin offline de ficheros SVG
2009 AMX Confidential
Diapositiva 19
JavaScript Lenguaje nativo de script SVG Lenguaje recomendado
Ejecutado dentro de la mquina de render Informacin sobre
SVG-JavaScript Como incluir scripts:
http://www.w3.org/TR/SVGMobile12/script.html Manipulacin de los SVG
DOM: http://www.w3.org/TR/SVGMobile12/svgudom.html 2009 AMX
Confidential
Diapositiva 20
Cuando usar JavaScript Crear dinmicamente ficheros SVG Playlist
RSS news Indices burstiles, prediccin meteorolgica, Modificacinen
tiempo real de documentos Informacinen tiempo real (Instant
messaging) Interactividad Text layout Adaptacin del texto a la
resolucin del display... Extraer informacin desde servers/internet
Igual que AJAX para HTML 2009 AMX Confidential
Diapositiva 21
Adaptaciones JavaScript Metodos adicionales: Mtodos 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
Diapositiva 22
Variables compartidas Comparte informacin 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
Diapositiva 23
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
Diapositiva 24
Cuando usar PHP Crear ficheros SVG dinmicamente Formateo y
consulta de bases de datos Conversion de pginas web a formato SVG
Procesado off-line Formateo de contenidos que cambian en origen
2009 AMX Confidential
Diapositiva 25
Extensin HTTP: WebDAV Que es? Una extensin 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 Ms 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
Diapositiva 26
Como usar WebDAV Descarga de ficheros desde un servidor Usa el
mtodo estandar HTTP GET Subir ficheros a un servidor Usa el mtodo
estandar HTTP PUT Borrado de ficheros Creacin de directorios
(colecciones) Listado del contenido de una carpeta Almacenamiento y
recuperacin de metadatos 2009 AMX Confidential
Diapositiva 27
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 reproduccin de contenidos media
Estandar abierto IETF (RFC 2445) Enlace:
http://tools.ietf.org/html/rfc2445 2009 AMX Confidential
Diapositiva 28
Generacin 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
Diapositiva 29
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 monitorizacin: OpenNMS 2009 AMX
Confidential