SlideShare una empresa de Scribd logo
1 de 20
Introducción a WebMatrix:La Web hecha fácil Juan Manuel Servera @jmservera @MICTTBit jservera@mictt.com
Introducción a WebMatrix Personalizar Publicar Crear
¿Para quiénesWebMatrix? Soy un desarrolladorprofesional y construyocomplejossitios web empresariales con un equipo de desarrolladores. Quierocrearsitios web por mi cuenta con unaherramientafácil de aprender y utilizar I <3 Web Apps. Necesitounaherramientaque me permitaconfigurar y publicarlasfácilmente WebMatrix WebMatrix Visual Studio 2010
Desarrollo con ASP.NET ASP.NET Web Forms Potente Extensible Ágil ASP.NET Web Pages ASP.NET MVC Simple  Ligero Rápido Familiar Reutilizable Productivo
Herramientas de Desarrollo Visual Studio Simple  ASP.NET PHP Potente Flexible Integrado WebMatrix
QuéincluyeWebMatrix.. Web Server Base de datos Herramientas
WebMatrixincluye Plantillas Web App Gallery Programming Framework: ASP.NET/PHP Web Server: IIS Express Database: SQL Server Compact/MySQL
Anatomíabásica de WebMatrix
Basta de diapositivas Queremos ver WebMatrix ;D http://www.microsoft.com/web/webmatrix/download
IIS Developer Express Basado en la últimaversión IIS server Se instala side-by-side con IIS server Procesointeractivo, no es un servicio No necesitaprivilegios de Administrador Permiteusar todos los módulos IIS7+, ASP.NET, PHP Puedesejecutarloporlínea de comando Open  command  prompt  Navigate  to: C:rogram Files (x86)icrosoft WebMatrix iisexpress.exe /port:35896 /path:C:asicWebSite Open  a  browser  and  type:  http://localhost:35896/[pageName].cshtml
SQL Compact 4 Paquete de 2MB DespliegueXcopy con tuaplicación Soporte de Dynamic Data, ASP.NET MVC High fidelity API support: ADO.NET, EF, LINQ… Migraciónsencilla 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 hacefalta saber OOP o quéesunaclase APIs y Helpers muysencillasparalastareascomunes El paso a ASP.NET MVC y Visual Studio será natural SEO friendly pordefecto No hacenfaltaherramientasespeciales, podemosusar 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 Ejecutarunapágina en el sitio En el browser escribimos _Admin (la primeravezhabráquecrear un password)  http://localhost:8080/_Admin
Podemos crear nuestros helpers Dentro de la carpetaApp_Codecreamos un fichero .cshtml, porejemploMyHelpers.cshtml. Reemplazamos el contenido: Usamos el helper: @MyHelpers. MakeNote("Mi nota de prueba")
PodemosinstalarWebMatrix en Windows 7 Windows Server 2008 Windows Server 2008 R2 Windows Vista SP1 or later Windows XP SP3 Windows Server 2003 SP2

Más contenido relacionado

La actualidad más candente

La ventana de dreamweaver new
La ventana de dreamweaver newLa ventana de dreamweaver new
La ventana de dreamweaver new
jiovitha1305
 
La ventana de dreamweaver
La ventana de dreamweaverLa ventana de dreamweaver
La ventana de dreamweaver
jiovitha1305
 
Mileidys muñoz martínez
Mileidys muñoz martínezMileidys muñoz martínez
Mileidys muñoz martínez
milemunos24
 

La actualidad más candente (18)

Radiant CMS
Radiant CMSRadiant CMS
Radiant CMS
 
Desarrollo de aplicaciones empresariales Introducción
Desarrollo de aplicaciones empresariales IntroducciónDesarrollo de aplicaciones empresariales Introducción
Desarrollo de aplicaciones empresariales Introducción
 
La ventana de dreamweaver new
La ventana de dreamweaver newLa ventana de dreamweaver new
La ventana de dreamweaver new
 
La ventana de dreamweaver
La ventana de dreamweaverLa ventana de dreamweaver
La ventana de dreamweaver
 
CRUD html php mysql
CRUD html php mysqlCRUD html php mysql
CRUD html php mysql
 
Silverstripe
SilverstripeSilverstripe
Silverstripe
 
Wordpress
WordpressWordpress
Wordpress
 
