Ivana Tilca DPE Developer en Microsoft

Hoy estamos presente en MSCafe Tv

2011-07-09T16:48:23Z

Se estará transmitiendo noticias y videos de los equipos de Latam que estan compitiendo en las finales de Imagine Cup 2011 en Nueva York. También sus amigos, familiares, MSP y demás podran enviarles mensajes para apoyarlos en la competencia.

http://www.facebook.com/event.php?eid=178935288837225

Crear y publicar tu sitio web asp.net en la nube

2011-05-20T13:49:00Z

Vamos a hacer un tutorial rápido sobre como subir nuestra primer aplicación web con asp.net a la nube.

Primer paso bajen todas las herramientas para trabajar http://www.microsoft.com/windowsazure/getstarted/

Ya con las herramientas vamos como primer paso a abrir Visual studio crear un nuevo proyecto de tipo Cloud y alli seleccionemos Windows Azure Project.

Vamos a seleccionar la opcion ASP.NET Web Role, ya que vamos a crear un sitio común con asp.net, luego presionemos la flecha > para indicar que nuestra solucion azure va a trabajar con asp.net, podemos cambiar el nombre por defecto quenos brinda visual studio seleccionando el lapiz en la parte superior de la derecha del webrole y cambiamos el nombre.

En este caso para realizar el ejemplo no cambiaré el nombre por defecto una vez presionado el OK tendremos nuestra solución. Podemos correr la aplicación ahora en caso que deseen hacerlo.,

Vamos a seleccionar dos veces el archivo Default.aspx para abrirlo podran ver que nuestro proyecto ha generado un codigo por defecto.

Corran el proyecto y verán lo siguiente.

Y el codigo de ejemplo mostrará a travéz del emulador de azure la siguiente página.

Bien pueden cambiar el codigo para que la aplicación muestre lo que ustedes deseen

SUBIMOS NUESTRO SITIO A LA NUBE? Intentemos!

Lo que vamos a hacer es publicar nuestro sitio , seleccionen el proyecto azure dentro de nuestra solucion, click derecho y allí verán la opción PUBLICAR

En el popup de opciones que nos brindará a continuación seleccionen la opción CREATE SERVICE PACKAGE ONLY.

En caso que la publicación sea exitosa automáticamente verán la carpeta con los siguientes archivos

A continuación vamos a dirigirnos al portal https://windows.azure.com/ en el cual una vez que inicies sesion con tu cuenta tendrás el siguiente portal.

Dentro de las opciones vamos a selecionar New Hosted Service.

Una vez allí llenan los datos correspondientes

Su servicio comenzará a instalar lo necesario para correr su aplicación.

Una vez terminado, seleccionen la instancia de su aplicación y en el área derecha del panel verán lo siguiente.

Clickeando el dns verán su sitio online.

Para cambiar la url a url.cloudapp.net simplemente presiona en la parte superior SWAP VIP

Cuenta oficial de Microsoft para estudiantes en Twitter

2011-04-05T14:21:30Z

Ser un MSP Rocks

2011-03-02T17:30:16Z

HTML5 & CSS3 en el SP1 de Visual Studio 2010

2011-03-02T03:36:00Z

Visual studio 2010 fué lanzado sin el soporte de HTML5, el sp1 finalmente soluciona esto, pero para algún contenido. Toda la especificación de HTML5 no está incluida pero los elementos y atributos nuevos si lo están. Lo que implica que tienes intellisense y validación para html5 con el SP1.

Cómo lo habilitamos? Luego de instalar el SP1 que pueden descargarlo aquí, deben informarle a visual studio que comience a utilizar html5. Vayan a Tools> Options y luego seleccionen Text Editor > HTML > Validation. Deberían poder seleccionar HTML5 o XHTML5.

Nuevo Update para emulador Windows Phone

2011-02-25T13:07:47Z

Para todos los desarrolladores de Phone, Microsoft a lanzado recientemente un update para Windows Phone Developer Tools pueden ver una demo de Copy y Paste en el siguiente video.

Para descargar el Update CLICK AQUI.

Cómo conocí el Programa Académico Microsoft (Ivana)

2011-02-03T18:10:00Z

Más vale tarde que nunca… Quiero contar mi paso por el programa, por que ahora? Por que comienza un nuevo año y quizas ayude a que otros que lean este post se motiven como algún dia lo hice y sigo haciendo yo…

Año 2007

En julio de este año tuve la oportunidad de viajar a un evento de Microsoft Buenos Aires (aun no sabia de la existencia del programa), el evento estaba a cargo de Matias Bonaventura y el legendario Alejandro Ponicke, jamás olvidaré que era la presentación de EXPRESSION en su momento no exisita studio y el FW 3.0 ! Pero ese dia mi mayor alegria era conocer al genio de Dominio Digital … cuando termino el evento Ramiro Iturregui se me acercó y contandole de donde venía y qué hacia me invitó a comunicarme con Alejandra Frisoni en su momento la encargada del FCC ( Grupo que manejaba el programa), y AleFriso me dió la oportunidad de dar mi primer charla sobre .net!!! Y ahí me becaron para entrar en UADE a cursar DCE5.

(izq a der: Matias Bonaventura, Alejandro Ponicke y Alejandra Frisoni)

De ahi Alejandra Frisoni me contactó en su momento con los ANGELES DE FRISONI como yo las llamaba , siiii mi mami! Fernanda , Analis, Noe y Lau ! Ellas son las responsables que me este metida en todo esto! GRACIAS CHICAS POR ESO… mami (fer) . * un bonus, estuve en el capitulo final de CAPA 8 con Alejandro Ponicke si escuchan la grabación me nombra

(izq a der: lau, noe, fer y ana)

De ahi formé mi célula y nuestro primer proyecto en wpf 3.0 en ese momento, viajamos a codecamp y conocimos a otros estudiantes de Sgo del estero que también se pasaban horas en la compu como nosotros… LOS CHICOS DE GENTI!!! y fué el primer codecamp que viví en Buenos Aires! Aun recuerdo como nos reimos cuando sortearon la xbox…

Luego volvimos a Salta e hicimos destrozos!!! Evento tras evento….

Eramos pocos pero las ganas eran MUCHAS!

Hicimos festivales de instalción armamos células que dieron sus primeras charlas y así por formar parte de muchas comunidades de Microsoft, mi MSP a cargo Seba Miserendino me nombró MSP! Gracias Seba! Ahí entro al programa una persona que hizo mucho por todos, Pablo Listingart, quien me puso en contacto con el “Padre de los MSP’S” Leandro Doeyo y ahí me premiaron para participar de la comunidad de estudiantes Channel8! Gracias pablo por esto!

