Hola de nuevo! Esta vez, despues de mucho tiempo de inactividad, trabajando en el proyecto y estudiando, nos pusieron un reto: desarrollar una aplicacion web, paralelamente a nuestro proyecto. Como recien empezabamos, tenia que ser algo sencillo. Es por eso que creamos un pequeño blog. El blog se llama SaltaBlog, y contiene las funciones basicas de un blog normal y sencillo.

Aqui algunas capturas del trabajo final: (blog en proceso)

Y aqui esta el blog finalmente diseñado: (trabajo final)

Lo subimos a Azure! Lamentablemente, el periodo de prueba de Azure expiro , por lo que unicamente podemos mostrarles la maqueta de nuestro blog (descarga por MEDIAFIRE)

http://www.mediafire.com/?d3l8etgin4lovb2

Con este mini-proyecto no tuvimos que cambiar de diseño. Simplemente decidimos que este era el indicado y  empezamos a desarrollar.

Muchas gracias por pasar!

Primeros Avances

En el transcurso de la investigación, tuvimos que indagar sobre distintos temas y tecnologías. Podemos dividir los recursos que utilizamos en tres grupos:

     1. Recursos Online
     2. Libros
     3. Personas (referentes técnicos)

Recursos Online

Este recurso que nos resulta más que interesante, es el más práctico y podemos transmitir muy fácilmente el material de lectura:

• En la propuesta de investigación, nos propusimos como un deseable a tener la búsqueda de un segmento de la canción de reproducción actual mediante un ScrollBar para facilitar el uso al usuario. Para su resolución, nos parecieron interesantes los siguientes links:
o Slide Class
o Thumb Class

• También, buscamos el estilo de botones que usa Windows Phone 7, el cual coincide con el diseño de Zune. El problema que nos surgió fue que este celular permite al usuario poder elegir dos temas: el oscuro o el claro. El primero se caracteriza por tener un fondo negro y su primer plano blanco, mientras que el segundo tema utiliza lo contrario; por ende, si se tiene un botón con el icono blanco en su aplicación se verá bien en el tema oscuro. Sin embargo, en el tema claro, el botón se mezcla en su totalidad con el fondo impidiendo la visualización de este.

Para resolver este problema usamos las propiedades de Opacity Mask.

• Por otro lado, encontramos dos páginas muy útiles: La primera tiene códigos de ejemplo de Windows Phone 7 que nos han ayudado mucho. En cambio, la segunda tiene videos explicando distintos temas de esta tecnología. En particular, nos sirvió mucho el video que explica las diferencias entre los eventos Launched, Activated, Closed, y Deactivated y su implementación.

• Nos guiamos con un video, documentación y código ejemplo que explican y ejemplifican la utilización del acelerómetro en los dispositivos móviles.

• Uno de los temas que más nos demandó fue la conexión entre el Windows Phone 7 y la Computadora. Al principio creíamos que se lograría mediante Web Services, por lo tanto investigamos pero llegamos a la conclusión de que sería posible hacerlo de esa forma pero no es la mejor opción ya que precisamos dos end-points. Es decir, la aplicación del celular debe escuchar información de la computadora y a su vez emitir instrucciones a la aplicación servidor.
Finalmente luego de investigar un poco pudimos solucionar el problema a través de una comunicación Socket. En la primera versión del WP7, no se podía usar Sockets, pero a partir de la reciente versión (codename: “Mango”) ya se pueden utilizar.

Pequeño adelanto del sistema desarrollado utilizando esta funcionalidad: http://www.youtube.com/watch?v=bU35H81P8bU

• Otro punto del proyecto que hemos estado investigando fue el uso y manejo del Reproductor de Windows Media desde una aplicación externa, en este caso construida en C#.NET.
Para esto utilizamos APIs de Windows (Win32 APIs) para comunicarnos directamente con el Reproductor mediante el sistema operativo. Nos fue de mucha ayuda un artículo web de la página con ejemplos de aplicaciones OpenSource CodeProject.com.
Ejemplo de código usado en el botón Play/Pause:

Pequeño adelanto del sistema desarrollado utilizando esta funcionalidad: http://www.youtube.com/embed/ivjjYo3RjiY

Libros

Nos recomendaron un libro que nos ha sido de mucha ayuda para informarnos acerca del manejo interno de las aplicaciones, hardware y mejores prácticas de programación para Windows Phone 7; Windows Phone Developer Guide.

Personas

