ASP.NET C# a su alcance

Por Sonia Alexandra Pinzón Núñez, Juan Carlos Guevara Bolaños y Carlos Alberto Vanegas

Este libro tiene como objetivo principal la implementación de aplicaciones web dinámicas utilizando la tecnología ASP.NET y el lenguaje de programación C#. En él, por un lado, trabaja una parte teórica con un lenguaje lo más natural posible y, por otro, se diseñan o desarrollan ejercicios prácticos con la tecnología ASP.NET y el lenguaje de programación C#. Es un libro con un nivel de conocimiento intermedio, el cual permitirá crear aplicaciones web con el marco de trabajo ASP.NET y C#. El lector tendrá la capacidad de generar, manejar y utilizar componentes dinámicos para el diseño de la interfaz de usuario en una aplicación web, como, también, trabajar las estructuras de control, las colecciones, la herencia y el polimorfismo con el lenguaje C#. Además, la obra expone las bases necesarias para implementar aplicaciones web con conexión a la base de datos SQL Server y realizar operaciones CRUD (create, read, update, delete) y generar reportes PDF y gráficas estadísticas con los registros de dicha base de datos.

• Idioma: Español
• Editorial: Universidad Distrital Francisco José de Caldas
• Fecha de lanzamiento: 2 jun 2025
• ISBN: 9789587877854

Vista previa del libro

]>

Aplicaciones web ASP.NET