(izq a der: Seba Miserendino, Leandro Doeyo y Pablo Listingart).

Ya siendo MSP no tan solo tenia responsabilidad de tener células a cargo, sino también postear, hacer webcast con en su momento Inga alla por EEUU… y… Con Seba y Augusto Chesini decidimos competir en Imagine Cup 2008… y adivinen que… viajamos a competir a Santiago de Chile contra Uruguay y Chile y GANAMOS!!! Nos fuimos a París Francia…

Ahí tuvimos una serie de Cells on Camp y Codecamp con la presencia de un nuevo integrante Miguel Saez, Developer Evangelist ! Y la gente se fué sumando, tuve más celulas , seguí compartiendo cosas con los demas MSP’s y células… De ahí para nuestra sorpresa uno de nuestro equipo se sumó al programa, el MSP Nicolás Vilela pasó a trabajar junto al programa y a ser nuestra voz allí…

(izq a der: Nicolas Vilela, Miguel Saez)

La historia tiene muchos mas detalles por que lo que vivi aquí es muccchhooo más y todas cosas que me hicieron crecer como persona y como profesional, pero lo que quiero compartir ahora esta aquí ..finalmente el broche de oro, en el año 2010 nos pidieron trabajar compartiendo nuestro conocimiento, aprovechar que Microsoft lanaba la iniciativa de lo que es Dreamspark… tuve la oportunidad de dar más de 12 charlas en diferentes lugares de mi provincia, contactarme con más de 4 provincias de mi pais para que se brinden las tarjetas allí y sobre todo, por esto, se me premió como MSP DEL AÑO 2010! Gracias a Nicolas por pecharme día a día y a Miguel por CREER EN MI!!! Ahora para el que lee esto, ponele pilas que quizás el turno de brillar como la estrella de los MSP es tuyo!!!

AHHH ME OLVIDABA! El regalo por ser MSP del año fué una TOSHIBA MULTITOUCH traida desde EEUU por Leandro

WebMatrix Parte 5–utilizando datos

2011-01-24T18:25:35Z

Repasemos, hemos visto como crear un sitio, página html, css, páginas cshtml y layouts con RAZOR. Vamos a ver como cambiar la lista estática de películas y hacerla dinámica.

Creando una base de datos en WebMatrix

Para comenzar, dirijase al espacio de trabajo de base de datos en webmatrix y abralo. En el centro de la ventana verán el botón ‘Add a Database to your site’.

Seleccionenlo y creen una base de datos llamada Peliculas.sdf

Agregamdo una tabla a la base de datos

En la parte superior de la ventana podrán ver las herramientas Ribbon mostrando las diferentes cosas que se pueden hacer con una base de datos, incluyendo tablas, queries, migración, etc Seleccionen la opción ‘New Table’ si nada pasa cuando la seleccionen asegurense de tener la base de datos sdf seleccionada en la parte izquierda de la ventana.

WebMatrix creará la tabla y abrirá Column editor. Esto le permitirá crear nuevas columnas en la tabla de su base de datos.

Lo primero que haremos será crear la ID de nuestra tabla. La ID es el identificador de un dato en particular. No es necesario tener una, para algo como lo que avmos a hacer pero es buena práctica utilizarla.

En el editor de columnas llenen los detalles.

De esta forma le damos a la columna el nombre ID, especificando el tipo de dato bigint, el valor Allow Nulls lo colocampos en falso. Especificamos que estamos trabajando con una identidad y una clave primaria.

Entonces cuando llenemos la tabla con películas, cada película tendrá una id que es clave primaria.

Vamos a crear una nueva columna presionen el botón ‘New Column’ y vamos a llenarlas de la siguiente manera.

Name : ‘Name’ - Data type ‘ntext’ - ‘Is Identity’ y ‘Is Primary Key’ en False.

Name: ‘ReleaseYear’ – Data type: ‘bigint’.

Name: ‘Genre’ - Data type: ‘ntext’.

Presionen el botón guardar para guardar la tabla y guardenla con el nombre Favoritas presionen ok y verán que nuestra tabla ya aparece dentro de nuestra base de datos en el area izquierda de trabajo.

Agregamos datos a la tabla

Hagan doble click sobre la tabla y la misma se abrirá.

Pongan el cursor sobre el campo Name y tipeen los valores.

Creando una página que use estos datos

En los posts anteriores vimos como crear un layout utilizando paginas de extensión cshtml , _siteLayout.cshtml y _PageStart.cshtml si no seguiste ese post te pido que regreses hacia atrás ya que sino esto que haremos no te funcionará.

Lo bueno de esta forma de distribuir el contenido de la pagina es que ahora debemos escribir el código que irá en el area de @RenderBody() que llama nuestro template.

Entonces con esto ya en camino, vamos a crear una nueva página y la dataPeliculas.cshtml.

Reemplacen el contenido por el que venimos utilizando hasta ahora.

<div id="peliculaslista">
    <ol>
        <li>
            <a href="#">Piratas de Silicon Valley</a>
        </li>
        <li>
            <a href="#">Keynote Steve Ballmer</a>
        </li>
        <li>
            <a href="#">MSP Summit</a>
        </li>
        <li>
            <a href="#">Biografía de Bill Gates</a>
        </li>
    </ol>
</div>

Como vemos en el código el tag div especifica una lista de <ol>.

La lista estática nos muestra 4 items, si quisieramos un 5to deberiamos agregar un tag <li></li> .

Cuando nuestra página traiga los items de la base de datos no sabremos cuántos traerá, asi que deberíamos producir ‘n’ <li></li> , donde ‘n’ es la cantidad de elementos en nuestra tabla en la base de datos

Pero antes de ver como realizar esto, le informemos a la página sobre la existencia de nuestra base de datos, escribamos el siguiente código.

@{
      var db= Database.Open("Peliculas");
       var sqlQ = "SELECT * FROM Favoritos";
      var data = db.Query(sqlQ);
     }

Recordarán el ‘@’ de posts anteriores, lo utilizabamos para indicarle al servidor que el código a continuación es RAZOR que debe ejecutar. En este caso tenemos muchas lineas de código por ello ponemos un sólo arroba @{,y aquí escribimos todo el código}.

Si has escrito antes en Java, C++, o C# reconocerás las llaves y su funcionamiento, veamos el código linea a linea.

var db= Database.Open("Peliculas");

