Latest Entries »


Y regreso nuevamente. He de decir que les debo grandes disculpas por la extendida ausencia que he tenido desde mi ultimo post, pero también les afirmo que la espera ha valido lo necesario. Ahora estamos con la 3ra. parte del Tuto sobre WebMatrix. En esta ocasión voy a presentar algunas cualidades interesantes que nos ofrece la plataforma. Puesto que el desarrollo web ha ido evolucionando desde hace muchos años y, con esto, HTML ha dejado de ser únicamente el lenguaje clave para trabajar “arriba”, nos enfocaremos en el cómo añadir contenido dinámico a nuestros páginas. Esto con el fin, además, de interactuar con servicios sociales populares.

Antes de comenzar con lo anteriomente mencionado, debemos estar concientes de que tenemos una tarea muy importante siendo desarrolladores del sitio porque se nos presenta el caso de convertirnos en los primeros administradores del mismo. Pero ¿cómo empezar a administrar nuestras páginas? Arranquemos con esto:

Podemos ejecutar nuestro sistema en cualquiera de los navegadores que dispongamos, y después de la URL del mismo (en mi caso http://localhost:8080/) agregaré después d la barra _admin

Ingreso a la administración del sitio

Siendo la primera vez que ingresamos se nos solicitará las credenciales de Password y la confirmación de la misma, consideren colocar una que sea extremadamente compleja pero que puedan recordar. Al dar click en Crear contraseña, les aparerecerá la siguiente instrucción a realizar.

instrucciones a seguir para crear contraseña definitiva

WebMatrix establece que para que la contraseña sea creada exitosamente, se debe quitar la barra baja ( _ ) en el nombre del archivo que se genera llamado _Password.CONFIG Haciendo esto podrá verificar si la contraseña que se digite a la hora de entrar a la Administración es correcta. Después de este paso, ya podremos iniciar sesión en nuestro sitio.

Inicio de sesión para administrador

De las principales características que se encuentran es la Administración de paquetes. Cada uno de estos nos ayudará a incrustar diversas opciones a nuestras páginas, como en este caso, nuestra meta será otrogarle acciones dinámicas que puedan hacerlo mucho más vistoso y eficiente para los visitantes.

Tenemos una pantalla inicial en donde podemos escribir en una caja de texto la palabra clave ó el nombre del paquete que deseemos descargar.

Paquetes WebMatrix

En lugar de realizar una búsqueda, daremos click en Instalar paquetes desde una fuente en línea. Obtendemos una pantalla también con un cuadro de búsqueda, y es aquí donde escribiremos el nombre de nuestro paquete llamado ASP.NET Web Helpers, clickeamos en Buscar y nos dará los siguientes resultados.

Selección de paquete ASP.NET Web Helpers

El paquete ASP.NET Web Helpers (aquí en su versión 1.15) es capaz de añadir funcionalidades variadas como el uso de reCAPTCHA para la prueba de Turing Inversa, feed de Twitter para perfiles de usuarios y búsqueda, incrustación de video y búsqueda en el Bing!, etc. Damos un click en la parte derecha donde se encuentra el botón Instalar.

Solicitud de confirmación para instalación

Debemos Aceptar como es el caso en muchas instalaciones de este tipo la conformidad sobre el instalar este paquete. Y por último, nos dirá que satisfactoriamente se ha instalado.

Paquete instalado

Daremos ahora la creación de un nuevo archivo de tipo .cshtml y lo llamaremos Twitter.cshtml

Creación de nuevo archivo

Acá (¡después de mucho tiempo en espera!) comenzaremos nuestras primera líneas de código. Como previa a este formato, .CSHTML es la combinación de HTML y C# porque nuestro código iniciará con el signo @

Nuestra participación codificando se dará con la siguiente instrucción:

Codigo FeedEl método Search de la clase Twitter, posee varios argumentos a destacar pero sólo resulta indispensable el primero de ellos que es de tipo string y le indica al procedimiento cual es la palabra a buscar dentro de Twitter. En este caso hemos escogido “WebMatrix”.

Podríamos finiquitar ahí el asunto, pero no nos covendría mucho si lo quisieramos observar en nuestra página de inicio. Para lograr esto, debmos ir a Default.cshtml y agregar el siguiente <iframe>

Colocación del iframe

Ahora sí!  Podemos correr nuestro sitio en el navegador y ver el resultado.

Sitio en WebMatrix con Feed de Twitter

Si se observan los parámetros que posee el método Search, sabrán como está establecido el diseño del cuadro que posee el Feed.

Además de esto, tenemos la posibilidad de integrar contenido multimedia. Esto gracias a la clase Video que parte del Web Helper que instalamos. Para esto, crearemos un nuevo archivo Video.cshtml

Creación del fichero multimedia

Y dentro del mismo, colocaremos el código necesario para la reproducción del contenido. La clase Video posee 3 parámetros Flash, MediaPlayer y Silverlight, para el ejemplo utilizaré MediaPlayer ya que este reprouctor está en la gran mayoría de los sistemas básicos de hogar.

Ahora bien, acá hay un dato necesario a  tener en cuenta: el método MediaPlayer posee como primer parámetro el path desde donde jalará la ubicación de el fichero multimedia pero no se trata de una dirección física (que comience por la carpeta o la partición de origen) sino de una dirección virtual, la cual tiene su raíz en el origen del sistema web que estamos desarrollando. Dicho de otra manera, el contenido que vayamos a mostrar debe de estar dentro de, por lo menos, algún subdirectorio de nuestro sitio web, ya que de no encontrarse dentro no se podrá mostrarlo cuando se requiera su reproducción.

Escribimos el código necesario, bastante similar al de la clase Twitter, y quedaría de la siguiente manera.

Código para la incrustación de multimedia

Luego, deberemos darle al Default.cshtml la misma configuración que establecimos para el Feed de Twitter con el <iframe> pero en esta ocasión en lugar de /Twitter, colocaremos /Video.

Así, obtendremos nuestro archivo (en este caso un video musical) reproduciéndose en cuanto se renderize por completo nuestro página.

Video en WebMatrix

Y así, damos por finalizado el 3er. capítulo del Tuto. No olviden dejar sus preguntas en caso de que no haya quedado claro uno o más puntos. Ya vendrán más ejemplos en donde trabaaremos con acceso a datos y la sintaxis Razor. Saludos!


Saludos terrícolas, por acá el programador (osea yo, su server) tiene el agrado de continuar nuevamente con el tuto de WebMatrix que había comenzado días atrás. Pues bien, en esta ocasión voy a dar una primera visión de qué es lo que obtiene después de unos sencillos pasos de instalación que se vieron el post anterior. En primera instancia WebMatrix cuenta con una pantalla de bienvenida bastante simple de la cual no se puede tener pierde.

Pantalla de inicio

Son 4 sencillas opciones que nos permitirán el armado de nuestros sitios y páginas de una manera totalmente sencilla:

Mis sitios.- Es la primera de las opciones, nos permite hacer un recorrido de todos los proyectos que hayamos creado con anterioridad.

Sitio a partir de Web Galley.- Una grandiosa opción que nos ayuda a trabjar con sitios en base a diferentes herramientas personalizadas que existen en la línea de softwarwe de diversas tecnologías, entre ellas Blogs como WordPress, Drupal, Mayando, DasBlog. CMS [Sistemas Administradores de Contenido] de tipo Joomla!, Moodle, Ochard. e-Commerce e inclusive foros libres como phpBB.

Desde Web Gallery

Sitio a partir de plantilla.- Sitios y páginas creadas por el mismo WebMatrix. Aunque el catálogo es reducido se pueden encontrar algunas que de pronto son interesantes.

Dede Plantilla

Sitio a partir de carpeta.- Utilizando la estructura de un sitio web ya diseñado podemos crear también nuevos sitios web.

Nosotros vamos a crear nuestro sitio de ejemplo a partir de una plantilla que será Sitio de inicio, seleccionamos y damos click en ‘Aceptar’.

Nuevo sitio web creado con WebMatrix

En la parte inferior izquierda, se ven 4 secciones: Sitio, Archivos, Bases de datos e Informes. Sitio se encarga configurar el Sitio Web como el puerto como con el que se va a trabajar (yo tengo el 8080) y la ruta de acceso al directorio en donde se guardará nuestro sitio. Archivos nos permite crear ficheros de diversa índole programativa. Bases de datos, nos permite realizar conexiones con fuentes externas de datos y generarlas tablas que conformaran el esquema de datos de las mismas. Por último, Informes nos ayudará la generación de reportes del sitio.

Algo a tener en cuenta en lo que refiere a Archivos y Bases de Datos. El primero permite el uso de múltiples lenguajes (C#, VB .NET, ASP .NET, HTML, PHP) y el segundo no sólo limita al trabajo con SQLServer sino también con MySQL.

Selección de varias extensiones

También MySQL (Y)

Entrando un poco más en materia, tenemos en la parte superior una serie de funcionalidades. La primera a destacar es un conjunto de tres botones: Iniciar, Detener y Reiniciar, y tiene por cometido el comenzar, parar o volver a iniciar nuestro servidor de desarrollo, mismo que trabaja con el puerto seleccionado automática ó manualmente.

A la izquierda de los botones mencionados encontramos el de Ejecutar el cual tiene una pestaña desplegable en la parte inferior y es el que nos permitirá escoger el navegador en donde se mostrará nuestra página web.

He aquí un ejemplo de nuestro sitio en Internet Explorer:

WebMatrix desde Internet Explorer

En la sección Sitio, tenemos la sub-sección Configuración, en donde además de seleccionar el puerto específico a trabajar, también podemos activar o desactivar características de SSL y la activación de PHP. ¡Sí! PHP trabajando conjuntamente con ASP .NET

Personalización de sitio

Por último, también encontramos una Solicitudes, que no es otra cosa que un registro de llamadas al sistema web que han obtenido una respuesta específica, sea una solicitud aprobada de ingreso o una que no pudo ser resuelta y nos marcó error.

Solicitudes a nuestro sitio web

Con esto, terminamos el 2º capítulo del Tuto, que hasta ahora ha estado bastante ligero. Ya vendrán ejemplos más pesados en donde se involucre código y estructura del esquema del Sitio Web.

Gracias, hasta la próxima!


He vuelto! Y esta vez traigo ante Uds. algo de lo que he estado dándome vueltas en la cabeza desde hace vario tiempo. Cuando inició 2011 sabía que este año sería “El Año Web” (al menos para mí xD).

Comienzo con una nueva propuesta, un Tutorial de WebMatrix! La puesta en escena en lo que desarrollo y diseño web se refiere por parte de la gente de Microsoft quienes siempre andan con las mejores herramientas en development.

Pero, ¿qué es WebMatrix? A simple vista, y más que nada por la palabra ‘Web’, sabemos que algo de esto trae, bueno, en realidad no hay que comerse el coco para dar una explicación netamente técnica. WebMatrix es un conjunto de herramientas gratuitas para el desarrollo de sitios web. Creado por la empresa de Redmond, ha sabido ganarse (¡como ya nos tienen acostumbrados!) a muchos programadores que buscan un marco de trabajo sencillo de utilizar, acsequible a cualquier usuario y poderoso a la hora de armar y desplegar contenido web con una bastante ligera curva de aprendizaje.

En esta ocasión presentaremos los pasos de instalación del software para comenzar a trabajar con el mismo. Primero debemos descargar WebMatrix, yo lo hago a través del WPI (Web Platform Installer) desde esta dirección http://www.microsoft.com/web/downloads/platform.aspx

Una vez hecho esto obtendremos un instalador del cual, al ejecutarlo, nos ofrecerá la siguiente pantalla de opciones:

Pantalla de seleección de componentesEs aquí donde establecemos la selección de las herramientas con las que iniciaremos nuestros proyectos, como puede observarse encontramos diversas a demás de WebMatrix, como WordPress y Visual Studio 2010 SP1. Seleccionamos pues la que nos interesa y le damos click a Instalar.

Ahora visualizamos una de las pantallas más importantes en el proceso de instalación, una lista software y componentes requeridos para poder trabajar con WebMatrix, muchos de los cuales podemos encontrar en instalaciones de Visual Studio ó SQL Server dependiendo de la edición de cada uno de ellos. Lo interesante del asunto es que podemos quedarnos con versiones Express o Compact y aún así mantener la performance y robustez de nuestros sitios a desarrollar.

Software y componenes necesarios para WebMatrixDamos click en Acepto.

Lo que resta a continuación será esperar la descarga de todo el paquete anteriormente provisto el cual, dependendiendo de la velocidad de nuestra conexión a Internet, estará en nuestro computador en unos cuantos minutos.

Inicio de instalaciónUna vez finalizada la descarga nos aparecerá la siguiente pantalla confirmando que todo se ha instalado correctamente.

Instalación finalizadaExiste una forma muy sencilla de comprobar que tenemos la funcionalidad de nuestro servidor de desarrollo web trabajando de manera correcta escribiendo en nuestro navegador http://localhost/ ó http://localhost:(puerto a utilizar) En este caso yo utilizo 8080.

Visualización de WebMatrix en navegadorLo de la utilización del puerto y su configuración lo trataremos en la próxima oportunidad en que nos adentremos de lleno al trabajo y a las características que encontraremos en nuestra plataforma de trabajo.

Gracias por su atención, hasta la próxima!


Internet Explorer 9Saludos, ante la aparición final de la última propuesta de Microsoft en navegadores web, Internet Explorer 9, los comentarios no se han hecho esperar. Y es que los amantes de productos Microsoft han encontrado algo más que una nueva versión de un software del que muchos pensaban haber visto todo y, para quienes degustan de otro tipo de tecnologías también han divisado otro novedoso horizonte.

Sin embargo, a pesar de las atractivas características que IE9 posee, me encontré con cierto desliz algo de lo más primordial en un browser, la visualización de páginas web.
Me encontraba mucho más que emocionado darle el primer vistazo más grande fue mi sorpresa de no ver nada más que un blanco extenso en la pantalla.

Con cierta preocupación, comencé a revisar que podía andar mal con el IE9, con mi computador, o conmigo mismo. Afortunadamente encontré la solución. Todo parte de el tipo de tarjeta o contraldor de video que dispongamos, el cual debemos conocer si admite o no Direct2D.

En mi caso, no lo soportaba, por esta razón tuve que cambiar la forma de procesamiento lo cual es muy sencillo. En la parte superior derecha del navegador existen 3 símbolos: páginal principal, favoritos y herramientas, hacemos click en este último y seleccionamos Opciones de Internet.

En la pestaña de Opciones avanzadas, vamos a la sección de Gráficos avanzados y marcamos la casilla de verificación Usar procesamiento por gráficos en lugar de procesamiento por GPU.


Como se puede ver, los cambios tendrán efecto al reiniciar el navegador.


Red SocialSaludos…. el día de hoy se estrenó en nuestro país una de las películas más sonadas en el ámbito informático e internacional, “The Social Network” también conocida como “Red Social” que cuenta la historia del sitio web más conocido y utilizado en los actuales momentos: Facebook.

La película evidencia la historia de Mark Zuckerberg, un estudiante de la universidad de Harvard y excelente programador que una noche después de haber sido cortado por su novia y en ascendente estado de embriaguez, crea un sitio web en donde los estudiantes de la Universidad pueden votar por la chica más atractiva de la misma, causando desbordamiento en el tráfico de red de la institución educativa.

Cuenta con la dirección de David Fincher, conocido por trabajos destacados como “Los 7 Pecados Capitales” y El Curioso Caso de Benjamin Button” y un reparto constituido por: Jesse Eisenberg, Andrew Garfield y Justin Timberlake interpretando a Mark Zuckerberg, Eduardo Saverin y Sean Parker, respectivamente. El film destaca la forma en que un informático toma la visión de un sitio web que propone lo que cualquier persona desea albergar conjuntamente con su información, exclusividad. Aquí es donde radica el punto neurálgico de la historia en donde se contará con la participación económica de Saverin y, tiempo más adelante de Parker, fundador de Napster.

Desde la forma en la cual fue concebida la idea, pasando de a una las características que esta red social propone en los actuales momentos, hasta desembocar los problemas legales que se tuvieron por el solo hecho de ser una “idea robada”, se convierte en un fascinante embrollo de redes, desarrollo, mentiras y la convicción de visualizar un futuro en donde la privacidad se convierte en algo más allá que un simple tesoro…. una verdadera forma de vivir.

Desgraciadamente, no ha llegado a mi ciudad (Manta). Yo en lo personal, la espero con ansias!

Acutalizado: La película se estrenó en Manta el 7 de enero de 2011, permaneciendo 5 semanas en cartelera.


Crystal ReportsHola mundo! Aquí trayendo la nueva de hoy y es el lanzamiento de producción de Crystal Reports para Visual Studio 2010, en su versión 13.

Muchos de los usuarios de productos Microsoft, en especial en el área de desarrollo como Visual Studio conjuntamente con la plataforma de desarrollo .NET, nos encontramos con la sorpresa de que la última versión de este IDE no traía consigo el generador de informes ‘stándar’ de los últimos lanzamientos, Crystal Reports. Esto se debió a que para la salida final de Visual Studio 2010, la aplicación de reportes aún no estaba lista para ser integrada con el entorno de desarrollo integrado, así que había que descargarla (obviamente, de manera gratuita) desde la página de Business Objects la cual hace 3 años fue adquirida por la alemana SAP.

Después de varios meses de desarrollo, pasando por la Beta 1 y hasta hace poco la Beta 2, la compañía europea de soluciones infomáticas empresariales SAP (Sistemas, Aplicaciones y Productos) que mantiene desde algunos años una alianza de integración de aplicaciones con Microsoft, hace público este lanzamiento mismo que, dicho sea de paso, se indica en la página oficial de Business Objects fue hace días atrás sin embargo hasta el día de ayer aún la Beta 2 era la única disponible.

Los siguientes son los links de descarga:

SAP Crystal Reports para Visual Studio 2010 (ejecutable)

SAP Crystal Reports para Visual Studio 2010 (paquete de instalación Click – Once)

SAP Crystal Reports para Visual Studio 2010 (módulos Merge)

SAP Crystal Reports runtime engine para .NET Framewok 4 x86

SAP Crystal Reports runtime engine para .NET Framework 4 x64

Todo lo refente a las nuevas caracterísitcas de esta versión puede encontrarlo en la guía What’s New de la comunidad SAP.


El día de hoy nos encontramos con un lanzamiento muy interesante en lo que a desarrollo de aplicaciones GUI se refiere y es que el sistema operativo de la compañía de la manzana, Apple Inc., nos trae el Objective-Basic, un lenguaje de programación orientado a objetos que permite desarrollar en un ambiente similar al de Visual Basic a usuarios de computadores Macintosh.

La sintaxis encontrada tiene su origen no solo en Visual Basic sino también en Objective-C, variante del conocido C que ha sido predominante en APIs como CARBON y COCOA, esta última es la interfaz que Objective-Basic emplea en los actuales momentos y la cual Apple Inc. recomienda para el desarrollo de aplicaciones nativas.Sintaxis

Posee una doble licencia que permite un uso gratuito de tipo no-comercial, mas para una implementación diferente a la mencionada es posible obtener una licencia ilimitada por sólo $ 35.00

Los requerimentos que precisa este lenguaje son:

-Sistema operativo MAC OS X Snow Leopard (10.6 ó superior).
-Entorno de desarrollo integrado Xcode (instalado previamente).

En lo que refiere a dispositivos móviles: iPhone, iPod y iPad, Objective-Basic aún no presenta soporte alguno, mas se planea que este exista en futuros lanzamientos. La versión recientemente lanzada sólo está disponible en arquitectura Intel.

Puedes descargar Objective-Basic junto con la documentación incluida aquí


En estos momentos un poco delicado de salud pero aquí presente como siempre he estado trayendo un pequeño pedazo de mi vida y de mi corazón como lo es el grupo juvenil al que pertenecí de joven (¡de mucho más joven!) y al cual tuve la oportunidad de volver en calidad de invitado el este domingo 31 de octubre por motivo de los 26 años del mismo, desde su fundación en la Pastoral de la Iglesia La Merced en Manta, mi ciudad. Pueden ver el album de algunas fotos del reencuentro acá.

Dicen que todo tiene un pALMAArincipio y, por ende, un final también. Yo soy de la idea de que hay cosas que jamás terminan el tanto el ser humano no lo desee así. Este mismo pensamiento me hace cavilar en el puñado de vivencias que hubieron en ese camino propio que recorrí hace algunos años junto a ellos, los Alegres Luchadores en la Misión del Amor.

Anécdotas varias como las que llegan ahora a mi mente: Gustavo echando ‘cierta mezcla’ de propiedades gustativas a una ensalada de ceviche, Julio ‘desaparecido’ en la Quinta Recreacional “Maribel” cuando dormía plácidamente en una hamaca, Jonathan (¡el pollo!) divirtiéndose de lo lindo mientras degustábamos cierto consomé en vasos de plástico ya que no teníamos ‘platos decentes’, pasando también por aquellas en las que tuvimos el honor de desempeñarnos con nuestro apostolado en sisitos rurales como: San José, San Ramón y San Juan de Manta (2005 y 2006), la Fundación “Río Manta” (2005, 2006 y 2007), convivencias, campamentos, retiros y muchas más experiencias que se recuerdan con grandes alegrías.

Por mucho, una segunda familia! Espero poder verlos pronto.

Instalación de Fedora 13


FedoraHola, qué tal? Por aquí deambulando entre software libre quiero compartirles este video que hice sobre la instalación de la distro basada en Red Hat Enterpise Linux (RHEL), denominada Fedora, en su versión 13 (Goddard).

RHEL es uno de los sistemas operativos libres más usados en el ámbito empresarial, y una caracterísitca importante a tener en cuenta es que es de tipo comercial. Es por esto que se tiene a la mano otro proyecto denominado Fedora (el nombre hace alusión al sombrero que utilizan personajes como Indiana Jones).

Fedora parte de la necesidad de una distrubución de la capacidad de RHEL que se distribuya de manera gratuita y que también sea de código abierto (open-source). Su ambiente de trabajo puede ser aplicado a equipos de sobremesa, laptops (notebooks y netbooks), y servidores inclusive. Además, es hoy por hoy la segunda distro más conocidad y utilizada en el entorno GNU/Linux sólo superada por Ubuntu.

A diferencia de este último, Fedora no utiliza ‘apt-get’ como administrador de paquetes sino ‘yum’, el cul posee características similares, pero no del todo iguales.

Pueden descargarse Fedora desde este link

El S.O. ha sido instalada con el siguiente hardware:

Disco Duro: 10 Gb (se explica configuración de particionado)
Memoria RAM: 512 Mb (se definió mayor tamaño en ‘swap’)
Procesador: Intel Pentium Dual Core 1.73 Ghz

Como podrán darse cuenta, no es necesario un ordenador de amplias características. En posts siguientes, espero mostrarles herramientas de trabajo en diversos servidores (DNS, LAMP, FTP, DHCP, etc.). Espero que les haya servido esta info, no olviden comentar. Saludos!