SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
Instructor: Ing. Rocco, Sebastián
Mail: srocco@movizen.com
Web: www.movizen.com
Blog: www.smrocco.com
Introducción a ASP.NET MVC
Agenda
• Arquitectura WEB – Funcionamiento HTTP
• Arquitectura ASP.NET
• Introducción a ASP.NET MVC
– ¿Qué es?
– Patrón MVC
– Ventajas / Desventajas
– ¿Cómo trabaja?
Arquitectura WEB - HTTP
Arquitectura ASP.NET
Resumiendo…
• SoC (Separation of Concerns)
– TDD por default
– Mantenibilidad
• Url y HTML mas limpio
– SEO y REST friendly
• /Usuarios/Buscar/Nombre
– CSS Friendly
• <html> <div> <label> <span>
• Modelo de programación mas performante.
 No hay ViewState.
 No hay modelo de eventos.
¿Qué es ASP.NET MVC?
• Un framework para Web Development.
– Más control sobre el HTML.
– Más Web-Frendly.
– Más testeable.
• Pensado para no ocular la naturaleza de la
arquitectura Web.
• No viewstate, no web-controls, no
codebehind. Solo HTML.
• Esta construido sobre en ASP.NET.
Patrón MVC
• Modelo – Vista - Controlador
• Es un patrón de arquitectura de software.
– Vista: Representación visual de la información del
modelo.
– Modelo: Representa uno o más objetos con un
estado determinado.
– Controlador: Es lo que puede alterar el estado del
modelo.
Patrón MVC
Model
ControllerView
Patrón MVC - Modelo
• Los objetos del dominio.
• Implementan la lógica del dominio de la
aplicación.
• Suelen leer y persistir estados en una RDBMS.
• En sistemas grandes pueden tener una capa
de acceso a datos (DAL) separada.
Patrón MVC - Vista
• “Arma” la interfaz de usuario.
• Los datos que muestra son estados del objeto
que están gestionando.
• Utiliza controles comunes de la GUI en cuestión
(cajas de texto, dropdownlists, checkboxes).
• La GUI se construye con elementos propios de la
tecnología que se utilice:
– Cliente liviano (por lo general, HTML o formularios
XML).
– Cliente pesado (dependerá de la plataforma, etc.).
Patrón MVC - Controlador
• Maneja la interacción con el usuario y en
función de eso:
– Envía mensajes al modelo para modificar su
estado (es decir, cambia el valor de sus miembros,
etc.).
– Selecciona en último término el tipo de vista que
exhibirá al cliente en la GUI.
¿Qué ofrece ASP.NET MVC?
• SoC (Separation of Concerns).
– TDD por default.
– Mantenibilidad.
• Url y HTML mas limpio.
– SEO y REST friendly.
• /Usuarios/Buscar/Nombre.
– CSS Friendly.
• <html> <div> <label> <span>
• Modelo de programación mas performante.
– No hay ViewState.
– No hay modelo de eventos.
¿Cómo trabaja ASP.NET MVC?
1. Petición
HTTP
2. Parámetros
de ejecución
Model
3. Colección
datos resultado
View
3.Colección
datosresultado
4.Contenidode
interfazusuario
5. Contenido
HTTP
CLIENTE
SERVIDOR
Los componentes M, V y C
están del lado servidor.
¿Cómo trabaja ASP.NET MVC?
Navego a http://.../Productos/Listar
Se determina la
ruta
El controller
Productos es
creado
Un método Listar
del controller es
invocado
Se ejecuta la logica
del controller
Se dibuja la vista
pasándole la
ViewData
Se dibujan Urls
que apuntan a
otras acciones de
otros controllers
Enrutamiento ASP.NET MVC
• MVC “mapea” URLs a las clases que son los
controladores.
• Las URLs entrantes no se refieren a recursos
físicos en el servidor.
• ASP.NET tiene esta nueva característica
denominada “enrutamiento”.
• Se crea un conjunto de reglas de enrutamiento
en el archivo Global.asax.
• El enrutamiento también está disponible para
WebForms regulares de ASP.NET.
Enrutamiento ASP.NET MVC
• Las URL como ésta no son amigables para los motores
de búsqueda:
– http://www.mysite.com/products.aspx?category=software
• En cambio, éstas si lo son:
– http://www.mysite.com/products/software
• El enrutamiento en ASP.NET permite que la aplicación
acepte requerimientos que no se mapean a archivos
físicos.
• Se usa una URL “semántica” que tiene sentido para el
usuario y es amigable para los optimizadores de
motores de búsqueda.
¿Preguntas?
Muchas Gracias!
Datos de Contacto
Instructor: Ing. Rocco, Sebastián
Mail: srocco@movizen.com
Web: www.movizen.com
Blog: www.smrocco.com

