<?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>Qbit Mexhico Blog</title>
	<atom:link href="http://qbit.com.mx/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://qbit.com.mx/blog</link>
	<description>Lo que hacemos y pensamos se escribe aqui</description>
	<lastBuildDate>Wed, 22 Feb 2012 19:12:02 +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>¿Frecuentas cibercafés?, ten cuidado, podrías ser objeto de un ataque.</title>
		<link>http://qbit.com.mx/blog/2012/02/22/frecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=frecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque</link>
		<comments>http://qbit.com.mx/blog/2012/02/22/frecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque/#comments</comments>
		<pubDate>Wed, 22 Feb 2012 16:50:52 +0000</pubDate>
		<dc:creator>Rose</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[Tendencias]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=700</guid>
		<description><![CDATA[En la actualidad el acceso a internet en los hogares ha crecido de una manera considerable, sin embargo aún hay muchas personas que por distintos motivos, asisten a estos lugares que son públicos, es posible que a veces los usuarios se expongan a algunas amenazas informáticas, situación que plantea un importante desafío para los dueños [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;t=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque." title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D700%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.&amp;notes=En+la+actualidad+el+acceso+a+internet+en+los+hogares+ha+crecido+de+una+manera+considerable%2C+sin+embargo+a%C3%BAn+hay+muchas+personas+que+por+distintos+motivos%2C+asisten+a+estos+lugares+que+son+p%C3%BAblicos%2C+es+posible+que+a+veces+los+usuarios+se+expongan+a+a" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.&amp;bodytext=En+la+actualidad+el+acceso+a+internet+en+los+hogares+ha+crecido+de+una+manera+considerable%2C+sin+embargo+a%C3%BAn+hay+muchas+personas+que+por+distintos+motivos%2C+asisten+a+estos+lugares+que+son+p%C3%BAblicos%2C+es+posible+que+a+veces+los+usuarios+se+expongan+a+a" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque." title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2009/06/28/sesion-caducada-una-regla-de-la-usabilidad/' rel='bookmark' title='Sesion caducada, una regla de la usabilidad'>Sesion caducada, una regla de la usabilidad</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=023fdee77d081aecdcf3aad248017a0f&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p>En la actualidad el acceso a internet en los hogares ha crecido de una manera considerable, sin embargo aún hay muchas personas que por distintos motivos, asisten a estos<strong> lugares que son públicos</strong>, es posible que a veces los usuarios se expongan a algunas <strong>amenazas informáticas</strong>, situación que plantea un importante desafío para los dueños de estos recintos en materia de seguridad, ya que esto fomenta que la información delicada, como son contraseñas de banco, puedan caer en manos equivocadas, o incluso en nuestras <strong>cuentas de Facebook, Twitter,</strong> suplantando información, haciéndonos pasar un mal rato.</p>
<p>Primero veamos algunas herramientas usadas para obtener información de una computadora, y por qué es importante, tener mucho cuidado en computadoras públicas.</p>
<p><strong><a href="http://qbit.com.mx/blog/wp-content/uploads/CyberCafe_20080625193038.jpg"><img class="wp-image-703 alignright" src="http://qbit.com.mx/blog/wp-content/uploads/CyberCafe_20080625193038.jpg" alt="" width="231" height="130" /></a>Programas:</strong></p>
<p>Los programas más peligrosos, para nuestra seguridad son un tipo de virus llamado spyware. Entre ellos se destaca el inocente pero cansado hardware (despliega ventanas una y otra vez con publicidad); <strong>los keybloggers o Keylogger (utilizados para robar contraseñas y nombres de usuarios);</strong> y los dialers, que discan números internacionales de teléfono sin que uno lo solicite.</p>
<p><strong>Dispositivos externos:</strong></p>
<p><strong>Keylogger</strong> es un dispositivo específico que se encarga de registrar las pulsaciones que se realizan en el teclado, para posteriormente memorizarlas en un fichero o enviarlas a través de internet.</p>
<p lang="es-ES"><strong>USB,</strong> este dispositivo si se introduce a una maquina infectada, puede que llevemos al “enemigo”, a casa, y ser propensos a un ataque, siempre hay que realizar una limpieza de estos dispositivos, para asegurarnos, de que no tendremos dolores de cabeza después.</p>
<p><strong>La</strong><strong> </strong><strong>prevención</strong><strong> </strong><strong>es</strong><strong> </strong><strong>la</strong><strong> </strong><strong>herramienta</strong><strong> </strong><strong>más</strong><strong> </strong><strong>poderosa</strong> que podemos tener para no ser un potencial “blanco de ataque”, y aquí te dejamos algunos puntos aunque simples, muy importantes, para una navegación segura, para tu información.</p>
<p><strong>1.</strong> <strong>No debe usarse una PC de esta clase para ninguna</strong><strong> </strong><strong>operación</strong><strong> </strong><strong>comercial,</strong><strong> </strong><strong>bancaria,</strong><strong> </strong><strong>financiera</strong> o de cualquier otro tipo que involucre patrimonio. Si no se tiene computadora es mejor hacer la cola del banco que hacer el trámite en línea en una máquina a la que cualquier persona tiene acceso.</p>
<p><strong>2.</strong> En caso de ser urgente usar un café internet, por ejemplo en unas vacaciones, y que por una razón de fuerza mayor se necesite, no hay que usar el teclado, la pregunta es ¿Cómo no usar el teclado, si es necesario para poder introducir usuario y contraseña?, bueno la respuesta está en usar el <strong>“</strong><strong>teclado</strong><strong> </strong><strong>en</strong><strong> </strong><strong>pantalla</strong><strong>”</strong>, es verdad que existen muchos programas que pueden imprimir pantallas de lo que se realiza, pero son mucho menos eficientes, para usar el teclado en pantalla. En XP, Vista y 7 se lo convoca por medio del atajo de teclado <strong>Windows+U (la tecla Windows está entre Ctrl y Alt , a la izquierda, y tiene el bien conocido logo de este sistema operativo)</strong>. ¿Cómo se lo usa? Arranque el teclado en pantalla, que quedará siempre en primer plano, haga clic en la caja de la contraseña, número de tarjeta de crédito o cualquier otro campo de datos sensibles que deba completar y use el ratón para completar esos datos en el teclado virtual.</p>
<p>Todos los sitios de banca online tienen su propio teclado en pantalla, además. Úselo siempre, sin excepción.</p>
<p><strong>3.</strong> El teclado en pantalla también debe usarse para ingresar no solo la contraseña del banco o el número de la tarjeta de crédito al hacer una compra online (actividades que no deben realizarse en una PC pública, a menos que sea absolutamente indispensable, como ya se dijo), sino también para todos los servicios que requieran registrarse. Si no deseas de que le roben su cuenta de Hotmail o accedan a su calendario en Google, por citar sólo dos, no utilice el teclado físico para ingresar contraseñas; <strong>apriete Windows+U e inicie el teclado en pantalla.</strong></p>
<p><strong>4.</strong> Es complicado mantener nuestra propia computadora libre de virus, ¿qué puede esperarse de un equipo utilizado por cientos de personas al mes? La actitud correcta es dar por supuesto que esa PC tiene toda clase de infecciones y amenazas y, por lo tanto, actuar en consecuencia. Por ejemplo, no es ninguna buena idea enchufar un pendrive en un equipo público. Si de todos modos tiene que hacerlo (de nuevo, hay veces en que no queda más remedio), use el interruptor para protegerlo contra escritura; algunos carecen de este switch, lamentablemente. Si, peor, debe sacar datos de una PC pública, desactive la reproducción automática en Windows. Claro que esto es más fácil de decir que de hacer.</p>
<p>En XP Profesional, use Inicio&gt; Ejecutar gpedit.msc + Enter . Una vez dentro del Editor de Políticas de Grupo , busque Configuración del Equipo&gt; Plantillas Administrativas&gt; Sistema y active la función Desactivar reproducción automática en Todas las unidades . Observe que hay que activar algo que desactiva; sí, es enrevesado.</p>
<p>En Vista y 7 la función está ahora (por fin) en el Panel de control bajo el nombre de Reproducción automática .</p>
<p><strong>5.</strong> Parece obvio, pero evidentemente no lo es. Cierre la sesión de correo, chat, Facebook, Twitter o cualquier otra que haya iniciado en una computadora pública antes de retirarse. No alcanza con cerrar el navegador (es decir, el Internet Explorer, Firefox, Safari o equivalente); debe cerrarse la sesión iniciada en el servicio. De otro modo, por medio de cookies (ver punto número 6) la sesión queda abierta y cualquier persona podría entrar en esa cuenta, incluso sin mala intención. Por idéntico motivo, nunca, ni siquiera en sus propias máquinas, use la opción de Mantener conectado o No cerrar sesión que ahora ofrecen algunos servicios.</p>
<p><strong>6.</strong> El único pequeño problema de la regla punto número 5 es que para facilitarnos las cosas los browsers actuales pueden configurarse para que recuerden las contraseñas y otros datos que ingresamos en los formularios. Así que, además de nunca aceptar que el navegador recuerde contraseñas cuando se lo pregunte, debe hacer lo siguiente: después de cerrar la sesión en el servicio que haya estado usando y antes de irse, en el Internet Explorer vaya a Herramientas&gt; Opciones de Internet&gt; Contenido&gt; Información personal&gt; Autocompletar y borre los formularios y las contraseñas.</p>
<p>En el mismo cuadro, pero en la pestaña General, elimine cookies y archivos en la sección Archivos temporales de Internet. En la versión 8 y 9 del Internet Explorer esto está simplificado, como desde hace rato lo hace Firefox ; alcanza con ir a Seguridad&gt; Eliminar el historial de exploración.</p>
<p>En Firefox , como dije, toda esta operación es más sencilla: basta apretar Mayúsculas+Ctrl+Supr y elegir los elementos por borrar.</p>
<p>Es particularmente importante eliminar también cookies y archivos temporales. En manos de un experto, estos archivos pueden revelar contraseñas, nombres de usuario y otros datos sensibles.</p>
<p><strong>7.</strong> ¿Va a chatear en una PC pública? OK, no hay problema, siempre y cuando v<strong>erifique antes que el mensajero no está guardando un registro de todo lo que escriben usted y sus interlocutores. En el caso del Windows Live Messenger esto se controla por medio de Herramientas&gt; Opciones&gt; Mensajes&gt; Historial de mensajes. Por supuesto, y como en cualquier otro servicio, &#8220;Recuerde cerrar sesión antes de retirarse&#8221;.</strong></p>
<p>Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2009/06/28/sesion-caducada-una-regla-de-la-usabilidad/' rel='bookmark' title='Sesion caducada, una regla de la usabilidad'>Sesion caducada, una regla de la usabilidad</a></li>
</ol></p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;t=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque." title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D700%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.&amp;notes=En+la+actualidad+el+acceso+a+internet+en+los+hogares+ha+crecido+de+una+manera+considerable%2C+sin+embargo+a%C3%BAn+hay+muchas+personas+que+por+distintos+motivos%2C+asisten+a+estos+lugares+que+son+p%C3%BAblicos%2C+es+posible+que+a+veces+los+usuarios+se+expongan+a+a" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque.&amp;bodytext=En+la+actualidad+el+acceso+a+internet+en+los+hogares+ha+crecido+de+una+manera+considerable%2C+sin+embargo+a%C3%BAn+hay+muchas+personas+que+por+distintos+motivos%2C+asisten+a+estos+lugares+que+son+p%C3%BAblicos%2C+es+posible+que+a+veces+los+usuarios+se+expongan+a+a" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F22%2Ffrecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque%2F&amp;title=%C2%BFFrecuentas+cibercaf%C3%A9s%3F%2C+ten+cuidado%2C+podr%C3%ADas+ser+objeto+de+un+ataque." title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/22/frecuentas-cibercafes-ten-cuidado-podrias-ser-objeto-de-un-ataque/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Gridview con MVC Contrib para ASP MVC</title>
		<link>http://qbit.com.mx/blog/2012/02/21/how-to-gridview-con-mvc-contrib-para-asp-mvc/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-gridview-con-mvc-contrib-para-asp-mvc</link>
		<comments>http://qbit.com.mx/blog/2012/02/21/how-to-gridview-con-mvc-contrib-para-asp-mvc/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 16:02:01 +0000</pubDate>
		<dc:creator>Jack Fiallos</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[ASP]]></category>
		<category><![CDATA[c#]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[MVC]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[asp]]></category>
		<category><![CDATA[contrib]]></category>
		<category><![CDATA[cpol]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[gridview]]></category>
		<category><![CDATA[mvc]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=688</guid>
		<description><![CDATA[Como saben asp mvc 2 no tiene componentes visuales que nos ayuden a mostrar la información.. e ilógicamente eso es lo que más me ha gustado de este framework ya que eso nos permite tener el control total de las aplicaciones web.. a diferencia de webforms que se incluía código de más y era muy [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;t=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D688%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC&amp;notes=%0D%0A%0D%0AComo+saben+asp+mvc+2+no+tiene+componentes+visuales+que+nos+ayuden+a+mostrar+la+informaci%C3%B3n..+e+il%C3%B3gicamente+eso+es+lo+que+m%C3%A1s+me+ha+gustado+de+este+framework+ya+que+eso+nos+permite+tener+el+control+total+de+las+aplicaciones+web..+a+diferencia+" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC&amp;bodytext=%0D%0A%0D%0AComo+saben+asp+mvc+2+no+tiene+componentes+visuales+que+nos+ayuden+a+mostrar+la+informaci%C3%B3n..+e+il%C3%B3gicamente+eso+es+lo+que+m%C3%A1s+me+ha+gustado+de+este+framework+ya+que+eso+nos+permite+tener+el+control+total+de+las+aplicaciones+web..+a+diferencia+" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
<li><a href='http://qbit.com.mx/blog/2012/02/07/ajax-loading-css-indicadores-de-carga/' rel='bookmark' title='Ajax loading css (indicadores de carga)'>Ajax loading css (indicadores de carga)</a></li>
<li><a href='http://qbit.com.mx/blog/2010/03/29/implementando-un-todo-con-jquery-para-tu-aplicacion-web/' rel='bookmark' title='Implementando un ToDo con jQuery para tu aplicacion Web'>Implementando un ToDo con jQuery para tu aplicacion Web</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=0fe8495ecf67ef7b922e354a69a28749&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><div id="attachment_689" class="wp-caption aligncenter" style="width: 306px"><a href="http://qbit.com.mx/blog/wp-content/uploads/mvccontrib.png"><img class="size-full wp-image-689" title="MVC Contrib" src="http://qbit.com.mx/blog/wp-content/uploads/mvccontrib.png" alt="MVC Contrib" width="296" height="101" /></a><p class="wp-caption-text">MVC Contrib</p></div>
<p>Como saben asp mvc 2 no tiene componentes visuales que nos ayuden a mostrar la información.. e ilógicamente eso es lo que más me ha gustado de este framework ya que eso nos permite tener el control total de las aplicaciones web.. a diferencia de webforms que se incluía código de más y era muy tedioso mezclar componentes propios que utilizaran ajax con su scriptManager y su updatePanel.. </p>
<p>Entonces esta vez nos encontramos con el ya conocido problema de que asp mvc no tenemos un componente de tipo grid nativo.. por lo que básicamente tenemos 3 opciones para implementar uno.. <strong>la primera solución</strong> es hacerlo a mano.. escribiendo un tabla y vaciando todos los datos, creando paginación, agregando ordenamiento de registros por columnas y estilizándola porque siempre es necesario que se vea bonito.. <strong>la segunda opción</strong> es utilizar componentes ya escritos y comerciales por su puesto.. (<a title="http://www.telerik.com/products/aspnet-mvc.aspx" href="http://www.telerik.com/products/aspnet-mvc.aspx">Telerik</a>, <a title="http://mvc.devexpress.com/" href="http://mvc.devexpress.com/">DevExpress</a>, <a title="http://www.ext.net/" href="http://www.ext.net/">Ext</a>, <a title="http://www.trirand.com/blog/" href="http://www.trirand.com/blog/">jqGrid</a>) o <strong>la tercera opción</strong> que sería buscar alternativas de código abierto como <a title="http://mvccontrib.codeplex.com/" href="http://mvccontrib.codeplex.com/">MVC Contrib</a> (CPOL) .. que esta última opción sería nuestra elección.</p>
<p>Entonces para empezar lo primero que se debe de hacer es descargar MVC Contrib de esta dirección <a href="http://mvccontrib.codeplex.com/releases">http://mvccontrib.codeplex.com/releases</a> .. es importante mencionar que MVC Contrib es una suite de componentes, pero en este ejemplo solamente utilizaremos el componente <a title="http://mvccontrib.codeplex.com/wikipage?title=Grid" href="http://mvccontrib.codeplex.com/wikipage?title=Grid">grid</a>..</p>
<p>Una vez que hayamos descargado los archivos lo que necesitaremos será descomprimirlo, ubicar el archivo MvcContrib.dll y agregarlo como referencia a nuestro proyecto en Visual Studio.. Para poder generar un grid con datos necesitamos un modelo que luego será el contenedor de la información.. entonces lo siguiente es crear una clase de tipo modelo.. que en mi ejemplo sería lo siguiente:</p>
<p><strong>UsuariosModel.cs</strong></p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">namespace</span> MvcContribExample<span style="color: #008000;">.</span><span style="color: #0000FF;">Models</span>
<span style="color: #008000;">&#123;</span>
    <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">class</span> UsuariosModel
    <span style="color: #008000;">&#123;</span>
        <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">string</span> nombre <span style="color: #008000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #008000;">&#125;</span>
        <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">string</span> apellido <span style="color: #008000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #008000;">&#125;</span>
        <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">string</span> deporte <span style="color: #008000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #008000;">&#125;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<p>Listo.. ya tenemos nuestro modelo.. ahora vamos a trabajar con el controlador para manejar la primera petición a nuestra página y que automáticamente se cree el grid con datos.. entonces simplemente para generarlo damos clic derecho sobre la carpeta &#8220;controllers&#8221;, seleccionamos agregar y luego tomamos la opción &#8220;Controller&#8230;&#8221; &#8212;  como esto es un ejemplo muy básico no necesitamos que se genere nada.. asi es que la opción de agregar otros métodos no la requerimos..</p>
<p><strong>HomeController.cs</strong></p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Collections.Generic</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.Mvc</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">MvcContribExample.Models</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">FizzWare.NBuilder</span><span style="color: #008000;">;</span>
&nbsp;
<span style="color: #0600FF; font-weight: bold;">namespace</span> MvcContribExample<span style="color: #008000;">.</span><span style="color: #0000FF;">Controllers</span>
<span style="color: #008000;">&#123;</span>
    <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">class</span> HomeController <span style="color: #008000;">:</span> Controller
    <span style="color: #008000;">&#123;</span>
        <span style="color: #0600FF; font-weight: bold;">public</span> ActionResult Index<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            var listaRandom <span style="color: #008000;">=</span> Builder<span style="color: #008000;">&lt;</span>UsuariosModel<span style="color: #008000;">&gt;.</span><span style="color: #0000FF;">CreateListOfSize</span><span style="color: #008000;">&#40;</span><span style="color: #FF0000;">20</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">.</span><span style="color: #0000FF;">TheFirst</span><span style="color: #008000;">&#40;</span><span style="color: #FF0000;">1</span><span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">With</span><span style="color: #008000;">&#40;</span>x <span style="color: #008000;">=&gt;</span> x<span style="color: #008000;">.</span><span style="color: #0000FF;">nombre</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;Jack&quot;</span><span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">And</span><span style="color: #008000;">&#40;</span>x <span style="color: #008000;">=&gt;</span> x<span style="color: #008000;">.</span><span style="color: #0000FF;">apellido</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;Fiallos&quot;</span><span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">And</span><span style="color: #008000;">&#40;</span>x <span style="color: #008000;">=&gt;</span> x<span style="color: #008000;">.</span><span style="color: #0000FF;">deporte</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;Baloncesto&quot;</span><span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">Build</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            var model <span style="color: #008000;">=</span> <span style="color: #008000;">&#40;</span>List<span style="color: #008000;">&lt;</span>UsuariosModel<span style="color: #008000;">&gt;</span><span style="color: #008000;">&#41;</span>listaRandom<span style="color: #008000;">;</span>
            <span style="color: #0600FF; font-weight: bold;">return</span> View<span style="color: #008000;">&#40;</span>model<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<p>Por ahí verán que estoy utilizando NBuilder (using FizzWare.NBuilder;).. pero no es necesario que ustedes lo tengan en su proyecto.. NBuilder lo que hace es generar una lista arbitrária de datos.. es muy útil para hacer pruebas.. al final lo que NBuilder genera es una lista que se debe convertir a (List[UsuariosModel]) que es lo que espera el grid.</p>
<p>Ahora que en nuestro controlador tenemos un método llamado Index .. necesitaremos una vista con el mismo nombre.. entonces en la carpeta Views crearemos otra carpeta llamada Home y dentro de ella una vista llamada Index..</p>
<p>Y una vez con la vista Index generada pegamos el código del grid.. que sería algo como lo siguiente:</p>
<p><strong>Views/Home/Index.aspx</strong></p>

<div class="wp_syntax"><div class="code"><pre class="asp" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;%</span><span style="color: #006600; font-weight: bold;">@</span> Page Language<span style="color: #006600; font-weight: bold;">=</span><span style="color: #cc0000;">&quot;C#&quot;</span> Inherits<span style="color: #006600; font-weight: bold;">=</span><span style="color: #cc0000;">&quot;System.Web.Mvc.ViewPage&quot;</span> <span style="color: #000000; font-weight: bold;">%&gt;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;%</span><span style="color: #006600; font-weight: bold;">@</span> Import Namespace<span style="color: #006600; font-weight: bold;">=</span><span style="color: #cc0000;">&quot;MvcContrib.UI.Grid&quot;</span> <span style="color: #000000; font-weight: bold;">%&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;%</span><span style="color: #006600; font-weight: bold;">@</span> Import Namespace<span style="color: #006600; font-weight: bold;">=</span><span style="color: #cc0000;">&quot;MvcContribExample.Models&quot;</span> <span style="color: #000000; font-weight: bold;">%&gt;</span>
&nbsp;
&lt;!DOCTYPE html&gt; 
&lt;html&gt; 
&lt;head runat=&quot;server&quot;&gt;
    &lt;title&gt;MVC Contrib Example, Ejemplo o como le quieran llamar&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;grid&quot;&gt;
    <span style="color: #000000; font-weight: bold;">&lt;%</span> Html.<span style="color: #9900cc;">Grid</span><span style="color: #006600; font-weight:bold;">&#40;</span><span style="color: #006600; font-weight:bold;">&#40;</span>List<span style="color: #006600; font-weight: bold;">&lt;</span>UsuariosModel<span style="color: #006600; font-weight: bold;">&gt;</span><span style="color: #006600; font-weight:bold;">&#41;</span>Model<span style="color: #006600; font-weight:bold;">&#41;</span>
       .<span style="color: #9900cc;">Columns</span><span style="color: #006600; font-weight:bold;">&#40;</span>column <span style="color: #006600; font-weight: bold;">=&gt;</span>
       <span style="color: #006600; font-weight:bold;">&#123;</span>
         column.<span style="color: #990099; font-weight: bold;">For</span><span style="color: #006600; font-weight:bold;">&#40;</span>c <span style="color: #006600; font-weight: bold;">=&gt;</span> c.<span style="color: #9900cc;">nombre</span><span style="color: #006600; font-weight:bold;">&#41;</span><span style="color: #006600; font-weight: bold;">;</span>
         column.<span style="color: #990099; font-weight: bold;">For</span><span style="color: #006600; font-weight:bold;">&#40;</span>c <span style="color: #006600; font-weight: bold;">=&gt;</span> c.<span style="color: #9900cc;">apellido</span><span style="color: #006600; font-weight:bold;">&#41;</span><span style="color: #006600; font-weight: bold;">;</span>
         column.<span style="color: #990099; font-weight: bold;">For</span><span style="color: #006600; font-weight:bold;">&#40;</span>c <span style="color: #006600; font-weight: bold;">=&gt;</span> c.<span style="color: #9900cc;">deporte</span><span style="color: #006600; font-weight:bold;">&#41;</span><span style="color: #006600; font-weight: bold;">;</span>
       <span style="color: #006600; font-weight:bold;">&#125;</span><span style="color: #006600; font-weight:bold;">&#41;</span>.<span style="color: #9900cc;">Attributes</span><span style="color: #006600; font-weight:bold;">&#40;</span><span style="color: #006600; font-weight: bold;">@</span><span style="color: #0000ff; font-weight: bold;">class</span> <span style="color: #006600; font-weight: bold;">=&gt;</span> <span style="color: #cc0000;">&quot;gridclass&quot;</span>, <span style="color: #006600; font-weight: bold;">@</span>id <span style="color: #006600; font-weight: bold;">=&gt;</span> <span style="color: #cc0000;">&quot;gridview&quot;</span><span style="color: #006600; font-weight:bold;">&#41;</span>.<span style="color: #9900cc;">Empty</span><span style="color: #006600; font-weight:bold;">&#40;</span><span style="color: #cc0000;">&quot;Sin registros :(&quot;</span><span style="color: #006600; font-weight:bold;">&#41;</span>.<span style="color: #9900cc;">Render</span><span style="color: #006600; font-weight:bold;">&#40;</span><span style="color: #006600; font-weight:bold;">&#41;</span><span style="color: #006600; font-weight: bold;">;</span>
    <span style="color: #000000; font-weight: bold;">%&gt;</span>
    &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p>Y voilá.. habemus grid sin tener que escribir tanto código..  Ahora hay cosas extras que faltarían para tener un grid hecho y derecho.. como por ejemplo la paginación, ordenamiento datos por columnas y colorear las filas tipo zebra striped.. pero eso sería tema de otro artículo.. para adelantarme un poco.. yo utilicé los estilos de twitter bootstrap y agregué como estilo &#8220;zebra-striped bordered-table&#8221; .. además incluí jquery.tablesorter para permitirle al grid ordenarse por columnas.. algo de paginación con el mismo componente de MVC Contrib y ajax para paginar el grid sin recargar toda la página.</p>
<p>Espero les sirva para entender el funcionamiento de MVC Contrib, Nbuilder que no era parte del artículo pero que al final lo incluí para efectos de prueba y hasta casi un pequeño tutorial de ASP MVC. <img src='http://qbit.com.mx/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Y porque no quiero dejar nada inconcluso.. dejo el código fuente que utilicé para el ejemplo.. <a href='http://qbit.com.mx/blog/wp-content/uploads/MvcContribExample.7z'>MvcContribExample</a></p>
<p>Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
<li><a href='http://qbit.com.mx/blog/2012/02/07/ajax-loading-css-indicadores-de-carga/' rel='bookmark' title='Ajax loading css (indicadores de carga)'>Ajax loading css (indicadores de carga)</a></li>
<li><a href='http://qbit.com.mx/blog/2010/03/29/implementando-un-todo-con-jquery-para-tu-aplicacion-web/' rel='bookmark' title='Implementando un ToDo con jQuery para tu aplicacion Web'>Implementando un ToDo con jQuery para tu aplicacion Web</a></li>
</ol></p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;t=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D688%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC&amp;notes=%0D%0A%0D%0AComo+saben+asp+mvc+2+no+tiene+componentes+visuales+que+nos+ayuden+a+mostrar+la+informaci%C3%B3n..+e+il%C3%B3gicamente+eso+es+lo+que+m%C3%A1s+me+ha+gustado+de+este+framework+ya+que+eso+nos+permite+tener+el+control+total+de+las+aplicaciones+web..+a+diferencia+" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC&amp;bodytext=%0D%0A%0D%0AComo+saben+asp+mvc+2+no+tiene+componentes+visuales+que+nos+ayuden+a+mostrar+la+informaci%C3%B3n..+e+il%C3%B3gicamente+eso+es+lo+que+m%C3%A1s+me+ha+gustado+de+este+framework+ya+que+eso+nos+permite+tener+el+control+total+de+las+aplicaciones+web..+a+diferencia+" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F21%2Fhow-to-gridview-con-mvc-contrib-para-asp-mvc%2F&amp;title=How+to+Gridview+con+MVC+Contrib+para+ASP+MVC" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/21/how-to-gridview-con-mvc-contrib-para-asp-mvc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De técnico a rudo &#8211; Script para cambiar registros a cadena</title>
		<link>http://qbit.com.mx/blog/2012/02/16/de-tecnico-a-rudo-script-para-cambiar-registros-a-cadena/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=de-tecnico-a-rudo-script-para-cambiar-registros-a-cadena</link>
		<comments>http://qbit.com.mx/blog/2012/02/16/de-tecnico-a-rudo-script-para-cambiar-registros-a-cadena/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 19:23:11 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[T-SQL]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=671</guid>
		<description><![CDATA[Buenas tardes mis estimados seguidores Bueno hemos estado bastante ocupados por acá (El Qbil Felino) y nos hemos dedicado a programar un buen rato, es por esto que les comparto un script que me parece muy útil ya que convierte los resultados de una consulta  a una cadena. ¡Manos a lo obra! Primero imaginemos que tenemos la [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;t=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D671%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena&amp;notes=Buenas+tardes+mis+estimados+seguidores+%3AD+Bueno+hemos+estado+bastante+ocupados+por%C2%A0ac%C3%A1+%28El+Qbil+Felino%29+y+nos+hemos+dedicado+a+programar+un+buen+rato%2C+es+por+esto+que+les+comparto+un+script+que+me+parece+muy+%C3%BAtil+ya+que+convierte+los+resultados+de" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena&amp;bodytext=Buenas+tardes+mis+estimados+seguidores+%3AD+Bueno+hemos+estado+bastante+ocupados+por%C2%A0ac%C3%A1+%28El+Qbil+Felino%29+y+nos+hemos+dedicado+a+programar+un+buen+rato%2C+es+por+esto+que+les+comparto+un+script+que+me+parece+muy+%C3%BAtil+ya+que+convierte+los+resultados+de" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

No hay entradas relacionadas]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=e8c30513ee6bddd0ca43b51c56cf58cd&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p>Buenas tardes mis estimados seguidores <img src='http://qbit.com.mx/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  Bueno hemos estado bastante ocupados por acá (El Qbil Felino) y nos hemos dedicado a programar un buen rato, es por esto que les comparto un script que me parece muy útil ya que convierte los resultados de una consulta  a una cadena. ¡Manos a lo obra!</p>
<p>Primero imaginemos que tenemos la siguiente tabla:</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">CREATE</span> <span style="color: #993333; font-weight: bold;">TABLE</span> <span style="color: #66cc66;">&#91;</span>dbo<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">.</span>Cliente<span style="color: #66cc66;">&#40;</span>
  id <span style="color: #66cc66;">&#91;</span><span style="color: #993333; font-weight: bold;">BIGINT</span><span style="color: #66cc66;">&#93;</span> <span style="color: #993333; font-weight: bold;">IDENTITY</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">NOT</span> <span style="color: #993333; font-weight: bold;">NULL</span><span style="color: #66cc66;">,</span>
  nombre <span style="color: #66cc66;">&#91;</span><span style="color: #993333; font-weight: bold;">VARCHAR</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">NULL</span><span style="color: #66cc66;">,</span>
  <span style="color: #993333; font-weight: bold;">CONSTRAINT</span> <span style="color: #66cc66;">&#91;</span>PK_Cliente<span style="color: #66cc66;">&#93;</span> <span style="color: #993333; font-weight: bold;">PRIMARY</span> <span style="color: #993333; font-weight: bold;">KEY</span> CLUSTERED
  <span style="color: #66cc66;">&#40;</span>
  <span style="color: #66cc66;">&#91;</span>id<span style="color: #66cc66;">&#93;</span> <span style="color: #993333; font-weight: bold;">ASC</span>
  <span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#41;</span> <span style="color: #993333; font-weight: bold;">ON</span> <span style="color: #66cc66;">&#91;</span><span style="color: #993333; font-weight: bold;">PRIMARY</span><span style="color: #66cc66;">&#93;</span></pre></div></div>

<p>Ahora con los siguientes valores:</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Patito S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Pollito S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Vaca S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Toro S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Gallo S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">INSERT</span> <span style="color: #993333; font-weight: bold;">INTO</span> Cliente <span style="color: #993333; font-weight: bold;">VALUES</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Camaleon S.A. de C.V.'</span><span style="color: #66cc66;">&#41;</span></pre></div></div>

<p>&nbsp;</p>
<p>Por último, queremos obtener los nombres de los clientes separados por el caracter punto y coma (;). Para esto utilizamos el siguiente script:</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">DECLARE</span> @<span style="color: #993333; font-weight: bold;">SQL</span> NVARCHAR<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1000</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">DECLARE</span> @clientes NVARCHAR<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1000</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #993333; font-weight: bold;">BEGIN</span>
  <span style="color: #993333; font-weight: bold;">SET</span> @<span style="color: #993333; font-weight: bold;">SQL</span> <span style="color: #66cc66;">=</span> N<span style="color: #ff0000;">'SET @clientesOUT = '</span><span style="color: #ff0000;">''</span><span style="color: #ff0000;">'
  SELECT @clientesOUT = @clientesOUT + '</span><span style="color: #ff0000;">'; '</span><span style="color: #ff0000;">' + nombre
    FROM Cliente'</span>
&nbsp;
  <span style="color: #993333; font-weight: bold;">EXEC</span> sp_executesql @<span style="color: #993333; font-weight: bold;">SQL</span><span style="color: #66cc66;">,</span>
    N<span style="color: #ff0000;">'@clientesOUT NVARCHAR(2000) OUTPUT'</span><span style="color: #66cc66;">,</span>
    @clientesOUT <span style="color: #66cc66;">=</span> @clientes OUTPUT
&nbsp;
  <span style="color: #993333; font-weight: bold;">SET</span> @clientes <span style="color: #66cc66;">=</span> <span style="color: #993333; font-weight: bold;">RIGHT</span><span style="color: #66cc66;">&#40;</span>@clientes<span style="color: #66cc66;">,</span> LEN<span style="color: #66cc66;">&#40;</span>@clientes<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">-</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
  <span style="color: #993333; font-weight: bold;">SELECT</span> @clientes
<span style="color: #993333; font-weight: bold;">END</span></pre></div></div>

<p>&nbsp;</p>
<p>Ahora queda de ustedes si quieren meter la funcionalidad a una Función o hacer buen uso de ella.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>No hay entradas relacionadas</p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;t=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D671%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena&amp;notes=Buenas+tardes+mis+estimados+seguidores+%3AD+Bueno+hemos+estado+bastante+ocupados+por%C2%A0ac%C3%A1+%28El+Qbil+Felino%29+y+nos+hemos+dedicado+a+programar+un+buen+rato%2C+es+por+esto+que+les+comparto+un+script+que+me+parece+muy+%C3%BAtil+ya+que+convierte+los+resultados+de" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena&amp;bodytext=Buenas+tardes+mis+estimados+seguidores+%3AD+Bueno+hemos+estado+bastante+ocupados+por%C2%A0ac%C3%A1+%28El+Qbil+Felino%29+y+nos+hemos+dedicado+a+programar+un+buen+rato%2C+es+por+esto+que+les+comparto+un+script+que+me+parece+muy+%C3%BAtil+ya+que+convierte+los+resultados+de" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F16%2Fde-tecnico-a-rudo-script-para-cambiar-registros-a-cadena%2F&amp;title=De+t%C3%A9cnico+a+rudo+%26%238211%3B+Script+para+cambiar+registros+a+cadena" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/16/de-tecnico-a-rudo-script-para-cambiar-registros-a-cadena/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sí te cambias a Mac, esto te puede ayudar</title>
		<link>http://qbit.com.mx/blog/2012/02/15/si-te-cambias-a-mac-esto-te-puede-ayudar/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=si-te-cambias-a-mac-esto-te-puede-ayudar</link>
		<comments>http://qbit.com.mx/blog/2012/02/15/si-te-cambias-a-mac-esto-te-puede-ayudar/#comments</comments>
		<pubDate>Wed, 15 Feb 2012 18:28:42 +0000</pubDate>
		<dc:creator>Rose</dc:creator>
				<category><![CDATA[Metodologías de Software]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Sin categoría]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[Tendencias]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=627</guid>
		<description><![CDATA[Este post está dedicado a las personas que utilizan Windows y están iniciando a trabajar en el entorno de Mac, cuando las personas cambian de sistema operativo y solo están familiarizadas a aquello que siempre usaron de forma tan común, como el escritorio, el botón inicio, instalando un programa, a veces cambiar radicalmente nuestra perspectiva [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;t=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D627%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar&amp;notes=Este+post+est%C3%A1+dedicado+a+las+personas+que+utilizan+Windows+y+est%C3%A1n+iniciando+a+trabajar+en+el+entorno+de+Mac%2C+cuando+las+personas+cambian+de+sistema+operativo+y+solo+est%C3%A1n+familiarizadas+a+aquello+que+siempre+usaron+de+forma+tan+com%C3%BAn%2C+como+el+e" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar&amp;bodytext=Este+post+est%C3%A1+dedicado+a+las+personas+que+utilizan+Windows+y+est%C3%A1n+iniciando+a+trabajar+en+el+entorno+de+Mac%2C+cuando+las+personas+cambian+de+sistema+operativo+y+solo+est%C3%A1n+familiarizadas+a+aquello+que+siempre+usaron+de+forma+tan+com%C3%BAn%2C+como+el+e" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

No hay entradas relacionadas]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=023fdee77d081aecdcf3aad248017a0f&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p>Este post está dedicado a las personas que utilizan <strong>Windows</strong> y están iniciando a trabajar en el entorno de <strong>Mac</strong>, cuando las personas cambian de sistema operativo y solo están familiarizadas a aquello que siempre usaron de forma tan común, como el escritorio, el botón inicio, instalando un programa, a veces cambiar radicalmente nuestra perspectiva de un mundo informático, nos hace sentirnos <strong>desconcertados</strong>,y puede que en algunos casos nos desesperemos, para ello te publico esta guía para que empiezas con el pie derecho utilizando Mac.</p>
<p><span style="font-family: Arial,sans-serif"><span style="font-size: medium">A pesar de que en </span></span><strong><span style="font-family: Arial,sans-serif"><span style="font-size: medium">Mac OS X</span></span></strong><span style="font-family: Arial,sans-serif"><span style="font-size: medium"> es un sistema operativo que está orientado a hacer las cosas simples, es habitual que nos </span></span><strong><span style="font-family: Arial,sans-serif"><span style="font-size: medium">“perdamos”</span></span></strong><span style="font-family: Arial,sans-serif"><span style="font-size: medium"> un poco al no reconocer características con las que estamos habituados a trabajar en </span></span><strong><span style="font-family: Arial,sans-serif"><span style="font-size: medium">Windows.</span></span></strong></p>
<p><strong>¿Dónde está e</strong><a href="http://qbit.com.mx/blog/wp-content/uploads/cd717_notebook_apple-imac-20.jpg"><img class="wp-image-669 alignleft" src="http://qbit.com.mx/blog/wp-content/uploads/cd717_notebook_apple-imac-20-300x246.jpg" alt="" width="195" height="171" /></a><strong>l menú Inicio y su contenido?</strong></p>
<ul>
<li>En Mac no existe un equivalente exacto a menú de inicio. En el dock (es un elemento de interfaz gráfica de usuario que permite a los usuarios iniciar, cambiar y monitorizar aplicaciones, en tu Mac es la barra inferior), puedes guardar las aplicaciones a las que accedes comúnmente. La configuración de impresoras, red, etc. está en Preferencias del Sistema.</li>
</ul>
<p>Personalmente, trabajo de la siguiente forma: Utilizo Spotlight o Quicksilver para encontrar la aplicación que necesito lanzar, por lo que no necesito iconos de todas las aplicaciones instaladas. Sin embargo, en el dock sólo dejo aquellas aplicaciones que conviene tener en el escritorio porque trabajo con ellas “arrastrándoles” objetos, como Photoshop, iTunes, Safari…<strong></strong></p>
<p><strong>¿Dónde está e</strong><strong>l “Panel de control”? </strong></p>
<ul>
<li><strong></strong>En Mac se llama “Preferencias del Sistema”, hay un acceso directo si pulsas el logo de la manzanita de la barra superior del escritorio, o el icono de las ruedas dentadas en el dock.<strong></strong></li>
</ul>
<p><strong>¿Cómo expulso u</strong><strong>na unidad?</strong></p>
<ul>
<li>Para montar una unidad no tendrás ningún problema, cualquier dispositivo montado correctamente aparecerá en el escritorio. Para expulsarla, simplemente lleva su icono hacia la papelera. Tranquilos, no significa que se borrara, o se formateara tu dispositivo, si observas al seleccionar una aplicación el icono de la papelera se convierte en el signo de “expulsar”.</li>
</ul>
<p>También es útil saber que si seleccionamos varios documentos que queremos borrar, y una unidad, el sistema hará lo que toca para cada caso: Si son documentos los borrará, y si son unidades los desmontará.<br />
<strong>¿Cómo instalo una aplicación?</strong></p>
<ul>
<li>En <strong>Mac</strong>, las aplicaciones no se “instalan” tal y como se hace en Windows. Los programas para Mac OS X son, en apariencia para el usuario, un simple icono. En realidad, profundizando un poco, dicho icono es una carpeta especial con permisos de ejecución y que contiene una estructura de archivos definida por el sistema operativo y que contiene lo necesario para que la aplicación funcione de manera adecuada.</li>
</ul>
<p>En Mac, no existe un “registro del sistema”, debido a lo anterior. Las aplicaciones utilizan una carpeta llamada “Application Support” para guardar los archivos de configuración del usuario. Para instalar una aplicación, nos bajaremos los programas habitualmente en formato .dmg. Haciendo doble click sobre dicho archivo, se nos montará una nueva unidad en el escritorio, que contiene la aplicación. Lo único que tendremos que hacer es arrastrar esta aplicación donde queramos guardarla (normalmente en Aplicaciones).<strong></strong></p>
<p><strong>¿Como desinstalar una aplicación?</strong></p>
<ul>
<li> Para desinstalar una aplicación, llevaremos su icono a la papelera. Si no queremos guardar la configuración personalizada que nos habrá creado la aplicación para nuestro usuario, podemos borrar la carpeta con su nombre que se encuentra en (nuestro_nombre_usuario)/Librería/Application Support.</li>
</ul>
<p><strong>¿CTRL+ALT+SUPR en Mac?</strong></p>
<ul>
<li>Para forzar a algunas aplicaciones a cerrarse en Windows usábamos esto, en Mac pulsamos ALT+CMD+ESC. Aparecerá una lista con las aplicaciones abiertas y podrás cerrar la que deseas individualmente. El sistema o resto de aplicaciones no se verán afectados.<strong></strong></li>
</ul>
<p><strong>¿Cómo cambio la aplicación predeterminada para abrir algunos tipos de archivos?</strong></p>
<ul>
<li>Abrimos las propiedades del archivo, pulsando botón derecho sobre el archivo con la extensión a tratar, y “Obtener Información”. Luego buscamos la zona “Abrir con…” y elegimos con qué queremos que se abra. Si pulsamos el botón “Cambiar todo”, cambiaremos cualquier archivo con esa extensión, y no sólo el que estábamos seleccionando.</li>
</ul>
<p>Estas son la aplicaciones más comunes que utilizamos en el entorno de Windows pero al compararlo con la Mac  notamos una increíble diferencia<strong><em>.</em></strong></p>
<p><strong><span style="font-family: Arial,sans-serif"><span style="font-size: small">&#8220;Suerte y bienvenido a un nuevo mundo informático&#8221;</span></span></strong></p>
<p><strong><span style="font-family: Arial,sans-serif"><span style="font-size: small">Más información en:</span></span></strong><span style="font-family: Arial,sans-serif"><span style="font-size: small"><br />
</span></span><strong><span style="font-family: Arial,sans-serif"><span style="font-size: small">http://www.applesfera.com/apple/screencast-switchers-el-escritorio</span></span></strong></p>
<p><strong><span style="font-family: Arial,sans-serif"><span style="font-size: small">http://es.wikipedia.org/wiki/Spotlight</span></span></strong><span style="font-family: Arial,sans-serif"><span style="font-size: small"><br />
</span></span><strong><span style="font-family: Arial,sans-serif"><span style="font-size: small">http://www.chozadigital.com/?p=4151</span></span></strong></p>
<p>No hay entradas relacionadas</p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;t=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D627%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar&amp;notes=Este+post+est%C3%A1+dedicado+a+las+personas+que+utilizan+Windows+y+est%C3%A1n+iniciando+a+trabajar+en+el+entorno+de+Mac%2C+cuando+las+personas+cambian+de+sistema+operativo+y+solo+est%C3%A1n+familiarizadas+a+aquello+que+siempre+usaron+de+forma+tan+com%C3%BAn%2C+como+el+e" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar&amp;bodytext=Este+post+est%C3%A1+dedicado+a+las+personas+que+utilizan+Windows+y+est%C3%A1n+iniciando+a+trabajar+en+el+entorno+de+Mac%2C+cuando+las+personas+cambian+de+sistema+operativo+y+solo+est%C3%A1n+familiarizadas+a+aquello+que+siempre+usaron+de+forma+tan+com%C3%BAn%2C+como+el+e" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F15%2Fsi-te-cambias-a-mac-esto-te-puede-ayudar%2F&amp;title=S%C3%AD+te+cambias+a+Mac%2C+esto+te+puede+ayudar" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/15/si-te-cambias-a-mac-esto-te-puede-ayudar/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>REST vs SOAP</title>
		<link>http://qbit.com.mx/blog/2012/02/14/rest-vs-soap/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=rest-vs-soap</link>
		<comments>http://qbit.com.mx/blog/2012/02/14/rest-vs-soap/#comments</comments>
		<pubDate>Tue, 14 Feb 2012 15:00:03 +0000</pubDate>
		<dc:creator>Jack Fiallos</dc:creator>
				<category><![CDATA[Html]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Proyectos]]></category>
		<category><![CDATA[Servicio]]></category>
		<category><![CDATA[servidor]]></category>
		<category><![CDATA[Sistemas de Informacion]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[Tendencias]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[rest]]></category>
		<category><![CDATA[services]]></category>
		<category><![CDATA[soap]]></category>
		<category><![CDATA[verbs]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=618</guid>
		<description><![CDATA[Aunque REST y SOAP son arquitecturas muy similares de intercambio de información entre aplicaciones web y de escritorio con servidores, antes de decidirse por uno de ambas es importante tener en cuenta las siguientes consideraciones. Trataré de ser objetivo en este artículo ya que hasta hace poco empecé a utilizar REST (4 meses), todo lo [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;t=REST+vs+SOAP" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=REST+vs+SOAP%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D618%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP&amp;notes=%0D%0A%0D%0AAunque+REST+y+SOAP+son+arquitecturas+muy+similares+de+intercambio+de+informaci%C3%B3n+entre+aplicaciones+web+y+de+escritorio+con+servidores%2C+antes+de+decidirse+por+uno+de+ambas+es+importante+tener+en+cuenta+las+siguientes+consideraciones.+Tratar%C3%A9+de" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP&amp;bodytext=%0D%0A%0D%0AAunque+REST+y+SOAP+son+arquitecturas+muy+similares+de+intercambio+de+informaci%C3%B3n+entre+aplicaciones+web+y+de+escritorio+con+servidores%2C+antes+de+decidirse+por+uno+de+ambas+es+importante+tener+en+cuenta+las+siguientes+consideraciones.+Tratar%C3%A9+de" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2012/01/04/celestic-un-largo-camino-por-seguir-y-muchas-ganas-de-continuar/' rel='bookmark' title='Celestic un largo camino por seguir y muchas ganas de continuar'>Celestic un largo camino por seguir y muchas ganas de continuar</a></li>
<li><a href='http://qbit.com.mx/blog/2012/01/10/oauth-twitter-ruby/' rel='bookmark' title='OAuth Twitter Ruby'>OAuth Twitter Ruby</a></li>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=0fe8495ecf67ef7b922e354a69a28749&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><div id="attachment_619" class="wp-caption aligncenter" style="width: 230px"><a href="http://qbit.com.mx/blog/wp-content/uploads/restvssoap.png"><img class="size-full wp-image-619" title="REST vs SOAP" src="http://qbit.com.mx/blog/wp-content/uploads/restvssoap.png" alt="REST vs SOAP" width="220" height="220" /></a><p class="wp-caption-text">REST vs SOAP</p></div>
<p>Aunque REST y SOAP son arquitecturas muy similares de intercambio de información entre aplicaciones web y de escritorio con servidores, antes de decidirse por uno de ambas es importante tener en cuenta las siguientes consideraciones. Trataré de ser objetivo en este artículo ya que hasta hace poco empecé a utilizar REST (4 meses), todo lo que aprendí sobre websvices esta basado en SOAP.</p>
<p>Primeramente hay que entender que REST esta basado en una arquitectura donde se identifican los recursos claves a consumirse.. veámoslo como una forma semántica de escritura ante la web donde hay métodos que al ser interpretados nos retornan información&#8230; Algo como por ejemplo utilizando el método GET del protocolo HTTP (digo GET porque también se puede utilizar POST, PUT, HEAD, DELETE, etc.. ) haría una petición de la siguiente manera: &#8220;http://servidor.com/api/proyecto/1/tarea/5&#8243;  .. donde api es el contenedor de mi webservice y lo que sigue sería equivalente a decir.. Del proyecto con identificador no. 1 seleccionar la tarea con identificador no. 5 y mostrar el resultado en formato json o xml.</p>
<p>Así de fácil es REST, mientras que SOAP es un poco más complicado por que lo que se consumen son métodos o funciones almacenadas igualmente en un servidor.. entonces si quisiera hacer lo mismo.. en SOAP tendría que escribir algo como lo siguiente: &#8220;http://miservidor.com/api/calcula&#8221; donde calcula contiene una definición de funciones (sumar y restar) que se pueden implementar mediante la creación de un objeto, un concepto de la programación orientada a objetos .. del uso de alguno de los métodos listados en el servicio calcula como respuesta obtendría una salida en xml con una definición del tipo de datos que respondió el servidor..</p>
<p>Si se fijan ambos tipos de conexión ya sea REST o SOAP se parecen mucho, ya que sirven para solicitar información a un servidor, pero distan de implementarse de una manera similar.. verán que REST es mucho más fácil y SOAP conlleva escribir un poco más de código..</p>
<p>En la actualidad muchos de los servicios que utilizamos a diario como twitter, facebook, fourquare, delicious, flickr, etc.. estan basados en REST por la facilidad de imlementación y la simplesa que se obtiene en los resultados.</p>
<p>SOAP ya que tiene una arquitectura de respuesta más compleja, es utilizado comunmente en corporaciones, hasta me atrevería a decir que la mayoría de empresas que utilizan sistemas basados en .NET o Java tienen sus servicios de comunicación basados en SOAP .. porque ha decir verdad es muy fácil implementar esos objetos y consumir esos métodos.. porque claro!! hay personas que ya hicieron todo el trabajo pesado de crear librerías que se usan casi con un par de líneas. Además que en estos lenguajes se tienen componentes visuales que se conectan casi de manera transparente a webservices basados en SOAP por lo que como dije.. ya todo lo interesante ya se hizo.</p>
<p>Entonces ya que tenemos una mejor idea de que hace REST vs SOAP podemos hacer comparaciones y obtener una conclusión..</p>
<p><strong>REST</strong></p>
<p><strong>En lo que es genial</strong></p>
<ul>
<li>Es muy ligero, sus respuestas contienen exactamente la información que necesitamos.</li>
<li>Para los nosotros los humanos es muy fácil y simple de interpretar.</li>
<li>Es sencillo de desarrollar y no se necesita mucho código extra.</li>
<li>Es flexible en cuanto al tipo de respuesta que se necesita, ya que puede ser xml o json.</li>
</ul>
<div><strong>En lo que falla</strong></div>
<div>
<ul>
<li>Creo que la seguridad es un problema y puede llegar a ser una tarea muy difícil implementarla correctamente.</li>
<li>No hay un estándar en sus respuestas por lo que no se definen tipos de datos.</li>
</ul>
</div>
<div></div>
<div><strong>SOAP</strong></div>
<p><strong>En lo que es genial</strong></p>
<ul>
<li>Si trabajas con componentes y utilizas .NET o Java es muy sencillo de consumir.</li>
<li>El resultado que siempre es XML contiene una definición específica del tipo de dato, lo que hace del protocolo algo muy estricto.</li>
<li>Se dice que es más seguro porque su implementación siempre o la mayoría de las veces se hace del lado del servidor.</li>
</ul>
<p><strong>En lo que falla</strong></p>
<ul>
<li>Una vez implementado, si se desea cambiar algo en el servidor impacta de forma negativa en los clientes ya que estos tienen que hacer muchas modificaciones al código.</li>
<li>Las respuestas son demasiado complejas y difíciles de interpretar si no se tienen las herramientas correctas para hacerlo.</li>
</ul>
<p><strong>Conclusión</strong></p>
<p>Creo que ambas arquitecturas de intercambio de información tienen sus nichos bien definidos, cuando se trata de aplicaciones públicas refiriéndome a servicios de uso masivo es mucho mejor utilizar REST por la sencillez en su implementación y respuestas, inclusive en clientes móviles es mucho más fácil utilizar REST. Por otro lado si se esta pensando en webservices para corporaciones donde se manejan datos complejos y se necesita una presición detallada en las respuestas se debe de utilizar SOAP, entornos de desarrollo como Visual Studio hacen que el desarrollo e implementación de SOAP sea sumamente sencillo sin tener que escribir código de más para interpretar respuestas.</p>
<p>Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2012/01/04/celestic-un-largo-camino-por-seguir-y-muchas-ganas-de-continuar/' rel='bookmark' title='Celestic un largo camino por seguir y muchas ganas de continuar'>Celestic un largo camino por seguir y muchas ganas de continuar</a></li>
<li><a href='http://qbit.com.mx/blog/2012/01/10/oauth-twitter-ruby/' rel='bookmark' title='OAuth Twitter Ruby'>OAuth Twitter Ruby</a></li>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
</ol></p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;t=REST+vs+SOAP" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=REST+vs+SOAP%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D618%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP&amp;notes=%0D%0A%0D%0AAunque+REST+y+SOAP+son+arquitecturas+muy+similares+de+intercambio+de+informaci%C3%B3n+entre+aplicaciones+web+y+de+escritorio+con+servidores%2C+antes+de+decidirse+por+uno+de+ambas+es+importante+tener+en+cuenta+las+siguientes+consideraciones.+Tratar%C3%A9+de" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP&amp;bodytext=%0D%0A%0D%0AAunque+REST+y+SOAP+son+arquitecturas+muy+similares+de+intercambio+de+informaci%C3%B3n+entre+aplicaciones+web+y+de+escritorio+con+servidores%2C+antes+de+decidirse+por+uno+de+ambas+es+importante+tener+en+cuenta+las+siguientes+consideraciones.+Tratar%C3%A9+de" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F14%2Frest-vs-soap%2F&amp;title=REST+vs+SOAP" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/14/rest-vs-soap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Instituto para el futuro</title>
		<link>http://qbit.com.mx/blog/2012/02/10/instituto-para-el-futuro/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=instituto-para-el-futuro</link>
		<comments>http://qbit.com.mx/blog/2012/02/10/instituto-para-el-futuro/#comments</comments>
		<pubDate>Sat, 11 Feb 2012 02:43:14 +0000</pubDate>
		<dc:creator>Xineohp</dc:creator>
				<category><![CDATA[Futuro]]></category>
		<category><![CDATA[Paradigmas]]></category>
		<category><![CDATA[tecnologia]]></category>
		<category><![CDATA[Tendencias]]></category>
		<category><![CDATA[futuro]]></category>
		<category><![CDATA[Ideas]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=607</guid>
		<description><![CDATA[Estaba leyendo unos documentos del “Institute for the future” http://www.iftf.org/ y me encontre algo interesante para un nuevo post, pero &#8230; ¿Que es el IFTF? “Intitute for the future (IFTF) es un “think tank“ creado en 1968 para ayudar a las organizaciones a planificar para el futuro a largo plazo. Fue fundado por Paul Baran, [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;t=Instituto+para+el+futuro" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Instituto+para+el+futuro%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D607%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro&amp;notes=Estaba+leyendo+unos+documentos+del+%E2%80%9CInstitute+for+the+future%E2%80%9D+http%3A%2F%2Fwww.iftf.org%2F+y+me+encontre+algo+interesante+para+un+nuevo+post%2C+pero+...%0D%0A%0D%0A%C2%BFQue+es+el+IFTF%3F%0D%0A%0D%0A%E2%80%9CIntitute+for+the+future+%28IFTF%29+es+un+%E2%80%9Cthink+tank%E2%80%9C+creado+en+1968+para+ay" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro&amp;bodytext=Estaba+leyendo+unos+documentos+del+%E2%80%9CInstitute+for+the+future%E2%80%9D+http%3A%2F%2Fwww.iftf.org%2F+y+me+encontre+algo+interesante+para+un+nuevo+post%2C+pero+...%0D%0A%0D%0A%C2%BFQue+es+el+IFTF%3F%0D%0A%0D%0A%E2%80%9CIntitute+for+the+future+%28IFTF%29+es+un+%E2%80%9Cthink+tank%E2%80%9C+creado+en+1968+para+ay" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2012/01/06/imaginando-el-futuro-de-la-tecnologia/' rel='bookmark' title='Imaginando el futuro de la tecnología'>Imaginando el futuro de la tecnología</a></li>
<li><a href='http://qbit.com.mx/blog/2012/01/31/probador-virtual-el-futuro-de-las-compras/' rel='bookmark' title='Probador virtual, el futuro de las compras'>Probador virtual, el futuro de las compras</a></li>
<li><a href='http://qbit.com.mx/blog/2008/12/12/google_y_el_futuro_de_android/' rel='bookmark' title='Google y el futuro de Android'>Google y el futuro de Android</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=be7fc979f4af473474001d7d6309bab9&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p>Estaba leyendo unos documentos del “Institute for the future” http://www.iftf.org/ y me encontre algo interesante para un nuevo post, pero &#8230;</p>
<p>¿Que es el IFTF?</p>
<p>“Intitute for the future (IFTF) es un “<strong>think tank</strong>“ creado en 1968 para ayudar a las organizaciones a planificar para el futuro a largo plazo. Fue fundado por Paul Baran, un pionero de los inicios de Internet y co-desarrollador de la conmutación de paqutes, el futurista Theodore Jay Gordon, y el co-inventor del metodo Delphi Olaf Helmer.</p>
<p>El instituto mantiene programas de investigación sobre el futuro de la tecnología, la salud y organizaciones. Se publica una variedad de informes y mapas, así como un blog sobre las tecnologías emergentes.”</p>
<p>En su página web se pueden encontrar información muy interesante sobre : Horizontes de la Salud, Horizontes de Tecnología, Pronósticos a 10 años (ó mejor conocidos como mapas de la década) entre otras.</p>
<p>&nbsp;</p>
<p>Algunos de los muchos de documentos en su página que se me hacen interesantes son :</p>
<p>Reinventing Energy Futures: Four Visions : <a href="http://www.iftf.org/EnergyFutures">http://www.iftf.org/EnergyFutures</a></p>
<p>A Multiverse of Exploration: The Future of Science 2021 : <a href="http://www.iftf.org/futureofscience">http://www.iftf.org/futureofscience</a></p>
<p>The Human Internet: Where will the web take us in 2022? : <a href="http://www.iftf.org/TH2012ResearchAgenda">http://www.iftf.org/TH2012ResearchAgenda</a></p>
<p>IFTF Announces Release of Domain-Specific Robotics Research : <a href="http://www.iftf.org/robotics2010">http://www.iftf.org/robotics2010</a></p>
<p>When Everything is Programmable Forecast and Technology Cards : <a href="http://www.iftf.org/node/3724">http://www.iftf.org/node/3724</a></p>
<p>The Future is a Balancing Act: The 2011 Map of the Decade: <a href="http://www.iftf.org/2011mapofthedecade">http://www.iftf.org/2011mapofthedecade</a></p>
<p>&nbsp;</p>
<p>Este sitio es un buen lugar para alimentar la mente de ideas, en un próximo post escribire algo sobre lo que he visto por aqui.</p>
<p>&nbsp;</p>
<div id="attachment_608" class="wp-caption aligncenter" style="width: 310px"><a href="http://qbit.com.mx/blog/wp-content/uploads/MapOfDecade.jpg"><img class="size-medium wp-image-608 " title="MapOfDecade" src="http://qbit.com.mx/blog/wp-content/uploads/MapOfDecade-300x258.jpg" alt="Mapa de la década" width="300" height="258" /></a><p class="wp-caption-text">Mapa de la década</p></div>
<p>Imagen : <a href="http://www.iftf.org/node/3934">http://www.iftf.org/node/3934</a></p>
<p>“think tank”</p>
<p><span style="color: #000000;">“<span style="font-family: sans-serif;"><span style="font-size: x-small;">Se trata de una expresión inglesa muy utilizada en español, y que se ha intentado adaptar con distintas expresiones como </span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>comité de expertos</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">,</span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>comité de de sabios</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">,</span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>instituto de investigación</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">,</span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>gabinete estratégico</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">,</span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>centro de pensamiento</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">,</span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>laboratorio de ideas</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">o </span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;"><strong>usina de ideas</strong></span></span></span><span style="color: #000000;"><span style="font-family: sans-serif;"><span style="font-size: x-small;">. </span></span></span><span style="font-size: x-small; font-family: sans-serif;">Los </span><em style="font-size: x-small; font-family: sans-serif;">think tanks </em><span style="font-size: x-small; font-family: sans-serif;">a menudo están relacionados con laboratorios militares, empresas privadas, instituciones académicas o de otro tipo.&#8221;</span></p>
<p><a href="http://es.wikipedia.org/wiki/Think_tank">http://es.wikipedia.org/wiki/Think_tank</a></p>
<p>&nbsp;</p>
<p>Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2012/01/06/imaginando-el-futuro-de-la-tecnologia/' rel='bookmark' title='Imaginando el futuro de la tecnología'>Imaginando el futuro de la tecnología</a></li>
<li><a href='http://qbit.com.mx/blog/2012/01/31/probador-virtual-el-futuro-de-las-compras/' rel='bookmark' title='Probador virtual, el futuro de las compras'>Probador virtual, el futuro de las compras</a></li>
<li><a href='http://qbit.com.mx/blog/2008/12/12/google_y_el_futuro_de_android/' rel='bookmark' title='Google y el futuro de Android'>Google y el futuro de Android</a></li>
</ol></p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;t=Instituto+para+el+futuro" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Instituto+para+el+futuro%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D607%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro&amp;notes=Estaba+leyendo+unos+documentos+del+%E2%80%9CInstitute+for+the+future%E2%80%9D+http%3A%2F%2Fwww.iftf.org%2F+y+me+encontre+algo+interesante+para+un+nuevo+post%2C+pero+...%0D%0A%0D%0A%C2%BFQue+es+el+IFTF%3F%0D%0A%0D%0A%E2%80%9CIntitute+for+the+future+%28IFTF%29+es+un+%E2%80%9Cthink+tank%E2%80%9C+creado+en+1968+para+ay" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro&amp;bodytext=Estaba+leyendo+unos+documentos+del+%E2%80%9CInstitute+for+the+future%E2%80%9D+http%3A%2F%2Fwww.iftf.org%2F+y+me+encontre+algo+interesante+para+un+nuevo+post%2C+pero+...%0D%0A%0D%0A%C2%BFQue+es+el+IFTF%3F%0D%0A%0D%0A%E2%80%9CIntitute+for+the+future+%28IFTF%29+es+un+%E2%80%9Cthink+tank%E2%80%9C+creado+en+1968+para+ay" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F10%2Finstituto-para-el-futuro%2F&amp;title=Instituto+para+el+futuro" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/10/instituto-para-el-futuro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rumbo a la Gestión de Calidad &#8211; Proceso y Procedimiento</title>
		<link>http://qbit.com.mx/blog/2012/02/09/rumbo-a-la-gestion-de-calidad-proceso-y-procedimiento/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=rumbo-a-la-gestion-de-calidad-proceso-y-procedimiento</link>
		<comments>http://qbit.com.mx/blog/2012/02/09/rumbo-a-la-gestion-de-calidad-proceso-y-procedimiento/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 18:42:40 +0000</pubDate>
		<dc:creator>mike</dc:creator>
				<category><![CDATA[Gestión de Calidad]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=597</guid>
		<description><![CDATA[Lo prometido es deuda, en la siguiente imagen se ilustra el proceso general que realiza QBit para el desarrollo de una aplicación de un cliente. Los cuadros azules son procedimientos, los cuadros blancos son documentos, los cuadros verdes son productos y los rombos rojos son puntos de inspección. Interpretemos ahora el diagrama que ilustra este [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;t=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D597%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento&amp;notes=Lo+prometido+es+deuda%2C+en+la+siguiente+imagen+se+ilustra+el+proceso+general+que+realiza+QBit+para+el+desarrollo+de+una+aplicaci%C3%B3n+de+un+cliente.%0D%0A%0D%0ALos+cuadros+azules+son+procedimientos%2C+los+cuadros+blancos+son+documentos%2C+los+cuadros+verdes+son+pro" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento&amp;bodytext=Lo+prometido+es+deuda%2C+en+la+siguiente+imagen+se+ilustra+el+proceso+general+que+realiza+QBit+para+el+desarrollo+de+una+aplicaci%C3%B3n+de+un+cliente.%0D%0A%0D%0ALos+cuadros+azules+son+procedimientos%2C+los+cuadros+blancos+son+documentos%2C+los+cuadros+verdes+son+pro" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

No hay entradas relacionadas]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=e8c30513ee6bddd0ca43b51c56cf58cd&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p style="text-align: justify;">Lo prometido es deuda, en la siguiente imagen se ilustra el proceso general que realiza QBit para el desarrollo de una aplicación de un cliente.</p>
<p><a href="http://qbit.com.mx/blog/wp-content/uploads/Proceso2.jpg"><img class="aligncenter size-full wp-image-602" title="Proceso" src="http://qbit.com.mx/blog/wp-content/uploads/Proceso2.jpg" alt="" width="569" height="660" /></a></p>
<p style="text-align: justify;">Los cuadros azules son procedimientos, los cuadros blancos son documentos, los cuadros verdes son productos y los rombos rojos son puntos de inspección. Interpretemos ahora el diagrama que ilustra este sencillo proceso:</p>
<ol style="text-align: justify;">
<li>El Cliente debe de tener un procedimiento para elaborar un requerimiento para cierta funcionalidad que necesita implementar.</li>
<li>En el punto de inspección, QBit debe tener claro los requerimientos.</li>
<li>QBit elabora una propuesta de acuerdo a los requerimientos.</li>
<li>El Cliente debe aprobar la propuesta y emitir una Orden de Trabajo.</li>
<li>Qbit debe de encargarse de la Gestión del desarrollo de la aplicación en base a la propuesta.</li>
<li>El Cliente debe de vivir feliz y contento con su nueva aplicación ya instalada y funcionando en sus instalaciones <img src='http://qbit.com.mx/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
</ol>
<p style="text-align: justify;">Como les comentaba anteriormente, todos los cuadros azules dentro de un proceso deben de tener un procedimiento para su entendimiento. Dado que la Gestión de Calidad no es para el Cliente, es únicamente para el QBit, los procedimientos que se deben documentar son &#8230; piensen, piensen &#8230; los de la columna de QBit.</p>
<p style="text-align: justify;">Ahora tomensen su tiempo (yo me tome el mio para desarrollarlo) para ver la siguiente imagen que representa el &#8220;Procedimiento Gestión de desarrollo de una Aplicación&#8221; y comenten sus dudas (quiero retroalimentación).</p>
<p style="text-align: justify;"><a href="http://qbit.com.mx/blog/wp-content/uploads/Procedimiento2.jpg"><img class="aligncenter size-full wp-image-605" title="Procedimiento" src="http://qbit.com.mx/blog/wp-content/uploads/Procedimiento2.jpg" alt="" width="837" height="676" /></a></p>
<p>No hay entradas relacionadas</p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;t=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D597%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento&amp;notes=Lo+prometido+es+deuda%2C+en+la+siguiente+imagen+se+ilustra+el+proceso+general+que+realiza+QBit+para+el+desarrollo+de+una+aplicaci%C3%B3n+de+un+cliente.%0D%0A%0D%0ALos+cuadros+azules+son+procedimientos%2C+los+cuadros+blancos+son+documentos%2C+los+cuadros+verdes+son+pro" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento&amp;bodytext=Lo+prometido+es+deuda%2C+en+la+siguiente+imagen+se+ilustra+el+proceso+general+que+realiza+QBit+para+el+desarrollo+de+una+aplicaci%C3%B3n+de+un+cliente.%0D%0A%0D%0ALos+cuadros+azules+son+procedimientos%2C+los+cuadros+blancos+son+documentos%2C+los+cuadros+verdes+son+pro" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F09%2Frumbo-a-la-gestion-de-calidad-proceso-y-procedimiento%2F&amp;title=Rumbo+a+la+Gesti%C3%B3n+de+Calidad+%26%238211%3B+Proceso+y+Procedimiento" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/09/rumbo-a-la-gestion-de-calidad-proceso-y-procedimiento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 Consejos para navegar seguros</title>
		<link>http://qbit.com.mx/blog/2012/02/08/6-consejos-para-navegar-seguros/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=6-consejos-para-navegar-seguros</link>
		<comments>http://qbit.com.mx/blog/2012/02/08/6-consejos-para-navegar-seguros/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 22:30:21 +0000</pubDate>
		<dc:creator>Rose</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Sin categoría]]></category>
		<category><![CDATA[tecnologia]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=559</guid>
		<description><![CDATA[Cada día que transcure aparecen nuevas amenazas que impiden que podamos disfrutar por completo de nuestra navegación por Internet, como los posibles robos de identidad etc. Para ello al navejar en internet de manera segura hay que seguir estos sencillos pasos: Utilizar antivirus reconocidos Recuerda siempre debes  usar software de seguridad, antivirus  recomendados por marcas [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;t=6+Consejos+para+navegar+seguros" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=6+Consejos+para+navegar+seguros%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D559%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros&amp;notes=Cada+d%C3%ADa+que+transcure+aparecen+nuevas+amenazas+que+impiden+que+podamos+disfrutar+por+completo+de+nuestra+navegaci%C3%B3n+por+Internet%2C+como+los+posibles+robos+de+identidad+etc.%0D%0A%0D%0APara+ello+al+navejar+en+internet+de+manera+segura+hay+que+seguir+estos+s" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros&amp;bodytext=Cada+d%C3%ADa+que+transcure+aparecen+nuevas+amenazas+que+impiden+que+podamos+disfrutar+por+completo+de+nuestra+navegaci%C3%B3n+por+Internet%2C+como+los+posibles+robos+de+identidad+etc.%0D%0A%0D%0APara+ello+al+navejar+en+internet+de+manera+segura+hay+que+seguir+estos+s" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

No hay entradas relacionadas]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=023fdee77d081aecdcf3aad248017a0f&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p>Cada día que transcure aparecen nuevas amenazas que impiden que podamos disfrutar por completo de nuestra navegación por Internet, como los posibles robos de identidad etc.</p>
<p>Para ello al navejar en internet de manera segura hay que seguir estos sencillos pasos:</p>
<ol start="1">
<li><strong>Utilizar antivirus reconocidos</strong><br />
Recuerda siempre debes  usar software de seguridad, antivirus  recomendados por marcas reconocidad en el mercado; Microsoft Security Essentials, Avast Antivirus.</li>
<li><strong>No difundir tu dirección de correo electrónico<br />
</strong>Es <strong>importante</strong> recordar que no debes dar tú dirección de correo electrónico a sitios o personas de las cuales no tengas  referencias seguras. Estos sitios por lo regular te hacen víctima de spam.</li>
<li><strong>Utilizar contraseñas seguras</strong><br />
En el caso de las contraseñas o passwords, siempre debes  recordar no utilizar tú nombre y fecha de nacimiento. Recuerda que una contraseña segura es aquella que utiliza una combinación de mayúsculas y minúsculas con números.</li>
<li><strong>No confirmar nada que no hemos pedido</strong><br />
Esto es muy <strong>importante</strong> las pantallas emergentes que nos aparecen en el navegador siempre nos preguntas si estamos de acuerdo a lo que estamos buscando o solicitando solo acepta si realmente es lo has solicitado o simplemente cancela o detén la operación.</li>
<li><strong>Cuidado con las Redes Sociales</strong> Siempre toma en  cuenta que debes tener mucho cuidado de a quien aceptas y con quien entablas amistad a través de estas redes, ya que podrían tener otras intenciones.</li>
<li><strong>Tener cuidado con el material que descargamos de Internet<br />
</strong>Una de los puntos de entrada más utilizados por los virus para infectar nuestra computadora es sin duda alguna, las descargas que realizamos de películas, videos o música a través de descargas directas desde sitios como Rapidshare, ya que son una fuente directa de virus y pogramas maliciosos que podrían dañar nuestro equipo.</li>
</ol>
<p><em>“Si tomas en cuenta estos consejos y los pones en práctica,  podrás navegar libremente por Internet y<br />
</em></p>
<p><em>disfrutar de todas sus ventajas sin comprometer la seguridad de tus datos y computadora” </em></p>
<p>No hay entradas relacionadas</p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;t=6+Consejos+para+navegar+seguros" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=6+Consejos+para+navegar+seguros%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D559%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros&amp;notes=Cada+d%C3%ADa+que+transcure+aparecen+nuevas+amenazas+que+impiden+que+podamos+disfrutar+por+completo+de+nuestra+navegaci%C3%B3n+por+Internet%2C+como+los+posibles+robos+de+identidad+etc.%0D%0A%0D%0APara+ello+al+navejar+en+internet+de+manera+segura+hay+que+seguir+estos+s" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros&amp;bodytext=Cada+d%C3%ADa+que+transcure+aparecen+nuevas+amenazas+que+impiden+que+podamos+disfrutar+por+completo+de+nuestra+navegaci%C3%B3n+por+Internet%2C+como+los+posibles+robos+de+identidad+etc.%0D%0A%0D%0APara+ello+al+navejar+en+internet+de+manera+segura+hay+que+seguir+estos+s" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F08%2F6-consejos-para-navegar-seguros%2F&amp;title=6+Consejos+para+navegar+seguros" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/08/6-consejos-para-navegar-seguros/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ajax loading css (indicadores de carga)</title>
		<link>http://qbit.com.mx/blog/2012/02/07/ajax-loading-css-indicadores-de-carga/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ajax-loading-css-indicadores-de-carga</link>
		<comments>http://qbit.com.mx/blog/2012/02/07/ajax-loading-css-indicadores-de-carga/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 14:48:26 +0000</pubDate>
		<dc:creator>Jack Fiallos</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[Ocio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[loader]]></category>
		<category><![CDATA[loading]]></category>
		<category><![CDATA[spinner]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=549</guid>
		<description><![CDATA[Si desarrollas aplicaciones web, seguramente te has topado con el comentario por parte de los usuarios de que dan click a un botón o enlace y dicen ellos que no pasa nada.. y claro, algunas veces el servidor responde muy lento debido a la carga de peticiones o la cantidad de datos que debe retornar.. [...]<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;t=Ajax+loading+css+%28indicadores+de+carga%29" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Ajax+loading+css+%28indicadores+de+carga%29%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D549%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29&amp;notes=%0D%0A%0D%0ASi+desarrollas+aplicaciones+web%2C+seguramente+te+has+topado+con+el+comentario+por+parte+de+los+usuarios+de+que+dan+click+a+un+bot%C3%B3n+o+enlace+y+dicen+ellos+que+no+pasa+nada..+y+claro%2C+algunas+veces+el+servidor+responde+muy+lento+debido+a+la+carga+" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29&amp;bodytext=%0D%0A%0D%0ASi+desarrollas+aplicaciones+web%2C+seguramente+te+has+topado+con+el+comentario+por+parte+de+los+usuarios+de+que+dan+click+a+un+bot%C3%B3n+o+enlace+y+dicen+ellos+que+no+pasa+nada..+y+claro%2C+algunas+veces+el+servidor+responde+muy+lento+debido+a+la+carga+" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2010/03/29/implementando-un-todo-con-jquery-para-tu-aplicacion-web/' rel='bookmark' title='Implementando un ToDo con jQuery para tu aplicacion Web'>Implementando un ToDo con jQuery para tu aplicacion Web</a></li>
<li><a href='http://qbit.com.mx/blog/2012/02/21/how-to-gridview-con-mvc-contrib-para-asp-mvc/' rel='bookmark' title='How to Gridview con MVC Contrib para ASP MVC'>How to Gridview con MVC Contrib para ASP MVC</a></li>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=0fe8495ecf67ef7b922e354a69a28749&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><div id="attachment_552" class="wp-caption aligncenter" style="width: 110px"><a href="http://qbit.com.mx/blog/wp-content/uploads/example_loader.gif"><img class="size-full wp-image-552" title="Indicadores de carga" src="http://qbit.com.mx/blog/wp-content/uploads/example_loader.gif" alt="Indicadores de carga" width="100" height="100" /></a><p class="wp-caption-text">Indicadores de carga</p></div>
<p>Si desarrollas aplicaciones web, seguramente te has topado con el comentario por parte de los usuarios de que dan click a un botón o enlace y dicen ellos que no pasa nada.. y claro, algunas veces el servidor responde muy lento debido a la carga de peticiones o la cantidad de datos que debe retornar.. entonces es ahí cuando se hace necesario mostrar de manera visual que deben esperar, que su petición esta siendo atendida y que pronto obtendrán una respuesta.</p>
<p>Este es uno de esos métodos siempre útiles para cuando trabajamos con <a title="http://es.wikipedia.org/wiki/AJAX" href="http://es.wikipedia.org/wiki/AJAX">ajax</a> (postbacks o callbacks), mejor conocidos en inglés como loaders o loading spinners. Este post es una pequeña guía para mostrar como implementar un loader utilizando <a title="http://jquery.com/" href="http://jquery.com/">jQuery</a> o <a title="http://mootools.net/" href="http://mootools.net/">Mootols</a> y ajax.</p>
<p>Es necesario escribir un poco de CSS, por lo que el código que viene es la clave para que el cargador tenga sentido</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">div<span style="color: #6666ff;">.loading</span><span style="color: #00AA00;">,</span> <span style="color: #6666ff;">.loading</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FFFFFF</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'loading.gif'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">background-repeat</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">no-repeat</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">1400</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
div<span style="color: #6666ff;">.loading</span> <span style="color: #00AA00;">*</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">visibility</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Y ahora implementado utilizando jQuery</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
  url<span style="color: #339933;">:</span> <span style="color: #3366CC;">'prueba.html'</span><span style="color: #339933;">,</span>
  type<span style="color: #339933;">:</span> <span style="color: #3366CC;">'get'</span><span style="color: #339933;">,</span>
  beforeSend<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;loading&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
  success<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>respuesta<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>respuesta<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
  complete<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;loading&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Y para quienes gustan de Mootools, se hace de esta forma</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> req <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Request<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
   method<span style="color: #339933;">:</span> <span style="color: #3366CC;">'get'</span><span style="color: #339933;">,</span>
   url<span style="color: #339933;">:</span> <span style="color: #3366CC;">'prueba.html'</span><span style="color: #339933;">,</span>
   onRequest<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;loading&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
   onComplete<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>respuesta<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;loading&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.grid&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">setHTML</span><span style="color: #009900;">&#40;</span>respuesta<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Para este ejemplo loading.gif es una imagen animada que puede conseguirse en cualquiera de los siguientes sitios:<br />
<a title="http://www.ajaxload.info/" href="http://www.ajaxload.info/">http://www.ajaxload.info/</a><br />
<a title="http://preloaders.net/" href="http://preloaders.net/">http://preloaders.net/</a><br />
<a title="http://www.loadinfo.net/" href="http://www.loadinfo.net/">http://www.loadinfo.net/</a><br />
<a title="http://www.webscriptlab.com/" href="http://www.webscriptlab.com/">http://www.webscriptlab.com/</a><br />
<a title="http://www.chimply.com/Generator" href="http://www.chimply.com/Generator">http://www.chimply.com/Generator</a><br />
<a title="http://mentalized.net/activity-indicators/" href="http://mentalized.net/activity-indicators/">http://mentalized.net/activity-indicators/</a></p>
<p>Para finalizar, .grid representa el elemento o etiqueta en el cual se mostrará el cargador.. yo cuando lo utilicé fue para una tabla que paginaba vía ajax..</p>
<p><span class="post_sig">Posted from WordPress for Android</span></p>
<p>Entradas Relacionadas:<ol>
<li><a href='http://qbit.com.mx/blog/2010/03/29/implementando-un-todo-con-jquery-para-tu-aplicacion-web/' rel='bookmark' title='Implementando un ToDo con jQuery para tu aplicacion Web'>Implementando un ToDo con jQuery para tu aplicacion Web</a></li>
<li><a href='http://qbit.com.mx/blog/2012/02/21/how-to-gridview-con-mvc-contrib-para-asp-mvc/' rel='bookmark' title='How to Gridview con MVC Contrib para ASP MVC'>How to Gridview con MVC Contrib para ASP MVC</a></li>
<li><a href='http://qbit.com.mx/blog/2011/12/20/asp-net-mvc-2-model-list-dropdownlistfor/' rel='bookmark' title='Asp.net MVC 2 Model List&lt;&gt; DropdownListFor'>Asp.net MVC 2 Model List<> DropdownListFor</a></li>
</ol></p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;t=Ajax+loading+css+%28indicadores+de+carga%29" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Ajax+loading+css+%28indicadores+de+carga%29%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D549%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29&amp;notes=%0D%0A%0D%0ASi+desarrollas+aplicaciones+web%2C+seguramente+te+has+topado+con+el+comentario+por+parte+de+los+usuarios+de+que+dan+click+a+un+bot%C3%B3n+o+enlace+y+dicen+ellos+que+no+pasa+nada..+y+claro%2C+algunas+veces+el+servidor+responde+muy+lento+debido+a+la+carga+" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29&amp;bodytext=%0D%0A%0D%0ASi+desarrollas+aplicaciones+web%2C+seguramente+te+has+topado+con+el+comentario+por+parte+de+los+usuarios+de+que+dan+click+a+un+bot%C3%B3n+o+enlace+y+dicen+ellos+que+no+pasa+nada..+y+claro%2C+algunas+veces+el+servidor+responde+muy+lento+debido+a+la+carga+" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F07%2Fajax-loading-css-indicadores-de-carga%2F&amp;title=Ajax+loading+css+%28indicadores+de+carga%29" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/07/ajax-loading-css-indicadores-de-carga/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Generaciones</title>
		<link>http://qbit.com.mx/blog/2012/02/06/generaciones/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=generaciones</link>
		<comments>http://qbit.com.mx/blog/2012/02/06/generaciones/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 02:50:46 +0000</pubDate>
		<dc:creator>ZeruGiran</dc:creator>
				<category><![CDATA[Sin categoría]]></category>
		<category><![CDATA[Audifonos]]></category>
		<category><![CDATA[caset]]></category>
		<category><![CDATA[casete]]></category>
		<category><![CDATA[Cassette]]></category>
		<category><![CDATA[generaciones]]></category>
		<category><![CDATA[zerugiran]]></category>

		<guid isPermaLink="false">http://qbit.com.mx/blog/?p=540</guid>
		<description><![CDATA[No hay entradas relacionadas<h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;t=Generaciones" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Generaciones%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D540%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones&amp;notes=" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones&amp;bodytext=" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->

No hay entradas relacionadas]]></description>
			<content:encoded><![CDATA[<img style='float: left; margin-right: 10px; border: none;' src='http://www.gravatar.com/avatar.php?gravatar_id=71aa9b2d2b98cc681818c63a2c73ac60&amp;default=http://qbit.com.mx/blog/archivos/blank_gravatar.png' alt='No Gravatar' width=40 height=40/><p><a href="http://qbit.com.mx/blog/wp-content/uploads/001_TiraX1.png"><img class="alignnone size-full wp-image-541" title="Generaciones" src="http://qbit.com.mx/blog/wp-content/uploads/001_TiraX-e1328582522801.png" alt="" width="550" height="160" /></a></p>
<p>No hay entradas relacionadas</p><h2>Compartir y Disfrutar</h2>

<!-- Start WP Socializer - Social Buttons - Output -->
 &bull; <a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;t=Generaciones" title="Share this on Facebook" target="_blank" rel="nofollow">Facebook</a> &bull; <a href="http://twitter.com/home?status=Generaciones%20-%20http%3A%2F%2Fqbit.com.mx%2Fblog%3Fp%3D540%20@QbitMexhico" title="Tweet this !" target="_blank" rel="nofollow">Twitter</a> &bull; <a href="http://delicious.com/post?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones&amp;notes=" title="Post this on Delicious" target="_blank" rel="nofollow">Delicious</a> &bull; <a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones&amp;bodytext=" title="Submit this to Digg" target="_blank" rel="nofollow">Digg</a> &bull; <a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fqbit.com.mx%2Fblog%2F2012%2F02%2F06%2Fgeneraciones%2F&amp;title=Generaciones" title="Submit this to StumbleUpon" target="_blank" rel="nofollow">StumbleUpon</a>
<!-- End WP Socializer - Social Buttons - Output -->
]]></content:encoded>
			<wfw:commentRss>http://qbit.com.mx/blog/2012/02/06/generaciones/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

