ANÁLISIS DE SISTEMAS - FICN

INTRODUCCIÓN A ASP.NET-MVC
Universidad de Sonsonate

Instructor: Ing. Danilo Omar Mejía Murcia.

Universidad de Sonsonate
 ANÁLISIS DE SISTEMAS - FICN
INDICE
¿QUE ES EL MVC? .................................................................................................................................. 3
¿Qué es un patrón de diseño? ........................................................................................................ ....... 3
¿Qué es el patrón Vista Modelo Controlador? .............................................................................. ....... 3
Esquema del Patrón de diseño MVC. ........................................................................................................ 4
Esquema del Patrón de diseño MVC. ................................................................................................... 4
¿QUE ES ASP.NET MVC? ...................................................................................................................... 4
Información General sobre ASP.NET MVC. ............................................................................................ 4
¿Cuándo crear una aplicación MVC? ........................................................................................................ 4
Ventajas de una aplicación web basada en MVC. ........................................................... ................ 5
Ventajas de una aplicación web basada en formularios Web Forms. .............................. ................ 5
¿COMO CREAR UN PROYECTO DE ASP.NET-MVC EN VISUAL STUDIO? .................................6
Estructura básica de una aplicación básica con MVC. ...................................................................... 8
EJERCICIOS: ........................................................................................................................................... 9
BIBLIOGRAFIA: ..................................................................................................................................... 9

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN
Objetivos:
• Conocer el Patrón de diseño MVC.
• Conocer la herramienta de desarrollo ASP.NET MVC.
• Saber crear un proyecto con ASP.NET MVC. • Conocer la estructura básica de un proyecto
MVC.

¿QUE ES EL MVC?

¿Qué es un patrón de diseño?

Un patrón de diseño describe un problema que ocurre frecuentemente en el campo de la construcción de
software y su respectiva solución; puede ser empleado muchas veces, en diferentes contextos, sin tener
que duplicar el diseño. En pocas palabras es un elemento que se puede reutilizar para implementarlo.

Un patrón de diseño tiene cuatro elementos esenciales:

• Posee un Nombre: Nos permite describir el problema de diseño, dando su solución y

consecuencias.
• El problema: Describe cuando aplicar el patrón. Especifica el problema y su contexto. Debe
describir los problemas de diseño de forma específica así como su representación conceptual
como sus objetos. Para la aplicación de un patrón es necesario en muchas ocasiones conocer
todas las condiciones para verificar que se puede aplicar el patrón.
• La Solución: Describe los elementos que construyen el diseño, sus responsabilidades y
colaboraciones. La solución no describe un problema de diseño particular, porque un patrón es
una especia de plantilla que puede ser aplicada a diferentes situaciones.

¿Qué es el patrón Vista Modelo Controlador?

El MVC es un patrón de diseño que fue inicialmente utilizado para construir interfaces de usuario en
Smaltalk 80.

El MVC consiste en tres tipos de objetos. El modelo, que son los objetos de la aplicación, también
conocida como la lógica del negocio, o lógica de aplicación. La vista especifica la visualización de los
datos, algunas veces conocida como lógica de presentación. El controlador es el coordinador entre estos
dos últimos, es decir, define la forma en que la interfaz de usuario reacciona ante la entrada del usuario.
El MVC desacopla el concepto de interfaz de usuario y lógica de negocio para aumentar la flexibilidad
y modularidad del software, posiblemente permitiendo que el código pueda ser reutilizable.

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN
Esquema del Patrón de diseño MVC.

¿QUE ES ASP.NET MVC?

Información General sobre ASP.NET MVC.

El marco de ASP.NET MVC proporciona una alternativa al modelo de formularios Web Forms de
ASP.NET para crear aplicaciones web. El marco de ASP.NET MVC es un marco de presentación de
poca complejidad y fácil de comprobar que (como las aplicaciones basadas en formularios Web Forms)
se integra con las características de ASP.NET existentes, tales como páginas maestras y la autenticación
basada en pertenencia. El marco de MVC se define en el ensamblado System.Web.Mvc.

¿Cuándo crear una aplicación MVC?

Los web Forms de ASP.NET aún son funcionales para la creación de sistemas basados en web, por tal
motivo, es necesario conocer las ventajas de cada uno de estas dos alternativas para el desarrollo de
sistemas web, como se comentaba a un inicio un patrón no siempre debe de ser implementado para
resolver todo tipo de problemas.

A continuación se nos presenta las ventajas de implementar cada una de estas alternativas, al momento
de crear un sistema web:

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN
Ventajas de una aplicación web basada en MVC.

• Facilita la administración de la complejidad, al dividir una aplicación en el modelo, la vista y el

controlador.

• No usa el estado de vista ni formularios basados en servidor. Esto hace que el marco de MVC sea
ideal para los desarrolladores que deseen un control completo sobre el comportamiento de una
aplicación.

• Usa un modelo de controlador frontal que procesa las solicitudes de la aplicación web a través de
un controlador único. Esto permite diseñar una aplicación que admite una infraestructura de
enrutamiento avanzada.

• Proporciona una mayor compatibilidad con el desarrollo basado en pruebas (TDD).

• Funciona bien para las aplicaciones web en las que trabajan equipos grandes de desarrolladores
y para los diseñadores web que necesitan un alto grado de control sobre el comportamiento de la
aplicación.

Ventajas de una aplicación web basada en formularios Web Forms.