Mais conteúdo relacionado

Mais procurados

Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Ianpierr Miranda
 
Mapa Conceptual Servidores web
Mapa Conceptual Servidores webMapa Conceptual Servidores web
Mapa Conceptual Servidores webArturo_09
 
Diagramas de objetos
Diagramas de objetosDiagramas de objetos
Diagramas de objetosstill01
 
Ventana de inicio de MySQL Workbench
Ventana de inicio de MySQL WorkbenchVentana de inicio de MySQL Workbench
Ventana de inicio de MySQL WorkbenchJair Ospino Ardila
 
Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de GoogleCarlos Toxtli
 
Sistemas Distribuidos. Diseño e Implementacion
Sistemas Distribuidos. Diseño e ImplementacionSistemas Distribuidos. Diseño e Implementacion
Sistemas Distribuidos. Diseño e ImplementacionJorge Guerra
 
modelo vista controlador
modelo vista controladormodelo vista controlador
modelo vista controladorcom2merwil
 
SESIÓN 16 - Pruebas de Aceptacion (1).pptx
SESIÓN 16 - Pruebas de Aceptacion (1).pptxSESIÓN 16 - Pruebas de Aceptacion (1).pptx
SESIÓN 16 - Pruebas de Aceptacion (1).pptxAaronContreras28
 
Caso de Uso
Caso de UsoCaso de Uso
Caso de Usoutrilla
 
Cuadro comparativo analisis estructurado y orientado a objeto
Cuadro comparativo analisis estructurado y orientado a objeto Cuadro comparativo analisis estructurado y orientado a objeto
Cuadro comparativo analisis estructurado y orientado a objeto Freddy Rosales
 
Arquitectura de desarrollo web
Arquitectura de desarrollo webArquitectura de desarrollo web
Arquitectura de desarrollo webGiancarlos Perez
 
Gobierno electronico
Gobierno electronicoGobierno electronico
Gobierno electronicoCcmena72
 

Mais procurados (20)

Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
 
Mapa Conceptual Servidores web
Mapa Conceptual Servidores webMapa Conceptual Servidores web
Mapa Conceptual Servidores web
 
Diagramas de objetos
Diagramas de objetosDiagramas de objetos
Diagramas de objetos
 
Requisitos funcionales y no funcionales
Requisitos funcionales y no funcionales Requisitos funcionales y no funcionales
Requisitos funcionales y no funcionales
 
Ventana de inicio de MySQL Workbench
Ventana de inicio de MySQL WorkbenchVentana de inicio de MySQL Workbench
Ventana de inicio de MySQL Workbench
 
Todas las APIs de Google
Todas las APIs de GoogleTodas las APIs de Google
Todas las APIs de Google
 
Sistemas Distribuidos. Diseño e Implementacion
Sistemas Distribuidos. Diseño e ImplementacionSistemas Distribuidos. Diseño e Implementacion
Sistemas Distribuidos. Diseño e Implementacion
 
Prueba de aplicaciones
Prueba de aplicacionesPrueba de aplicaciones
Prueba de aplicaciones
 
El sistema SisMarc 2008
El sistema SisMarc 2008El sistema SisMarc 2008
El sistema SisMarc 2008
 
modelo vista controlador
modelo vista controladormodelo vista controlador
modelo vista controlador
 
SESIÓN 16 - Pruebas de Aceptacion (1).pptx
SESIÓN 16 - Pruebas de Aceptacion (1).pptxSESIÓN 16 - Pruebas de Aceptacion (1).pptx
SESIÓN 16 - Pruebas de Aceptacion (1).pptx
 
Caso de Uso
Caso de UsoCaso de Uso
Caso de Uso
 
Ingeniería Web
Ingeniería WebIngeniería Web
Ingeniería Web
 
Encapsulamiento en JAVA-NETBEANS
Encapsulamiento en JAVA-NETBEANSEncapsulamiento en JAVA-NETBEANS
Encapsulamiento en JAVA-NETBEANS
 
Cuadro comparativo analisis estructurado y orientado a objeto
Cuadro comparativo analisis estructurado y orientado a objeto Cuadro comparativo analisis estructurado y orientado a objeto
Cuadro comparativo analisis estructurado y orientado a objeto
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Arquitectura de desarrollo web
Arquitectura de desarrollo webArquitectura de desarrollo web
Arquitectura de desarrollo web
 
Glosario uml
Glosario umlGlosario uml
Glosario uml
 