Instalación y Datos Básicos Sobre Dreamweaver
Instalación y Datos Básicos Sobre DreamweaverInstalación y Datos Básicos Sobre Dreamweaver
Instalación y Datos Básicos Sobre Dreamweaver
 
Blog wordpress
Blog wordpressBlog wordpress
Blog wordpress
 
Las mejores herramientas para crear webs
Las mejores herramientas para crear websLas mejores herramientas para crear webs
Las mejores herramientas para crear webs
 
flashvortex
flashvortexflashvortex
flashvortex
 
Publicar y administración remota de un sitio web
Publicar y administración remota de un sitio webPublicar y administración remota de un sitio web
Publicar y administración remota de un sitio web
 
SEO y WordPress, la pareja perfecta - Evento SEO Bilbao 23-01-20
SEO y WordPress, la pareja perfecta - Evento SEO Bilbao 23-01-20SEO y WordPress, la pareja perfecta - Evento SEO Bilbao 23-01-20
SEO y WordPress, la pareja perfecta - Evento SEO Bilbao 23-01-20
 
Mileidys muñoz martínez
Mileidys muñoz martínezMileidys muñoz martínez
Mileidys muñoz martínez
 
Word press
Word pressWord press
Word press
 
Wordpress. Diferencias .com y .org. Instalación Wordpress.org
Wordpress. Diferencias .com y .org. Instalación Wordpress.orgWordpress. Diferencias .com y .org. Instalación Wordpress.org
Wordpress. Diferencias .com y .org. Instalación Wordpress.org
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11
 
Pres3Seminario de Informatica proyecto parte 2
Pres3Seminario de Informatica proyecto parte 2Pres3Seminario de Informatica proyecto parte 2
Pres3Seminario de Informatica proyecto parte 2
 

Destacado (10)

SharePoint 2010 Introducción para Desarrolladores
SharePoint 2010 Introducción para DesarrolladoresSharePoint 2010 Introducción para Desarrolladores
SharePoint 2010 Introducción para Desarrolladores
 
WP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual StudioWP7 HUB_Introducción a Visual Studio
WP7 HUB_Introducción a Visual Studio
 
CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010CSA - Web Parts en SharePoint 2010
CSA - Web Parts en SharePoint 2010
 
Como hacer que tus aplicaciones saquen mejor provecho a los procesadores disp...
Como hacer que tus aplicaciones saquen mejor provecho a los procesadores disp...Como hacer que tus aplicaciones saquen mejor provecho a los procesadores disp...
Como hacer que tus aplicaciones saquen mejor provecho a los procesadores disp...
 
SharePoint 2010 desarrollo de aplicaciones
SharePoint 2010 desarrollo de aplicacionesSharePoint 2010 desarrollo de aplicaciones
SharePoint 2010 desarrollo de aplicaciones
 
Active directory ds ws2008 r2
Active directory ds ws2008 r2Active directory ds ws2008 r2
Active directory ds ws2008 r2
 
Presentacion Microsoft Office 365
Presentacion Microsoft Office 365Presentacion Microsoft Office 365
Presentacion Microsoft Office 365
 
Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.Sharepoint 2010. Novedades y Mejoras.
Sharepoint 2010. Novedades y Mejoras.
 
Personalizacion sharepoint2010
Personalizacion sharepoint2010Personalizacion sharepoint2010
Personalizacion sharepoint2010
 
Exprimiendo SharePoint 2010
Exprimiendo SharePoint 2010Exprimiendo SharePoint 2010
Exprimiendo SharePoint 2010
 

Similar a Introducción a web matrix

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8
 
Web matrix session4
Web matrix session4Web matrix session4
Web matrix session4
Gonzalo C.
 
Web matrix session 3
Web matrix session 3Web matrix session 3
Web matrix session 3
Gonzalo C.
 
678910 herramientas telematicas
678910 herramientas telematicas678910 herramientas telematicas
678910 herramientas telematicas
htlared
 
Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010
Gonzalo C.
 
Informatica diseno y programacion de paginas web
Informatica diseno y programacion de paginas webInformatica diseno y programacion de paginas web
Informatica diseno y programacion de paginas web
jovimaco
 

Similar a Introducción a web matrix (20)

tutorial de dreamweaver
tutorial de dreamweavertutorial de dreamweaver
tutorial de dreamweaver
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
De Cero a Wordpress
De Cero a WordpressDe Cero a Wordpress
De Cero a Wordpress
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Web matrix session1
Web matrix session1Web matrix session1
Web matrix session1
 