• Admite un modelo de eventos que conserva el estado sobre HTTP, lo cual favorece al desarrollo
de la aplicación web de línea de negocio. La aplicación basada en formularios Web Forms
proporciona docenas de eventos que se admiten en centenares de controles de servidor.

• Usa un modelo de controlador de página que agrega funcionalidad a las páginas individuales.

• Usa el estado de vista de los formularios basados en servidor, lo cual puede facilitar la
administración de la información de estado.

• Funciona bien para los equipos pequeños de desarrolladores web y los diseñadores que deseen
aprovechar el gran número de componentes disponible para el desarrollo rápido de aplicaciones.

• En general, es menos complejo para el desarrollo de aplicaciones, puesto que los componentes
(la clase Page, los controles, etc.) se integran estrechamente y suelen requerir menos código que
el modelo MVC.

Es muy importante tomar en cuenta cada una de estas ventajas al momento de implementar una solución,
con cualquiera de estas dos alternativas, ya que si no realizamos una evaluación correcta nos podemos
encontrar con una codificación exhaustiva o un esquema demasiado débil para implementarlo en una
solución.

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN
¿COMO CREAR UN PROYECTO DE ASP.NET-MVC EN VISUAL
STUDIO?

Visual Studio ya trae incluido MVC 4, para poder trabajar con él crearemos un proyecto de ASP.NET
con MVC 4 siguiendo los pasos que se describen a continuación:

1. Vamos a Inicio y buscamos el Acceso de Visual Studio, damos click y esperamos a que nos
cargue nuestro entorno de trabajo.
2. Cuando finalice de carga nuestro entorno, seguimos la siguiente secuencia de menú: Archivo-
>Nuevo->Proyecto.
3. Se desplegara una venta con las diferentes opciones para la generación de un proyecto, para
nuestro fin nos ubicaremos en la parte de Plantillas y seleccionamos el nodo de Web, dentro de
este nodo podemos observar las distintas opciones que poseemos para poder generar un proyecto
web entre los cuales tenemos: Aplicaciones vacías de ASP.NET, Aplicaciones web de ASP.NET
MVC3, y con el cual estaremos trabajando Aplicación web de ASP.NET MVC 4.

A continuación se muestra las secuencias de imágenes que se realizaron hasta el momento:

Si hasta el momento no poseemos ningún inconveniente, se nos desplegara la siguiente ventana con las
opciones que podemos utilizar al momento de generar un proyecto con MVC:

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN

Descripción de Plantillas
Plantilla de Aplicación de Contiene las partes básicas de una aplicación MVC, tiene lo
Internet suficiente para poderse ejecutar la aplicación de forma inmediata y poder visualizar unas
cuantas páginas, además posee las funciones básicas para la
administración de cuentas de usuario.
Plantilla de Aplicación de Esta plantilla es similar a la plantilla de Internet, la única Intranet
diferencia radica en que la administración de cuentas está basada en la autenticación de Windows.
Plantilla de Aplicación Básica Esta plantilla a nivel de contenido es bastante escasa,
simplemente contiene las carpetas de estilos CSS y la estructura
de carpetas para una aplicación MVC, esta plantilla toma como
base la plantilla vacía, la cual al ejecutarse lanza un mensaje de
error.
Plantilla Vacía En versiones anteriores de MVC, la plantilla básica de MVC 4 era considera la
plantilla vacía, ahora esta plantilla vacía
contiene la estructura básica de una aplicación MVC.

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN

Plantilla de Aplicación Móvil La plantilla de aplicación Móvil se encuentra pre configurada con
Jquery Mobile, la cual le permitirá crear sitios web para
dispositivos móviles.
Plantilla de Web API Es un marco de trabajo para crear servicios HTTP, es muy similar a la plantilla
de internet sin la administración de cuentas y optimizada para la
creación de servicios.

Estructura básica de una aplicación básica con MVC.

En nuestro caso seleccionamos la plantilla básica, cuando hemos seleccionado nuestra plantilla se nos
configura el entorno de acuerdo a nuestra selección. Para el caso de nuestro proyecto básico tendremos
el siguiente esquema de carpetas:

Universidad de Sonsonate
ANÁLISIS DE SISTEMAS - FICN
Estructura básica de un Proyecto
Carpeta Propósito
/Controllers Capeta donde colocaremos las clases del controlador que manejaran las peticiones de URL.
/Models Carpeta donde colocamos las clases que representaran y manipularan los datos y los objetos del
negocio.
/Views Carpeta donde colocaremos la Interfaz de Usuario y que además será la responsable de renderizar
la salida en formato HTML.
/Scripts Carpeta donde colocaremos todos nuestros archivos JavaScript (.js)
/Content Lugar donde colocaremos nuestros archivos CSS y algún otro archivo o imágenes.
/App_Data Carpeta donde se almacena los archivos de datos lectura y escritura.
/App_Start Lugar donde se almacena las configuraciones de ruteo, compilación y de API WEB.

EJERCICIOS:

• Cree un cuadro comparativo entre las distintas plantillas de proyecto y enumere las principales
características de cada uno de ellos.

BIBLIOGRAFIA:

• Galloway J., Haack Ph., Wilson B., Allen K. S., Hanselman S. - Professional ASP.NET MVC 4
– 2012.
• Palermo J. - ASP.NET MVC 4 in Action - 2012

Universidad de Sonsonate