Introducción a WebMatrix:La Web hecha fácil

Juan Manuel Servera@jmservera@MICTTBit

jservera@mictt.com

Introducción a WebMatrix

Personalizar PublicarCrear

¿Para quién es WebMatrix?

I <3 Web Apps. Necesito una

herramienta que me permita configurar y

publicarlas fácilmente

Quiero crear sitios web por mi cuenta

con una herramienta fácil de aprender y utilizar

Soy un desarrollador profesional y

construyo complejos sitios

web empresariales con un equipo de desarrolladores.

WebMatrix WebMatrix

Visual Studio 2010

Desarrollo con ASP.NETA

SP.

NET W

eb P

ages

ASP.

NET W

eb F

orm

s

ASP.

NET M

VC

Simple Ligero Rápido

PotenteExtensible

Ágil

FamiliarReutilizableProductivo

Herramientas de Desarrollo

WebM

atr

ix

Vis

ual Stu

dio

Simple ASP.NET

PHP

PotenteFlexible

Integrado

Qué incluye WebMatrix..

Web Server Base de datos Herramientas

Anatomía básica de WebMatrix

IIS Developer Express

ASP.NET Web

Pages & Razor syntax

SQL Server

Compact Edition 4

Basta de diapositivas

• Queremos ver WebMatrix ;D

• http://www.microsoft.com/web/webma

trix/download

IIS Developer Express

• Basado en la última versión IIS server• Se instala side-by-side con IIS server• Proceso interactivo, no es un servicio– No necesita privilegios de Administrador

• Permite usar todos los módulos IIS7+, ASP.NET, PHP

• Puedes ejecutarlo por línea de comando– Open command prompt – Navigate to: C:\Program Files (x86)\Microsoft WebMatrix– iisexpress.exe /port:35896 /path:C:\BasicWebSite– Open a browser and type:

http://localhost:35896/[pageName].cshtml

SQL Compact 4

• Paquete de 2MB• Despliegue Xcopy con tu aplicación• Soporte de Dynamic Data,

ASP.NET MVC• High fidelity API support: ADO.NET,

EF, LINQ…• Migración sencilla a SQL Server– Tablas, índices, FK, PK– No soporta: SP, vistas, UDF, geo location

types

Principios de ASP.NET Web Pages & Razor Syntax• Minimiza los conceptos – No hace falta saber OOP o qué es una clase– APIs y Helpers muy sencillas para las tareas

comunes• El paso a ASP.NET MVC y Visual Studio será natural• SEO friendly por defecto• No hacen falta herramientas especiales, podemos

usar el Notepad :P

Despliegue con WebMatrix

• Búsqueda y selección de «WebMatrix verified» Web Hoster

• WebMatrix puede publicar:– FTP, FTPs–WebDeploy

Demo II

• La web que hizo mi primo :D

Muchos helpers!• Seguridad:–WebSite membership– Recaptcha support

preventing automated programs from registering with your website

• Video support (Silverlight, Flash, MediaPlayer)• Image elaboration (thumbnail image,

uploading image,…)• Bing: embed bing search box into your website• Chart: renders more than 30 types of charts• Social Networking– Linking your Website on Social Networking Sites – Adding a Twitter Feed– Rendering a Gravatar Image– Displaying a Facebook “Like” Button

Instalación ASP.NET Helpers• Ejecutar una página en el sitio • En el browser escribimos _Admin (la primera

vez habrá que crear un password) http://localhost:8080/_Admin

Podemos crear nuestros helpers

• Dentro de la carpeta App_Code creamos un fichero .cshtml, por ejemplo MyHelpers.cshtml.

• Reemplazamos el contenido:

• Usamos el helper: @MyHelpers . MakeNote("Mi nota de prueba")

@helper MakeNote(string content) {     <div class="note" style="border: 1px solid black; width: 90%; padding: 5px; margin-left: 15px;">       <p>           <strong>Note</strong>&nbsp;&nbsp; @content        </p>     </div>    }

Podemos instalar WebMatrix en

• Windows 7• Windows Server 2008• Windows Server 2008 R2• Windows Vista SP1 or later• Windows XP SP3• Windows Server 2003 SP2

Más Info...

• Descargar WebMatrixhttp://www.microsoft.com/web/webmatrix/download

• Tutoriales WebMatrix www.asp.net/webmatrix/tutorials

• MSDN http://msdn.microsoft.com/en-us/library/gg549172(v=VS.99).aspx

¿Puedo usar CSHTML en VS2010?

• SI– Intellisense– Debugger

• ¿Cómo?– http://

www.microsoft.com/web/downloads/platform.aspx

– Instalar MVC3

• También en Web Developer Express!

Q&A