Gobierno electronico
Gobierno electronicoGobierno electronico
Gobierno electronico
 

Destaque

Introducción al desarrollo web moderno
Introducción al desarrollo web modernoIntroducción al desarrollo web moderno
Introducción al desarrollo web modernoSebastián Rocco
 
Advanced Custom Fields
Advanced Custom FieldsAdvanced Custom Fields
Advanced Custom FieldsDavide Pantè
 
Spring MVC framework
Spring MVC frameworkSpring MVC framework
Spring MVC frameworkMohit Gupta
 
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~Yuichi Hasegawa
 
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentationivpol
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVCKhaled Musaied
 
Curso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - IntroducciónCurso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - IntroducciónJuan David Saab
 

Destaque (12)

Introducción al desarrollo web moderno
Introducción al desarrollo web modernoIntroducción al desarrollo web moderno
Introducción al desarrollo web moderno
 
Advanced Custom Fields
Advanced Custom FieldsAdvanced Custom Fields
Advanced Custom Fields
 
Arquitectura MVC
Arquitectura MVCArquitectura MVC
Arquitectura MVC
 
Spring MVC framework
Spring MVC frameworkSpring MVC framework
Spring MVC framework
 
Pruebas unitarias
Pruebas unitariasPruebas unitarias
Pruebas unitarias
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Next stop: Spring 4
Next stop: Spring 4Next stop: Spring 4
Next stop: Spring 4
 
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~
Application Re-Architecture Technology ~ StrutsからSpring MVCへ ~
 
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentation
 
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
 
Model View Controller (MVC)
Model View Controller (MVC)Model View Controller (MVC)
Model View Controller (MVC)
 
Curso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - IntroducciónCurso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
Curso Intensivo de Drupal para usuarios con experiencia en CMS - Introducción
 

Semelhante a Introducción a ASP.NET MVC

Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5Oscar Gensollen
 
ASP.NET MVC Core by Eduard Tomàs
ASP.NET MVC Core by Eduard TomàsASP.NET MVC Core by Eduard Tomàs
ASP.NET MVC Core by Eduard TomàsPlain Concepts
 
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptxSibilinoAndante
 
DESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBDESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBJavier Condori Flores
 
Mvc + html5 + css3
Mvc + html5 + css3Mvc + html5 + css3
Mvc + html5 + css3Marc Rubiño
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)Senior Dev
 
Workshop 7: Single Page Applications
Workshop 7: Single Page ApplicationsWorkshop 7: Single Page Applications
Workshop 7: Single Page ApplicationsVisual Engineering
 
Web framework ligeros y micros en java barcamp 2014
Web framework ligeros y micros en java   barcamp 2014Web framework ligeros y micros en java   barcamp 2014
Web framework ligeros y micros en java barcamp 2014Carlos Camacho
 

Semelhante a Introducción a ASP.NET MVC (20)

ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5Desarrollo de Aplicaciones Web con ASP.NET MVC5
Desarrollo de Aplicaciones Web con ASP.NET MVC5
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Asp.net mvc
Asp.net mvcAsp.net mvc
Asp.net mvc
 
ASP.NET MVC Core
ASP.NET MVC CoreASP.NET MVC Core
ASP.NET MVC Core
 
ASP.NET MVC Core by Eduard Tomàs
ASP.NET MVC Core by Eduard TomàsASP.NET MVC Core by Eduard Tomàs
ASP.NET MVC Core by Eduard Tomàs
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
 
DESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEBDESARROLLO RAPIDO DE APLICACIONES WEB
DESARROLLO RAPIDO DE APLICACIONES WEB
 
Mvc + html5 + css3
Mvc + html5 + css3Mvc + html5 + css3
Mvc + html5 + css3
 
5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web
 
ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)
 
MVC
MVCMVC
MVC
 
Angular js
Angular jsAngular js
Angular js
 
ASP.NET MVC Workshop Día 1
ASP.NET MVC Workshop Día 1ASP.NET MVC Workshop Día 1
ASP.NET MVC Workshop Día 1
 
ASP.NET 5 & MVC 6 (RC1)
ASP.NET 5 & MVC 6 (RC1)ASP.NET 5 & MVC 6 (RC1)
ASP.NET 5 & MVC 6 (RC1)
 
Spring Mvc Final
Spring Mvc FinalSpring Mvc Final
Spring Mvc Final
 
Workshop 7: Single Page Applications
Workshop 7: Single Page ApplicationsWorkshop 7: Single Page Applications
Workshop 7: Single Page Applications
 
Web framework ligeros y micros en java barcamp 2014
Web framework ligeros y micros en java   barcamp 2014Web framework ligeros y micros en java   barcamp 2014
Web framework ligeros y micros en java barcamp 2014
 