ASP.NET es una tecnología utilizada para la creación de aplicaciones web empresariales desarrollada por Microsoft®. Esta tecnología desciende de Active Server Pages (ASP)¹. ASP.NET se basa en un lenguaje común en tiempo de ejecución (common language runtime), que permite a los desarrolladores escribir código ASP.NET con los lenguajes de programación admitidos por .NET Framework² (C++, C#, Visual Basic.NET, F#, Java, Pytho, Ruby y Php).

A continuación, se presentan algunos conceptos que permitirán comprender el contexto de utilización de esta tecnología.

Aplicaciones web

Una aplicación web es un software codificado en un lenguaje de programación, soportado por un navegador web y con ejecución por el navegador en internet o por intranet. En otras palabras, es una herramienta que los usuarios pueden utilizar mediante acceso a un servidor web a través de internet o de una intranet con un navegador. Los datos o los archivos con los que trabajan las aplicaciones web se procesan y almacenan en una red a través del navegador, razón por la cual dichas aplicaciones generalmente no requieren ser instaladas en un computador o un equipo móvil.

Las aplicaciones web contienen páginas web, las cuales contienen elementos que proporcionan una comunicación dinámica entre el usuario y la información, lo que permite acceder a los datos interactivamente, porque el sitio web se encarga de responder a las diferentes acciones requeridas.

Por otro lado, las aplicaciones web son independientes del sistema operativo que se utilice en el computador o dispositivo móvil. Además, se pueden actualizar sin necesidad de distribuir el software, siendo libre el acceso de los usuarios en cualquier instante, lugar y dispositivo, con el solo requisito de contar con una conexión a internet y los respectivos datos de acceso: nombre de usuario y contraseña.

Dentro de las ventajas más importantes al desarrollar aplicaciones web se pueden mencionar:

Ahorro de tiempo: son aplicaciones fáciles de gestionar, porque, sin necesidad de descargar ni instalar ningún programa o plugin adicional, permite realizar tareas de forma sencilla.

Compatibilidad: se pueden trabajar las aplicaciones web con los navegadores existentes.

Actualización continua e inmediata: el desarrollador de las aplicaciones web gestiona y controla el software, la versión de descargue y la instalación, con lo que permite que los usuarios siempre tengan la versión del software más actualizada.

Recuperación de datos: generalmente los usuarios puede recuperar la información desde cualquier dispositivo y lugar.

Ahorro de recursos en equipos y dispositivos: como las aplicaciones web están en servidor web, estas tienen un bajo consumo de recursos.

Compatibilidad con diversas plataformas: las aplicaciones web se pueden instalar en cualquier sistema operativo, lo que permite usarlas desde cualquier dispositivo móvil o equipo informático, siempre que se cuente con un navegador web.

Tipos de aplicaciones web

Existen muchos tipos de aplicaciones web que se pueden desarrollar, entre las cuales se pueden mencionar:

Web mail: sistemas para el acceso a correo electrónico utilizando un navegador web, sin necesidad de descargar los correos en el equipo informático.

Wikis: son aplicaciones web cuyos contenidos pueden ser editados simplemente desde un navegador, para permitir que los usuarios creen, modifiquen o eliminen dichos contenidos que usualmente se comparten.

Weblogs: son aplicaciones web cuyos contenidos son publicados y actualizados permanente por sus autores (textos, imágenes, videos, entre otros).

Tiendas online: aplicaciones web que se usan principalmente para realizar transacciones comerciales (compras y ventas).

Creación de aplicaciones web

Para crear aplicaciones web es necesario:

Un servidor web.

Un servidor de aplicaciones que se ejecute en el servidor web.

Además, es posible utilizar una base de datos con la aplicación, lo que hace que se necesite el siguiente software:

Un gestor de bases de datos.

Un controlador para el sistema de base de datos.

Observación: en el ambiente de las aplicaciones web, un servidor web y un servidor de aplicaciones hacen referencia a software y no a hardware.

Servidor web

Es un software que proporciona páginas web como respuesta a las peticiones de los navegadores web. Esencialmente, un servidor web es un programa que, por intermedio de un número de puerto, está a la espera de conexiones. Las peticiones, como las respuestas, se encapsulan en seguimiento del protocolo HTTP (hypertext transfer protocol), que permite a los componentes web (clientes, servidores y demás) comunicarse de una forma estándar. El proceso descrito se ilustra en la figura 1.

Figura 1. Servidor web

Servidor web

Fuente: Rodríguez (2019).

Servidores de aplicaciones

Como se esquematiza en la figura 2, los servidores de aplicaciones son un software que permite conectividad para intercomunicarse con diferentes servicios y gestionar confiabilidad, seguridad y otras condiciones favorables de uso. Además, los servidores de aplicación ofrecen a los programadores una interfaz para la programación de aplicaciones (API, por su sigla en inglés), sin tener en cuenta el sistema operativo. Por otro lado, los servidores de aplicaciones dan soporte a estándares internacionales, como HTML, XML, JDBC, SSL, etc., que permiten el funcionamiento en ambientes web.

Un servidor de aplicaciones permite:

Disponibilidad: su funcionamiento deber ser las 24 horas del día en los 365 días al año.

Escalabilidad: tiene la capacidad de adaptar el sistema al incrementarse el volumen de trabajo por el aumento del número de peticiones.

Mantenimiento: se refiere a la facilidad para actualizar, depurar fallos y mantener el sistema.

Figura 2. Servidor de aplicaciones

Servidor de aplicaciones

Fuente: Riesco (s. f.).

Arquitectura web

La arquitectura web es el arte de planear, diseñar y construir espacios web. Se debe tener en cuenta:

Las secciones y páginas web que deberá contener el sitio.

Definir la página principal o de inicio.

Distribuir el contenido a presentar entre las distintas secciones y páginas.

Establecer las distintas vías de acceso a cada una de las páginas del sitio web.

Especificar el número de idiomas que dispondrá el sitio web.

Además, es importante definir:

El diseño de la interfaz de usuario de la aplicación web: se refiere al diseño de la propia web, el aspecto visual, lo que comprende los colores, las imágenes, la tipografía, la posición de los distintos bloques de contenido dentro de las distintas páginas, los demás recursos visuales y la estructuración de los contenidos enlazados a través de un menú con las distintas opciones disponibles.

El diseño e implementación de la lógica de la aplicación: es el conjunto de funcionalidades que esta ofrecerá, en lo referente al procesamiento de los datos, al cálculo de resultados, al diseño y la ejecución de algoritmos, al manejo de la información recopilada en una base de datos, a la ejecución de diversas acciones, entre otros aspectos.

El diseño de la arquitectura de la información: determinar la información del mundo real que tendrá que tratar la aplicación web, diseñar el modelo conceptual con sus distintas entidades y relaciones, obtener el modelo de datos que mejor se adapte al modelo conceptual e implementar el modelo de datos en un motor de bases de datos.

Lenguajes de programación para aplicaciones web

Se pueden distinguir dos tipos de lenguajes de programación en la implementación de aplicaciones web:

Del lado del cliente: son lenguajes de programación, llamados lenguajes de script, que ejecutan y procesan el código directamente en el navegador del cliente. En la actualidad existen dos lenguajes de script: VBScript y JavaScript. La codificación en un lenguaje de script se integra seguidamente dentro del código HTML y, al ser ejecutado, es interpretado por el navegador.

Del lado del servidor: son lenguajes de script interpretados y ejecutados directamente por el servidor web. Estos lenguajes se utilizan generalmente en las aplicaciones web, porque permiten el acceso a diversos recursos externos al computador del cliente. Entre los lenguajes de programación del lado del servidor, se pueden mencionar Perl, ASP (active server pages), JSP (Java server pages), Php (hypertext preprocesor).

Arquitectura .NET

La arquitectura .NET de Microsoft, es un ambiente integrado para la ejecución, compilación, depuración y desarrollo de aplicaciones. Los lenguajes de programación de la arquitectura soportan el mismo entorno, normas, reglas y librerías de Microsoft .NET Framework. La plataforma .NET suministra el software necesario para conectar distintos usuarios, recursos, dispositivos e información de un modo personalizado. Además, permite incorporar servicios web XML para interoperar entre diferentes tecnologías. También, provee a los desarrolladores de software todas las herramientas y la tecnología necesarias para obtener eficientes y eficaces soluciones empresariales, incluidas múltiples aplicaciones y dispositivos para el cliente, entre heterogéneas organizaciones. Los componentes de trabajo de la arquitectura .NET son:

Conjunto de lenguajes de programación: la plataforma .NET puede trabajar los lenguajes de programación visual Basic, C++, C#, F#, Java, Python, Ruby y PHP.

Biblioteca de clases base o BCL: es la encargada de las operaciones elementales implicadas en el desarrollo de aplicaciones, tales como la interacción con los dispositivos periféricos, la administración de datos, la gestión de memoria, el manejo de componentes web, las herramientas gráficas, las operaciones aritméticas, la creación de código y otros procesos. La BCL se clasifica en .NET, Windows Forms, ASP.NET y ADO. NET.

Entorno común para ejecución de lenguajes o CLR (common language runtime): es el medio de ejecución de las aplicaciones escritas en los diferentes lenguajes. Este recurso compila el código fuente de cada uno de los lenguajes soportados por la plataforma .NET en un código intermedio (Microsoft intermediate language MSIL o CIL³ ). Para generarlo, el compilador utiliza la descripción CLS (common language specification), que establece las normas necesarias para crear el código MSIL compatible con el CLR. Además, para ejecutarse, es necesario el compilador JIT⁴ (just-in-time), el cual crea el código de máquina⁵ real que se ejecuta en la plataforma del cliente. De esta manera, se obtiene una independencia con la plataforma del hardware.

.NET Framework

El .NET Framework es una herramienta de servicios de programación que facilitan el diseño y el desarrollo de aplicaciones en un entorno distribuido de internet. .NET Framework está diseñado para desempeñar los siguientes objetivos:

Suministrar un medio lógico de programación orientada a objetos, para que el código de los objetos se logre almacenar y ejecutar distribuidamente en internet de modo local o remoto.

Facilitar un ambiente de ejecución del código, de forma que se reduzca en extremo la implementación de software y los problemas de versiones.

Brindar un escenario de ejecución del código que provoque la ejecución segura del mismo, incluso del que sea creado por personal desconocido o que no sea de absoluta confianza.

Proveer un contexto de ejecución del código que permita eliminar las dificultades de rendimiento al utilizar una secuencia de comandos o intérpretes de comandos.

Proporcionar al desarrollador un estilo razonable entre tipos de las diferentes aplicaciones establecidas en Windows o en la web.

La plataforma .NET Framework tiene como componentes primordiales el CLR y la biblioteca de clases (BCL) de .NET Framework. El CLR es un motor que maneja el código en tiempo de ejecución y facilita la gestión de memoria, la distribución de subprocesos y la intercomunicación remota. El código reservado al motor en tiempo de ejecución es llamado código administrado, y el código restante es el código no administrado.

La BCL es un conjunto orientado a objetos de características reutilizables que se aprovechan para desarrollar diversas aplicaciones, incluidas herramientas habituales de interfaz gráfica de usuario, como también las aplicaciones web ASP.NET, relacionadas con los formularios web forms y los servicios web XML.

La correspondencia entre el CLR y la BCL con las aplicaciones y su sistema en conjunto se pueden apreciar en la figura 3:

Figura 3. .NET Framework

.NET Framework

Fuente: javaTpoint, (s. f.).

ASP.NET (active server pages)

ASP.NET es un entorno de programación de la plataforma .NET Framework para modelar y gestionar aplicaciones web de tres capas (de cliente⁶, intermedia⁷, de datos⁸) que se ejecutan sobre el servidor IIS (internet information services) utilizando el protocolo HTTP. Su marco de programación es generado en el CLR, en un servidor para desarrollar eficientes y eficaces aplicaciones web ASP.NET.

Entre las ventajas que ofrece este entorno se pueden mencionar:

Rendimiento: la tecnología ASP.NET compila las aplicaciones con un mínimo de recursos (just-in-time).

Compatibilidad: el entorno de desarrollo integrado (integrated development environment, IDE) de visual studio contiene un diseñador muy completo para interfaz gráfica, el cual comprende también una caja de herramientas con una gran variedad de elementos interactivos.

Flexibilidad: en las aplicaciones ASP.NET es posible la utilización de un lenguaje de programación que más se ajuste a unas necesidades específicas, como también dividir la aplicación para utilizar diferentes lenguajes de programación. Por otro lado, se puede acceder desde la web a la BCL .NET Framework, a sus recursos de mensajería y a herramientas para la obtención de datos.

Simplicidad: desde el marco de trabajo ASP.NET se puede independizar la lógica del negocio y el código del diseño de presentación, por otro lado, es posible controlar los eventos de una forma muy sencilla al procesar datos en un formulario.

Facilidad: ASP.NET usa una configuración jerárquica, la cual facilita la configuración del entorno entre el servidor y las aplicaciones web, realizando una copia únicamente de los archivos necesarios.

Disponibilidad: todos los procesos son controlados y administrados continuamente, con el fin de tener la aplicación disponible repetidamente para controlar las diferentes solicitudes.

Personalización: la arquitectura ASP.NET permite a los desarrolladores implementar código en el nivel óptimo.

Seguridad: cada vez que se genera una aplicación ASP.NET se configura e integra una autenticación de Windows, lo que infiere una seguridad más radical en cada aplicación.

El componente esencial de una aplicación ASP.NET es el formulario web (web form). Un componente web form es una página web que los usuarios visualizan en un navegador. Una aplicación web ASP.NET consta de uno o más formularios web form. Además, dichos formularios generalmente son páginas dinámicas con las que se consigue el acceso a los diferentes recursos del servidor.

Por otro lado, con un formulario web ASP.NET es posible ejecutar código en el lado servidor para acceder a un gestor de base de datos, crear formularios adicionales o explotar la seguridad incorporada en el servidor. Por otro lado, los formularios web ASP.NET no dependen de un navegador o de un sistema operativo específico. Esto permite desarrollar un formulario web form único que consigue ser visualizado por casi todos los dispositivos informáticos que cuenten con acceso a internet y con un navegador web.

Figura 4. Servidor web ASP.NET

Servidor web ASP.NET

Fuente: Berzal Galiano, (s. f.).

Una aplicación web ASP.NET incluye las siguientes partes:

Formularios web forms o páginas .aspx: son formularios que suministran la interfaz de usuario para la aplicación web.

Páginas con código asociado: son páginas relacionadas a los formularios web forms y que involucran el código para el servidor del formulario web forms.

Archivos de configuración: son archivos XML donde se precisa la configuración preestablecida para la aplicación y el servidor web. En cada aplicación web se genera un archivo de configuración llamado web.config, como también cada servidor web posee un archivo machine.config.

Archivo Global.asax: es un archivo que abarca el código preciso para responder a los eventos generados en una aplicación ASP.NET.

Enlaces a servicios web XML: permiten a una aplicación web remitir y recoger los datos de un servicio web XML.

Conectividad a bases de datos: permite a una aplicación web traspasar datos desde y hacia una fuente de base de datos.

Caché: la memoria caché proporciona a una aplicación web retornar más ágilmente los formularios web forms y datos después de la petición inicial.

Figura 5. Modelo de ejecución de ASP.NET

Modelo de ejecución de ASP.NET

Fuente: Syrium Capacitación OnLine, (s. f.).

Microsoft Visual Studio

Es un entorno integrado de desarrollo (IDE) para los sistemas operativos Windows, Linux y MacOS, con una ventana de inicio, la que se muestra en la figura 6, creativa utilizable para editar, depurar y compilar código, con el fin de publicar una aplicación. Además, el IDE de Visual Studio contiene compiladores, herramientas de terminación de código, diseñadores gráficos y un conjunto de utilidades para desarrollar software, desde la fase de diseño, la interfaz de usuario, la respectiva codificación, las pruebas de código, hasta la depuración, el análisis y el rendimiento del código.

El entorno de desarrollo actual es Microsoft Visual Studio 2022, donde es posible codificar con los lenguajes de programación Visual Basic, C#, C++, Java, Python, Ruby y Php, que permite la creación de diversas aplicaciones sencillas para clientes móviles, hasta aplicaciones complejas para empresas y centros de datos, como aplicaciones y juegos para Windows, iOS, Android, sitios web y servicios web ASP.NET, entre otros.

Figura 6. Página de inicio de Visual Studio 2022

Página de inicio de Visual Studio 2022

Fuente: elaboración propia a partir de Microsoft (2022). De dominio público.

Creación de aplicación Web ASP.NET C#

Para estructurar una aplicación web ASP.NET con el lenguaje de programación Visual C# .NET, se necesitan los siguientes pasos:

Crear un sitio web nuevo.

Implementar la interfaz gráfica del usuario.

Instaurar las propiedades para cada uno de los objetos a utilizar.

Escribir el respectivo código.

Ejecutar el sitio web.

Crear un nuevo sitio web

Para generar un sitio web nuevo desde la página principal de Visual Studio 2022, es posible de dos maneras:

En la ventana de inicio, seleccionar el vínculo Crear un proyecto...

O dar clic en el menú Archivo y elegir Nuevo → Proyecto...

Al seleccionar una de las dos opciones se visualizará la ventana de plantillas Crear un proyecto, como se enseña en la figura 7, donde deberá seleccionar como lenguaje de programación C# y Aplicación web ASP.NET (.NET Framework).

Pulse el botón Siguiente, para visualizar la ventana Configure su nuevo proyecto. En esta ventana, como nombre de proyecto, escriba PrimerSitioWeb; en la opción Ubicación, dé clic en el botón con los tres puntos (…) y seleccione la carpeta donde se desea guardar el respectivo sitio web o simplemente digite la ruta de trabajo. Además, active en el cuadro de verificación Colocar la solución y el proyecto en el mismo directorio. Se deberá apreciar como se ve en la figura 8:

Figura 7. Ventana Crear un proyecto C#, de la aplicación web ASP.NET

Ventana Crear un proyecto C#, de la aplicación web ASP.NET

Fuente: elaboración propia a partir de Microsoft (2022). De dominio público.

Figura 8. Ventana para configurar un nuevo proyecto

Ventana para configurar un nuevo proyecto

Fuente: elaboración propia a partir de Microsoft (2022). De dominio público.

A continuación, dé clic en el botón Crear para ver la ventana Crear una aplicación web ASP.NET. Seleccione la opción Vacío, como se muestra en la siguiente figura:

Figura 9. Ventana para crear una aplicación web ASP.NET

Ventana para crear una aplicación web ASP.NET

Fuente: elaboración propia a partir de Microsoft (2022). De dominio público.

Por último, nuevamente dé clic en el botón Crear para apreciar el entorno de diseño del sitio web PrimerSitioWeb, tal como el que enseña la figura 10:

Figura 10. Entorno de diseño de un nuevo sitio web

Entorno de diseño de un nuevo sitio web