Tuvimos la suerte y el honor de poder contar con distintas personas con experiencia, ganas e iniciativa para ayudarnos a investigar, tomar decisiones e informarnos sobre distintos temas. Queríamos agradecerles especialmente por su interés y esfuerzo a Mariano Szklanny, Federico Boerr e Ignacio Raffa.

Muchas gracias,
nos estamos viendo pronto!
AbsolutX -

Hola Mundo! Nos queremos presentar, somos la célula AbsolutX. Somos un grupo de cuatro jóvenes universitarios con una gran iniciativa y ganas de participar del CodeCamp 2011 con un proyecto original, novedoso y que nos mantendrá ocupados durante los próximos meses. También contamos con el apoyo de un tutor con más experiencia en la materia para realizar constante feedback con el fin de mantener un desarrollo parejo. En la brevedad, nos estaremos reuniendo nuevamente para subir el progreso realizado y compartir nuestras experiencias.

Nuestro objetivo con todo esto es aprender más sobre las nuevas tecnologías de Microsoft como por ejemplo:

- C#

- Windows Azure

- Windows Phone 7

- Windows Communication Foundation

Entre otras...

Asi que... Manos a la obra!

Hola gente, hoy quería hablar sobre un tema que busque mucho en internet y no encontré, se trata de iniciar sesión desde mi aplicación pero con otra aplicación, imaginen esto, una empresa tiene una aplicación web que se loguean todos los empleados, pero al empezar a crecer esta empresa, empieza a tener otras aplicaciones donde trabajan los mismos empleados, son distintas funcionalidades para las cuales se emplean estas aplicaciones, donde son los mismos empleados y es como engorroso tener que hacer un administrador de usuarios para cada app, cuando solo necesitas saber si es de la empresa y darle permisos,  bueno el requerimiento es el siguiente:
Hacer una aplicación de inicio de sesión único para todas las aplicaciones que estén o que se realicen a futuro.

Para este ejemplo vamos a realizar lo siguiente, tendremos 3 aplicaciones.

Donde App1 es la de logueo y las otras dos App2 y App3 son aplicaciones simples

1. En nuestra App1 en la página de loguin en el botón de inicio le creamos un método para cuando haga clic o en su defecto si es MVC en el Controlador que inicia sesión.

protected void LoginButton_Click(object sender, EventArgs e)
{
  if (Membership.ValidateUser(LoginUser.UserName, LoginUser.Password))
  {
    FormsAuthentication.SetAuthCookie(LoginUser.UserName, true);
    FormsAuthentication.RedirectToLoginPage();
  }
}

2. En el web.config de la App1 agregamos el name a la validación, de la siguinte forma

<authentication mode="Forms">
      <forms loginUrl="~/Account/LogOn" name="appDeLogueo" timeout="2880" />
    </authentication>

en esta parte es importante remarcar que se le agrego el tag name.

3. Ahora nos vamos a nuestras App2 y App3 que aquí he elegido usar MVC 2 y MVC 3, nos vamos al web.config y ponemos lo siguiente

<authentication mode="Forms">
   <forms loginUrl="http://localhost:8568/Account/Login.aspx" 
          name="appDeLogueo" 
          timeout="2880" />
 </authentication>
 <authorization>
    <deny users="?"/>
 </authorization>

4. Ahora nos vamos al archivo global.asax y agregamos el siguiente metodo

protected void Application_AuthenticateRequest(Object sender, EventArgs e)
 {
     var cookieName = FormsAuthentication.FormsCookieName;
     var authCookie = Context.Request.Cookies[cookieName];
     if (null == authCookie)
     {
        Response.Redirect("http://localhost:8568/Account/Login.aspx?ReturnUrl=" + Request.Url.AbsoluteUri);
     }
 }

Si miran bien van a notar que he puesto un Redirect forzado donde más allá que lo indique en el web.config la directiva de logueo, acá lo que hago es agregarle el QueryString de ReturnUrl pero con el path completo, porque sino lo que sucede es que re direcciona pero el solamente al hash y al retornar termina buscando el retorno a ese hash dentro de su propio dominio.

Bien ahora ya podemos ejecutar nuestras aplicaciones y veremos que nos re direcciona a la pagina de loguin y una vez que hacemos loguin nos comparte las credenciales para luego volver a la pagina que pidio el inicio de sesión sin importar el dominio.