Introducción a ASP.NET MVC

  • 1. Instructor: Ing. Rocco, Sebastián Mail: srocco@movizen.com Web: www.movizen.com Blog: www.smrocco.com Introducción a ASP.NET MVC
  • 2. Agenda • Arquitectura WEB – Funcionamiento HTTP • Arquitectura ASP.NET • Introducción a ASP.NET MVC – ¿Qué es? – Patrón MVC – Ventajas / Desventajas – ¿Cómo trabaja?
  • 5. Resumiendo… • SoC (Separation of Concerns) – TDD por default – Mantenibilidad • Url y HTML mas limpio – SEO y REST friendly • /Usuarios/Buscar/Nombre – CSS Friendly • <html> <div> <label> <span> • Modelo de programación mas performante.  No hay ViewState.  No hay modelo de eventos.
  • 6. ¿Qué es ASP.NET MVC? • Un framework para Web Development. – Más control sobre el HTML. – Más Web-Frendly. – Más testeable. • Pensado para no ocular la naturaleza de la arquitectura Web. • No viewstate, no web-controls, no codebehind. Solo HTML. • Esta construido sobre en ASP.NET.
  • 7. Patrón MVC • Modelo – Vista - Controlador • Es un patrón de arquitectura de software. – Vista: Representación visual de la información del modelo. – Modelo: Representa uno o más objetos con un estado determinado. – Controlador: Es lo que puede alterar el estado del modelo.
  • 9. Patrón MVC - Modelo • Los objetos del dominio. • Implementan la lógica del dominio de la aplicación. • Suelen leer y persistir estados en una RDBMS. • En sistemas grandes pueden tener una capa de acceso a datos (DAL) separada.
  • 10. Patrón MVC - Vista • “Arma” la interfaz de usuario. • Los datos que muestra son estados del objeto que están gestionando. • Utiliza controles comunes de la GUI en cuestión (cajas de texto, dropdownlists, checkboxes). • La GUI se construye con elementos propios de la tecnología que se utilice: – Cliente liviano (por lo general, HTML o formularios XML). – Cliente pesado (dependerá de la plataforma, etc.).
  • 11. Patrón MVC - Controlador • Maneja la interacción con el usuario y en función de eso: – Envía mensajes al modelo para modificar su estado (es decir, cambia el valor de sus miembros, etc.). – Selecciona en último término el tipo de vista que exhibirá al cliente en la GUI.
  • 12. ¿Qué ofrece ASP.NET MVC? • SoC (Separation of Concerns). – TDD por default. – Mantenibilidad. • Url y HTML mas limpio. – SEO y REST friendly. • /Usuarios/Buscar/Nombre. – CSS Friendly. • <html> <div> <label> <span> • Modelo de programación mas performante. – No hay ViewState. – No hay modelo de eventos.
  • 13. ¿Cómo trabaja ASP.NET MVC? 1. Petición HTTP 2. Parámetros de ejecución Model 3. Colección datos resultado View 3.Colección datosresultado 4.Contenidode interfazusuario 5. Contenido HTTP CLIENTE SERVIDOR Los componentes M, V y C están del lado servidor.
  • 14. ¿Cómo trabaja ASP.NET MVC? Navego a http://.../Productos/Listar Se determina la ruta El controller Productos es creado Un método Listar del controller es invocado Se ejecuta la logica del controller Se dibuja la vista pasándole la ViewData Se dibujan Urls que apuntan a otras acciones de otros controllers
  • 15. Enrutamiento ASP.NET MVC • MVC “mapea” URLs a las clases que son los controladores. • Las URLs entrantes no se refieren a recursos físicos en el servidor. • ASP.NET tiene esta nueva característica denominada “enrutamiento”. • Se crea un conjunto de reglas de enrutamiento en el archivo Global.asax. • El enrutamiento también está disponible para WebForms regulares de ASP.NET.
  • 16. Enrutamiento ASP.NET MVC • Las URL como ésta no son amigables para los motores de búsqueda: – http://www.mysite.com/products.aspx?category=software • En cambio, éstas si lo son: – http://www.mysite.com/products/software • El enrutamiento en ASP.NET permite que la aplicación acepte requerimientos que no se mapean a archivos físicos. • Se usa una URL “semántica” que tiene sentido para el usuario y es amigable para los optimizadores de motores de búsqueda.
  • 19. Datos de Contacto Instructor: Ing. Rocco, Sebastián Mail: srocco@movizen.com Web: www.movizen.com Blog: www.smrocco.com