‘var’ significa Variable y un item que contendrá datos. El código le está diciendo al servidor que abra la base de datos llamada PELICULAS y a partir de ahora en el código nos referiremos a ella como ‘db’.

var sqlQ = "SELECT * FROM Favorites";

Esta linea de código crea una variable en la cual almacena el comando SQL ‘SELECT * FROM Favoritos”

Cuando se utiliza base de datos un lenguaje ‘Structured Query Language’ (SQL) es utilizado para encontrar los datos que necesitamos. Puede insertar datos, pero eso lo verán más adelante ahora solo obtendremos los datos.

Para obtener los datos de una base de datos el ‘SELECT’ es el utilizado. la sintáxis es la siguente: ‘SELECT <algo> FROM <algunlugar> WHERE <condicion>’

var data = db.Query(sqlQ);

Este es el espacio de trabajo de la página. Primero abrilos la base de datos y ahora utilizamos la palabra db para referirnos a ella, . WebMatrix es tán inteligente que sabe que lo que abriste es una base de datos y un objeto de base de datos en WebMatrix tiene muchas funciones (llamadas métodos), que puedes llamar. Uno de estos es el ‘Query’ qie corre un comando SQL. Pasas el comando como un string, y la base de dato lo ejecuta y devuelve una lista de registros. Estos son cargados en una variable llamada ‘data’.

En estos momento nuestra página debería verse similar a esto.

@{
      var db= Database.Open("Peliculas");
       var sqlQ = "SELECT * FROM Favoritos";
      var data = db.Query(sqlQ);
     }
<div id="peliculaslista">
    <ol>
        <li>
            <a href="#">Piratas de Silicon Valley</a>
        </li>
        <li>
            <a href="#">Keynote Steve Ballmer</a>
        </li>
        <li>
            <a href="#">MSP Summit</a>
        </li>
        <li>
            <a href="#">Biografía de Bill Gates</a>
        </li>
    </ol>
</div>

Hemos traido los datos de la base de datos, pero no hemos utilizado nada aún. Aún tenémos el código estático HTML cambiemos eso. Primero borremos todos los <li> salvo uno.

<div id="peliculaslista">
    <ol>
        <li>
            <a href="#">Piratas de Silicon Valley</a>
        </li>
    </ol>
</div>

Recordemos que habiamos mencionado que la cantidad de registros que traeremos es ‘n’ entonces deberiamos tener ‘n’ entradas en la lista. Escribamos entonces un ciclo aquí.

Utilizando ‘Razor’, agregamos nuestro código utilizando el @ .

<ol>
        @foreach(var row in data)
        {
        <li>
            <a href="#">Piratas de Silicon Valley</a>
        </li>
        }
    </ol>

El código le indica al servidor que cuente la cantidad de filas de datos y para cada uno escriba un <li> tag.

El resultado debería ser algo asi. Nuestra película Piratas de silicon valley se ve la cantidad de veces que tenemos datos en nuestra base de datos.

El servidor simplemente hace lo que le dicen que haga. Ahora lo que nosotros queremos hacer es mostrar un listado de peliculas entonces debemos llamar a columna que tiene el NAME de la pelicula asi que deducimos que llamamos al valor row.Name.

@{
      var db= Database.Open("Peliculas");
       var sqlQ = "SELECT * FROM Favoritas";
      var data = db.Query(sqlQ);
     }
<div id="peliculaslista">
    <ol>
        @foreach(var row in data)
        {
        <li>
            <a href="#">@row.Name</a>
        </li>
        }
    </ol>
</div>

Ahora vemos nuestro listado de peliculas! Nuestra página es dinámica, carga los datos de una base de datos, agreguemos un par de peliculas más y veamos que sucede.

Agreguemos los demás campos en nuestro codigo.

Y listo ya tenemos nuestra primer página dinámica, no se pierdan los demas post!

WebMatrix Parte 4–Utilizando Layout

2011-01-24T18:20:03Z

Repasemos.. hasta ahora hemos visto como crear una página, un archivo tipo css, y las clases correspondientes para darle estilo a nuestra página.

Ahora vamos a ir un nivel más arriba y vamos a utilizar programacion del lado del servidor. Muchos de ustedes deben estar acostumbrados a la programación del lado del cliente, como por ejemplo correr aplcaciones para teléfonos, escritorio o hasta aplicaciones javascript. La diferencia importante con programacion del lado del servidor es que mucho de su código no corre en el dispositivo del cliente. El usuario final corre una página que pide al servidor, y si esa página es una página “activa”, el servidor corre ese código para generar html y valores que enviará al navegador. El navegador renderiza este html y el usuario ve el resultado.

A medida que aprendan más podrán ver que es bueno utilizar ambas metodologías tanto código del lado del cliente como del lado del servidor.

WebMatrix presenta sintaxis RAZOR para programación de págins web. En este articulo veremos vamos a ver el uso de layouts para poner todo el html comun, tales como el HEAD y el contenido del Footer en un lugar y que se genere automáticamente para su pagina, entonces cuando usted corra una página como la de peliculas simplemente tenga el contenido principal y el resto se agregara solo por usted, siempre con control absoluto de todo.

Creando la página CSHTML que utiliza RAZOR

Hasta ahora hemos creado páginas html que utiliza las extensiones .htm o .html. Estas son páginas estáticas que cuando el navegador llama a sus direcciones el servidor simplemente las envia y el navegador muestra su contenido. Los servidores no procesan las páginas en ningún momento.

Quizás hayan escuchado el término DYNAMIC o DINÁMICO, las mismas son páginas que el servidor construye basandose en html que corre en el servidor para determinar como mostrar la página. Las mismas te permitirán almacenar las películas en una base de datos, y el servidor generará el contenido acorde al que existe en la base de datos en vez de que escribas tú los titulos como hicimos en el capitulo 2.

En WebMatrix, las páginas dinámicas tienen la extensión .CSHTML o .VBHTML . Son diferentes a HTML con código escrito en c# o visual basic. Nostros utilizaremos CHTML vamos a escribir inline code esta metodología es lo que llamamos RAZOR.

Utilizando WebMatrix, vamos a New File, CSHTML la llamaremos peliculas.cshtml:

WebMatrix creará una página que parece un html básico, reemplace el contenido por el siguiente.

No es parece extraño? No hay tag HTML, ni HEAD , pero adivinen que! AUN FUNCIONA! Corranlo y veamos.

El HEADER y el FOOTER

Ahora la página se ve muy similar a lo que hicimos anteriormente, pero definamos el header en el html antes del div contenedor de peliculas y al footer luego del div de las peliculas.