Un dato interesante es si tildamos el check de recordar usuario cuando iniciamos sesión después abrimos las otras web y estas directamente ya no van a la pagina de inicio  solamente saben que ya alguien se logueo y buscar los datos a partir de la cokie que pasamos en el web.config entonces trae las credenciales sin intervención de nada más.

Bueno de ante mano pido disculpas si he indicado algo erróneo, la verdad que no soy un experto en seguridad de aplicaciones, pero me pareció interesante demostrar como podemos hacer una simple aplicación de inicio de sesión para que otras web solo utilicen el logueo contra esta y así tener las mínimas credenciales, la verdad que esto nos llevo un buen rato descubrir como hacerlo con mi compañero Aldo pero al fin dimos con la tecla.
Hay mucho más como STS para realizar cosas más sofisticadas como autenticar contra distintos sistemas como Google, Windows Live ID, Servicios Azure etc,, para ver ejemplos en video pueden visitar el canal de Youtube de la Comunidad de Technet y MSDN de Microsoft http://www.youtube.com/user/technetymsdn, ahí tambien van a encontrar un montón de videos de los eventos que realiza Microsoft como el Run Web Camp que se realizo en Buenos Aires.

Desde ya gracias por pasar por aquí y cualquier duda me mandan un menaje a mi mail que es moises.rivas@msptechrep.com chau y nos vemos en la próxima.

Hola gente hoy les voy a mostrar en un video muy corto de como hacer una página WEB en pocos minutos, para esto sólo creamos una especificación de la base de datos en nuestra carpeta Models en una clase, y después vamos a descargar desde www.nuget.org e instalar con la herramienta Package Manager Console de VS 2010 dos paquetes de librerías Scaffolding y EFCodeFirst.SQLCompact, me pareció interesante mostrar estas librerías porque nos hace la vida mucho más fácil a la hora de hacer una web. Para ver el video en una mejor calidad tienen que hacer clic en HD.

Bueno, espero que les sea de ayuda y por favor no duden en consultar a mi correo moises.rivas@msptechrep.com. Saludos y espero sus comentarios.

Hoy voy a destacar una funcionalidad para los Desarrolladores que trae Internet Explorer 9 que me parece que le da muy buena integración con nuestras WEB, se trata de la posibilidad de anclar cualquier URL a la superbarra de Windows 7. De esta forma, accedemos a nuestro correo electrónico, red social favorita u otras WEBs, con gran rapidez.
Bueno pero vamos a un ejemplo para empezar a darle onda a nuestra WEB.

1. Vamos a crear una WEB o agarremos una que ya tengan creada, mi ejemplo es con una aplicación MVC.

2. Traemos un archivo extensión “.ico”, yo he creado un icono y lo he puesto en una carpeta iconos.

3. Después abrimos la Page Master y entre el Head agregamos estas líneas que explico a continuación.

<meta name="msapplication-task" content="
             name=nombre-de-la-tarea;
             action-uri=dirección-de-la-página;
             icon-uri=dirección-del-ícono"/ >

Tendrás que reemplazar:
Nombre-de-la-tarea: establece la denominación del ítem.
Dirección-de-la-página: indica qué página se abrirá al pulsar sobre el ítem.
Dirección-del-ícono: asigna una imagen al vínculo.

Yo he puesto lo siguiente.

<link rel="Shortcut Icon" href="/JumpsList-Mvc/iconos/Icono.ico" />
<meta name="msapplication-task" content="name=Principal;action-uri=/JumpsList-Mvc/;icon-uri=/JumpsList-Mvc/iconos/Icono.ico"/>
<meta name="msapplication-task" content="name=Iniciar Sesión;action-uri=/JumpsList-Mvc/Account/LogOn;icon-uri=/JumpsList-Mvc/iconos/Icono.ico"/>
<meta name="msapplication-task" content="name=Registrarse;action-uri=/JumpsList-Mvc/Account/Register;icon-uri=/JumpsList-Mvc/iconos/Icono.ico"/>
<meta name="msapplication-task" content="name=Acerca de..;action-uri=/JumpsList-Mvc/Home/About;icon-uri=/JumpsList-Mvc/iconos/Icono.ico"/>

3. Para ver el ejemplo ejecutamos y agarramos el icono de la barra y lo arrastramos hasta la barra de Windows 7, ahí se posicionara el icono de nuestra WEB y si hacen botón derecho podrán ver que tiene accesos directos a partes de nuestra página de donde hemos definido.

Clic aquí para descargar el ejemplo

