Introducción a web matrix
-
Upload
mictt-palma -
Category
Technology
-
view
1.203 -
download
1
Transcript of Introducción a web matrix
![Page 1: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/1.jpg)
Introducción a WebMatrix:La Web hecha fácil
Juan Manuel Servera@jmservera@MICTTBit
![Page 2: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/2.jpg)
Introducción a WebMatrix
Personalizar PublicarCrear
![Page 3: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/3.jpg)
¿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
![Page 4: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/4.jpg)
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
![Page 5: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/5.jpg)
Herramientas de Desarrollo
WebM
atr
ix
Vis
ual Stu
dio
Simple ASP.NET
PHP
PotenteFlexible
Integrado
![Page 6: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/6.jpg)
Qué incluye WebMatrix..
Web Server Base de datos Herramientas
![Page 7: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/7.jpg)
Anatomía básica de WebMatrix
IIS Developer Express
ASP.NET Web
Pages & Razor syntax
SQL Server
Compact Edition 4
![Page 8: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/8.jpg)
Basta de diapositivas
• Queremos ver WebMatrix ;D
• http://www.microsoft.com/web/webma
trix/download
![Page 9: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/9.jpg)
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
![Page 10: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/10.jpg)
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
![Page 11: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/11.jpg)
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
![Page 12: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/12.jpg)
Despliegue con WebMatrix
• Búsqueda y selección de «WebMatrix verified» Web Hoster
• WebMatrix puede publicar:– FTP, FTPs–WebDeploy
![Page 13: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/13.jpg)
Demo II
• La web que hizo mi primo :D
![Page 14: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/14.jpg)
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
![Page 15: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/15.jpg)
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
![Page 16: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/16.jpg)
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> @content </p> </div> }
![Page 17: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/17.jpg)
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
![Page 18: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/18.jpg)
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
![Page 19: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/19.jpg)
¿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!
![Page 20: Introducción a web matrix](https://reader035.fdocuments.net/reader035/viewer/2022081504/5560b5d2d8b42a033c8b49f6/html5/thumbnails/20.jpg)
Q&A