TecnoPro

Explicando y Analizando el fenomeno Cloud Computing

noreply@blogger.com (Marcelo) — Mon, 25 Apr 2011 19:40:00 +0000

Bueno, como todos ya sabrán, esta es la mas novedosa forma de llevar tus documentos.
No mas e-mails a los colegas con adjuntos que se pierden o corrompen.

Si, Cloud Computing ("Computacion en la nube" o "CC" para nosotros) es un paradigma que permite ofrecer servicios de computación a través de Internet.

Ya todos nosotros lo usamos sin saber. Haganse las siguientes preguntas:

Se auto-enviaron correos con adjuntos para guardarlos en su casilla de WebMail?
Guardaron en un borrador de correo algo que quisiera ver mas tarde o en otra pc?
Dejaron de usar el calendario fisico o el del Outlook para usar alguno como el GCalendar?
Bueno...todo eso y mas, son servicios que podemos comprender como de cloud computing.

Analicemos qué buscamos con hacer lo que mencionamos arriba.

Claramente lo que se buscaba era disponer de la informacion en cualquier lugar y no estar "atados" a la pc personal de cada uno.

Entonces el WebMail es CC y fue la primer aplicacion como tal en pisar fuerte, de la mano de Google Mail.

Ya mencionamos el GCalendar, la aplicacion de calendarios en la nube tambien de Google (Recordemos que "CC", "en la nube", etc., son todos términos para señalar que son accesibles desde casi cualquier dispositivo con conexión a internet).

Estos fueron los primeros pasos y a modo de decir "querido Mundo, te presento al Cloud Computing, Cloud Computing, el Mundo".

En el último tiempo, esto tuvo una vuelta de tuerca muy grande.

Primero Google presentó su plataforma Google Docs, una de sus apuestas mas fuertes y fieles al CC.

Éste nos permitia crear, compartir y editar documentos de calculo, de texto y crear presentaciones, todo sin la necesidad de instalarnos ningun programa pago. Con el paso del tiempo, este servicio maduro muchisimo para convertirse ahora en una herramienta que muchas empresas utilizan.

El segundo paso, se dio casi a la par que el primero, en su momento, planteando una alternativa, el Disco Virtual. Un servicio que te daba una "X" cantidad de MB de espacio en internet para subir tus archivos (cualesquiera, siempre respetando los Copyrights correspondientes) y tenerlos disponibles para bajar desde cualquier otra maquina. En sus comienzos tenian muy poco espacio, pero ahora, con servicios como el de DropBox(2Gb), Box.net(5Gb), y el ultimo en sumarse Skydrive de Microsoft (25Gb).

Claro que estos servicios ya evolucionaron mucho de un ser simples espacios en internet, a agregar opciones de compartir a grupos y visualizar los archivos online.

Recientemente cayó ante mi un servicio de "portapapeles" web llamado Cl1p que te ofrece una mini página de internet, donde pegás el texto que quieres copiar a otra maquina y luego simplemente desde el navegador de la otra pc accedes a la direccion dada y visualizas el texto.

Es muy práctico para reemplazar los mails auto-enviados.

Alguna otra idea o recomendación?

Saludos a todos.

Tutorial SyntaxHiliter con Blogger

noreply@blogger.com (Marcelo) — Fri, 15 Apr 2011 03:58:00 +0000

Hola a todos, disculpen la demora en la primer post. La verdad que es algo muy nuevo esto y quiero hacerlo bien.
Entonces me puse a pensar...que es imperiosamente necesario en un blog que trate, entre otros, temas de programación? Hacer legible el codigo! Asi fue como llegue al SyntaxHiliter.

Esta maravillosa herramienta es una verison mejorada de las funcionalidades basicas deñ HTML de comprender otras sintaxis y ahora mismo pasaremos a explicar como agregarlo a Blogger.

1. Blogger tiene dividido la parte de la cabecera de sus paginas con la parte de posts, por ello debemos entrar a editar nuestro blog, luego nos vamos a la solapa Diseño, y ahi dentro hacemos clic en Edicion HTML, ahi veremos un apartado llamado Editar Plantilla.

2. Luego debemos entrar aqui (el repositorio svn de SyntaxHiliter) y nos copiamos todo lo que encontramos ahi dentro (ctrl + a, ctrl + c), esto es basicamente el manejo de los css del plugin.

3. Terminado esto, volvemos a nuestro Editar Plantilla, y ahi aprovechamos el comando buscar de nuestro navegador para dar con el tag </b:skin> y pegamos toda la informacion del portapapeles.

4. Luego, antes del </head> debemos pegar lo siguente: (aca veremos como queda el usando el SyntaxHiliter)

<!-- Add-in CSS for syntax highlighting -->
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

Acuerdense que pueden sacar los lenguajes que no usen para acelerar el cargado de la pagina.

5. Antes del tag </body> agregamos lo siguiente:

<!-- Add-in Script for syntax highlighting -->
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

En este punto podemos utilizar el boton Vista Previa, para ver que nuestro HTML haya quedado consistente.

Con eso quedaria configurado el SyntaxHiliter...
Y como lo usamos?

Bien, cuando creamos un post que contenga codigo:
1. Debemos entrar en la vista de Edicion de HTML.
2. Colocamos nuestro codigo dentro de estos tags:

ATENCION: Recorda que como estas dentro del formato HTML y no del editor comun, debes usar los caracteres "escapados", para evitarte dolores de cabeza, pega tu codigo en esta pagina y obtendras el resultado correcto.

<pre name="code" class="cpp">
...Your html-escaped code goes here...
</pre>

3. Reemplazamos el "cpp" por el lenguaje de nuestra eleccion. (Para la lista completa hace click aqui)

4. Voila! ya tenemos nuestro post con SyntaxHiliter y configurado para el futuro.

Que se viene en el Blog por mi parte?

Un tutorial introductorio al Maven 3.0.X
Un informe del Cloud computing y las herramientas mas usadas.
Una explicación de Patrones de Diseño, primero Factory y AbstractFactory

Saludos!

Saludos a todos !

noreply@blogger.com (Marcelo) — Thu, 07 Apr 2011 15:50:00 +0000

Bueno, la verdad que esto es una novedad para mi, tomando en cuenta que nunca tuve (o mantuve) un blog.
La idea es que este sea un espacio donde todos colaboremos.

Yo personalmente intentare subir tutoriales de uso desde cero de herramientas Java, asi como ejemplos de codigos o anecdotas.

Uds. pueden proponer temas en sus comentarios o a mi correo e intentare tratarlos en la medida que me sea posible.
Nos veremos la proxima vez.

Proximo capitulo: Introduccion a Maven 3.0.X