Creamos una nueva página la 'PageHeader.cshtml' y copien todo lo que está arriba del div de peliculas de la página default.html:

De manera similar creen una nueva página 'PageFooter.cshtml' y copien todo lo qu ese encuentra luego del div de la página default.html

Utilizando RAZOR para agregar dinámicamente el HEADER y FOOTER

Ahora que tenemos las cosas en su lugar, vamos a comenzar a utilizar RAZOR. WebMatrix nota la diferencia entre un HTML y RAZOR por que se utiliza el carácter '@' Encontes, incluiremos de la siguiente forma el header y footer.

@RenderPage("pagename")

Esto causará que el servidor cargue el HTML de “pagename” y lo coloque en esste lugar en la página que lo está llamando. Nuestra página peliculas quedará de la siguiente forma.

Y el resultado es el siguiente.

Creando la Layout Page.

Nosotros hemos creado la página y luego usado RAZOR code. Otra forma y quizás más eficiente de utilizarlo es creando un layout a ser usado como un template para cada pagina, y luego incluir el contendo que usted desee en ese. Veamos como funciona esto creamos una nueva página de tipo CSHTML y la llamamos _siteLayout.cshtml.

Remplacemos el contenido de la página que fué creada anteriormente por el siguiente. Si te parece familiar es por que es el mismo contenido que teniamos en default.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Peliculas Favoritas</title>
        <link rel="stylesheet" type="text/css" href="PeliculasEstilo.css" />
    </head>
    <body>
        <header>
           <h1 class="Titulo">Lista de películas favoritas.</h1>
        </header>
        <div id="peliculaslista">
        <ol>
            <li><a href="#">Piratas de Silicon Valley</a> </li>
            <li><a href="#">Keynote Steve Ballmer</a> </li>
            <li><a href="#">MSP Summit</a> </li>
            <li><a href="#">Biografía de Bill Gates</a> </li>
        </ol>
    </div>
    <footer>
        Este sitio fué construido con Microsoft WebMatrix.
        <a href="http://web.ms/webmatrix">Descargalo YA!!!.</a>
    </footer>
    </body>
</html>

Ahora borremos el tag div llamado PELICULASLISTA y reemplacenlo por el siguiente código

@RenderBody()

Recuerden que habiamos mencionado que el carácter arroba le informaba a la webmatrix que corra ese código del lado del servidor.

Ahora de la página peliculas.csthml borren la linea de código que incluia el header y el footer , dejen simplemente el div y su contenido como cuando la habiamos creado.

Ahora debemos indicarle a webmatrix que el contenido de _sitelayout.cshtml es el que se encuentra en peliculas.cshtml.

Si creamos una página llamada _PageStart.cshtml, esta página será llamada cuando WebMatrix corra un CSTHML (o VBHTML).

Un buen uso para esto es colocar variables globales o funciones. Aquí simplemente le indicaremos que el layout de todo el sitio será dado por _siteLayout.cshtml.

Asi que sigamos y creemos la página _PageStart.cshtml.

Reemplacen el código por el siguiente.

@{
Layout = "~/_SiteLayout.cshtml";
}

Corran el sitio y miren a Peliculas.cshtml en el navegador.

Qué es lo que acabó de pasar?

1. El navegador pidió al servidor la página Peliculas.cshtml

2. El servidor vió que existía la _PageStart.cshtml asi que la corrió, esta solo tenia una linea de código que indicaba a la página layout del sitio a _SiteLayout.cshtml

3. El servidor luego creó _SiteLayout.cshtml para armar la página. Esto le brindó el head, css, body y todo lo necesario para correr un html.

4. El servidor llego ala linea de @RenderBody(), en el cual inyectó el contenido de Peliculas.cshtml

5. El servidor ahí tomó el resto de la página de _SiteLayout.cshtml, terminando lo stags body, html

6. Se entregó la página completa.

Agregamos otra página

Los beneficios de esta metodología son claros, lo demostremos creando una nueva página llamada about.cshtml.

Reemplacen el contenido con el siguiente.

<h1>Sobre MI</h1>

<h2>Gracias por visitar puerta de enlace.</h2>

Ahora miren en el navegador About.cshtml. Continuará…

WebMatrix Parte 3 – Demos un poco de estilo

2011-01-24T18:18:22Z

Recordemos… en el post anterior, parte dos de esta serie de tutoriales, vimos como crear una página dentro de nuestro sitio vacío. Ahora veremos como comenzar a darle un poco de estilo a nuestra página utilizando la tecnología llamada Cascading Style Sheets CSS.

PREPARANDO NUESTRA PÁGINA PARA USAR CSS

Utilizando DIVS

En html se puede dividir el contenido de una página en divs con el tag <div>, veamos como logramos incorporar esto a nuestra página. Recordemos nuestro código.

Lo primero que haremos será es colocar la lista de películas que tenemos en un div.

Si corremos la página ahora, no verán nada diferente a como la teniamos antes Esto es por que el tag div es un divisor lógico y no tiene apariencia física.

USANDO HYPERLINKS

Probablemente ya estén familiarizados con hyperlinks o vínculos, áreas clickeables que te dirigen a otra página o a otro lugar dentro de una página. Para crear uno es necesario usar el tag <a>. El tag hace que cualquier contenido que se encuentre adentro sea clickeable. Cuando el usuario haga click el browser se redireccionará a donde indica el atributo HREF (Hyper- Reference).

Un atributo es definido dentro del tag de esta forma.

<tag attribute=”valordelatributo”>contenido</tag>

Entonces para crear un vínculo se puede poner lo siguiente.

El href no tiene que ser un sitio web, también puede ser una función javascript. Hay un href especial que puede ser utilizado como un placeholder, mientras se está desarrollando, para probar que el estilo del vínculo está funcionando. Para hacer esto se coloca # dentro de href.

Asi que para poner todos los <li> items de nuestras películas a hyperlinks, simplemente colocamos el texto de la película en un <a> y colocar href en #.

Al correr veremos lo siguiente.

AGREGAMOS CABECERA Y PIE

Lo que haremos a continuación será agregar una cabecera y pie a nuestra página. Utilizaremos el <header> y <footer> disponibles en HTML5.

Veamos como se vé nuestra pagina ahora.

DEFINAMOS EL ESTILO DE LA PÁGINA

Como saben se definen atributos para especificar como se ven los elementos en una página, incluyendo fuente, tamaño, color ancho y mucho más. Como recuerdan en el código utilizamos en el título un tag <h1> veamos como podemos cambiar el color por ejemplo de este título.