Web matrix session4
Web matrix session4Web matrix session4
Web matrix session4
 
Web matrix session 3
Web matrix session 3Web matrix session 3
Web matrix session 3
 
Diseño web
Diseño webDiseño web
Diseño web
 
Programacion web i
Programacion web iProgramacion web i
Programacion web i
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
 
678910 herramientas telematicas
678910 herramientas telematicas678910 herramientas telematicas
678910 herramientas telematicas
 
Cms
CmsCms
Cms
 
Artisteerexpo
ArtisteerexpoArtisteerexpo
Artisteerexpo
 
Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010Web matrix razor_aspnetmvc_finalv2_techdays2010
Web matrix razor_aspnetmvc_finalv2_techdays2010
 
Informatica diseno y programacion de paginas web
Informatica diseno y programacion de paginas webInformatica diseno y programacion de paginas web
Informatica diseno y programacion de paginas web
 
Web matrix session2
Web matrix session2Web matrix session2
Web matrix session2
 
Artisteerexpouteq
ArtisteerexpouteqArtisteerexpouteq
Artisteerexpouteq
 
Diseño web
Diseño webDiseño web
Diseño web
 
Wordpress
WordpressWordpress
Wordpress
 

Más de MICTT Palma

¿Qué es la nube?
¿Qué es la nube?¿Qué es la nube?
¿Qué es la nube?
MICTT Palma
 
Introduction to wcf solutions
Introduction to wcf solutionsIntroduction to wcf solutions
Introduction to wcf solutions
MICTT Palma
 
WP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows PhoneWP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows Phone
MICTT Palma
 
WP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con SilverlightWP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con Silverlight
MICTT Palma
 
WP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a SilverlightWP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a Silverlight
MICTT Palma
 
WP7 HUB_Overview and application platform
WP7 HUB_Overview and application platformWP7 HUB_Overview and application platform
WP7 HUB_Overview and application platform
MICTT Palma
 
Presentacion share point 2010
Presentacion share point 2010Presentacion share point 2010
Presentacion share point 2010
MICTT Palma
 

Más de MICTT Palma (20)

Office 365
Office 365Office 365
Office 365
 
Ad ds ws2008 r2
Ad ds ws2008 r2Ad ds ws2008 r2
Ad ds ws2008 r2
 
¿Qué es la nube?
¿Qué es la nube?¿Qué es la nube?
¿Qué es la nube?
 
Introduction to wcf solutions
Introduction to wcf solutionsIntroduction to wcf solutions
Introduction to wcf solutions
 
Ie9 + html5
Ie9 + html5Ie9 + html5
Ie9 + html5
 
WP7 HUB_XNA overview
WP7 HUB_XNA overviewWP7 HUB_XNA overview
WP7 HUB_XNA overview
 
WP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data ServicesWP7 HUB_Consuming Data Services
WP7 HUB_Consuming Data Services
 
WP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows PhoneWP7 HUB_Creando aplicaciones de Windows Phone
WP7 HUB_Creando aplicaciones de Windows Phone
 
WP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con SilverlightWP7 HUB_Diseño del interfaz con Silverlight
WP7 HUB_Diseño del interfaz con Silverlight
 
WP7 HUB_Platform overview
WP7 HUB_Platform overviewWP7 HUB_Platform overview
WP7 HUB_Platform overview
 
WP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a SilverlightWP7 HUB_Introducción a Silverlight
WP7 HUB_Introducción a Silverlight
 
WP7 HUB_Overview and application platform
WP7 HUB_Overview and application platformWP7 HUB_Overview and application platform
WP7 HUB_Overview and application platform
 
WP7 HUB_Marketplace
WP7 HUB_MarketplaceWP7 HUB_Marketplace
WP7 HUB_Marketplace
 
WP7 HUB_XNA
WP7 HUB_XNAWP7 HUB_XNA
WP7 HUB_XNA
 
WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7WP7 HUB_Launch event WP7
WP7 HUB_Launch event WP7
 
WP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows AzureWP7 HUB_Launch event Windows Azure
WP7 HUB_Launch event Windows Azure
 
WP7 HUB_Launch event introduction
WP7 HUB_Launch event introductionWP7 HUB_Launch event introduction
WP7 HUB_Launch event introduction
 
