<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>XperimentoS &#187; Glosario</title>
	<atom:link href="http://www.xperimentos.com/category/glosario/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xperimentos.com</link>
	<description>Experiencias Profesionales...</description>
	<lastBuildDate>Sun, 10 Jul 2011 12:36:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>eProcurement</title>
		<link>http://www.xperimentos.com/2009/03/05/eprocurement/</link>
		<comments>http://www.xperimentos.com/2009/03/05/eprocurement/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 12:49:37 +0000</pubDate>
		<dc:creator>ildapena</dc:creator>
				<category><![CDATA[eAdministración]]></category>
		<category><![CDATA[Glosario]]></category>
		<category><![CDATA[Sociedad de la Informacion]]></category>
		<category><![CDATA[2004/17/CE]]></category>
		<category><![CDATA[Contratación electrónica]]></category>
		<category><![CDATA[e-procurement]]></category>
		<category><![CDATA[Eprocurement]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/2009/03/05/eprocurement/</guid>
		<description><![CDATA[La Contratación Pública tiene una gran repercusión en la actividad económica de los países europeos. En España se alcanza el 11% del PIB sin tener en cuenta las empresas públicas, mientras que en Europa se alcanza un 16%&#160; de media en el presupuesto empleado en contratación/compras públicas. Es por ello y como impulso a la [...]]]></description>
			<content:encoded><![CDATA[<p><img title="image" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" height="120" alt="image" src="http://www.xperimentos.com/public/2009/03/image.png" width="150" align="left" border="0" /> La Contratación Pública tiene una gran repercusión en la actividad económica de los países europeos. En España se alcanza el <strong>11% del PIB </strong>sin tener en cuenta las empresas públicas, mientras que en Europa se alcanza un 16%&#160; de media en el presupuesto empleado en contratación/compras públicas.</p>
<p>Es por ello y como impulso a la propias economías (B2B) que desde la Comisión Europea se ha lanzado, dentro del programa IDABC, la <strong><a href="http://ec.europa.eu/idabc/eprocurement">iniciativa eProcurement</a></strong>. En concreto,&#160; en 2006 han entrado en vigor dos nuevas directivas (2004/17/CE y 2004/18/CE) que ofrecen un marco legislativo uniforme en toda Europa. Y se han fijado ambiciosos <strong>objetivos</strong> de contratación electrónica para 2010: un 100% de disponibilidad electrónica y un 50% de uso real de procedimientos de contratación por encima de los umbrales legales.</p>
<p>Para conseguir estos objetivos, las administraciones, empresas y editores de software pueden beneficiarse de las actividades de contratación electrónica europea. Estas actividades han producido directrices técnicas, herramientas y servicios que facilitan el desarrollo de sistemas que cumplen la legislación de la UE.</p>
<p>Con respecto al futuro, la contratación electrónica europea se enfrenta a varios problemas en el campo de los catálogos, las firmas y las normas. Estos problemas deben resolverse para evitar barreras de interoperabilidad.</p>
<p>Esperemos lograr este objetivo y que la administración publica sirva de motor de las nuevas tecnologías, de Internet y de las posibilidades que ofrece a la economía. Que por medio de la contratación pública, a través de medios electrónicos, se difunda el comercio electrónico al tejido productivo (empresas proveedoras de la administración) que permitiría avanzar de forma ordenada pero rápida hacia el comercio electrónico entre empresas (B2B), sobre todo entre las pymes.</p>
<p>Enlaces:</p>
<ul>
<li><a href="http://ec.europa.eu/idabc/eprocurement"><cite>Eprocurement</cite></a> </li>
<li><a href="http://ec.europa.eu/idabc/servlets/Doc?id=29446"><cite>Resumen ejecutivo del Programa Europeo IDABC </cite></a></li>
<li><a href="http://europa.eu.int/eur-lex/pri/es/oj/dat/2004/l_134/l_13420040430es00010113.pdf">directiva 2004/17/CE</a> </li>
<li><a href="http://europa.eu.int/eur-lex/pri/es/oj/dat/2004/l_134/l_13420040430es01140240.pdf">Directiva 2004/18/CE</a> </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2009/03/05/eprocurement/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Soluciones de Servidor</title>
		<link>http://www.xperimentos.com/2008/03/16/soluciones-de-servidor/</link>
		<comments>http://www.xperimentos.com/2008/03/16/soluciones-de-servidor/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 14:25:59 +0000</pubDate>
		<dc:creator>ildapena</dc:creator>
				<category><![CDATA[Glosario]]></category>
		<category><![CDATA[Servidores]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/2008/03/16/soluciones-de-servidor/</guid>
		<description><![CDATA[A continuación se recogen algunas de las soluciones de servidor, tanto software libre como propietario. Servidor WEB Se encarga de recibir peticiones HTTP desde un navegador web y sirve respuestas HTTP desde el servidor. Open Source: Apache , Sun Java System Web Server Servidor de Aplicaciones Software que se encarga de procesar la logica de [...]]]></description>
			<content:encoded><![CDATA[<p>A continuación se recogen algunas de las soluciones de servidor, tanto software libre como propietario.</p>
<p><strong><u>Servidor WEB</u></strong></p>
<p>Se encarga de recibir peticiones <a href="http://en.wikipedia.org/wiki/HTTP">HTTP</a> desde un navegador web y sirve respuestas HTTP desde el servidor.</p>
<p>Open Source: <a href="http://www.apache.org/">Apache</a> , Sun Java System Web Server</p>
<p><strong><u>Servidor de Aplicaciones</u></strong></p>
<p>Software que se encarga de procesar la logica de negocio y lanzar peticiones a los SGBD.</p>
<p>Propietarios: Microsoft Internet Information Server (IIS) , BEA WebLogic Server , IBM WebSphere, Oracle 10g Application Server</p>
<p>Open Source: <a href="http://tomcat.apache.org/">Tomcat</a> (algunos lo clasifican como contenedor de servlets) , <a href="http://docs.jboss.org/jbossas/getting_started/v4/html/">JBOSS</a> , <a href="http://wiki.jonas.objectweb.org/xwiki/bin/view/Main/WebHome">JONAS</a>, <a href="https://glassfish.dev.java.net/">GlassFish</a> o <a href="http://geronimo.apache.org/">Apache Geronimo</a></p>
<p><strong><u>Sistema Gestor de Base de Datos Relacional (<a href="http://es.wikipedia.org/wiki/Sistema_gestor_de_base_de_datos">SGBDR</a>)</u></strong> </p>
<p>Software cuyo propósito es la gestión del almacenamiento y garantía de consistencia de los datos.</p>
<p>Propietario: Oracle , DB2 o SQL Server</p>
<p>Open Source: <a href="http://www.postgresql.org/">PostgreSQL</a> o <a href="http://www.mysql.com/">MySQL</a></p>
<p><strong><u>Servidor de correo</u></strong></p>
<p>Facilitan el intercambio de mensajes entre buzones de correo, apoyándose en el protocolo <a href="http://es.wikipedia.org/wiki/SMTP">SMTP</a>.</p>
<p>Propietarios: Microsoft Exchange Server o Lotus</p>
<p>Open Source: <a href="http://www.sendmail.org/">Sendmail</a> o <a href="http://qmail.gominet.net/top.html">Qmail</a></p>
<p><strong><u>Servidor de directorio (<a href="http://es.wikipedia.org/wiki/LDAP">LDAP</a>)</u></strong></p>
<p>Funciona como repositorio único las políticas de perfiles de usuario y autenticación, tanto débil (contraseñas) como fuerte (información pública de los certificados asociados a los usuarios)</p>
<p>Propietarios: Microsoft Active Directory Server o iPlanet de Sun</p>
<p>Libres: <a href="http://www.openldap.org/">OpenLDAP</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2008/03/16/soluciones-de-servidor/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Balanced business scorecard</title>
		<link>http://www.xperimentos.com/2007/10/01/balanced-business-scorecard/</link>
		<comments>http://www.xperimentos.com/2007/10/01/balanced-business-scorecard/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 07:36:19 +0000</pubDate>
		<dc:creator>ildapena</dc:creator>
				<category><![CDATA[Gestión de sistemas]]></category>
		<category><![CDATA[Glosario]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/2007/10/01/balanced-business-scorecard/</guid>
		<description><![CDATA[Aunque es un gran desconocido para mucha gente, esta técnica de gestión de sistemas informaticos está imponiendose hoy en día en la mayoría de las empresas que quieren realizar una gestión acorde con la visión y la estrategía de la compañía. Según el libro “The Balanced ScoreCard: Translating Strategy into Action”, Harvard Business School Press, [...]]]></description>
			<content:encoded><![CDATA[<p><img border="0" align="left" src="http://www.xperimentos.com/public/2007/09/the-balanced-scorecard.jpg" alt="The Balanced Scorecard" />Aunque es un gran desconocido para mucha gente, esta técnica de gestión de sistemas informaticos está imponiendose hoy en día en la mayoría de las empresas que quieren realizar una gestión acorde con la visión y la estrategía de la compañía.</p>
<p>Según el libro “The Balanced ScoreCard: Translating Strategy into Action”, Harvard Business School Press, Boston, 1996: “el BSC es una herramienta revolucionaria para movilizar a la gente hacia el pleno cumplimiento de la misión, a través de canalizar las energías, habilidades y conocimientos específicos de la gente en la organización hacia el logro de metas estratégicas de largo plazo.</p>
<p>Algunos enlaces de interés:<br />
<a target="_blank" href="http://www.balancedscorecard.org/">Balancedscorecard.org</a><br />
<a target="_blank" href="http://es.wikipedia.org/wiki/Cuadro_de_mando_integral">Wikipedia.org</a><br />
<a target="_blank" href="http://www.gestiondelconocimiento.com/modelos_balanced_business_scorecard.htm">Gestiondelconocimiento.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/10/01/balanced-business-scorecard/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Historia del surgimiento de los sistemas ERP</title>
		<link>http://www.xperimentos.com/2007/05/23/historia-del-surgimiento-de-los-sistemas-erp/</link>
		<comments>http://www.xperimentos.com/2007/05/23/historia-del-surgimiento-de-los-sistemas-erp/#comments</comments>
		<pubDate>Wed, 23 May 2007 14:56:48 +0000</pubDate>
		<dc:creator>lcflores</dc:creator>
				<category><![CDATA[Glosario]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/2007/05/23/historia-del-surgimiento-de-los-sistemas-erp/</guid>
		<description><![CDATA[Los sistemas de Control y Planeación de Manufactura (MPC, Manufacturing Planning and Control) existieron desde los primeros días de la revolución industrial, para automatizar varias tareas y mejorar la exactitud, confiabilidad y predicibilidad de la manufactura. Después se le dio importancia al punto de reorden (ROP), estos sistemas se automatizaron con la introducción de los [...]]]></description>
			<content:encoded><![CDATA[<p>Los sistemas de Control y Planeación de Manufactura (MPC, Manufacturing Planning and Control) existieron desde los primeros días de la revolución industrial, para automatizar varias tareas y mejorar la exactitud, confiabilidad y predicibilidad de la manufactura. Después se le dio importancia al punto de reorden (ROP), estos sistemas se automatizaron con la introducción de los mainframes a finales de 1950 e inicios de 1960 (Orlicky, 1975).</p>
<p>A mediados de los 60, los sistemas computarizados de Planeación de Requerimiento de Materiales (MRP, Material Requirement Planning), empezaron lentamente a reemplazar los sistemas ROP como sistema de control de manufactura. Los sistemas MRP presentaron una clara ventaja ya que ofrecían una búsqueda hacia delante, un enfoque basado en la demanda para la planeación y orden de la manufactura de productos y del inventario.</p>
<p>Los sistemas MRP introdujeron herramientas de reportes de producción básicos computarizados, que se podían usar para evaluar la viabilidad de la agenda maestra contra la demanda de los materiales proyectada. A mediados de los 70, los sistemas de Manufacturing Resource Planning (MRP II), gradualmente empezaron a reemplazar los sistemas MRP como principal sistema de control de manufactura. Estos sistemas desarrollados con las capacidades de administración basados en la demanda de los MRP, agregando la capacidad de la planeación de los requerimientos, (CRP), capacidades para crear una integración. Por primera vez los sistemas MRP II hicieron lo posible para integrar ambos requerimientos de materiales y capacidad de producción y las limitantes en el cálculo de todas las capacidades de producción.</p>
<p>La Tecnología de Información que caracterizaba los ambientes de manufactura en los 60,70 y 80 estaba enfocada principalmente en automatizar el poder de la tecnología que pudiera ser usada para hacer las grandes operaciones de manufactura más eficientes. Los sistemas ROP, MRP y MRP II que eventualmente evolucionaron se caracterizaban por usar computadoras mainframe, bases de datos jerárquicas y sistemas de procesamiento de transacciones complejas, ajustándose principalmente hacia la administración de un ambiente de producción de pocos productos, con altos volúmenes, bajo condiciones de demanda constante. Aunque la eficiencia era alta, estos sistemas eran a menudo inflexibles cuando venía la producción de cantidades variables de más productos del cliente en órdenes cortas.</p>
<p>A finales de los 80 el crecimiento de la inestabilidad de la manufactura que enfrentaba Estados Unidos, las empresas podían directamente ligarse al natural cambio de tecnología de información y el advenimiento de la competencia basada en el tiempo.</p>
<p>La Tecnología crea y transforma ambas opciones, la cual en turno transforma el mercado a través de cambios revolucionarios hacia las capacidades de los clientes y proveedores.</p>
<p>Los avances rápidos de las tecnologías de información dejaron las viejas reglas de competencia y el duradero entendimiento de la relación cliente-proveedor obsoleto. Esta &#8220;nueva realidad&#8221; se traduce a la necesidad de un entorno de producción dinámico en el cual los productos y procesos pueden cambiar semanalmente y las agendas de la producción pueden cambiar diariamente. Los sistemas MRP-II requieren un alto grado de intervención del humano, en hacer los ajustes apropiados a las agendas y en la  determinación de la secuencia óptima de las órdenes de manufactura que se adapten mejor al entorno dinámico y a menudo volátil. La solución a este problema vino durante los principios de los 90, en la forma de ejecutar los sistemas de manufactura.</p>
<p>La salida de los MES (Manufacturing Execution Systems), representan el desarrollo de una interfase crítica entre los sistemas MRP-II de las empresas y los sistemas de control. La contribución más importante de los sistemas MES es que unifica los procesos de manufactura centrales con un sistema de valor de entrega enfocado a los requerimientos y demanda de los clientes. Provee para la flexibilidad, la ejecución de tiempo real, la retroalimentación y control de un extenso rango de procesos relacionados con la manufactura, un mejor encuentro con los requerimientos futuros del mercado (Rondeau, Litteral; 2001).</p>
<p>A finales de los 90 el incremento de los niveles de competitividad global combinados con los cambios del mercado y de la tecnología, causaron que muchas empresas repensaran y reinventaran sus productos y servicios, incluyendo su estructura organizacional y controles operacionales. Las empresas que operan globalmente pronto se dieron cuenta que entre más flexible sea el desarrollo de recursos y mejor sea el enfoque para la extracción del valor de su información enriquecedora del entorno fueron necesitadas para alinear las empresas con las necesidades de los clientes. (Reary, 2000).</p>
<p>Aunque la introducción de los sistemas MES mejoraron grandemente el grado de integración vertical con las funciones de producción de los 90, los sistemas ERP (Enterprise Resource Planning) generan un mejor grado de integración horizontal de las empresas ahora. Los sistemas ERP marcan un punto significante en el desarrollo de los sistemas MPC ya que habilitan a las empresas hacia la directriz global de la mejora continua de los procesos de cadena con el proveedor a través de una administración flexible con el cliente.</p>
<p>El éxito de la implementación de un sistema ERP permite la identificación e implementación de un conjunto de las mejores prácticas, procedimientos y herramientas diseñadas para lograr la excelencia organizacional a través de la integración funcional. (Mabert, Ashok, Venkataramanan; 2000).</p>
<p>Los sistemas ERP prometen entregar un incremento en las ventas sobre sus predecesores MPR-II en la forma de una suite de productos integrados corriendo bajo una arquitectura común de Tecnologías de Información que pueda ser altamente acoplada e integrada con cualquier otra aplicación de los sistemas heredados (legacy). (Tetu, 1998).</p>
<p>Artículo original publicado por <strong>Federico Plancarte Sánchez</strong> en <a href="http://www.gestiopolis.com/recursos4/docs/ger/planerp.htm">http://www.gestiopolis.com/recursos4/docs/ger/planerp.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/05/23/historia-del-surgimiento-de-los-sistemas-erp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>¿Cómo medir sistemas de información?</title>
		<link>http://www.xperimentos.com/2007/05/04/%c2%bfcomo-medir-sistemas-de-informacion/</link>
		<comments>http://www.xperimentos.com/2007/05/04/%c2%bfcomo-medir-sistemas-de-informacion/#comments</comments>
		<pubDate>Fri, 04 May 2007 12:19:31 +0000</pubDate>
		<dc:creator>ildapena</dc:creator>
				<category><![CDATA[Glosario]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=173</guid>
		<description><![CDATA[La medida de un sistema de información se realiza en base a Benchmarks estandards o comparativas, normalmente realizadas por empresas externas. Éstas se encargan de hace los test y publican los resultados. Hay benchmarks de todo tipo, pero normalmente para servidores se suele decir que con la plataforma X (HP-UX, Linux) y la aplicación X (Siebel, Sap, [...]]]></description>
			<content:encoded><![CDATA[<p>La medida de un sistema de información se realiza en base a <a target="_blank" href="http://es.wikipedia.org/wiki/Benchmark" title="Benchmark en Wikipedia">Benchmarks</a> estandards o comparativas, normalmente realizadas por empresas externas. Éstas se encargan de hace los test y publican los resultados.</p>
<p>Hay benchmarks de todo tipo, pero normalmente para servidores se suele decir que con la plataforma X (HP-UX, Linux) y la aplicación X (Siebel, Sap, Appache&#8230;) se consiguen X transacciones por segundo o una transferencia de datos de tanto o&#8230;.<br />
También programas que realizan una bateria de pruebas completa y simulan la caga de un Oracle o Appache o Siebel&#8230; etc y mide todos los parámetros.</p>
<p>Puedes encontrar mas inforamción en:</p>
<p><a target="_blank" href="http://www.spec.org/">The Standard Performance Evaluation Corporation (SPEC) </a><br />
<a target="_blank" href="http://www.tpc.org/">Transaction Processing Performance Council (TPC)</a><br />
<a target="_blank" href="http://es.wikipedia.org/wiki/Benchmark">Elemplo en Transaction Processing Performance Council (TPC)<br />
Benchmark en Wikipedia</a><br />
<a target="_blank" href="http://es.wikipedia.org/wiki/SPEC">SPEC en Wikipedia</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/05/04/%c2%bfcomo-medir-sistemas-de-informacion/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>¿Qué es MP4?</title>
		<link>http://www.xperimentos.com/2007/03/28/que-es-mp4/</link>
		<comments>http://www.xperimentos.com/2007/03/28/que-es-mp4/#comments</comments>
		<pubDate>Wed, 28 Mar 2007 12:00:22 +0000</pubDate>
		<dc:creator>ildapena</dc:creator>
				<category><![CDATA[Glosario]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=127</guid>
		<description><![CDATA[¿MP4 es un formato de contenedor multimedia definido dentro del estandar MPEG-4. Permite almacenar streams de audio y video, asi como subtitulos. La extensión de estos ficheros es .mp4 Tambien se aplica el nombre MP4 a reproductores de video y audio, como si se tratara de una mejora sobre los reproductores MP3. ¿Qué es un [...]]]></description>
			<content:encoded><![CDATA[<p>¿MP4 es un formato de contenedor multimedia definido dentro del estandar MPEG-4. Permite almacenar streams de audio y video, asi como subtitulos.</p>
<p>La extensión de estos ficheros es .mp4</p>
<p>Tambien se aplica el nombre MP4 a reproductores de video y audio, como si se tratara de una mejora sobre los reproductores MP3.</p>
<p><strong><u>¿Qué es un contenedor digital?</u></strong></p>
<p>Es un fichero que contiene distintos tipos de datos, comprimidos mediante codecs estandares de audio y video.</p>
<p>Algunos contenedores solo soportan audio pero los más avanzas incluyen audio, video, subtitulos e información (metadata) sobre el archivo.</p>
<ul>
<li>Sólo audio: WAV de Windows</li>
<li>Audio y video:
<ul>
<li>AVI y ASF (contenedor de wma y wmv) de Windows</li>
<li>MOV de Apple</li>
<li>MP4</li>
<li>Matroska / MKV (contenedor open source ).</li>
</ul>
</li>
</ul>
<p>Enlaces:<br />
<a href="http://es.wikipedia.org/wiki/MP4">http://es.wikipedia.org/wiki/MP4</a><br />
<a href="http://en.wikipedia.org/wiki/Category:MPEG" title="http://en.wikipedia.org/wiki/Category:MPEG">http://en.wikipedia.org/wiki/Category:MPEG</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/03/28/que-es-mp4/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>El est&#225;ndar SVG</title>
		<link>http://www.xperimentos.com/2007/03/21/el-estndar-svg/</link>
		<comments>http://www.xperimentos.com/2007/03/21/el-estndar-svg/#comments</comments>
		<pubDate>Wed, 21 Mar 2007 11:52:40 +0000</pubDate>
		<dc:creator>lcflores</dc:creator>
				<category><![CDATA[Glosario]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=118</guid>
		<description><![CDATA[Durante el ultimo mes hemos publicado varios post sobre el estándar SVG. Aunque quizás no con la fuerza que se pensaba en un principio, SVG es y será el estándar para graficos vectoriales en la Web. Os resumimos los puntos tratados: SVG (I). Introducción: Introducción al estándar, sus ventajas y posibles usos. SVG (II). Estructura de [...]]]></description>
			<content:encoded><![CDATA[<p>Durante el ultimo mes hemos publicado varios post sobre el estándar <a href="http://www.w3.org/Graphics/SVG/">SVG</a>. Aunque quizás no con la fuerza que se pensaba en un principio, SVG es y será el estándar para graficos vectoriales en la Web.</p>
<p>Os resumimos los puntos tratados:</p>
<ul>
<li><a rel="SVG (I). Introducción" target="_blank" href="http://www.xperimentos.com/2007/02/19/svg-i-introduccion/">SVG (I). Introducción</a>: Introducción al estándar, sus ventajas y posibles usos.</li>
</ul>
<ul>
<li><a rel="SVG (II). Estructura de un documento SVG" target="_blank" href="http://www.xperimentos.com/2007/02/24/svg-ii-estructura-de-un-documento-svg/">SVG (II). Estructura de un documento SVG</a>: Detallamos la estructura general de un gráfico SVG.</li>
</ul>
<ul>
<li><a rel="SVG (III). Formas Básicas" target="_blank" href="http://www.xperimentos.com/2007/02/26/svg-iii-formas-basicas/">SVG (III). Formas Básicas</a>: Dibujamos formas básicas con SVG (rectángulos, círculos, elipses, líneas, polilineas y polígonos).</li>
</ul>
<ul>
<li><a rel="SVG (IV). Texto" target="_blank" href="http://www.xperimentos.com/2007/03/01/svg-iv-texto/">SVG (IV). Texto</a>: Texto en un dibujo vectorial.</li>
</ul>
<ul>
<li><a rel="SVG (V). Transformaciones" target="_blank" href="http://www.xperimentos.com/2007/03/17/svg-v-transformaciones/">SVG (V). Transformaciones</a>: Marcos, sistemas de coordenadas y transformaciones.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/03/21/el-estndar-svg/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SVG (V). Transformaciones</title>
		<link>http://www.xperimentos.com/2007/03/17/svg-v-transformaciones/</link>
		<comments>http://www.xperimentos.com/2007/03/17/svg-v-transformaciones/#comments</comments>
		<pubDate>Sat, 17 Mar 2007 09:15:08 +0000</pubDate>
		<dc:creator>lcflores</dc:creator>
				<category><![CDATA[Glosario]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=111</guid>
		<description><![CDATA[El lienzo SVG es infinito por cada una de las dimensiones del espacio, pero solo se puede visualizar una región rectangular finita de él. Esta región rectangular finita es llamada marco (viewport). El tamaño del marco SVG (es decir, su ancho y alto) es determinado por un proceso de negociación entre el fragmento de documento [...]]]></description>
			<content:encoded><![CDATA[<p>El lienzo SVG es infinito por cada una de las dimensiones del espacio, pero solo se puede visualizar una región rectangular finita de él. Esta región rectangular finita es llamada marco (<em>viewport</em>).</p>
<p>El tamaño del marco SVG (es decir, su ancho y alto) es determinado por un proceso de negociación entre el fragmento de documento SVG y sus parientes (reales o implícitos). Una vez que el proceso de negociación esta completado, se provee al agente  SVG de la siguiente información:</p>
<ul>
<li>Un número (normalmente entero) que representa el ancho en “<em>pixels</em>” del marco.</li>
<li>Un número (normalmente entero) que representa el alto en “<em>pixels</em>” del marco.</li>
</ul>
<p>Usando esta información, el agente SVG determina el marco, un sistema inicial de coordenadas para el marco y un sistema inicial de coordenadas de usuario de forma que los dos sistemas de coordenadas son idénticos. Ambos sistemas de coordenadas son establecidos de forma que encajan con el origen del marco (esquina izquierda superior), y una unidad en el sistema inicial de coordenadas es igual a un “<em>píxel</em>” en el marco. El sistema inicial de coordenadas es llamado también “<em>viewport space</em>” y el sistema inicial de coordenadas de usuario es llamado también “<em>user space</em>”.</p>
<p>La longitud en SVG puede ser especificada en: em, ex, px, pt, pc, cm, mm, in, y también en porcentajes.<br />
Un nuevo “<em>user space</em>” (es decir, un nuevo sistema de coordenadas) puede ser establecido en cualquier lugar de un fragmento de documento SVG mediante la especificación de las matrices de transformación o simplemente mediante operaciones como la rotación, torsión, extensión y translación. Establecer un nuevo sistema de coordenadas usando transformaciones es una de la operaciones fundamentales en los gráficos 2D y el método más usual de controlar el tamaño y  la posición de los objetos gráficos.</p>
<p>También pueden establecerse nuevos marcos.  De esta forma se pueden redefinir el significado de las unidades de porcentaje y proveer una nueva referencia que ajuste un gráfico a un área rectangular determinada.</p>
<p><span id="more-111"></span><br />
<strong>El sistema inicial de coordenadas</strong></p>
<p>Fuera del elemento “<em>svg</em>”, el agente SVG determina el sistema de coordenadas inicial del marco y un sistema inicial de coordenadas de usuario de forma que los dos sistemas de coordenadas son idénticos. Ambos sistemas de coordenadas son establecidos de forma que encajan con el origen del marco (esquina izquierda superior), y una unidad en el sistema inicial de coordenadas es igual a un “<em>píxel</em>” en el marco.</p>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;300px&#8221; height=&#8221;100px&#8221; version=&#8221;1.1&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8220;&gt;<br />
  &lt;desc&gt;Example InitialCoords &#8211; SVG&#8217;s initial coordinate system&lt;/desc&gt;</p>
<p>  &lt;g fill=&#8221;none&#8221; stroke=&#8221;black&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
    &lt;line x1=&#8221;0&#8243; y1=&#8221;1.5&#8243; x2=&#8221;300&#8243; y2=&#8221;1.5&#8243; /&gt;<br />
    &lt;line x1=&#8221;1.5&#8243; y1=&#8221;0&#8243; x2=&#8221;1.5&#8243; y2=&#8221;100&#8243; /&gt;<br />
  &lt;/g&gt;<br />
  &lt;g fill=&#8221;red&#8221; stroke=&#8221;none&#8221; &gt;<br />
    &lt;rect x=&#8221;0&#8243; y=&#8221;0&#8243; width=&#8221;3&#8243; height=&#8221;3&#8243; /&gt;<br />
    &lt;rect x=&#8221;297&#8243; y=&#8221;0&#8243; width=&#8221;3&#8243; height=&#8221;3&#8243; /&gt;<br />
    &lt;rect x=&#8221;0&#8243; y=&#8221;97&#8243; width=&#8221;3&#8243; height=&#8221;3&#8243; /&gt;<br />
  &lt;/g&gt;<br />
  &lt;g font-size=&#8221;14&#8243; font-family=&#8221;Verdana&#8221; &gt;<br />
    &lt;text x=&#8221;10&#8243; y=&#8221;20&#8243;&gt;(0,0)&lt;/text&gt;<br />
    &lt;text x=&#8221;240&#8243; y=&#8221;20&#8243;&gt;(300,0)&lt;/text&gt;<br />
    &lt;text x=&#8221;10&#8243; y=&#8221;90&#8243;&gt;(0,100)&lt;/text&gt;<br />
  &lt;/g&gt;<br />
&lt;/svg&gt;</p></blockquote>
<p><strong>Transformaciones del sistemas de coordenadas</strong></p>
<p>Un nuevo “<em>user space</em>” (es decir, un nuevo sistema de coordenadas) puede ser establecido en cualquier lugar de un fragmento de documento SVG mediante la especificación de transformaciones en el atributo “<em>transform</em>” en un elemento contenedor (de grupo) o en los elementos gráficos o en un atributo “<em>viewBox</em>”  dentro de los elementos “<em>svg</em>”, “<em>symbol</em>”, “<em>marker</em>”, “<em>pattern</em>” y “<em>view</em>”.</p>
<p>Los atributos “<em>transform</em>” y “<em>viewBox</em>” transforman en el espacio de coordenadas de usuario y las longitudes de los atributos hermanos en los elementos dados y todos sus descendientes. Las transformaciones pueden ser anidadas, en cuyo caso el efecto final será el de las transformaciones acumuladas.</p>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;400px&#8221; height=&#8221;150px&#8221; version=&#8221;1.1&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8220;&gt;<br />
  &lt;desc&gt;Example OrigCoordSys &#8211; Simple transformations: original picture&lt;/desc&gt;<br />
  &lt;g fill=&#8221;none&#8221; stroke=&#8221;black&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
    &lt;!&#8211; Draw the axes of the original coordinate system &#8211;&gt;<br />
    &lt;line x1=&#8221;0&#8243; y1=&#8221;1.5&#8243; x2=&#8221;400&#8243; y2=&#8221;1.5&#8243; /&gt;<br />
    &lt;line x1=&#8221;1.5&#8243; y1=&#8221;0&#8243; x2=&#8221;1.5&#8243; y2=&#8221;150&#8243; /&gt;<br />
  &lt;/g&gt;<br />
  &lt;g&gt;<br />
    &lt;text x=&#8221;30&#8243; y=&#8221;30&#8243; font-size=&#8221;20&#8243; font-family=&#8221;Verdana&#8221; &gt;<br />
      ABC (orig coord system)<br />
    &lt;/text&gt;<br />
  &lt;/g&gt;<br />
&lt;/svg&gt;</p></blockquote>
<p><strong>Transformaciones anidadas</strong></p>
<p>Las transformaciones pueden ser anidadas con todos los niveles necesarios. El efecto final de las transformaciones anidadas es el de la concatenación de la secuencia de transformaciones. Matemáticamente consiste en la multiplicación de las matrices de transformación definidas.</p>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;400px&#8221; height=&#8221;150px&#8221; version=&#8221;1.1&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8220;&gt;<br />
  &lt;desc&gt;Example Nested &#8211; Nested transformations&lt;/desc&gt;<br />
  &lt;g fill=&#8221;none&#8221; stroke=&#8221;black&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
    &lt;!&#8211; Draw the axes of the original coordinate system &#8211;&gt;<br />
    &lt;line x1=&#8221;0&#8243; y1=&#8221;1.5&#8243; x2=&#8221;400&#8243; y2=&#8221;1.5&#8243; /&gt;<br />
    &lt;line x1=&#8221;1.5&#8243; y1=&#8221;0&#8243; x2=&#8221;1.5&#8243; y2=&#8221;150&#8243; /&gt;<br />
  &lt;/g&gt;<br />
  &lt;!&#8211; First, a translate &#8211;&gt;<br />
  &lt;g transform=&#8221;translate(50,90)&#8221;&gt;<br />
    &lt;g fill=&#8221;none&#8221; stroke=&#8221;red&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
      &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;50&#8243; y2=&#8221;0&#8243; /&gt;<br />
      &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;0&#8243; y2=&#8221;50&#8243; /&gt;<br />
    &lt;/g&gt;<br />
    &lt;text x=&#8221;0&#8243; y=&#8221;0&#8243; font-size=&#8221;16&#8243; font-family=&#8221;Verdana&#8221; &gt;<br />
      &#8230;.Translate(1)<br />
    &lt;/text&gt;<br />
    &lt;!&#8211; Second, a rotate &#8211;&gt;<br />
    &lt;g transform=&#8221;rotate(-45)&#8221;&gt;<br />
      &lt;g fill=&#8221;none&#8221; stroke=&#8221;green&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
        &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;50&#8243; y2=&#8221;0&#8243; /&gt;<br />
        &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;0&#8243; y2=&#8221;50&#8243; /&gt;<br />
      &lt;/g&gt;<br />
      &lt;text x=&#8221;0&#8243; y=&#8221;0&#8243; font-size=&#8221;16&#8243; font-family=&#8221;Verdana&#8221; &gt;<br />
        &#8230;.Rotate(2)<br />
      &lt;/text&gt;<br />
      &lt;!&#8211; Third, another translate &#8211;&gt;<br />
      &lt;g transform=&#8221;translate(130,160)&#8221;&gt;<br />
        &lt;g fill=&#8221;none&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;3&#8243; &gt;<br />
          &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;50&#8243; y2=&#8221;0&#8243; /&gt;<br />
          &lt;line x1=&#8221;0&#8243; y1=&#8221;0&#8243; x2=&#8221;0&#8243; y2=&#8221;50&#8243; /&gt;<br />
        &lt;/g&gt;<br />
        &lt;text x=&#8221;0&#8243; y=&#8221;0&#8243; font-size=&#8221;16&#8243; font-family=&#8221;Verdana&#8221; &gt;<br />
          &#8230;.Translate(3)<br />
        &lt;/text&gt;<br />
      &lt;/g&gt;<br />
    &lt;/g&gt;<br />
  &lt;/g&gt;<br />
&lt;/svg&gt;</p></blockquote>
<p><strong>El atributo “<em>transform</em>”</strong></p>
<p>El valor del atributo “<em>tranform</em>” es un &lt;transform-list&gt;, el cual se define como una lista de definiciones de transformación aplicada en el orden de aparición. Cada definición de una transformación individual es separada por un espacio en blanco y/o una coma. Los tipos disponibles transformaciones son:</p>
<ul>
<li><em>matrix(&lt;a&gt; &lt;b&gt; &lt;c&gt; &lt;d&gt; &lt;e&gt; &lt;f&gt;)<br />
</em>Especifica una transformación a partir de una matriz de 6 valores. matrix(a,b,c,d,e,f) es equivalente a matrix [a b c d e f].</li>
<li><em>translate(&lt;tx&gt; [&lt;ty&gt;])<br />
</em>Especifica una translación en &lt;tx&gt; y &lt;ty&gt; unidades. Si &lt;ty&gt; no es especificado, es asumido que es 0.</li>
<li><em>scale(&lt;sx&gt; [&lt;sy&gt;])<br />
</em>Especifica una operación de cambio de escala en &lt;sx&gt; y &lt;sy&gt; unidades. Si &lt;sy&gt; no es especificado, es asumido que es 0.</li>
<li><em>rotate(&lt;rotate-angle&gt; [&lt;cx&gt; &lt;cy&gt;])<br />
</em>Especifica una rotación en &lt;rotate-angle&gt; grados sobre el punto dado. Los parámetros &lt;cx&gt; y &lt;cy&gt; son opcionales, si no son especificados se usara como punto de origen para la rotación el origen del actual sistema de coordenadas de usuario. La operación corresponde a la matriz: matrix [cos(a) sin(a) -sin(a) cos(a) 0 0].</li>
</ul>
<p>Ejemplo (en todas las transformaciones todos los valores numéricos son reales): </p>
<blockquote><p>&lt;g transform=&#8221;translate(-10,-20) scale(2) rotate(45) translate(5,10)&#8221;&gt;<br />
  &lt;!&#8211; graphics elements go here &#8211;&gt;<br />
&lt;/g&gt;</p></blockquote>
<p>Que es funcionalmente equivalente a:</p>
<blockquote><p>&lt;g transform=&#8221;translate(-10,-20)&#8221;&gt;<br />
  &lt;g transform=&#8221;scale(2)&#8221;&gt;<br />
    &lt;g transform=&#8221;rotate(45)&#8221;&gt;<br />
      &lt;g transform=&#8221;translate(5,10)&#8221;&gt;<br />
        &lt;!&#8211; graphics elements go here &#8211;&gt;<br />
      &lt;/g&gt;<br />
    &lt;/g&gt;<br />
  &lt;/g&gt;<br />
&lt;/g&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/03/17/svg-v-transformaciones/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SVG (IV). Texto</title>
		<link>http://www.xperimentos.com/2007/03/01/svg-iv-texto/</link>
		<comments>http://www.xperimentos.com/2007/03/01/svg-iv-texto/#comments</comments>
		<pubDate>Thu, 01 Mar 2007 18:34:15 +0000</pubDate>
		<dc:creator>lcflores</dc:creator>
				<category><![CDATA[Glosario]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=83</guid>
		<description><![CDATA[El texto que debe ser visualizado como parte de un fragmento de documento SVG es especificado usando el elemento “text”. Los caracteres son expresados como datos de caracteres en XML dentro del elemento “text”. Los elementos “text” son visualizados como otros gráficos. Por consiguiente, el las transformaciones del sistemas de coordenadas, los recortes (clipping) y [...]]]></description>
			<content:encoded><![CDATA[<p>El texto que debe ser visualizado como parte de un fragmento de documento SVG es especificado usando el elemento “<em>text</em>”. Los caracteres son expresados como datos de caracteres en XML dentro del elemento “<em>text</em>”.</p>
<p>Los elementos “<em>text</em>” son visualizados como otros gráficos. Por consiguiente, el las transformaciones del sistemas de coordenadas, los recortes (<em>clipping</em>) y las de funcionalidades de mascaras son aplicadas a los elementos “<em>text</em>” de la misma forma que a las diferentes formas y paths.</p>
<p>Cada elemento “<em>text</em>” produce una simple cadena de texto que será visualizada. SVG no permite una forma automática de saltos de línea o wrapping. Para ello, hay que recurrir a diversos métodos como por ejemplo, poner cada una de las líneas en un elemento “<em>text</em>” diferente.</p>
<p><span id="more-83"></span></p>
<p><strong>El elemento “<em>text</em>”</strong></p>
<p>El elemento “<em>text</em>” define un elemento gráfico consistentes en texto. Los atributos y propiedades del elemento “<em>text</em>” permiten describir exactamente cómo será visualizado, pero además de poder usar sus propiedades y atributos para formatear el texto, es posible aplicar otras funcionalidades de SVG al texto, como por ejemplo un gradiente, un patrón, un camino de recorte, marcaras o filtros.</p>
<p>Atributos:</p>
<ul>
<li><em>x = &#8220;&lt;coordinate&gt;+&#8221;</em><br />
Si es una simple coordenada, representa el valor absoluto de la coordenada x para la posición de visualización del texto, correspondiente con el primer carácter del elemento.<br />
Si con comas o con espacios en blanco aparece una lista de &lt;n&gt; &lt;coordinate&gt;, sus valores representan el valor absoluto de las coordenadas x para las posiciones de visualización del texto, correspondientes con cada uno de los &lt;n&gt; primeros caracteres del elemento.<br />
Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>y = &#8220;&lt;coordinate&gt;+&#8221;</em><br />
Si es una simple coordenada, representa el valor absoluto de la coordenada y para la posición de visualización del texto, correspondiente con el primer carácter del elemento.<br />
Si con comas o con espacios en blanco aparece una lista de &lt;n&gt; &lt;coordinate&gt;, sus valores representan el valor absoluto de las coordenadas y para las posiciones de visualización del texto, correspondientes con cada uno de los &lt;n&gt; primeros caracteres del elemento.<br />
Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>dx = &#8220;&lt;length&gt;+&#8221;</em><br />
Desplaza los caracteres del texto a lo lago del eje x a partir de la posición actual en x unidades. Si el atributo no es especificado en el elemento o en alguno de sus descendiente, el texto no sufrirá ningún desplazamiento adicional.</li>
<li><em>dy = &#8220;&lt;length&gt;+&#8221;</em><br />
Desplaza los caracteres del texto a lo lago del eje x a partir de la posición actual en x unidades. Si el atributo no es especificado en el elemento o en alguno de sus descendiente, el texto no sufrirá ningún desplazamiento adicional.</li>
<li><em>rotate = &#8220;&lt;number&gt;+&#8221;</em><br />
Rota los caracteres del texto a partir de la posición actual. Si el atributo no es especificado en el elemento o en alguno de sus descendiente, el texto no sufrirá ninguna rotación adicional.</li>
</ul>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;10cm&#8221; height=&#8221;3cm&#8221; viewBox=&#8221;0 0 1000 300&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8221; version=&#8221;1.1&#8243;&gt;<br />
  &lt;desc&gt;Example text01 &#8211; &#8216;Hello, out there&#8217; in blue&lt;/desc&gt;<br />
  &lt;text x=&#8221;250&#8243; y=&#8221;150&#8243;<br />
        font-family=&#8221;Verdana&#8221; font-size=&#8221;55&#8243; fill=&#8221;blue&#8221; &gt;<br />
    Hello, out there<br />
  &lt;/text&gt;<br />
  &lt;!&#8211; Show outline of canvas using &#8216;rect&#8217; element &#8211;&gt;<br />
  &lt;rect x=&#8221;1&#8243; y=&#8221;1&#8243; width=&#8221;998&#8243; height=&#8221;298&#8243;<br />
        fill=&#8221;none&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;2&#8243; /&gt;<br />
&lt;/svg&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/03/01/svg-iv-texto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SVG (III). Formas Básicas</title>
		<link>http://www.xperimentos.com/2007/02/26/svg-iii-formas-basicas/</link>
		<comments>http://www.xperimentos.com/2007/02/26/svg-iii-formas-basicas/#comments</comments>
		<pubDate>Mon, 26 Feb 2007 07:09:28 +0000</pubDate>
		<dc:creator>lcflores</dc:creator>
				<category><![CDATA[Glosario]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.xperimentos.com/?p=79</guid>
		<description><![CDATA[SVG contiene el siguiente conjunto de elementos de formas básicas: rectángulos (rectangles), incluidos los rectángulos de esquinas redondeadas. círculos (circles) elipses (ellipses) líneas (lines) polilineas (polylines) polígonos (polygons) Matemáticamente, estas formas son equivalentes a un elemento “path” que podría contruir la misma forma. Las formas básicas pueden tener diferentes trazos, rellenos y ser usadas como [...]]]></description>
			<content:encoded><![CDATA[<p>SVG contiene el siguiente conjunto de elementos de formas básicas:</p>
<ul>
<li>rectángulos (rectangles), incluidos los rectángulos de esquinas redondeadas.</li>
<li>círculos (circles)</li>
<li>elipses (ellipses)</li>
<li>líneas (lines)</li>
<li>polilineas (polylines)</li>
<li>polígonos (polygons)</li>
</ul>
<p>Matemáticamente, estas formas son equivalentes a un elemento “<em>path</em>” que podría contruir la misma forma. Las formas básicas pueden tener diferentes trazos, rellenos y ser usadas como caminos de corte (<em>clip paths</em>). Todas las propiedades disponibles en los elementos “<em>path</em>” pueden ser también aplicadas en las formas básicas.</p>
<p><span id="more-79"></span></p>
<p><strong>El elemento “<em>rect</em>”</strong></p>
<p>El elemento “<em>rect</em>” define un rectángulo con su eje alineado con el actual sistema de coordenadas. Los rectángulos redondeados pueden ser también obtenidos ajustando los atributos “<em>rx</em>” y “<em>ry</em>”.</p>
<p>Atributos:</p>
<ul>
<li><em>x = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje x del lado del rectángulo, el cual tiene el menor valor para la coordenada x en el actual sistema de coordenadas. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>y = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje y del lado del rectángulo, el cual tiene el menor valor para la coordenada y en el actual sistema de coordenadas. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>width = &#8220;&lt;length&gt;&#8221;</em><br />
La anchura del rectángulo. Un valor negativo producirá un error. Un valor igual a 0 deshabilitara la visualización del elemento.</li>
<li><em>height = &#8220;&lt;length&gt;&#8221;</em><br />
La altura del rectángulo. Un valor negativo producirá un error. Un valor igual a 0 deshabilitara la visualización del elemento.</li>
</ul>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;12cm&#8221; height=&#8221;4cm&#8221; viewBox=&#8221;0 0 1200 400&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8221; version=&#8221;1.1&#8243;&gt;<br />
  &lt;desc&gt;Example rect01 &#8211; rectangle with sharp corners&lt;/desc&gt;<br />
  &lt;!&#8211; Show outline of canvas using &#8216;rect&#8217; element &#8211;&gt;<br />
  &lt;rect x=&#8221;1&#8243; y=&#8221;1&#8243; width=&#8221;1198&#8243; height=&#8221;398&#8243;<br />
        fill=&#8221;none&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;2&#8243;/&gt;<br />
  &lt;rect x=&#8221;400&#8243; y=&#8221;100&#8243; width=&#8221;400&#8243; height=&#8221;200&#8243;<br />
        fill=&#8221;yellow&#8221; stroke=&#8221;navy&#8221; stroke-width=&#8221;10&#8243;  /&gt;<br />
&lt;/svg&gt;</p></blockquote>
<p><strong>El elemento “circle”</strong></p>
<p>El elemento “<em>circle</em>” define un círculo basado en un punto central y un radio.</p>
<p>Atributos:</p>
<ul>
<li><em>cx = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje x del centro del circulo. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>cy = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje y del centro del circulo. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>r = &#8220;&lt;length&gt;&#8221;</em><br />
El radio del círculo. The radius of the circle. Un valor negativo producirá un error. Un valor igual a 0 deshabilitara la visualización del elemento. </li>
</ul>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;12cm&#8221; height=&#8221;4cm&#8221; viewBox=&#8221;0 0 1200 400&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8221; version=&#8221;1.1&#8243;&gt;<br />
  &lt;desc&gt;Example circle01 &#8211; circle filled with red and stroked with blue&lt;/desc&gt;<br />
  &lt;!&#8211; Show outline of canvas using &#8216;rect&#8217; element &#8211;&gt;<br />
  &lt;rect x=&#8221;1&#8243; y=&#8221;1&#8243; width=&#8221;1198&#8243; height=&#8221;398&#8243;<br />
        fill=&#8221;none&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;2&#8243;/&gt;<br />
  &lt;circle cx=&#8221;600&#8243; cy=&#8221;200&#8243; r=&#8221;100&#8243;<br />
        fill=&#8221;red&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;10&#8243;  /&gt;<br />
&lt;/svg&gt;</p></blockquote>
<p><strong>El elemento “<em>line</em>”</strong></p>
<p>El elemento “<em>line</em>” define un segmento de línea que empieza en un punto y termina en otro.</p>
<p>Atributos:</p>
<ul>
<li><em>x1 = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje x del principio de la línea. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>y1 = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje y del principio de la línea. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>x2 = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje x del final de la línea. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
<li><em>y2 = &#8220;&lt;coordinate&gt;&#8221;</em><br />
La coordenada del eje y del final de la línea. Si el atributo no es especificado, el efecto es como su tuviera un 0.</li>
</ul>
<p>Ejemplo:</p>
<blockquote><p>&lt;?xml version=&#8221;1.0&#8243; standalone=&#8221;no&#8221;?&gt;<br />
&lt;!DOCTYPE svg PUBLIC &#8220;-//W3C//DTD SVG 1.1//EN&#8221;<br />
  &#8220;<a href="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd</a>&#8220;&gt;<br />
&lt;svg width=&#8221;12cm&#8221; height=&#8221;4cm&#8221; viewBox=&#8221;0 0 1200 400&#8243;<br />
     xmlns=&#8221;<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>&#8221; version=&#8221;1.1&#8243;&gt;<br />
  &lt;desc&gt;Example line01 &#8211; lines expressed in user coordinates&lt;/desc&gt;<br />
  &lt;!&#8211; Show outline of canvas using &#8216;rect&#8217; element &#8211;&gt;<br />
  &lt;rect x=&#8221;1&#8243; y=&#8221;1&#8243; width=&#8221;1198&#8243; height=&#8221;398&#8243;<br />
        fill=&#8221;none&#8221; stroke=&#8221;blue&#8221; stroke-width=&#8221;2&#8243; /&gt;<br />
  &lt;g stroke=&#8221;green&#8221; &gt;<br />
    &lt;line x1=&#8221;100&#8243; y1=&#8221;300&#8243; x2=&#8221;300&#8243; y2=&#8221;100&#8243;<br />
            stroke-width=&#8221;5&#8243;  /&gt;<br />
    &lt;line x1=&#8221;300&#8243; y1=&#8221;300&#8243; x2=&#8221;500&#8243; y2=&#8221;100&#8243;<br />
            stroke-width=&#8221;10&#8243;  /&gt;<br />
    &lt;line x1=&#8221;500&#8243; y1=&#8221;300&#8243; x2=&#8221;700&#8243; y2=&#8221;100&#8243;<br />
            stroke-width=&#8221;15&#8243;  /&gt;<br />
    &lt;line x1=&#8221;700&#8243; y1=&#8221;300&#8243; x2=&#8221;900&#8243; y2=&#8221;100&#8243;<br />
            stroke-width=&#8221;20&#8243;  /&gt;<br />
    &lt;line x1=&#8221;900&#8243; y1=&#8221;300&#8243; x2=&#8221;1100&#8243; y2=&#8221;100&#8243;<br />
            stroke-width=&#8221;25&#8243;  /&gt;<br />
  &lt;/g&gt;<br />
&lt;/svg&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.xperimentos.com/2007/02/26/svg-iii-formas-basicas/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