<h1 style="color:blue; font-size:32; font-family:Verdana; text-decoration:underline">TITULO DE LA PÁGINA</h1>

Como pueden ver el estilo del tag <h1> contiene una lista de definiciónes. Entonces el código anterior se vería de la siguiente forma.

Esto funciona bien para cambiar el estilo pero no es la mejor práctica. Qué pasa si tuviesen que aplicar el mismo estilo a varios elementos, terminarían con mucho texto en su página haciendo que sea más lenta la carga del a misma en el navegador.

Afortunadamente hay una forma de aplicar estilos, la conocemos como Style Sheets, definidas utilizando el concepto de Cascading Style Sheets, en el cual el estilo de un elemento p uede ser heredado por un elemento hijo. Por ejemplo si ponemos un estilo al <div> y ese div tiene un hijo <ol> y <li>, el estilo también se aplicará a estos elementos hijos. A menos que se sobreescriba el estilo.

Veamos lo que necesitamos para definir el estilo de <h1>. Entonces en vez de poner estilo en el tag h1 definimos una clase de esta forma.

<h1 class="Titulo">TITULO DE LA PÁGINA</h1>

Ahora ese tag tiene una clase que definimos en CSS de esta forma.

.Titulo {

font-size: xx-large;

font-weight: normal;

padding: 0px;

margin: 0px;

El código de estilos de cascada vá dentro de los tag <style> y dentro del <head> de la página, ahora nuestro código quedaría de la siguiente manera:

Cuando se desea dar estilo a un elemento especifico se utiliza una class para ese elemento, o pueden brindarsela a travez de una id y codificar la clase para esa id, si vemos nuestro codigo obsevaremos que nuestra lista de películas está contenida por un <div> que tiene una id. Podemos brindarle estilo a ese div a travéz de css de la siguente forma:

#peliculaslista{

  font-family: Geneva, Tahoma, sans-serif;

Esto es definir un estilo para el div, y cualquier elemento dentro del div heredará este estilo.

Recordemos que los elementos <ol> se encuentran dentro del div, entonces podemos brindarles estilos de la siguente forma.

#peliculaslista ol {

list-style: none; margin: 0; padding: 0; border: none;

}

Lo único qu ehace nuestro estilo es quitarle los bullets, sin margen, sin padding, sin borde. Ahora nos queda darle estilo al tag <a> dentro del <li> lo haremos de la siguiente forma.

#peliculaslista li a {

  font-size: large;

  color: #000000;

  display: block;

  padding: 5px;

Cuando se trata del tag <a> hay otro comportamiento que debemos tener en cuenta y es qué pasará cuando el usuario mueva el mouse por encima del contenido. para ello tendremos en cuenta el estado HOVER de <a>

#peliculaslista  li a:hover{}

Entonces podemos definir que hacer cuando el mouse está encima de la siguiente forma

#peliculaslista  li a:hover {

  border-left: 10px solid #94c9d4;

  padding-left: 10px;

  background-color: #e7f5f8;

  text-decoration: none;

Esto es fácil de experimentar con CSS y WEBMATRIX lo hace mas fácil. Ahora todo este código que hemos programado dentro del tag HEAD lo podemos almacenar en un archivo externo de tipo css, y hacer que nuestra página apunte a ese archivo. De esta forma si el sitio tiene más de una sola página podemos utilizar las mismas clases en diferentes páginas.

Vamos a agregar este archivo, vamos a New, File.

Elegimos tipo de archivo CSS y de nombre le vamos a poner PeliculasEstilo.css puede ser cualquier nombre.

Reemplacen ese archivo con el código siguiente.

body {
font-family: Tahoma, Verdana, Geneva, sans-serif;
width: 85%;
margin: 20px auto;
}

header {
padding: 10px;
border-bottom: 1px solid #e5e5e5;
}

header h1 {
font-size: xx-large;
font-weight: normal;
padding: 0px;
margin: 0px;
}

#peliculaslista {
margin: 20px 0;
}

#peliculaslista ul {
list-style: none;
margin: 0;
padding: 0;
}

#peliculaslista li a {
font-size: large;
color: #000000;
display: block;
padding: 5px;
}

#peliculaslista li a:hover {
border-left: 10px solid #94c9d4;
padding-left: 10px;
background-color: #e7f5f8;
text-decoration: none;
}

Vamos a nuestra página nuevamente, borremos todo lo que está dentro del tag SCRIPT incluso los tags mismos y reemplacen con la siguiente linea de códigoGo back to your page, and delete the entire <script> tag, and replace it with this:

<link rel="stylesheet" type="text/css" href="PeliculasEstilo.css" />

Esto le indica al navegador que en véz de abrir el código en la misma página lo utilice desde ese archivo.

Vamos a agregar una nueva clase de estilo al footer de la siguiente forma.

