UNIDAD 1

Introducción al desarrollo web

Carrera: Ingeniería de Sistemas de Información
Docente: Ing. Erick Jhonatan Palomino Alanya
Semestre: 2024 - IC
 Logro u Objetivo de la Sesión
El estudiante desarrolla interfaces de usuario
para una aplicación Web utilizando el patrón
de diseño MVC.
 Sesión 02
ASP.NET MVC
Modelo Vista Controlador, es lo que las siglas MVC
representan, y su objetivo principal es lograr la
separación entre estos tres “personajes”, lo cual
permite, a través de este patrón de diseño, crear
aplicaciones robustas tomando en consideración
buenas prácticas aprendidas de otras plataformas de
desarrollo y del propio Microsoft.
 El patrón de arquitectura MVC
MVC separa la interfaz del usuario de una aplicación
en 3 aspectos principales:
El Modelo: Representa la información con la cual el
sistema opera, gestiona todos los accesos a dicha
información, implementando también los privilegios
de acceso.
El Controlador: Cuando se hace alguna solicitud
sobre la información (por ejemplo, editar un archivo
de texto o un registro en una base de datos).
La Vista: Presenta la información y lógica de negocio
en un formato adecuado para interactuar
(usualmente la interfaz de usuario).
 Estructura de un proyecto MVC
Controllers: Dónde se ponen las clases
controladoras que manejan peticiones de URL.
Models: Dónde se pone las clases que
representan y manipulan los datos y objetos de
negocio.
Views: Dónde se ponen los archivos de
plantillas de interfaz de usuario, tales como
HTML.
Scripts: Dónde se ponen los archivos JavaScript
(.js) Content Dónde se ponen los CSS, imágenes
y archivos públicos que no generen contenido
dinámico.
App_Data: Dónde se almacenan los archivos de
texto o base de datos para almacenar la
información.
 Controllers
Los Controllers en el patrón MVC
se encargan de responder los
inputs del usuario, haciendo
cambios en el Model. De esta
manera, los controllers en MVC
están encargados del flujo de la
aplicación, el trabajo con los datos
que se ingresan, y los datos que
salen a la view que corresponde.
Creando una aplicación
 Creando una aplicación
Ir a Controllers / Agregar / Controlador/ Agregar Controlador en Blanco / Nombre “HomeControlador”
Veamos el código fuente del archivo
"HomeController.cs":
Modificaremos este archivo con el
siguiente código:
Modificaremos este archivo con el
siguiente código:
http://localhost/Home/Productos
 ADO.NET – Arquitectura y
proveedores
Es una tecnología mucho más
sencilla de utilizar, con un
modelo de objetos basado en
XML, lo que permite una mejor
interacción con la información
desde y hacia las bases de
datos.
 ADO.NET – Arquitectura y
proveedores
• Es una tecnología de acceso a datos que se basa en los objetos.
• Es una manera nueva de acceder a los datos.
• Es un conjunto de clases que exponen servicios de acceso a datos
al programador de .NET.
• Proporciona un conjunto variado de componentes para crear
aplicaciones distribuidas de uso compartido de datos.
• Es compatible con diversas necesidades de programación.
• ADO.NET utiliza un modelo de acceso pensado para entornos
desconectados.
• La aplicación se conecta al origen de datos.
• Es un conjunto de clases para acceder y manipular orígenes de
datos como por ejemplo, una base de datos en SQL Server o una
planilla Excel.
• Utiliza XML como el formato para transmitir datos desde y hacia
 Beneficios de ADO.NET

Independencia de la Fuente de Datos:

ADO.NET utiliza para el manejo de datos el objeto DataSet, es
totalmente independiente del tipo de conexión que se utiliza para
acceder a la base de datos.
 Beneficios de ADO.NET
Rendimiento
Toda la arquitectura de ADO.NET está basada en XML. Esto
permite que el manejo de los datos a través de ADO.NET.
 Beneficios de ADO.NET
Escalabilidad:
Con la utilización del objeto DataSet, la conexión a la base de
datos es utilizada por mucho menos tiempo de parte del
servidor.
La cantidad de conexiones a bases de datos en un servidor,
resulta un actor fundamental en cuanto al rendimiento de dicho
servidor.
 Beneficios de ADO.NET
Compatibilidad con Firewalls:
El uso de XML para el manejo de los datos en ADO.NET, permite
una total compatibilidad con máquinas en donde esté instalado
algún tipo de Firewalls. ADO.NET viene a solucionar los
problemas de compatibilidad de ADO con respecto a este tipo de
aplicaciones.
 Manejo de datos con ADO.NET
