4-Unidad 2: Diseño de VIsta-2.1 Para Windows-Introducción

1. Unidad 2: Diseños de Vista
2.1 Para Windows-Introducción
Plataformas de Desarrollo 2
Modalidad de estudios: Presencial
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
Aguaszoft@outlook.es

2. Objetivos del encuentro:
1. Adquirir los conceptos básicos relacionados con el
Diseño de Vista.
2. Reconocer las características de el Diseño de Vista.
Semana Nro. 4

3. Frase Motivacional
“Si puedes soñarlo puedes hacerlo,
recuerda que todo esto comenzó con
un ratón.”
(Walt Disney)

4. 1.Crear la aplicaciónen .NET
 Hacer clic en New/ Project
 Seleccionar el tipo de proyecto
 .NET 4.0 Framework
 TipoASP.NET MVC 3WebApplication
 Nombre: “MVC3RunWebCamp”
 Localización: “C: MVC3RunWebCamp”
 ACEPTAR

5. 1.1 Proyecto de test

6. 2.Configurar el puertoTCP de escucha en
50000
 Hacer clic con botón derecho sobre la raíz del proyecto en el
explorador de soluciones.
 Seleccionar la fichaWeb.
 Seleccionar Puerto específico, escribir 50000 y guardar todo.

7. 3. Estructura de carpetas
 A continuación
comentaremos
algo acerca de las
carpetas creadas
en estos proyectos

8. 3.1App_Data
 Es la carpeta de
almacenamiento físico
de datos.
 Su papel es similar al de
la misma carpeta en
una aplicaciónASP.NET
regular

9. 3.2Content
 Esta carpeta se recomienda
para contenido estático
 Hojas de estilo en cascada
 Imágenes
 Temas
 Archivos de medios, etc.

10. 3.3Controllers
 Contiene la definición de
clases de los controladores
 Manejo de interacción con el
usuario
 Manipulación del modelo
 Elección última de la interfaz
de usuario
 Por convención del
framework, su nombre debe
terminar con la palabra
Controller

11. 3.4 Models
 Contiene clases que
representan el modelo de
aplicación
 Código
 define los objetos
 define la interacción con el
almacén de datos
 Por defecto, el bibliotecas de
clase separadas (se pueden
mover a otra carpeta luego)

12. 3.5Scripts
 De existir, aquí se colocan los
programasJavaScript
 Algunos módulos son de uso
propio de Intellisense (verdonde
dice “vsdoc”)
 Otros son para dar soporte a
AJAX
 Otros son para validación de
datos, funciones que se insertan
en las vistasASPX

13. 3.6Views
 Contiene los componentes que
muestran la interfaz de usuario
según engine:
 .ascx, .aspx, .master para
ASP.NET convencional
 Vbhtml / Cshtml paraRAZOR
 archivos relacionados con la
producción de HTML final
Contiene una vista por cada controlador. Para un controlador
ClienteController existirá una vista Cliente.
CuandoASP.NET MVC busca una vista, ubica un archivo .aspx
con el nombre especificado en
Viewsnombre_controladornombre_acción.aspx

14. 3.6Views
 Por defecto,ASP.NET MVC
crea tres carpetas con vistas:
 Account: vista de la cuenta,
gestionada por
AccountController
 Home: vista de página principal,
gestionada por
HomeController
 Shared: es la única carpetaque
puede estar asociada a varios
controladores al mismo tiempo

15. 4. Enrutamiento MVC
 MVC “mapea” URLs a las clases que son los
controladores
 Las URLs entrantes no se refieren arecursos
físicos en el servidor
 ASP.NET 4.0 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 4.0 regulares deASP.NET

16. Bibliografía

17. Direccionamiento actividades de aprendizaje
Revisar el aula virtual y realizar las actividades indicadas por el profesor

18. GRACIAS