footer {

font-size: smaller;

color: #ccc;

text-align: center;

padding: 20px 10px 10px 10px;

border-top: 1px solid #e5e5e5;

Y finalmente tenemos el siguiente resultado. Continuará…

WebMatrix Parte 2 - Creando nuestra primer página

2011-01-24T18:15:16Z

En el post anterior hemos visto los beneficios y cómo intalar las herramientas para trabajar con WebMatrix. Ahora veremos como crear nuestro primer sitio web.

CREANDO NUESTRO SITIO

Primero elijamos la opción para trabajar con un template.

Seleccionando esta opción veremos la siguiente pantalla.,

Como logran ver tenemos diferentes tipos de template para elegir. El que nosotros elegiremos es EMPTY SITETEMPLATE. Seleccionelo y nombrenlo como PELICULAS y prescionen OK. WebMatrix creará un nuevo sitio web vacío. Esta web la carga el editor de WebMatrix.

Antes de ir más lejos, es necesario entender que Webmatrix es más que simplemente un editor de código. Integra un servidor web llamado IIS Express (lo pudieron ver mientras instalaba la herramienta). Un servidor web es un pedazo especial de software que escucha pedidos de datos sobre internet, y responde entregando los datos, generalmente a un navegador web.

Cuando abres tu navegador y tipeas http://cells.puertadeenlace.net/ estás llamando al servidor de puerta de enlace, y el mismo contesta enviando código tanto como HTML, Javascript, CSS, imágenes y más. Tu navegador allí lo ensambla a una página.

Tener un servidor corriendo en WebMatrix hace que sea muy sencillo para vos el desarrollo de tu sitio web, en una forma que se comporta exáctamente igual a un servidor web en internet. Si miras en la pantalla, debajo del nombre que le dimos a nuestro sitio web, hay una dirección en mi caso es LOCALHOST:22316 la cual significa que el sitio corre en el host del servidor local en esa dirección.

Ya con esta url puedes arrancar tu servidor web y correr tu sitio ( en este caso recuerden que aún no tenemos nada en nuestro sitio por eso si intentan correrlo les dará error).

Ya habrán notado que WebMatrix les permite moverse entre diferentes espacios de trabajo seleccionando los botones en el área izquierda. Cuando crean el sitio el botón seleccionado por defecto es SITE , en el cual pueden ver detalles de su sitio web, tanto como la url del sitio, y otras herramientas como monitoreo de request de su sitio. Ya veremos de a uno los botones en el panel, por el momento seleccionen la opción Files.

WebMatrix les muestra el lugar en el cual verán sus archivos, por el momento lo tenemos vacío, y podrán ver que hay un botón muy amigable que les permitirá agregar archivos a su sitio.

Cuando seleccionen este botón verán la siguiente ventana., en la misma verán diferentes opciones de tipos de archivos para incluir en el sitio.

Elimajos un HTML y lo llamemos default.html y presionen OK. Una vez con la página creada y el código en pantalla editenla para que quede de la siguiente forma (pueden colocar sus películas favoritas seguramente estas son la de la mayoría de los MSP’S argentina ).

Como pueden ver en el código estamos ingresando un título a nuestra página y en el body una lista de películas. En la barra de herramientas de Webmatrix verán un botón llamado RUN. Seleccionenlo y webmatrix correra el navegador, y abrirá la página que acabamos de crear.

Veamos qué es lo que está pasando aquí.

EL WEB SERVER

Notaron la dirección que aparece en el navegador? Webmatrix no abrió un archivo en su disco duro, sino que corrio el web server, y apuntó el navegador a ese web server pidiendo que muestre el archivo default.html. Miren abajo a la derecha en su PC, y verán un ícono indicando que IISExpress está corriendo. Hagan Click derecho sobre el ícono y veran que Peliculas está corriendo.

Veamos cómo vemos nuestro sitio en los demás browsers.

Internet Explorer:

Firefox:

Chrome:

Es importante recordar, como un desarrollador de sitios web que los diferentes navegadores pueden mostrar tu sitio en diferentes maneras. Es una buena idea probar tu página en los diferentes navegadores. Un GRAN beneficio de webmatrix (y creanme para cualqueir persona que programa sitios web esto es un GRAN BENEFICIO), es la forma en la cual en forma rápida podes correr tu página en diferentes navegadores. Podemos ver esto clickeando la flecha debajo del botón run.

Nota: La lista solo mostrará los navegadores que tengas instalado.

Continuaremos…

Webmatrix parte 1– Proceso de Instalación

2011-01-24T18:12:45Z

Bienvenidos a una serie de posts que estamos preparando entre los MSP’s para introducirlos a lo que es la WEBMATRIX.

Definición: Matrix es una nueva herramienta de desarrollo de Microsoft, la cual incluye todo lo necesario para desarrollar un sitio web. Empezando porlas aplicaciones OPEN SOURCE, construir templates o simplemente escribir código.

Todo incluido, fácil de utilizar y lo mejor de todo es una herramienta GRATUITA!

Veamos ahora como instalar a la WebMatrix! Primero dirijase a la http://www.microsoft.com/web/webmatrix/

una vez allí presione el botón Intall WebMatrix ubicado en la parte superior derecha del sitio.

Acepte los Términos de uso y ya estamos en camino… El instalador que descargarán es WebPlatform (sobre el cual ya he posteado), el mismo te permite instalar muchos productos Microsoft en forma sencilla. AL correr el instalador verán algo similar a esto.

Presionen el botón Install. y nuevamente acepten los Términos de uso.

Cuando tengan todo instalado al correr verán una pantalla como esta.

Y ya tendrán instalado lo necesario para correr webmatrix.

Las opciones que pueden ver en pantalla son las siguientes, veamos que significa cada una de ellas.

Site From Web Gallery: Esta es una colección de aplicaciones webs Open Source (pueden utilizar el codigo y modificarlo sin problemas), escritas utilizando variedad de tecnologías, incluyendo PHP y ASP.NET. WebMatrix ayuda a que la descarga e instalación de estos sitios sea mucho más fácil.
Site From Template: Si prefieren escribir su propio código a diferencia de utilizar un sitio ya codificado, esta opción les brinda la opción de crear un sitio vacio o crear un sitio a partir de un template el cual pueden adaptar a su gusto.
Site From Folder: Si ya tiene una colección de sitios web y simplemente desea correrlos rapidamente, solo con indicar que carpeta a correr basta para correr el sitio.

CREANDO NUESTRO PRIMERO SITIO CON WEBMATRIX

Existen dos formas de crear un sitio. La primera es utilizar una aplicacion Open Source, ejemplo Wordpress, Joomla, etc. En este caso esta herramienta hace que el proceso de instalacion sea mucho más fácil sin importar la tecnología en la cual fueron escritas.

La otra forma es desarrollar el sitio por vos mismo, quizas utilizando la opción template. Webmatrix trabaja con .net framework y páginas ASP.NET las cuales proveen una forma simple pero poderosa de crear páginas dinámicas en sitio web que utilizan base de datso y pueden integrar otros frameworks , media, y más.

En esta serie de tutoriales, los MPS’s de Argentina queremos mostrar en nuestro idioma como utilizar páginas asp.net y como integra el framework RAZOR para que vean cuán fácil es crear un sitio web que provee una base de datos de tus películas favoritas. Veremos como hacer que le sitio corra en todo navegador, cómo crear páginas, cómo hacer estas páginas dinámicas al trabajar con base de datos y mucho mas…

Herramientas necesarias para trabajar con Windows Azure.

2010-11-23T18:04:00Z

Hola a todos nuevamente, bueno, antes que nada recomiendo entrar al siguiente link, al sitio web de windows azure, en el mismo encontrarán desde manuales hasta código sobre windows azure. Una vez dentro del sitio seleccionen el botón GET TOOLS and SDK.

Una vez que seleccionen el botón les pedirá registrarse con su correo LIVE ID para recibir todo tipo de información sobre actualizaciones en la plataforma o tutoriales.

Presionen nuevamente en Get tools and SDK y se dirigirán al área de descarga final.

Ahora, este instalador les instalará todo el SDK y lo necesario para trabajar con Windows Azure siempre que ustedes ya tengan Visual Studio o alguna de las versiones express instalada. Qué pueden hacer en caso de no tenerlas o de no tener una licencia de Visual studio (*Primero escribir a algún MSP de argentina para pedir una tarjeta dreamspark en caso que seas estudiante), bajar WEBPLATFORM.

¿Qué es WebPlatform y para qué me sirve?

(http://www.microsoft.com/web/)

Microsoft Web Platform Installer 2.0 (Web PI) es una herramienta gratuita que facilita la descarga, instalación y la actualización de los últimos componentes de Microsoft Web Platform, incluido Servicios de Internet Information Server (IIS), SQL Server Express, .NET Framework y Visual Web Developer. Además, instale populares aplicaciones web ASP.NET y PHP en código fuente abierto con Web PI. En nuestro caso también instalará las tools para trabajar con windows azure.

Con un simple click en Download Platform pueden bajar el instalador.

Al correrlo van a tener las diferentes herramientas que se pueden instalar, de la siguiente forma. El instalador identificará si tienes IIS corriendo o todo lo que necesite Windows Azure para que pueda trabajar sin problemas. De la misma forma si el instalador no identifica que tengas una versión de visual studio original en la máquina te instalará las versiones express, puedes elegir cual instalar o si no deseas instalar ninguna.

En el lado inferior izquierdo tienen un vínculo llamado OPTIONS. para asegurarnos que todo lo necesario para trabajar con windows azure esté incluido seleccionen la opción y verán la siguiente ventana.

Asegúrense que la opción Developer esté seleccionada al hacerlo la opción de tools de windows azure estará incluida.

Una vez instalado todo, para trabajar, se preguntarán cual es el siguiente paso? Bueno, les recomiendo el Windows Azure Training Kit. Descargar aquí. En el mismo podrán encontrar los populares “Hands-on-lab” , también información sobre cómo migrar datos y demás guía paso a paso, videos y demos para que intenten comenzar con la nube.

Asiste al Lanzamiento Virtual de IE9

2010-11-23T17:17:05Z

Miércoles 24 de Noviembre , Lanzamiento Virtual de IE9 vía Microsoft Café TV.

Fecha: Miércoles 24 de Noviembre del 2010
Horario:
- Desde las 3.30pm (GMT –6, horario Centroamérica)
- Desde las 4.30pm (GMT –5, horario Perú, Ecuador, Panamá)
- Desde las 5.30pm (horario República Dominicana y Puerto Rico)
Link para ver la transmisión: http://www.ustream.tv/channel/Microsoft-Café
Agenda (según horario GMT –6):
- 3.30pm – 5.00pm : Conferencia de Prensa
- 5.00pm – 6.00pm : Entrevistas y Demos con Expertos
- 6:00pm – 6:45pm : Sesión General – La Belleza de Internet
- 6:45pm – 7.30pm : Casos de Éxito
- 7.30pm – 8.00pm : Demostraciones adicionales
- 8:00pm – 8.30pm : Concurso para asistentes via MSCafeTV!
Página en Facebook del Microsoft Café TV: http://www.facebook.com/MSCafeTV

La plataforma Windows Azure y la interoperabilitad que ofrece.

2010-11-22T04:04:04Z

Utilizar las computadoras en las nubes sobre comprar máquinas uno mismo tiene sentido, sobre todo comparando costos. Para algunas aplicaciones tanto el código como los datos pueden estar en las nubes donde otra persona se encargue del mantenimiento.

De esta forma tenemos una aplicación que corre en las nubes, utiliza servicios que provee la misma. Para tener este beneficio tenemos lo que llamamos una plataforma de aplicación, la misma puede ser pensada como aquella plataforma que provee acceso de servicios a los desarrolladores para crear aplicaciones o almacenar información.

La plataforma Windows Azure fué construida con la idea de que sea interoperable, una plataforma abierta que brinde opciones a los desarrolladores, permitiendoles que programen en cualquier lenguaje (.net, php, ruby, python o java) y en diferentes herramientas, sea Visual Studio o Eclipse. A su vez Windows Azure soporta multiples protocolos de internet incluyendo HTTP, XML, SOAP y REST.

En el caso de el mundo Windows, la plataforma incluye tecnologías tales como Windows Server y SQL Server para explotar. Veamos como está compuesta la plataforma azure.

En el gráfico tenemos, la plataforma Windows Azure, soporta: aplicaciones, datos e infraestructura en la nube, todo junto con lo que es Windows Azure Marketplace (*explico más adelante de que trata el marketplace).

Veamos las partes de la plataforma Azure, tengan en cuenta que estos componentes se encuentran corriendo en data centers de Microsoft alrededor del mundo. Cuando el desarrollador utiliza la plataforma puede controlar cuál datacenter corre su aplicación y almacena los datos, esto sirve para elegir que corra lo más cercano a los usuarios que harán uso de la misma.

Windows Azure: Un ambiente “Windows” para correr las aplicaciones y almacenar los datos en los data centers de Microsoft.

Las cinco partes que hoy componen a Windows Azure son las siguientes:

Compute: Corre la aplicación en Windows Server Foundation . Las aplicaciones pueden ser creadas utilizando el framework .net o pueden estar creadas en lenguajes que como C++, Java o los anteriores mencionados que no dependan de .net. En el caso de aquellos desarrolladores que estén familiarizados con visual studio , pueden utilizar esta herramienta para trabajar en ASP.NET, WCF u otras herramientas que trabajen con lenguajes como PHP.

Storage: Este servicio permite almacenar objetos binarios, esto permite la comunicación entre los componentes de Azure, y ofrece también tablas con un lenguaje de query muy simple. (Aquellas aplicaciones que necesiten almacenamiento relacional tradicional pueden utilizas sql azure también.

Fabric Controller: Cuando comiencen a desarrollar con azure podrán ver que correran en forma local este servicio, como hemos entendido Windows Azure corre en una cantidad grande de máquinas. El trabajo de este controlador, Fabric, es apuntar las máquinas en un solo Azure datacenter.

Content Delivery Nerwork: El cacheo de datos utilizados frecuentemente ascelera el acceso a los datos. El CDN de Azure realiza esto manteniendo copias en sitios alrededor del mundo.

Connect: Este componente es util para aquellas organizaciones que deben interactuar con la nube a través de un firewall.

SQL Azure: Servicios de datos relacionales en la nube basados en SQL. Server (*en otro post explicaré la metodología y el funcionamiento del mismo, a mi criterio MUY INTERESANTE).

Veamos los tres componentes que conforman SQL Azure.

SQL Azure Database: Provee un sistema de administración de base de datos. Lo cual permite guardar datos relacionales en servidores Microsoft en los data centers de Microsoft. Lo importante es que las organizaciones SOLO PAGAN LO QUE UTILIZAN DE ESTOS SERVIDORES.

SQL Azure Reporting: Es una versión de SQL Rerporting Services (SSRS), que corre en la nube. Permite la creación y la compra de repores ssrs estándares en los datos de la nube.

SQL Azure Data Sync: Permite la sincronización entre los datos del SQL Azure Database y las bases de datos SQL Server. También puede ser utilizado para la sincronización de varios SQL Azure Database de diferentes datacenters.

*Algo importante a tener en cuenta es que el SQL Azure está creado en un Microsoft SQL Server, debido a esto los desarrolladores pueden crear indexes y vistas, stored procedures, triggers y más.

*Las aplicaciones pueden acceder al SQL Azure Database utilizando Entity Framework, ADO.NET, y otras interfaces deacceso de datos.

Windows Azure AppFabric: Servicios de infraestructura basados en la nube para aplicaciones corriendo en la nube.

Como podemos notar en el gráfico todos los servicios de Windows Azure AppFabric están construidos sobre Windows Azure. Veamos cada uno de estos servicios.

Service Bus: El objetivo de service bus es hacer que exponer los servicios de una aplicación se realicen en forma más sencilla y que puedan ser accedidos por otras aplicaciones.

Access Control: Hoy por hoy el control de acceso se puede realizar de muchas maneras, Active Directory, Windows live ID, Facebook, y más. En el caso de Access Control, simplifica el uso de cualquiera de estas herramientas brindando soporte y definiendo roles de usuario.

Caching: El servicio de cache provee la forma de ascelerar la busqueda de información frecuentemente utilizada de las aplicaciones.

Windows Azure Marketplace: Un servicio online para comprar datos o aplicaciones basados en la nube.

Veamos las dos partes que componen el Marketplace de windows Azure.

DataMarket: El mismo provee una forma que los proveedores de contenidos realicen y pongan a disposición datasets.

AppMarket: Provee una forma para los creadores de aplicaciones de exponer estas aplicaciones a futuros potenciales consumidores.

Bien masomenos quise mostrar windows azure en profundidad, para poder seguir escribiendoles sobre cómo desarrollar aplicaciones y aprovechar cada uno de los beneficios de la nube. En el próximo post explicaré los diferentes Roles dentro de la Nube.

TRIBUTO MSP Summit 2010

2010-11-20T14:55:49Z

El pasado 12 de Noviembre nos reunimos en Buenos Aires Microsoft a disfrutar del MSP Summit 2010, tras tantas cosas vividas es imposible describir lo bueno que estuvo el evento que duro hasta el sábado, fue INCREIBLE. Les dejo el resumen en imágenes, saludos a todos!

Webcast de sql server, sharepoint y AZURREEEE en español 17, 18 y 19 de noviembre.

2010-11-17T14:21:24Z

New york ballmer presentando desarrollos para Phone

2010-10-27T17:10:11Z

Hola a todos! Queria compartir esto con ustedes, Steve Ballmer Microsoft CEO y Ralph de la Vega, presidente y CEO deAT&T Mobility and Consumer Markets, estuvieron hablando el lunes en un evento en Ney York sobre los nuevos desarrollos para phone, les dejo el link estan interesantes . saludos

http://www.microsoft.com/presspass/presskits/windowsphone/videoGallery.aspx

Lo que fué el evento y los agradecimientos

2010-10-27T17:09:00Z

En foto de izquierda a derecha, Rodrigo lider celula Legacy Salta, Ivana Tilca MSP, Gabriel Carrizo mentor de celulas ( asi lo apodamos por la gran ayuda que nos presta siempre ), y Diego lider célula XNATIVA jujuy.

El pasado Viernes 22 de Octubre, en el Aula Virtual de la Universidad Nacional de Salta realizamos el evento REACTION! nombre que fué brindado al evento por las celulas de las provincias de Salta y Jujuy, quisiera comentar cómo se organizó todo el evento y los responsables asi que paso a contarles.

Cuando volvimos de Codecamp , junto a Rodrigo lider de célula LEGACY pensamos en la posibilidad de hacer un evento en el cual su célula pudiese mostrar el proyecto que realizaron a todos los estudiante de Salta. Gabriel Carrizo miembro de la Universidad Nacional de Salta ( foto el de remera clara), propuso que traigamos a las celulas de jujuy también, y el tramitaría el dinero correspondiente para el pasaje de las mismas. Y lo hicimos, Rodrigo se encargo de encuestar a todos los miembros de las celulas para decidir un nombre al evento, el resultado por 3 a 1 fué REACTION ! y comenzamos con la organizacion y publicidad del evento. Los chicos llegaron por la mañana no teniamos mucho tiempo pero las ganas eran MUCHAS.

Como les dije a las células ese día, para mi fué un orgullo compartir con ellos, tanta humildad y sed de conocimiento me hizo recordar aquellos momentos en los cuales yo comencé con mi propia célula, tuvimos a Diego registrando, a Carolina acompañandome aula por aula invitando a la gente al evento, a Matias Magallanes miembro de una nueva célula nervioso por que era su primer charla la cual dió fantástica. Pero todos lo hicieron!

Ahora más allá de contarles lo que fué el evento paso a agradecer a todos los que nos visitaron en Salta, chicos, fue un placer volver a escucharlos dar una charla, esperamos volverlos a tener por salta, les parece??? En cuanto a los miembros de Salta, se pasaron también, tanto Matias como ya de quien estoy muy orgullosa Rodrigo fueron piezas claves para que todos pudiesemos armar esto juntos, ahora nos queda armar un evento en la Universidad Católica !!! Para cuando?? escucho ofertas.

El evento fué un éxito, pero las personas que se unieron para hacerlo se llevan el premio. Lastima que la encomienda de Mara no llego a tiempo!!! Pero para el proximo evento ya tenemos .

Un saludo a todos y gracias por dejarme ser parte de el equipo de células Reaction!

Ivana

pd: GRACIAS AL PROGRAMA ACADÉMICO Y A LAS PERSONAS QUE LA CONFORMAN! MARUCHA GRACIAS POR SOPORTARME

¿¿¿¿QUIEN VA???? YO VOY Y EL TEAM INTHI TAMBIEN

2010-10-27T17:06:52Z