Manual Microsoft Webmatrix

  • View
    13

  • Download
    0

Embed Size (px)

Transcript

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

    Manual de Microsoft WebMatrixManual de la herramienta WebMatrix de Microsoft, con la que podremos crear proyectos en ASP.NET de forma sencilla, pero que tambin nos permitir trabajar con otras tecnologas de desarrollo como PHP.

    Autores del manual

    Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:

    Javier HolgueraDesarrollador senior con tecnologa .NET en Payvision.http://www.javierholguera.com/technoblog/ (11 captulos)

    Miguel Angel AlvarezDirector de DesarrolloWeb.comhttp://www.desarrolloweb.com (2 captulos)

    Manual de Microsoft WebMatrix: www.desarrolloweb.com/manuales/manual-microsoft-webmatrix.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.

    1

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

    Microsoft WebMatrix Instalacin y primera pruebaPresentacin de Microsoft Web Matrix y gua para la instalacin de la herramienta y una primera prueba de uso.

    Cuando alguien se inicia en una tecnologa, ya sea .NET, Java, PHP, etc., siempre se enfrenta con un primer desafo en las herramientas con las que va a tener que empezar a trabajar. Cualquiera que se haya aproximado por primera vez a Java o .NET se habr sentido al menos un poco intimidado por Eclipse o Visual Studio.

    Microsoft lleva tiempo intentando ofrecer herramientas sencillas que permitan a los desarrolladores iniciarse con sus tecnologas de la forma ms indolora posible. Como fruto de este esfuerzo ha nacido WebMatrix.

    Introduccin a WebMatrixMicrosoft WebMatrix es una herramienta con la que podremos empezar a crear proyectos con ASP.NET de una forma muy sencilla, pero que tambin nos permitira, para aquellos cuyo dominio actual sea PHP, trabajar con esta tecnologa. Pero como no slo de frameworks vive el desarrollador, en el captulo de bases de datos tambin podremos gozar de una gran interoperabilidad, puesto que WebMatrix es capaz de manejar SQL Server Compact (un versin de SQL Server especialmente pensado para proyectos web), SQL Server e incluso MySQL, para que ningn desarrollador PHP eche de menos las herramientas a las que ms acostumbrado est.

    De este modo, aquellos que empiecen a utilizar WebMatrix podrn hacerlo con las tecnologas que ya conocen y, posteriormente si estn interesados en ello, crear proyectos con nuevas tecnologas sin salir del entorno que ya conocen bien.

    En este artculo veremos cmo instalar WebMatrix y nos familiarizaremos con la organizacin de la interfaz de la herramienta y la forma en que se utiliza.

    Instalacin de WebMatrixActualmente Microsoft ha simplificado la instalacin de la mayora de sus productos web mediante el uso de Web Platform Installer, un programa gracias al que con un par de clicks tendremos no slo la aplicacin que queramos instalar sino las dependencias de la misma. Para utilizarlo, simplemente tenemos que navegar a www.microsoft.com/web/webmatrix/download.

    Desde aqu hay que pulsar sobre el botn verde Install Now para descargarnos un pequeo instalador (apenas 85KB).

    Atencin: Es muy importante asegurarse de que el combo de idioma de la parte superior izquierda est configurado para mostrarnos la pgina en English (United States). La razn es que si seleccionamos Espaol, nos bajar la versin 2.0 de Web Platform Installer, en lugar de 3.0 que es la que necesitamos para poder descargarnos WebMatrix. Ojo! sobre este asunto, que es de vital importancia al menos en el momento de escribir este artculo.

    Manual de Microsoft WebMatrix: www.desarrolloweb.com/manuales/manual-microsoft-webmatrix.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.

    2

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

    La siguiente imagen nos muestra cmo es la pantalla y el combo que tenemos que configurar correctamente.

    Una vez que se haya bajado Web Platform Installer y est funcionando, slo tenemos que pulsar en Products y, posteriormente, en el botn Add junto a Microsoft WebMatrix Beta 3 para seleccionarlo como descarga.

    Manual de Microsoft WebMatrix: www.desarrolloweb.com/manuales/manual-microsoft-webmatrix.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.

    3

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

    Tras pulsar sobre el botn Install nos aparecer una pantalla a modo de resumen, indicndonos las dependencias que es necesario instalar para que WebMatrix funcione. Esto incluye, entre otros, la base de datos SQL Server Compact o un cliente de la tecnologa WebDeploy, que facilita los despliegues. Aceptando se iniciar el proceso de instalacin. Cuando termine procederemos a cerrar la pantalla y arrancar, posteriormente, WebMatrix desde el enlace correspondiente en el men de Inicio.

    La pantalla de Web Platform Installer nos ofrece un enlace en cuyo interior podemos leer Launch, que nos permitira arrancar WebMatrix directamente desde ah. Sin embargo, debemos tener en cuenta que de hacerlo de esta forma, estaremos ejecutando WebMatrix con los permisos de Administrador de la mquina (puesto que Web Platform Installer los requiere para realizar las instalaciones que le indiquemos), lo que puede no ser nuestra intencin.

    Primeras pruebasAl arrancar WebMatrix podremos elegir siempre entre cuatro opciones.

    My Sites: desde esta opcin podremos acceder a los proyectos que ya hayamos creado con anterioridad con WebMatrix.

    Site From Web Gallery: esta opcin nos da acceso a poder modificar con WebMatrix muchas de las aplicaciones web ms populares, como WordPress, Umbraco, DotNetNuke, etc.

    Site From Template: podemos usar este men si queremos crear un sitio nuevo, pero a partir de una cierta estructura. En este men tendremos, entre otras, plantillas para galeras de fotos, listas de deseos, etc. Tambin incluye un sitio vaco.

    Site From Folder: con esta opcin podremos crear un sitio web a partir del contenido de un directorio ya existente, ideal si tenemos un proyecto ya creado con otra herramienta que queremos mejorar con WebMatrix.

    Supongamos que queremos empezar desde cero. Tendramos que elegir la opcin de Site From Template, pulsar sobre Empty Site, darle un nombre al nuevo sitio que estamos a punto de crear y pulsar en OK. La siguiente imagen nos indica qu campos habra que rellenar para lograrlo.

    Manual de Microsoft WebMatrix: www.desarrolloweb.com/manuales/manual-microsoft-webmatrix.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.

    4

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

    Este nuevo proyecto crear una serie de ficheros y carpetas que, en caso de buscarlas, encontraremos alojadas en el directorio My Web Sites, dentro de una carpeta con el mismo nombre que le hayamos dado al proyecto web. El directorio My Web Sites podemos encontrarlo en el directorio de Documentos del usuario con el que estemos ejecutando la aplicacin.

    Una vez hayamos pulsado sobre el botn de OK la herramienta da paso a la pantalla principal de trabajo de WebMatrix. En el siguiente artculo veremos las distintas partes que contiene la pantalla inicial de WebMatrix.

    Artculo por Javier Holguera

    Pantalla Principal de WebMatrixComenzamos a describir el uso de la herramienta para desarrolladores de Microsoft WebMatrix dedicando un vistazo en profundidad a la pantalla principal del programa.

    WebMatrix es una herramienta con la que Microsoft tiene la intencin de facilitar la vida a los desarrolladores que quieran realizar proyectos web con ASP.NET, pero que tambin admite diversas otras tecnologas. En el artculo anterior explicamos cmo se puede instalar WebMatrix y en este artculo veremos cules son los componentes de la pantalla principal que nos encontraremos al trabajar con el programa.

    Manual de Microsoft WebMatrix: www.desarrolloweb.com/manuales/manual-microsoft-webmatrix.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.

    5

  • Tu mejor ayuda para aprender a hacer webswww.desarrolloweb.com

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

    Banda de controles superiorEn la zona superior tenemos la ya clsica Ribbon que viera la luz en Office 2007 y que poco a poco se extiende por la mayora de productos de Microsoft. En esta zona tenemos dos partes bien diferenciadas: a la izquierda se sitan 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 lnea vertical de divisin se sitan controles que son sensibles al contexto. Esto quiere decir que, en funcin del espacio de trabajo que estemos usando en ese momento en WebMatrix, aparecern 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 permitirn acciones como crear uno nuevo, guardar, abrir, etc.; en cambio, con el espacio de trabajo de bases de datos, los botones nos ofrecern crear una nueva base de datos, ejecutar una consulta, etc.

    Espacios de trabajo de la aplicacinEn la parte inferior izquierda podemos seleccionar entre los diferentes espacios de trabajo de la aplicacin. WebMatrix es una herramienta que pretende abarcar todas las funciones que un desarrollo web tiene que realizar para poner una aplicacin web en produccin. Para mantener un conjunto de funcionalidades tan dispar accesible y organizado, los espacios de trab