Los datos y la información sobre la base de datos en ADO.NET está
almacenados en el Objeto DataSet.
DataSet: Contiene toda la información de la base de datos.
DataTable: Contiene la información de una tabla determinada.
DataRow: Contiene la información de una fila en una tabla.
DataColumn: Contiene la información de una columna en una tabla.
DataRelation Contiene la información acerca de la relación entre dos
columnas.
DataSetView Contiene los detalles acerca de la vista de una tabla.
 Espacios de nombres para datos en el
.NET Framework
Espacios de nombres para datos en el .NET Framework.
Entre los espacios de nombres de .NET Framework relativos a datos y XML se incluyen:
System.Data: Es el método primario para tener acceso a los datos de las aplicaciones
administradas. La arquitectura ADO.NET permite crear componentes que administran
eficientemente datos procedentes de múltiples orígenes.

System.Data.Common: Contiene las clases que comparten los proveedores de datos .NET
Framework. Dichos proveedores describen una colección de clases que se utiliza para
obtener acceso a un origen de datos, como una base de datos.

System.Xml: Clases que proporcionan funcionalidad basada en estándares para procesar

código XML.
 Espacios de nombres para datos en el
.NET Framework
Sysem.Data.OleDb: Clases que componen el proveedor de datos de .NET Framework,
permiten conectarse a un origen de datos OLE DB, ejecutar comandos en el origen y leer
los resultados.
System.Data.SqlClient: Clases que conforman el proveedor de datos de .NET Framework
para SQL Server, que permite conectarse a un origen de datos SQL Server 7.0, ejecutar
comandos y leer los resultados.
System.Data.SqlClient: Optimizado para el acceso a SQL Server 7.0 y versiones posteriores.
System.Data.SqlTypes: Proporciona clases para tipos de datos nativos de SQL Server.
System.Data.OleDb: Clases que componen el proveedor de datos de .NET Framework para
OLE DB.
System.Data.OracleClient: Clases que componen el proveedor de datos de .NET
Framework para Oracle.
¿Qué nos permite realmente ADO.NET
cuando trabajamos con XML?
Nos proporciona el trabajo con estándares y con ello, la posibilidad
de trabajar con diferentes tipos de aplicaciones, entornos, sistemas
operativos y lenguajes sin necesidad de conocer lo que hay al otro
lado de nuestra aplicación.
 ADO.NET – Proveedores

Existen dos componentes de ADO.NET que se pueden

utilizar para obtener acceso a datos y manipularlos:

1. Proveedores de datos de .NET Framework

2. El DataSet
 1. Proveedores de datos de .NET
Framework
Son componentes diseñados explícitamente para la manipulación de
datos y el acceso rápido a datos de sólo lectura y sólo avance.
Objeto Connection proporciona conectividad a un origen de datos.
Objeto Command permite tener acceso a comandos de base de datos
para devolver datos, modificar datos, ejecutar procedimientos
almacenados y enviar o recuperar información.
Objeto DataReader proporciona una secuencia de datos.
Objeto DataAdapter proporciona el puente entre el objeto DataSet y
el origen de datos.
 2. DataSet
El DataSet de ADO.NET está expresamente diseñado para el
acceso a datos independientemente del origen de datos.
Como resultado, se puede utilizar con múltiples y distintos
orígenes de datos, con datos XML o para administrar datos
locales de la aplicación.
 System.Data
La clase DataSet
El DataSet es una representación de datos residente en memoria que
proporciona una modelo de programación relacional coherente
independientemente del origen de datos que contiene.
Contiene un conjunto de datos que han sido volcados desde el proveedor de
datos.
Un DataSet contiene colecciones de DataTables y DataRelations.
El DataTable contiene una tabla o tablas, mientras que la DataRelation contiene
las relaciones entre las DataTables.
 System.Data
La clase DataView
Este objeto nos permite crear múltiples vistas de nuestros
datos, además de permitirnos presentar los datos. Es la
clase que nos permite representar los datos de la clase
DataTable, permitiéndonos editar, ordenar y filtrar, buscar y
navegar por un conjunto de datos determinado.
 System.Data
Este objeto nos permite representar una determinada tabla en
memoria, de modo que podamos interactuar con ella.
A la hora de trabajar con este objeto, debemos tener en cuenta
el nombre con el cuál definamos una determinada tabla, ya que
los objetos declarados en el DataTable es sensitivo a mayúsculas
y minúsculas.
Proveedores de acceso a datos de
.NET Framework
ODBC .NET Data Provider