Es posible personalizar una serie de aspectos globales, que van desde ciertos colores de la interfaz hasta el tamaño de la ventana.
Esto se logra agregando líneas con la siguiente convención:

<meta name="nombre-del-parámetro" content="contenido"/>


application-name: el nombre del acceso directo. Si lo omites, se mostrará el título del documento que dio origen al atajo.

msapplication-tooltip: el texto que saldrá al pasar el ratón sobre el ícono.

msapplication-starturl: la dirección de la página de inicio. Si no la completas, se abrirá la que usó el usuario para crear el vínculo.
msapplication-navbutton-color: el color de los botones Adelante y Atrás, en formato hexadecimal.
msapplication-window: define el ancho y alto inicial del navegador.
Por ejemplo, esto quedaría así:

<meta name="application-name" content="WEB Personalizada"/>
<meta name="msapplication-tooltip" content="Acceder a webmia.com"/>
<meta name="msapplication-starturl" content="http://www.webmia.com"/>
<meta name="msapplication-navbutton-color" content="#FFC342"/>
<meta name="msapplication-window" content="width=1024;height=768"/>

Y después para que vean un poco más, si tuviéramos videos en nuestra WEB podríamos hasta configurar que se pareciera al reproductor de Windows 7, en Channel 9 se muestra un ejemplo muy practico.

También ya existe una extensión para WordPress y los usuarios de WordPress.com cuentan con la nueva funcionalidad habilitada por defecto, que ya he estado probando en mi Blog y que me parece que esta buenísima para muchas más implementaciones más, de seguro como es una beta de IE9 más adelante veremos mas cositas que desarrollaran.

Bueno en resumen hay bastantes cosas para hacer, me parece que le dan un toque a nuestras páginas a la hora de resaltarla o de llevarla a un nivel de las demás (Facebook, Twitter, Bing etc.), espero que les guste mi aporte y pido disculpas si hay algo que me olvide o algo así. Un saludo a todos los que lean este POST.

CodeCamp 2010 fue un evento inolvidable, el cual me permitio conocer a una gran cantidad de personas de diversos lugares, encontrarme con lo último en tecnologia, y disfrutar de excelentes charlas.

Mi Experiencia en CodeCamp

 Antes del CodeCamp:

