<?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>Malaletra Blog &#187; tecnología</title>
	<atom:link href="http://malaletra.com/tag/tecnologia/feed/" rel="self" type="application/rss+xml" />
	<link>http://malaletra.com</link>
	<description>Edición y Diseño + Tecnología</description>
	<lastBuildDate>Wed, 16 Mar 2011 23:44:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tecnologías de la información y brecha digital</title>
		<link>http://malaletra.com/2009/07/10/tecnologias_informacion_brecha_digital/</link>
		<comments>http://malaletra.com/2009/07/10/tecnologias_informacion_brecha_digital/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 13:00:05 +0000</pubDate>
		<dc:creator>Cristian</dc:creator>
				<category><![CDATA[Brecha-digital]]></category>
		<category><![CDATA[tecnología]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[malaletra]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=308</guid>
		<description><![CDATA[Últimamente tuve algunas pláticas con amigos sobre el uso de internet como medio de publicación y divulgación. En éstas me he dado cuenta que muchos de ellos no ubican algunos de los pros y se preocupan principalmente en los contras. Lo que me ha llevado a pensar en cómo se están generando las relaciones entre las Tecnologías de la Información y Comunicación (TIC) y nuestro entorno socio‑cultural.]]></description>
			<content:encoded><![CDATA[<p>Últimamente tuve algunas pláticas con amigos sobre el uso de internet como medio de publicación y divulgación. En éstas me he dado cuenta que muchos de ellos no ubican algunos de los pros y se preocupan principalmente en los contras. Lo que me ha llevado a pensar en cómo se están generando las relaciones entre las Tecnologías de la Información y Comunicación (<a title="Tecnologías de la Información y Comunicación" rel="shadowbox" href="http://es.wikipedia.org/wiki/Tecnolog%C3%ADas_de_la_informaci%C3%B3n_y_la_comunicaci%C3%B3n">TIC</a>) y nuestro entorno socio‑cultural. Tema que indiscutiblemente se relaciona con el concepto de brecha digital, que en Latinoamérica es muy marcada. Entonces, si queremos utilizar las TIC, en proyectos sociales y de distribución de la información, debemos encontrar el modo de que el uso de la tecnología se dé más allá de simplemente tener una computadora y conexión a internet.</p>
<p>Por otro lado, es importante resaltar que en estas latitudes es muy poco el desarrollo de innovaciones tecnológicas, tanto en software como en hardware. Lo cual nos plantea como consumidores y, por lo tanto, pagamos altos precios por el acceso a tecnología de punta. En este aspecto vemos que las otras brechas, educativas y económicas, se interrelacionan junto con el ámbito tecnológico, lo que da por resultado un panorama muy elaborado para salvar dichos atrasos. Ya que éstos no se solventan solamente con el equipo necesario para conectarse, sino que además se necesita la capacitación de los usuarios para que puedan explotar debidamente dichas herramientas. Muchos opinan que esta tarea debe realizarse desde el gobierno, pero como hemos visto en diferentes proyectos, las propuestas se centran en la adquisición del equipo. Ejemplo de esto es cuando uno observa el uso que los profesores hacen de <a title="Enciclomedia" rel="shadowbox" href="http://www.enciclomedia.edu.mx/">Enciclomedia</a>, el proyecto tecnológico del sexenio pasado, ya que no todos los profesores no logran relacionarse adecuadamente con el hardware y software del proyecto. Ahora bien, si planteamos esta situación en zonas rurales donde existen niveles muy bajos de educación, entonces aunque tengan acceso a las computadoras, los beneficios de éstas quedan descontextualizados respecto a la situación<br />
socio-económica de los usuarios.</p>
<p>Por lo mismo, desde mi punto de vista, es necesario implementar programas de integración tecnológica adaptados a las necesidades específicas de las diferentes comunidades que integran el país. Es claro que actualmente se comienza a utilizar el web 2.0 para proyectos sociales, en donde una comunidad interactúa en un portal para mejorar su inter-comunicación y así encontrar las necesidades en conjunto. Como es el caso de las <a title="Noticias Hiperlocales" rel="shadowbox" href="http://sicrono.com/medios/breve-historia-de-las-noticias-hiperlocales/">noticias hiperlocales</a>. Por lo tanto, este tipo de proyectos pueden beneficiar considerablemente a comunidades que, dada su situación geográfica, se encuentran incomunicadas, en mayor o menor medida. Otro aspecto importante es la necesidad de estos usuarios para acceder a contenidos culturalmente adecuados para su contexto. Datos de la consultora NIC señalan que entre 1992 y 2008, el número de sitios mexicanos en internet pasó de 19 mil a casi 200 mil, en la misma medida el número de cibernautas pasó de 2 millones a 27 millones. Sin embargo, el mayor porcentaje de contenido en internet se encuentra en inglés y eso conlleva usuarios bilingües. Asimismo, generalmente sucede que las comunidades receptoras, de estos procesos de integración tecnológica, pocas veces son tomadas en cuenta, afectando considerablemente la sustentabilidad a largo plazo de los proyectos de esta naturaleza. De tal modo, que se necesita una fuerte interacción entre los usuarios posibles de estos programas gubernamentales y los funcionarios encargados de los mismos, para que así se obtengan mayores beneficios sociales y económicos:</p>
<blockquote><p>En este sentido, algunos autores plantean que las TICs deberían proporcionar un espacio de encuentro de una nueva esfera pública, donde la sociedad civil pueda definirse y comprenderse en su diversidad y donde las estructuras políticas estén sujetas al debate público y sean evaluadas por sus acciones, garantizando la participación de las categorías más excluidas a través de perspectivas de género, regionales y sociales (<a title="Brecha Digital" rel="shadowbox" href="http://es.wikipedia.org/wiki/Brecha_digital">Wikipedia</a>).</p></blockquote>
<p>Asimismo, la situación económica de gran mayoría de la población en México y Latinoamérica hace que el adquirir una computadora y una conexión a internet no sea algo absolutamente necesario; primero se tienen que medio cubrir las necesidades básicas. Por lo mismo, vemos que el acceso a internet, y ya no digamos a una conexión de banda ancha, está francamente restringido por nuestra situación económica. En México existen 109,955,400 habitantes y de ellos 27,400,000 son usuarios de Internet.</p>
<blockquote><p>Pero estos datos no son alentadores, del total de conexiones, casi el 60% corresponde a entidades de gobierno locales y federales así como empresas. El resto son conexiones privadas, pero se calcula que solamente una quinta parte de los mexicanos se conecta a internet con una computadora instalada en su casa (<a title="Brecha Digital : primera parte" rel="shadowbox" href="http://oncetv-ipn.net/noticias/index.php?modulo=despliegue&amp;dt_fecha=2009-07-09&amp;numnota=50">OnceTV México</a>).</p></blockquote>
<p>Por lo mismo, los proyectos de integración tecnológica deben contar, a mi entender, con capacitadores enlace que trabajen con las comunidades. De esta forma, los enlaces deberán darle cauce a las necesidades de la comunidad y plantear los usos y las herramientas necesarios para satisfacerlas. Asimismo, deberá proporcionar los conocimientos necesarios para que las propias comunidades generen contenidos relacionados con su entorno. Logrando de esta manera que la brecha de contenidos se vaya reduciendo. Esta medida proporciona una contextualización de las TIC dentro del ámbito socio-económico de las comunidades a enlazar y además promueve la generación de contenidos adecuados para las múltiples zonas geográficas del país. Con lo cual se logra una mejor interacción entre las comunidades y las oficinas gubernamentales a cargo de los proyectos, proporcionando una mayor sustentabilidad de los proyectos. Dado que su desarrollo se basa en la satisfacción de necesidades específicas.<br />
<br/>
<p style="text-align: center;"><a href="http://malaletra.com/?attachment_id=625"><img class="aligncenter dtse-img dtse-post-308" title="Compartir" src="http://malaletra.com/wp-content/uploads/2010/10/share-icon-no-title-100x100.jpg" alt="" width="61" height="61" /></a></p>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_308_permalink = 'http://malaletra.com/2009/07/10/tecnologias_informacion_brecha_digital/';
			dtsv.dtse_post_308_title = 'Tecnologías de la información y brecha digital';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/07/10/tecnologias_informacion_brecha_digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tendencias de diseño web</title>
		<link>http://malaletra.com/2009/07/08/tendencias_diseno_web/</link>
		<comments>http://malaletra.com/2009/07/08/tendencias_diseno_web/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 00:33:05 +0000</pubDate>
		<dc:creator>Montserrat Martínez</dc:creator>
				<category><![CDATA[Comunicación]]></category>
		<category><![CDATA[Diseño-web]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Edición digital]]></category>
		<category><![CDATA[malaletra]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=299</guid>
		<description><![CDATA[La evolución de la tecnología, de la cultura, así como de las nuevas formas de comunicación son factores que modifican constantemente al estilo del diseño gráfico impreso y digital.]]></description>
			<content:encoded><![CDATA[<p>La evolución de la tecnología, de la cultura, así como de las nuevas formas de comunicación son factores que modifican constantemente al estilo del diseño gráfico impreso y digital. En el caso del medio digital se observan algunas tendencias de estilo que provienen del diseño impreso. Por otro lado debe incluirse en el diseño la forma como el usuario interactuará con nuestro diseño, dado el papel primordial  que tiene en el desarrollo de medios tecnológicos. Actualmente existen usuarios que buscan y promueven herramientas más dinámicas con las cuales se puedan desarrollar formas de comunicación, participación e interacción: como la Web 2.0.</p>
<p>Actualmente, para que las personas se puedan comunicar en Internet, siempre será necesaria una interfaz gráfica. Un área de comunicación donde sea posible interactuar a través de diferentes herramientas de comunicación. Estas herramientas –como los códigos lingüísticos, visuales, sonoros y secuenciales– han sido adaptadas a lo largo del tiempo a partir de las necesidades del usuario y de la tecnología imperante. Por lo tanto, en Internet el estilo de la interfaz gráfica se adapta y evoluciona de igual manera, para que así todos los elementos visuales aplicados en la interfaz ilustren de forma correcta el mensaje y transmitan la información apropiadamente.</p>
<p>Por lo general los nuevos estilos de diseño de interfaz gráfica buscarán conceptos como frescura, modernidad, estabilidad, flexibilidad, agudeza e inteligencia en sus herramientas. Puesto que éstas están pensadas para facilitar la comunicación y participación del usuario con el medio. Sin embargo, algunos estilos vuelven a ser retomados para &#8220;modernizar&#8221; el sitio al usar un diseño retro. Hay que considerar que el estilo está influenciado por la cultura en que se desarrolla el diseño, como plantea Daniel Prieto, en D<em>iseño y Comunicación</em> (1994: 32): &#8220;la formación social en que se encuentre el diseñador hace que los procesos de creación difieran, no existe un proceso válido para todos por lo cual tenemos alternativas de elaboración, distribución y uso de los diseños&#8221;. Esto podemos verle al confrontar un diseño oriental como <em><a rel="shadowbox" href="http://www.artless.co.jp/">Art and Design</a></em>, en el que su diseño es muy limpio, con <em><a rel="shadowbox" href="http://www.bnweiss.com/">B.N.WEISS</a> </em>creado desde la cultura occidental y donde se retoma la textura<em>.</em></p>
<p>A continuación hago una recapitulación de las tendencias del diseño, aunque comenzará desde el 2006 puesto que ejemplos de años anteriores ya no se encuentran tan fácilmente, dada la constante renovación del diseño en los sitios web.</p>
<p style="padding-left: 30px;">Tendencia del diseño:</p>
<p style="padding-left: 30px;"><a rel="shadowbox" href="http://modernl.com/article/8-web-cliches-of-2006">2006</a></p>
<ul style="padding-left: 30px;">
<li>Uso de degradados</li>
<li>Backgrounds en diagonal</li>
<li>Tipografías de gran tamaño</li>
<li>Backgrounds blancos</li>
<li>Efecto de reflejo en el piso</li>
<li>Tipografías con pixeles acentuados</li>
</ul>
<p style="padding-left: 30px;"><a rel="shadowbox" href="http://modernl.com/article/2007-more-web-design-trends-and-cliches">2007</a></p>
<ul style="padding-left: 30px;">
<li>Uso de caricaturas y mascotas</li>
<li>Estilo galigoreado</li>
<li>Bordes rotos</li>
<li>Iconos RSS grandes</li>
<li>Textura</li>
<li>Fondos oscuros para realzar los colores</li>
</ul>
<p style="padding-left: 30px;"><a rel="shadowbox" href="http://www.webdesignerwall.com/trends/2008-design-trends/">2008</a></p>
<ul style="padding-left: 30px;">
<li>Estilo retro</li>
<li>Notas sobre el diseño (post-it)</li>
<li>Grungy</li>
<li>Manchas de tinta</li>
<li>Ilustración de acuarela</li>
<li>Collage</li>
<li>Tipografía manuscrita</li>
<li>Tipografía grande</li>
<li>Imagen con patrón de madera</li>
<li>Imagen con patrón en zig-zag</li>
</ul>
<p style="padding-left: 30px;"><a rel="shadowbox" href="http://www.aeromental.com/2009/04/14/tendencias-de-diseno-web-en-el-2009/">2009</a></p>
<ul style="padding-left: 30px;">
<li>Letras grabadas en relieve</li>
<li>Colores en ondas y brillantes</li>
<li>Transparencias</li>
<li>Letras grandes</li>
<li>Diseño sin áreas delimitadas o fueras de los márgenes</li>
<li>Uso de lightboxes y no pop-up</li>
<li>Áreas de medios visuales</li>
<li>Realismo de imágenes de fondos</li>
<li>Espacios blancos más grandes</li>
<li>Elementos de diseño con redes sociales</li>
</ul>
<p><br/>
<p style="text-align: center;"><a href="http://malaletra.com/?attachment_id=625"><img class="aligncenter dtse-img dtse-post-299" title="Compartir" src="http://malaletra.com/wp-content/uploads/2010/10/share-icon-no-title-100x100.jpg" alt="" width="61" height="61" /></a></p>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_299_permalink = 'http://malaletra.com/2009/07/08/tendencias_diseno_web/';
			dtsv.dtse_post_299_title = 'Tendencias de diseño web';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/07/08/tendencias_diseno_web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Esbozo para la edición digital</title>
		<link>http://malaletra.com/2009/06/19/esbozo_edicion_digital/</link>
		<comments>http://malaletra.com/2009/06/19/esbozo_edicion_digital/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 21:44:24 +0000</pubDate>
		<dc:creator>Cristian</dc:creator>
				<category><![CDATA[Diseño-web]]></category>
		<category><![CDATA[Edición digital]]></category>
		<category><![CDATA[malaletra]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=271</guid>
		<description><![CDATA[Últimamente he tenido que pensar mucho en los procesos necesarios para obtener los archivos de una publicación digital. Uno de los puntos más difíciles de discernir ha sido cómo hacer para que al final del proceso obtengamos archivos válidos para diferentes plataformas, pues finalmente la gran ventaja de editar digitalmente es poder utilizar una fuente para múltiples formatos.]]></description>
			<content:encoded><![CDATA[<p>Últimamente he tenido que pensar mucho en los procesos necesarios para obtener los archivos de una publicación digital. Uno de los puntos más difíciles de discernir ha sido cómo hacer para que al final del proceso obtengamos archivos válidos para diferentes plataformas, pues finalmente la gran ventaja de editar digitalmente es poder utilizar una fuente para múltiples formatos. Sin embargo, esta capacidad puede conllevar una complicada implementación, puesto que requiere visualizar los distintos formatos que se generarán antes que se comience la producción de la publicación. Por el momento, la mejor solución para obtener un archivo maestro para varios formatos es marcar el contenido con XML (<em>eXtensible Markup Language</em>), uno de los mejores formatos para intercambiar información estructurada.</p>
<p>Por otro lado, antes de obtener el material que se marcará habrá que definir muchos otros procesos. Influye mucho la fuente de donde obtendremos el contenido de nuestra publicación; por ejemplo, si vamos a digitalizar un material ya publicado o si contamos con los archivos digitales. Al tener que digitalizar un acervo nos encontramos con la necesidad de establecer estándares de digitalización (dpi, tamaño y formato para obtener un archivo maestro). A su vez, si contamos con archivos digitales -Word, TXT, PDF, etcétera- deberemos establecer las características que deberán contar para trasladar de forma sencilla dichos formatos a XML. En Word se puede estructurar el archivo a través de secciones u otras funciones del programa para que, al guardar como XML, ya obtengamos los archivos marcados. No obstante, esta forma puede complicarse, puesto que, por lo regular, Word integra código basura a los archivos. Por lo mismo podemos limpiarlos o decidir marcarlos desde un origen con un Marcador de XML, esta última opción cuenta también para los formatos PDF, TXT, entre otros. Asimismo, cuando digitalizamos material impreso, antes de ponerse a escanear, deberemos establecer los parámetros que tendrán los archivos digitalizados, para que así obtengamos imágenes con la calidad suficiente: normalmente es suficiente con archivos a 300dpi y en escala de grises (para texto) o millones de colores para fotos, asimismo guardar las imágenes en formato TIFF (<em>Tagged Image File Format</em>), aunque estas características dependerán de la calidad del material a escanear -no es lo mismo escanear fotocopias que un libro con papel couche brillante. Todo esto debido a que si realizaremos procesos de limpieza para las imágenes o de OCR (<em>Optical Character Recognition</em>) contemos con la mejor eficacia en ellos. Siempre hay que mantener los archivos de calidad de la digitalización como maestros, dado que así podremos realizarles diferentes procesos sin tener que re-escanear el material.</p>
<p>Una vez que ya tengamos la información digital lista para marcarse, deberemos planificar todas las diferentes etiquetas que podremos usar. Este proceso de edición es muy importante puesto que a cada etiqueta le podremos dar especificaciones al momento de transformar los archivos en HTML, PDF o integrarlos en una base de datos para generar archivos dinámicos en línea. En esta etapa del proceso se necesitan diversos conocimientos, puesto que la generación de las XSL (<em>eXtensible Stylesheet Language</em>) para los distintos formatos implica conocimientos de programación, diseño web en CSS (<em>Cascading Style Sheets</em>), bases de datos, entre otros, claro está que estos dependerán de los formatos de salida que deseemos tener. Por lo mismo, deberemos contar con un equipo humano capaz de llevarlo a cabo, ya que incluso podemos obtener e-books para lectores digitales como Plastic Logic, Kindle o el mismo i-phone. Además, es muy importante que todos los cambios, que se le hagan al contenido, se realicen en los archivos XML, puesto que así, al volverlos a generar, no tendremos que reincorporar los cambios en los archivos de los diferentes formatos de salida. Cabe mencionar que incluso podemos importar estos archivos en programas de maquetación para publicaciones impresas, como InDesign y QuarkExpress, obteniendo así todo un proceso para publicaciones digitales e impresas. Respecto a las publicaciones impresas, en la actualidad existen propuestas para estandarizar el marcado XML y así se puedan intercambiar más fácilmente. Por último, me queda decir que en la actualidad es muy importante poder intercambiar la información y, debido al constante avance de la tecnología, casi siempre un formato puede dejar de tener actualidad e incluso podemos perder la capacidad para extraer el contenido de un archivo. Por lo tanto, si marcamos nuestra información en XML podremos exportarla a casi cualquier formato. Si de recuperación hablamos solo menciono que los archivos XML pueden visualizarse con el más sencillo editor de textos.</p>
<p><br/>
<p style="text-align: center;"><a href="http://malaletra.com/?attachment_id=625"><img class="aligncenter dtse-img dtse-post-271" title="Compartir" src="http://malaletra.com/wp-content/uploads/2010/10/share-icon-no-title-100x100.jpg" alt="" width="61" height="61" /></a></p>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_271_permalink = 'http://malaletra.com/2009/06/19/esbozo_edicion_digital/';
			dtsv.dtse_post_271_title = 'Esbozo para la edición digital';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/06/19/esbozo_edicion_digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Consejos  para la optimización de imágenes en web</title>
		<link>http://malaletra.com/2009/05/20/consejos_optimizacion_imagenes_web/</link>
		<comments>http://malaletra.com/2009/05/20/consejos_optimizacion_imagenes_web/#comments</comments>
		<pubDate>Wed, 20 May 2009 20:19:09 +0000</pubDate>
		<dc:creator>Montserrat Martínez</dc:creator>
				<category><![CDATA[Diseño-web]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[imágenes-web]]></category>
		<category><![CDATA[malaletra]]></category>
		<category><![CDATA[tecnología]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=175</guid>
		<description><![CDATA[La imagen, como parte fundamental del diseño de interfaces, debe ser optimizada  para que pueda cumplir dos funciones principales en web: que se vea bien y que pese poco.]]></description>
			<content:encoded><![CDATA[<p>La imagen,  como parte fundamental del diseño de interfaces, debe ser optimizada  para que pueda cumplir dos funciones  principales en web: que se vea bien y que pese poco. Las imágenes vistas en el  monitor no son optimizadas de la misma manera que para salida de impresión por  lo que la resolución es parte primordial en su manipulación entre otros  aspectos como color, número de bits y formato.</p>
<p>Existen dos  clases de imágenes con las que diseñamos, vectoriales y mapa de bits. Las  primeras se generan en la computadora y las otras son las que retomamos del  mundo exterior (fotografías o video) y se manipulan en la computadora  (escaneadas o descargadas). Las imágenes vectoriales son figuras generadas con vectores,  estos vectores –basados en cálculos matemáticos de la computadora– son los  puntos que controlan el contorno de la figura en su angularidad y modulación.  Por la forma en que son generadas estas figuras no pesan mucho y no pierden  definición cuando son escaladas. Las imágenes de mapa de bits están generadas a  partir de píxeles (puntos) contenidos en una retícula. Cada píxel contiene  información de color. Por lo que el número de píxeles dentro de una imagen  determina su calidad visual o su resolución. Es decir, a mayor número píxeles  mejor definición, pero mientras más píxeles contenga se vuelve más pesada y si  requieres escalarla puedes perder definición en la imagen, lo cual comúnmente se  conoce como “pixelearse“. Generalmente, empezamos a diseñar con imágenes de  mapa de bits, por lo tanto abordaré algunos de los elementos que se deben  considerar para su optimización.</p>
<p><strong>La resolución</strong></p>
<p>Es la cantidad  de pixeles –puntos– que conforma la imagen. Dicha cantidad representa la  calidad de una imagen. La resolución se mide en dpi (siglas en inglés de <em>dots per inch</em> obien, puntos por pulgadas) y es la “unidad de medida de la  resolución de la imagen“. Cuando se comienza a manipular una imagen se  recomienda hacerlo con una alta resolución. Si se va escanear una imagen de  preferencia hacerlo con una resolución mínima de 300 dpi para que cuando se  manipule, retoque o escale no pierda definición. Conforme vaya quedando la  imagen podrás trabajarla a 150 dpi y cuando tengas la imagen definitiva  entonces bajas la resolución a 72 dpi, que es la resolución estándar para web.  Pero doy un consejo, dejen una copia de la imagen original sin manipular su  resolución por cualquier eventualidad. Ya que si quieres subir la resolución de  una imagen –digamos de 72 a 300 dpi– para que puedas escalarla seguramente se  perderá la calidad, lo que también es conocido como “romperse el pixel“. Esto  significa que cuando quitas pixeles o bajas la resolución de una imagen estas  quitando información y luego si quieres meterle más pixeles simplemente la  imagen no puede compensar esta información con una mejor definición.</p>
<p><strong>Color y número  de bits</strong></p>
<p>Por la forma  en que están hechos los monitores existen 3 colores principales: RGB (siglas en  inglés de <em>Red</em>, <em>Green</em> y <em>Blue</em>). Estos son  colores luz o aditivos; es decir, mientras más porcentaje de color se tiene de  ellos se llega al color blanco; en caso contrario si se quita porcentaje de  color, le restamos luz, se llega al color negro. Sin embargo, este aspecto es inconstante  y no se puede controlar, ya que en cada usuario varía la calibración de color de  su monitor. Entonces, aunque uno tenga los súper colores en el diseño, en otro  monitor puede verse como la peor combinación de colores y destrozarlo. Por lo  que se aconseja visualizar el sitio en diferentes monitores para llegar a un  estándar de colores con el que no se vean tan distintos.</p>
<p>Este tema está  muy relacionado con el número de bits ya que el número colores que tenga el  píxel depende del número de bits, mientras más bits tengamos mayor profundidad  de color se tiene pero la imagen se vuelve más pesada, es decir, mientras más colores soporte una imagen, se  necesitaran de más bits por píxel, lo que incrementará el tamaño del archivo. El bit se entiende como la unidad mínima de información que reconoce una computadora en un solo dígito (0  o 1) su número determina la cantidad de tonos de una  imagen, lo cual lo podemos ver en la siguiente escala:</p>
<p style="padding-left: 30px;">1 bit (2<sup>1</sup>) = 2 tonos</p>
<p style="padding-left: 30px;">2 bits (2<sup>2</sup>) = 4 tonos</p>
<p style="padding-left: 30px;">8 bits (2<sup>8</sup>) = 256 tonos</p>
<p style="padding-left: 30px;">16 bits (2<sup>16</sup>) = 65,536 tonos</p>
<p style="padding-left: 30px;">24 bits (2<sup>24</sup>) = 16,777,216 tonos</p>
<p style="padding-left: 30px;">32 bits (2<sup>32</sup>) = 4,294,967,296 tonos</p>
<p style="padding-left: 30px;">Ejemplos:</p>

<a href='http://malaletra.com/wp-content/uploads/2009/05/asbtracto2bits.gif' rel='shadowbox[post-175];player=img;' title='Imagen de 1 bit'><img width="100" height="100" src="http://malaletra.com/wp-content/uploads/2009/05/asbtracto2bits-100x100.gif" class="attachment-thumbnail" alt="" title="Imagen de 1 bit" /></a>
<a href='http://malaletra.com/wp-content/uploads/2009/05/asbtracto4bits.gif' rel='shadowbox[post-175];player=img;' title='Imagen de 2 bits'><img width="100" height="100" src="http://malaletra.com/wp-content/uploads/2009/05/asbtracto4bits-100x100.gif" class="attachment-thumbnail" alt="" title="Imagen de 2 bits" /></a>
<a href='http://malaletra.com/wp-content/uploads/2009/05/asbtracto8bits.gif' rel='shadowbox[post-175];player=img;' title='Imagen de 8 bits'><img width="100" height="100" src="http://malaletra.com/wp-content/uploads/2009/05/asbtracto8bits-100x100.gif" class="attachment-thumbnail" alt="" title="Imagen de 8 bits" /></a>
<a href='http://malaletra.com/wp-content/uploads/2009/05/asbtracto16bits.jpg' rel='shadowbox[post-175];player=img;' title='Imagen de 24 bits'><img width="100" height="100" src="http://malaletra.com/wp-content/uploads/2009/05/asbtracto16bits-100x100.jpg" class="attachment-thumbnail" alt="" title="Imagen de 24 bits" /></a>

<p>Los monitores  utilizan entre 8, 16 y 32 bits, algunos hasta 64 bits. No obstante, la forma como  debe ser guardada una imagen para web es de 24 bits, así obtenemos una imagen  que se vea bien y no pese tanto. Los bits superiores se utilizan para salida de  impresión. Esta profundidad incluso nos permite usar transparencia en el  formato png.</p>
<p><strong>Formato</strong></p>
<p>El formato es  la extensión con la que se guarda la imagen y dependiendo de las necesidades  del diseño utilizas cada una de ella de acuerdo a sus características,  optimización y peso. Las extensiones más comunes son jpg, gif y png. El formato  jpg permite tener miles de colores, por lo que muestra mejor los degradados y  fotografías pero no tiene transparencia. El formato gif tiene una paleta de  colores hasta de 256 tonos y permite salvar con transparencia y además se  pueden animar, pero por su cantidad de colores las imágenes con una gran  cantidad de tonos no se ven muy bien. El formato png es una combinación entre  jpg y gif, esto significa que tiene una paleta de colores alta y permite la  transparencia con buena calidad, el inconveniente es que tiene mayor peso y las  versiones anteriores y del Internet Explorer 7 no permiten ver la transparencia,  a menos que hagamos un hack con javascript.</p>
<p>El formato que  utilices en una imagen depende mucho de la necesidad de la misma, por ejemplo,  si usas una imagen de fondo o que sea grande te recomiendo que sea en formato  jpg. Si utilizas botones o iconos pequeños que no tengan mucho degradado  utiliza el formato gif, también algunas imágenes grandes pueden verse bien en  este formato pero depende como fueron trabajadas desde el inicio. Si requieres  una imagen con transparencia mejor usa el formato png pero considera que tal  vez no lo puedan ver los navegadores mencionados.</p>
<p>La correcta  combinación de estos aspectos (resolución, color, número de bits y formato) es  muy importante para la optimización de una imagen. Puesto que en web se deben  cumplir dos principios: que se vean bien las imágenes y que pesen poco, para  que no tarden mucho en descargarse. Así los usuarios no abandonarán tu página porque  la información se despliega rápido.</p>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_175_permalink = 'http://malaletra.com/2009/05/20/consejos_optimizacion_imagenes_web/';
			dtsv.dtse_post_175_title = 'Consejos  para la optimización de imágenes en web';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/05/20/consejos_optimizacion_imagenes_web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cloud computing o Computación en nube</title>
		<link>http://malaletra.com/2009/05/08/cloud_computing/</link>
		<comments>http://malaletra.com/2009/05/08/cloud_computing/#comments</comments>
		<pubDate>Fri, 08 May 2009 14:30:46 +0000</pubDate>
		<dc:creator>Cristian</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[tecnología]]></category>
		<category><![CDATA[cloud computing]]></category>
		<category><![CDATA[computación en nube]]></category>
		<category><![CDATA[comunidad]]></category>
		<category><![CDATA[Delicious]]></category>
		<category><![CDATA[Digg]]></category>
		<category><![CDATA[EyeOS]]></category>
		<category><![CDATA[malaletra]]></category>
		<category><![CDATA[StumbleUpon]]></category>
		<category><![CDATA[ThinkFree]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[Zoho]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=112</guid>
		<description><![CDATA[Hace tiempo he escuchado mucho acerca de lo que significa cloud computing y puedo decir que todavía hoy no me parece algo claro. Sin embargo, existe una afirmación en el aire o ¿en la nube? que este tipo de servicio ha llegado para quedarse. Por el momento tenemos muchas definiciones, que además comparten valores con diversos conceptos como grid computing y virtualización por mencionar algunos. Aquí simplemente diré lo que yo entiendo por computación en nube: “Aquellos servicios de creación, comunicación y procesamiento de información que son proveídos por un tercero a través de internet, sin necesidad que el usuario tenga mayor conocimiento técnico sobre el medio”.]]></description>
			<content:encoded><![CDATA[<p>Desde hace tiempo he escuchado mucho acerca de lo que significa <em>cloud computing</em> y puedo decir que todavía hoy no me parece algo claro. Sin embargo, existe una afirmación en el aire o ¿en la nube? que este tipo de servicio ha llegado para quedarse. Por el momento tenemos muchas definiciones, que además comparten valores con diversos conceptos como grid computing y virtualización por mencionar algunos. Aquí simplemente diré lo que yo entiendo por computación en nube: “Aquellos servicios de creación, comunicación y procesamiento de información que son proveídos por un tercero a través de internet, sin necesidad que el usuario tenga mayor conocimiento técnico sobre el medio”. Al respecto encontré dos videos que explican y ahondan el concepto: uno –<a href="http://www.youtube.com/v/6PNuQHUiV3Q&amp;eurl=en&amp;fs=1&amp;rel=0&amp;autoplay=1" rel="shadowbox[post-112];player=swf;width=640;height=385;">What is Cloud Computing</a>–  en el que le preguntan a varios de los personajes más respetados y conocedores del medio –Dan Farber, Tim O’Reilly, Matt Mullenweg, entre otros– y sus respuestas son muy interesantes; en el otro SalesForce, una de las empresas más representativas de la computación en nube, explica su visión en este ámbito –<a href="http://www.youtube.com/v/ae_DKNwK_ms&amp;eurl=en&amp;fs=1&amp;rel=0&amp;autoplay=1" rel="shadowbox[post-112];player=swf;width=640;height=385;">What is Cloud Computing?</a></p>
<p>De hecho, muchos ponen como proto-ejemplo de computación en nube los servicios de correo basados en html como hotmail, gmail, yahoo, etcétera, ya que se basan en un servicio en línea que sólo requiere el manejo del navegador, ellos se encargan del almacenamiento de nuestros correos, de mantener la seguridad de nuestra cuenta, de darle servicio a sus servidores, entre muchos otros detalles. En la actualidad tenemos acceso en línea a suites offimáticas –<a rel="shadowbox" href="http://www.zoho.com/">Zoho</a>, <a rel="shadowbox" href="http://member.thinkfree.com/">ThinkFree</a>, entre otros, sistemas operativos como <a rel="shadowbox" href="http://eyeos.org/">EyeOS</a>, sistemas de indexación y de comentarios respecto a sitios web –<a rel="shadowbox" href="http://delicious.com/">Delicious</a>, <a rel="shadowbox" href="http://digg.com/">Digg</a>, <a rel="shadowbox" href="http://www.stumbleupon.com/">StumbleUpon</a>–  y recientemente Panda acaba de lanzar un antivirus –<a rel="shadowbox" href="http://www.cloudantivirus.com/">Cloud Antivirus</a>– basado en la nube para registrar nuevas amenazas.</p>
<p>Lo cual, confirma que con internet siempre tenemos que ajustar y reajustar la forma como nos relacionamos con la información y, por lo tanto, como nos relacionamos con los programas con que la generamos, resguardamos y compartimos. Es un hecho que esto representa un posible riesgo respecto a la información que nosotros generamos, ya que si un tercero la almacena, que tan monopolizador y poderoso puede resultar un sistema que ubique a enormes cantidades de usuarios. Uno de los poco artículos que encontré al respecto es una <a rel="shadowbox" href="http://www.guardian.co.uk/technology/2008/sep/29/cloud.computing.richard.stallman">entrevista</a> de el Guardian.co.uk a Richard Stallman, fundador de GNU. Por otro lado tenemos a Tim O’Reilly con un <a rel="shadowbox" href="http://radar.oreilly.com/2008/10/web-20-and-cloud-computing.html">post</a> en O’Reilly Radar donde contra-argumenta la posición de Stallman. De tal forma que, como todo en el mundo de la tecnología informática y sobre todo de internet, solo el tiempo dirá hacia donde vaya la computación en nube.</p>
<p>A continuación pongo una lista de Posts que encontré sobre el tema y que me fueron de gran utilidad para escribir este:</p>
<ul>
<li><a rel="shadowbox" href="http://www.enriquedans.com/2009/04/dos-buenos-articulos-sobre-cloud-computing.html">Dos buenos artículos sobre Cloud Computing</a>.</li>
<li><a rel="shadowbox" href="http://www.idg.es/Comunicaciones/articulo.asp?id=191003">Cloud Computing: Las TI como servicio</a>.</li>
<li><a rel="shadowbox" href="http://www.dreig.eu/caparazon/2008/10/30/%C2%BFque-es-el-cloud-computing-definicion-tendencias-y-precauciones">¿Qué es el Cloud Computing? Definición, tendencias y precauciones</a>.</li>
<li><a rel="shadowbox" href="http://ciudadinnova.blogspot.com/2009/02/cloud-computing.html">Cloud computing</a> (en español).</li>
<li><a rel="shadowbox" href="http://humanismoyconectividad.wordpress.com/2009/03/30/cloud-computing-manifiesto">Cloud computing manifiesto</a>.</li>
<li><a rel="shadowbox" href="http://www.mastermagazine.info/articulo/13558.php">Tendencias del 2009: Cloud Computing</a>.</li>
<li><a rel="shadowbox" href="http://www.elasticvapor.com/2009/05/us-federal-government-defines-cloud.html">The US Federal Government defines Cloud Computing</a>.</li>
</ul>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_112_permalink = 'http://malaletra.com/2009/05/08/cloud_computing/';
			dtsv.dtse_post_112_title = 'Cloud computing o Computación en nube';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/05/08/cloud_computing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>El futuro fue hace unos días</title>
		<link>http://malaletra.com/2009/04/24/futuro_fue_dias/</link>
		<comments>http://malaletra.com/2009/04/24/futuro_fue_dias/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 23:51:05 +0000</pubDate>
		<dc:creator>Cristian</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[robots]]></category>
		<category><![CDATA[tecnología]]></category>
		<category><![CDATA[Asimo]]></category>
		<category><![CDATA[Isaac Asimov]]></category>
		<category><![CDATA[malaletra]]></category>
		<category><![CDATA[Philip K. Dick]]></category>
		<category><![CDATA[robot]]></category>

		<guid isPermaLink="false">http://malaletra.com/?p=81</guid>
		<description><![CDATA[Hace poco hablaba con un amigo sobre las posibilidades de la e-ink. Le comentaba los beneficios que tendría usar un e-reader portable como el de Plastic Logic. El respondía entre interesado y escéptico que sería interesante, sobre todo para los estudiantes. Yo me acordé de todos esos libros que tenía que cargar en la universidad [...]]]></description>
			<content:encoded><![CDATA[<p>Hace poco hablaba con un amigo sobre las posibilidades de la e-ink. Le comentaba los beneficios que tendría usar un e-reader portable como el de Plastic Logic. El respondía entre interesado y escéptico que sería interesante, sobre todo para los estudiantes. Yo me acordé de todos esos libros que tenía que cargar en la universidad y los todavía más bultosos libros que cargaba en la secundaría. Al final llegamos a una plática sobre las cosas futuristas hace poco tiempo que nos parecían lejanas y ahora las encontramos a la venta o en desarrollo. Me quedé con la idea rondando mi cabeza varios días y pues me puse a buscar cosas tecnológicas que me parecieran prometedoras… Yo siempre he sido fan de los robots y desde hace tiempo creo que el desarrollo de los mismos ha sido impresionante. Precisamente en esa área es donde entra este post: la visualización de distintas propuestas para el desarrollo de los robots para que puedan interactuar con nosotros y con el medio.</p>
<p>De lo primero que me acorde fue del robot humanoide <a title="Asimo Robot" rel="shadowbox" href="http://asimo.honda.com/">Asimo</a> de Honda que puede caminar y desenvolverse muy bien bípedamente. Para todos es conocido que uno de los retos era lograr que una máquina bípeda pudiera desenvolverse fluidamente, dada la complejidad de conocimiento que requiere para equilibrar su masa corporal. Ahora me he encontrado que las capacidades del humanoide Asimo se potencializan y están generando una verdadera <a title="Asimo Aprendiendo" rel="shadowbox;width=405;height=340;player=swf" href="http://www.youtube.com/v/P9ByGQGiVMg&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">inteligencia artificial</a>. Lo que me lleva a preguntarme si, dada la relación del proyecto con el escritor Isaac Asimov y su literatura sobre robots, este humanoide contara en su firmware con las tres leyes de la robótica hechas por el escritor:</p>
<ol>
<li>Un robot no debe dañar a un ser humano o, por su inacción, dejar que un ser humano sufra daño.</li>
<li>Un robot debe obedecer las órdenes que le son dadas por un ser humano, excepto si estas órdenes entran en conflicto con la Primera Ley.</li>
<li>Un robot debe proteger su propia existencia, hasta donde esta protección no entre en conflicto con la Primera o la Segunda Ley.</li>
</ol>
<p>No obstante, también me parecen muy importantes en el desarrollo robótico todos aquellos estudios basados en seres vivientes, como son los robots que imitan insectos –hormigas, arañas, entre otros. En este ámbito lo importante ha sido entender el funcionamiento de la naturaleza. Puesto que de ella hemos aprendido que el desarrollo de los seres vivos se basa en “el máximo rendimiento con el menor uso de energía”. Al respecto tenemos desarrollos impresionantes en la robótica. Como el que utiliza una serie de servos para copiar el movimiento de una<a title="Hormiga Robótica" rel="shadowbox;width=405;height=340;player=swf" href="http://www.youtube.com/v/0jyBiECoS3Q&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1"> hormiga</a>. Por otro lado, he visto algunos videos de <a title="Festo Empresa" rel="shadowbox" href="http://bit.ly/vC2Nd">Festo</a>, empresa que se dedica a la automatización robótica para empresas, en los que presentan los proyectos, en los que también utilizan servos, relacionados con aspectos biónicos que están desarrollando. Tienen cosas increíbles sobre robots que <a rel="shadowbox;width=405;height=340;player=swf" title="Robots de Festo" href="http://www.youtube.com/v/L5JHMpLIqO4&amp;hl=en&amp;fs=1&amp;rel=0&amp;autoplay=1">nadan y vuelan</a>, entre otros.</p>
<p>Por ahora estos tres proyectos son los que más me han impactado. Uno puede echar a volar la imaginación y relacionar cada una de estas tecnologías con todo lo demás que se está produciendo y prácticamente podríamos convivir con robots de todos los tipos en muy poco tiempo. Qué posibilidades se imaginan o cuales son sus propias visiones.</p>



		<!-- Added by WP-DragToShare-eXtended Plugin -->
		<script type="text/javascript">
			dtsv.dtse_post_81_permalink = 'http://malaletra.com/2009/04/24/futuro_fue_dias/';
			dtsv.dtse_post_81_title = 'El futuro fue hace unos días';
		</script>
		<!-- End of WP-DragToShare-eXtended Plugin -->]]></content:encoded>
			<wfw:commentRss>http://malaletra.com/2009/04/24/futuro_fue_dias/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