OLE DB .NET Data Provider

Oracle Client .NET Data Provider

SQL Server .NET Data Provider

 Ejercicio 01
Crear una aplicación de Windows Forms C#
 Ejercicio 01
Crear un botón, al presionarlo debe salir el mensaje “Hola Mundo”
 Ejercicio 01
Crear un botón, al presionarlo debe salir el mensaje “Hola Mundo”
 Ejercicio 01
Iniciar la depuración.
 Ejercicio 02
Cree una variable tipo decimal y que al presionar un botón
imprima el mensaje “El número que ingreso es : …..”
 Ejercicio 02
Cree una expresión aritmética
 Ejercicio 03
Ingrese datos y al presionar el botón se debe mostrar el
mensaje
 Ejercicio 04
Ingrese el nombre de un estudiante y sus 3 notas, calcule la nota final de
un estudiante.
 Ejercicio 04
Ingrese el nombre de tres productos, sus precios; debe dar como
resultado el siguiente mensaje.
“El producto 1 es …. y cuesta …. , el producto 2 es…… y cuesta….., el
producto es…… y cuesta…..; la sumatoria de los productos es: ……”
 Ejercicio 05
Cree un programa en donde ingrese un numero, con un botón indicar si el numero ingresado es
par o impar.
 Ejercicio 06
Si se ingresa un valor entre 1 a 100 se hará un descuento del 5%.
Si se ingresa un valor entre 101 a 500 se hará un descuento del 7%.
Si se ingresa un valor entre 501 a 1000 se hará un descuento del 10%.
Mostrar el total a pagar
 Ejercicios
1. Cree un programa donde ingrese el monto en dólares y al presionar un botón se convierta en soles.
2. Cree un programa donde se ingresen 3 números y al pre al presionar un botón se calcule la suma, resta,
multiplicación y división.
3. Cree un programa donde ingrese la cantidad de días trabajados y calcule el sueldo total (Pago por día 50 S/)
4. Cree un programa donde ingrese la cantidad de kilos y se convierta en gramos, miligramos y toneladas.
5. Cree un programa donde ingrese la cantidad de Kilómetros y se convierta en milímetros, centímetros, metros y
pulgadas.
6. Cree un programa en donde ingresara notas de 0 a 20, si la nota es menor o igual a 10,4 debe salir el mensaje
desaprobado de lo contrario aprobado.
7. Crear un programa de una tienda en donde se ingrese la cantidad de productos, el precio unitario, el nombre del
producto, el programa debe calcular cual es el monto total a pagar incluyendo el 18% de Igv.
 Bibliografía
Bibliografía Básica
- Ortega Candel, J. M. (2018). Seguridad en aplicaciones Web Java. RA-MA Editorial. https://elibro.net/es/lc/elp/titulos/106511
- Sánchez Flores, Cristian (2010). Aplicaciones desarrolladas con ASP - Ajax y jQuery: con diferentes manejadores de bases de datos. Lima:
Macro.
- Freeman, Adam (2017). Pro ASP.NET MVC5. 7th edition. New York: Apress.
- Guérin, Brice-Arnaud (2018) Asp.net con C# en Visual Studio 2017: diseño y desarrollo de aplicaciones web. Barcelona: ENI.
- Charte Ojeda, Francisco (2015). Asp.net 4.5/MVC 4. Madrid: Anaya Multimedia.
- Torres Remón, Manuel (2016). Programación orientada a objetos con Visual C# 2015 y ADO.NET 4.6. Lima: Macro.
Bibliografía Complementaria
- ASP.NET Web Forms y MVC (2013). Sitio official de Microsoft ASP.NET. Recuperado el 22/02/2022 de http://www.asp.net
- El CodeProject (2013). Sitio donde encontrará ejemplos de código. Recuperado el 22/02/2022 de http://www.codeproject.com/
- Udemy (2015). Sitio donde encontrará ejemplos de código con ASP.NET y Angular. Recuperado el 22/02/2022 de
https://www.udemy.com/course/c-aspnet-core-con-angular-typescript-desarrolla-una-spa/
- Galloway, J. (2010). Professional ASP.NET MVC 4.0. Wrox.
- Galloway, J. (2014). Professional ASP.NET MVC 5. Wrox.
- Scott, M. (2010). Professional ASP.NET Design Patterns. Wiley Publishing.
- Chadwick, J. (2012). Programming ASP.NET MVC 4. OReilly.
Gracias