Comencé con una idea sólida del proyecto en el mes de Febrero, y lo llamé: SOAA (Sistema operacional y Administrativo de Aerolínea").
Uno de los motivos principales era alejarme del viejo y aburrido lenguaje "Pascal", y de tratar de mostrar una interfaz gráfica más adecuada para personas que viven en el año 2010.
Propusé realizar un sistema que permita que los miembros de la célula conocieramos a un verdadero software y el camino para lograr construirlo.

El 7 de Julio publique mi primer vídeo en la red, se trataba del Prototipo SOAA-AIR realizado con las herramientas de Sketchflow en Microsoft Blend 3 (Dicho vídeo cuenta actualmente con más de 1200 reproducciones).El prototipo ya estaba un su mejor etapa: luego de 47 reuniones con el "Cliente"(Miembro de la célula que no deseaba programar) y después de haberlo reconstruido 19 veces (y no estoy exagerando!).

Desde el 8 de Julio inicié una verdadera odisea en la cual debía armar parte del proyecto sin tener una conexión a internet (dicho lapso duró un mes hasta conseguir un nuevo proveedor), pero de todas formas armé el codigo necesario y las publicidades (las cuales hicieron famosa a la célula!). Este periodo  considero que fue él que más ha unido a la célula.

El día 10 de Agosto revisé mi cuenta en hotmail, y encontré un mail bastante interesante que hacia referencia a que iba a participar en el CodeCamp! (Evento al cual he esperado un año para participar). Desde ese momento empecé a buscar más bibliografía que ayudará a codificar y a practicar, los demás miembros de la célula (2 personas) colaboraron en la edición de nuevos vídeos, y en la corrección de posibles fallas al sistema en desarrollo.

Para el CodeCamp preparamos dos carpetas (una con la propuesta del proyecto y los avances, y otra carpeta con la documentación del prototipo), el prototipo realizado con Sketchflow, SOAA-WF (versión operativa de forma completa), SOAA-WPF (versión administrativa en desarrollo), tarjetas de los proyectos del primer año de The Legacy STC (se acabaron muy rapido)

 En el CodeCamp:

Momentos de nerviosismo y alegría surgieron desde mi salida de la ciudad de Salta hasta llegar a Buenos Aires en avión para ir al CodeCamp 2010. En primer lugar me encontré con los chicos de Interfaz Humana y BotIA (células a las cuales les tengo una gran aprecio y admiración) en el lugar donde nos hospedamos. Rápidamente hubo una buena onda con toda la gente, intercambiando información sobre el CodeCamp.

Y por fin, el día 4 de Septiembre había llegado aquel momento tan esperado en la Universidad de Palermo: CodeCamp 2010!
Escuchar charlas de un gran nivel, compartir conocimiento, conocer a nuevas personas, interactuar con la gran comunidad de desarrolladores de software, simplemente un momento asombroso!

Minuto tras minuto, el reloj marcaba la aproximación al instante en el que debería exponer mi proyecto. Momentos de preocupación, una búsqueda intensa de energía y aliento, que me brindarán la energia suficiente para demostrar mis conocimientos ante verdaderos amantes del software. Tuve que manifestar lo mejor de mí, y luchar una vez para exponer mis ideales. Y allí me encontraba yo..acompañado de mi notebook, una botella con agua, un vaso y observado en un principio por dos personas.
Mis tímidas palabras dieron inicio al Demofest dentro de una de las aulas, empecé de a poco a soltarme y a notar que a la gente le interesaba cada vez más el proyecto. La cantidad de personas aumentaba, las fotografías no se hacian esperar, y de poco empezaba a despertarme de aquel sueño anhelado y empezar a vivir la realidad. De pronto se conformó un ambiente perfecto, me encontraba con una buena cantidad de personas observándome (entre ellos mi MSP) e internamente con una gran energía para dar a conocer al prototipo SOAA-AIR. De un segundo a otro resurgió mi verdadero control y pasé la "prueba de fuego" a la que estaba destinado al darme cuenta que la gente me manifestaba su conformidad a través de aplausos.

En una segunda exposición, tuve que hablar nuevamente sobre el proyecto ante un notable jurado. Para aquel instante me encontraba muy entusiasmado y acepte tranquilamente demostrar la PPTX de SOAA-AIR. Con la experiencia obtenida minutos antes, había logrado ordenar un poco más a mis ideales pero por el desconocimiento de la "segunda exposición" tuve que organizarme fugazmente con los archivos. Fue un momento bastante interesante, donde el jurado tomaba nota de lo expuesto a fin de evaluar y seleccionar el mejor proyecto de las células.

Apesar de no haber ganado algo material, no me siento triste por ello porque..he ganado amigos!, conocimiento!, experiencia ! y esperanzas de volver el próximo año al CodeCamp!!

Datos:

*Antes del CodeCamp solo había expuesto muy pocas veces.
*Todo lo escrito es real, y de hecho he tratado de no exagerar en lo narrado.
*El hablar con las personas no es un problema para mí, solo debo conocer a la personas.
*Para más detalles sobre momentos anteriores y posteriores a cada una de las exposiciones, hablar con Nico Vilela ;)
*Algunas cosas decidi omitir para no hacer tan extensivo al post. 

Links de recursos usados en el Demofest:

El Prototipo SOAA-AIR  (video del prototipo)

La PPTx utilizada en el Demofest   (listo para descargar)

Video de la presentación de SOAA-AIR (video de la PPTX)

Video del Primer Año de The Legacy STC

Por ultimo quiero dar las gracias a toda la gente de Microsoft, por tener en cuenta a mi proyecto, por brindarme la posibilidad de viajar a Buenos Aires, ir a CodeCamp, y exponer en el Demofest !!!

GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Señores, a razón de la proximidad del evento CodeCamp he realizado un vídeo mostrando parte de los avances realizados por la célula hasta el momento:

(todos los vídeos publicados..pueden verlos en HD)

Además quisiera mostrarles un resumen de nuestros avances y proyectos del primer año de la célula:

http://thelegacystc.blogspot.com/2010/08/un-resumenpara-que-nadie-se-pierda.html 

En mis investigaciones habituales (Léase: Búsquedas en internet…) sobre las nuevas tecnologías que van saliendo, en este caso para Visual Studio, me encontré con esto que pienso que no deberían dejar pasar si se dedican al desarrollo de sistemas y valoran optimizar los tiempos de desarrollo: Visual Studio LightSitch. Los dejo con un video;

Mas información: http://www.microsoft.com/visualstudio/en-us/lightswitch