WebMatrix es una herramienta con la que Microsoft tiene la intención de facilitar la vida a los desarrolladores que quieran realizar proyectos web con ASP.NET, pero que también admite diversas otras tecnologías. En el artículo anterior explicamos cómo se puede instalar WebMatrix y en este artículo veremos cuáles son los componentes de la pantalla principal que nos encontraremos al trabajar con el programa.

En la pantalla principal, tal como podemos ver en la siguiente imagen, podemos distinguir cuatro zonas fundamentales.

Banda de controles superior

En la zona superior tenemos la ya clásica “Ribbon” que viera la luz en Office 2007 y que poco a poco se extiende por la mayoría de productos de Microsoft. En esta zona tenemos dos partes bien diferenciadas: a la izquierda se sitúan controles para manejar el servidor web IIS que lleva en su interior WebMatrix. Podemos, por tanto, desplegar, arrancar, parar, etc., nuestros proyectos web.

A la derecha de la primera línea vertical de división se sitúan controles que son “sensibles” al contexto. Esto quiere decir que, en función del espacio de trabajo que estemos usando en ese momento en WebMatrix, aparecerán distintos conjuntos de botones que nos faciliten acciones únicamente relacionadas con ese espacio de trabajo. Por ejemplo, cuando tengamos seleccionado el espacio de trabajo de Ficheros, los botones nos permitirán acciones como crear uno nuevo, guardar, abrir, etc.; en cambio, con el espacio de trabajo de bases de datos, los botones nos ofrecerán crear una nueva base de datos, ejecutar una consulta, etc.

Espacios de trabajo de la aplicación

En la parte inferior izquierda podemos seleccionar entre los diferentes espacios de trabajo de la aplicación. WebMatrix es una herramienta que pretende abarcar todas las funciones que un desarrollo web tiene que realizar para poner una aplicación web en producción. Para mantener un conjunto de funcionalidades tan dispar accesible y organizado, los espacios de trabajo permiten mostrar y ocultar botones y menús en función del tipo de trabajo que queramos realizar en ese momento con el proyecto.

Existen cuatro espacios de trabajo para elegir:

• Site: este espacio de trabajo nos da acceso a funciones generales del sitio, como establecer una nueva configuración de despliegue, investigar las peticiones que se han realizado a nuestro sitio alojado en el IIS embebido en WebMatrix, configurar la ruta virtual de la aplicación, etc.
• Files: este espacio de trabajo sirve para gestionar los ficheros que componen nuestro proyecto, incluida su edición. Desde aquí haremos buena parte del trabajo de desarrollo, como son editar y modificar nuestro código, crear carpetas, etc.
• Databases: este espacio de trabajo nos permite manejar las bases de datos sobre las que van a correr nuestros sitios web. Desde aquí será posible crear nuevas bases de datos, nuevas tablas, añadir datos, consultarlos, etc.
• Reports: desde este espacio de trabajo podremos realizar funciones de SEO sobre nuestros sitios web, con el objetivo de mejorar su posicionamiento y su amigabilidad hacia los buscadores web.

Pulsar en cada uno de estos espacios de trabajo hará que la funcionalidad que nos ofrece la pantalla principal cambie.

Elementos del proyecto

En la parte izquierda de la ventana, sobre la selección de espacios de trabajo del proyecto, podemos comprobar de qué elementos se compone nuestro sitio. Esta zona es sensible al espacio de trabajo elegido, con lo que, cuando tengamos seleccionado el espacio de trabajo de ficheros, podremos ver qué archivos y carpetas componen el proyecto. En cambio, al pulsar sobre bases de datos, nos aparecerán las tablas, conexiones, etc., que hemos definido hasta ese momento.

Elementos que componen el sitio con espacio de trabajo base de datos

Elementos que componen el sitio con espacio de trabajo de ficheros.

Zona central

La zona central es la zona de trabajo. Cuando abramos un elemento del proyecto, será en esta zona donde se cargará para que podamos interactuar con él. En esta zona se nos cargará, por ejemplo, el editor de código que nos permite modificar ficheros ASP, ASP.NET. PHP, HTML, JavaScript y CSS.

También aquí podremos interactuar con nuestras base de datos, obteniendo tanto resultados de consultas ejecutadas contra ellas, como introduciendo nuevas tuplas en ellas.

Conclusión de la presentación de WebMatrix

Hasta el momento hemos tratado simplemente de presentar las características principales de esta herramienta de Microsoft. Hemos visto cómo instalar WebMatrix, cómo crear un primer proyecto y cómo está organizada la ventana principal sobre la que se realiza la mayor parte del trabajo. A partir de ahora nos será más sencillo ir aprendiendo las distintas posibilidades que WebMatrix nos ofrece para cada uno de los distintos “roles” que un desarrollador web termina asumiendo cuando crea un proyecto web: un poco de administrador del servidor web, un poco de administrador de bases de datos, algo de SEO… y mucho de programador.

En sucesivos artículos continuaremos hablando sobre esta herramienta y cómo utilizarla para hacer proyectos web.

Enlaces de referencia sobre WebMatrix

Antes de terminar esta introducción a WebMatrix queremos ofrecer algunos enlaces donde los interesados pueden obtener más información, directamente de los sitios de Microsoft.

Centro de desarrollo ASP.NET: http://msdn.microsoft.com/es-es/asp.net/default.aspx
Sitio Oficial de WebMatrix: http://www.microsoft.com/web/webmatrix/
Descarga de WebMatrix: www.microsoft.com/web/webmatrix/download