Presentacion share point 2010
Presentacion share point 2010Presentacion share point 2010
Presentacion share point 2010
 
Seminario Photosynth y Microsoft Tag's MICTT
Seminario Photosynth y Microsoft Tag's MICTTSeminario Photosynth y Microsoft Tag's MICTT
Seminario Photosynth y Microsoft Tag's MICTT
 
Windows azure: Introducción a la Nube y HoL de Azure MICTT
Windows azure: Introducción a la Nube y HoL de Azure MICTTWindows azure: Introducción a la Nube y HoL de Azure MICTT
Windows azure: Introducción a la Nube y HoL de Azure MICTT
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (12)

investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 

Introducción a web matrix

  • 1. Introducción a WebMatrix:La Web hecha fácil Juan Manuel Servera @jmservera @MICTTBit jservera@mictt.com
  • 2. Introducción a WebMatrix Personalizar Publicar Crear
  • 3. ¿Para quiénesWebMatrix? Soy un desarrolladorprofesional y construyocomplejossitios web empresariales con un equipo de desarrolladores. Quierocrearsitios web por mi cuenta con unaherramientafácil de aprender y utilizar I <3 Web Apps. Necesitounaherramientaque me permitaconfigurar y publicarlasfácilmente WebMatrix WebMatrix Visual Studio 2010
  • 4. Desarrollo con ASP.NET ASP.NET Web Forms Potente Extensible Ágil ASP.NET Web Pages ASP.NET MVC Simple Ligero Rápido Familiar Reutilizable Productivo
  • 5. Herramientas de Desarrollo Visual Studio Simple ASP.NET PHP Potente Flexible Integrado WebMatrix
  • 6. QuéincluyeWebMatrix.. Web Server Base de datos Herramientas
  • 7. WebMatrixincluye Plantillas Web App Gallery Programming Framework: ASP.NET/PHP Web Server: IIS Express Database: SQL Server Compact/MySQL
  • 9. Basta de diapositivas Queremos ver WebMatrix ;D http://www.microsoft.com/web/webmatrix/download
  • 10.
  • 11.
  • 12. IIS Developer Express Basado en la últimaversión IIS server Se instala side-by-side con IIS server Procesointeractivo, no es un servicio No necesitaprivilegios de Administrador Permiteusar todos los módulos IIS7+, ASP.NET, PHP Puedesejecutarloporlínea de comando Open command prompt Navigate to: C:rogram Files (x86)icrosoft WebMatrix iisexpress.exe /port:35896 /path:C:asicWebSite Open a browser and type: http://localhost:35896/[pageName].cshtml
  • 13. SQL Compact 4 Paquete de 2MB DespliegueXcopy con tuaplicación Soporte de Dynamic Data, ASP.NET MVC High fidelity API support: ADO.NET, EF, LINQ… Migraciónsencilla a SQL Server Tablas, índices, FK, PK No soporta: SP, vistas, UDF, geo location types
  • 14. Principios de ASP.NET Web Pages & Razor Syntax Minimiza los conceptos No hacefalta saber OOP o quéesunaclase APIs y Helpers muysencillasparalastareascomunes El paso a ASP.NET MVC y Visual Studio será natural SEO friendly pordefecto No hacenfaltaherramientasespeciales, podemosusar el Notepad :P
  • 15. Despliegue con WebMatrix Búsqueda y selección de «WebMatrix verified» Web Hoster WebMatrix puede publicar: FTP, FTPs WebDeploy
  • 16. Demo II La web que hizo mi primo :D
  • 17. 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
  • 18. Instalación ASP.NET Helpers Ejecutarunapágina en el sitio En el browser escribimos _Admin (la primeravezhabráquecrear un password)  http://localhost:8080/_Admin
  • 19. Podemos crear nuestros helpers Dentro de la carpetaApp_Codecreamos un fichero .cshtml, porejemploMyHelpers.cshtml. Reemplazamos el contenido: Usamos el helper: @MyHelpers. MakeNote("Mi nota de prueba")
  • 20. PodemosinstalarWebMatrix en Windows 7 Windows Server 2008 Windows Server 2008 R2 Windows Vista SP1 or later Windows XP SP3 Windows Server 2003 SP2
  • 21. Más Info... Descargar WebMatrixhttp://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
  • 22. ¿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!
  • 23. Q&A