Programación Internet – IER720

Desarrollo de Aplicaciones ASP. Net
Darío Villamarín G.
Septiembre 2014

Arquitectura de Aplicaciones

Arquitectura de aplicaciones

Aplicaciones WEB

Programación Internet – Darío Villamarín G.

Cliente / Servidor

Arquitectura de aplicaciones
Cliente

Servidor

• Modelo de aplicación distribuida
• Tareas se reparten entre los proveedores de recursos o servicios (Servidores) y demandantes de
recursos o servicios (Clientes)
• Capacidad de proceso se reparte entre el Cliente y el servidor

Programación Internet – Darío Villamarín G.

.Arquitectura de aplicaciones Cliente Servidor Los beneficios de aplicaciones cliente / servidor se los explota en aplicaciones multiusuario Programación Internet – Darío Villamarín G.

Servidor Servidor Web .Arquitectura de aplicaciones Internet HTTP Cliente Navegador Web Programación Internet – Darío Villamarín G.

Servidor Servidor Web .Arquitectura de aplicaciones Intranet HTTP Cliente Navegador Web Programación Internet – Darío Villamarín G.

Arquitectura de aplicaciones Internet HTTP Cliente Navegador Web • Capacidad de procesamiento ha ido incrementando • Ajax • En la actualidad en el navegador web podemos utilizar múltiples aplicaciones Programación Internet – Darío Villamarín G. Servidor Servidor Web .

Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Servidor Web + BD Petición Servicio HTTP Base de Datos Consulta u Operación Respuesta Programación Internet – Darío Villamarín G. Respuesta .

Respuesta .Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Petición Servidor Web Servidor BD Servicio HTTP Base de Datos Consulta u Operación Respuesta Programación Internet – Darío Villamarín G.

Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Servidor Web + aplicaciones + BD Petición Servicio HTTP Base de Datos Consulta u Operación Respuesta Datos Procesados Datos Servicio de aplicaciones Programación Internet – Darío Villamarín G. .

Servidor BD Datos .Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Servidor Web + aplicaciones Petición Servicio HTTP Base de Datos Consulta u Operación Respuesta Datos Procesados Servicio de aplicaciones Programación Internet – Darío Villamarín G.

Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Servidor Web Petición Servidor BD Servicio HTTP Base de Datos Consulta u Operación Respuesta Datos Procesados Servidor de aplicaciones Programación Internet – Darío Villamarín G. Datos Servicio de aplicaciones .

Datos Servicio de aplicaciones .Arquitectura de aplicaciones Aplicaciones Web Cliente Navegador Servidor Web Petición Servidor BD Servicio HTTP Base de Datos Consulta u Operación Respuesta Datos Procesados Servidor de aplicaciones Programación Internet – Darío Villamarín G.

Muchos Usuarios Arquitecturas más complejas .Arquitectura de aplicaciones Aplicaciones Web Pocos Usuarios Programación Internet – Darío Villamarín G.

• Alta Disponibilidad • Puede llegar a ser muy costoso .Balanceo de Carga Web Server 1 Web Server 2 Web Server 3 Web Server n • Granjas de Servidores (Clusters) • Balanceo de Carga. reparte las peticiones entre los servidores • Los sistemas pueden dar el servicio a mayor numero de usuarios porque la carga se distribuye Database 1 Database 2 Database m Failover 1 Failover 2 Failover m Programación Internet – Darío Villamarín G.

Arquitectura de aplicaciones Cloud Computing Programación Internet – Darío Villamarín G. .

Aplicaciones Web Desventajas • Funcionalidades propias de aplicaciones de escritorio • Especialización de los desarrolladores para incrementar funcionalidades Programación Internet – Darío Villamarín G. Ventajas • No Instalaciones • No hay problemas de incompatibilidad • No ocupan espacio de disco • Actualizaciones inmediatas • Menor consumo de recursos • Multiplataforma • Alta Disponibilidad .

Herramientas de Desarrollo .

Herramientas de Desarrollo Visual Studio 2010 Programación Internet – Darío Villamarín G. SQL Server 2008 R2 .

.Arquitectura del Framework .Net Programación Internet – Darío Villamarín G.

.Entorno común de ejecución (Common Language Runtime. CLR) Programación Internet – Darío Villamarín G.

Soporte para múltiples lenguajes de programación Runtime común para todos los lenguajes Potente librería de clases Modelo sencillo de distribución de aplicaciones .Ventajas de .Net Interoperabilidad con código existente Integración de lenguajes Programación Internet – Darío Villamarín G.

Componentes de la plataforma Base Class Library (BCL) DataAccess Desktop GUI Security Remoting API Threading File I/O Web API Etc… Common Language Runtime (CLR) Common Type System (CTS) Common Language Specification (CLS) Programación Internet – Darío Villamarín G. .

ASP.NET Proporciona un modelo de desarrollo Web unificado que incluye los servicios necesarios para crear aplicaciones Web Entorno compilado basado en .Net (C#. Visual Basic. J#.) Programación Internet – Darío Villamarín G. .Net Permite crear aplicaciones en cualquier lenguaje compatible con . etc.

ASP.NET .Net Framework Sistema Operativo Windows Programación Internet – Darío Villamarín G. IIS .NET Clientes Web Aplicaciones ASP.

.NET Separación de la capa de presentación de la lógica de negocio Acceso a los servicios provistos por .NET Varios lenguajes.ASP.Net Framework Una página se compila cuando es accedida por primera vez y el resultado de la compilación se guarda para los siguientes accesos a esta página Administración del estado de una aplicación ASP. trabajo colaborativo Actualización de ficheros “en caliente” Programación Internet – Darío Villamarín G.

Fundamentos de Formas Web .

Páginas Web ASP. . la plataforma ASP.NET • Proporcionan la interfaz de usuario para las aplicaciones Web.NET provee: • Objetos y controles para ser añadidos a la interfaz durante el diseño • Un contexto de ejecución para desarrollar y ejecutar aplicaciones en un servidor Web • El código que se ejecuta en el servidor generará dinámicamente código HTML para la salida • Los controles pueden ser del tipo: • • • • De Servidor HTML De Servidor Web De Validación De usuario Programación Internet – Darío Villamarín G. • Para construir estas páginas.

mayor funcionalidad. Programación Internet – Darío Villamarín G. Captura de eventos del contenedor. Generan HTML Controles de Validación Validan las entradas del usuario Controles de Usuario Páginas de Formularios Web dentro de otra. Interactúa con órdenes de Cliente Controles de Servidor Web Controles Visual C#. .Páginas Web ASP.NET Controles de Servidor HTML Elementos HTML.

se muestre en el label creado en el punto anterior se muestre el mensaje ““BIENVENIDO A PROGRAMACIÓN INTERNET” De estilo al texto. color. tamaño y alineación Cree un proyecto del tipo “Aplicación Web Vacía de ASP.Ejercicio en Clase 1.zip) a) b) c) 2. tamaño y alineación Analice que pasa cuando al crear el proyecto selecciona el tipo “Aplicación Web Form ASP. Primer Web Form (EC_PWF1_NombreEstudiante. De Servidor . Cree un proyecto del tipo “Aplicación Web Vacía de ASP.NET “ Despliegue el texto “BIENVENIDO A PROGRAMACIÓN INTERNET” De estilo al texto. color.zip) a) b) c) d) e) 3. HTML Primer Web Form de Servidor (EC_PWF2_NombreEstudiante.NET “ Agregue un control de tipo label y configure las propiedades Agregue un control de tipo Botón y configure las propiedades Genere un evento al Botón que cuando haga click.NET” Programación Internet – Darío Villamarín G.

• Tarea Individual. . TC_INVHTML_NombreEstudiante. la investigación debe cubrir al menos los siguientes temas • • • • Leguaje HTML Proceso de ejecución de una página / aplicación en HTML Controles HTML Páginas de Estilos (CSS) Programación Internet – Darío Villamarín G.zip Realice una investigación grupal referente a programación HTML. TC_PSW1_NombreEstudiante. 2.zip Investigue y explique.Tarea en Casa 1. cuál es la diferencia entre crear un proyecto y un sitio Web. en Visual Studio.

NET reconoce cuando en un formulario Web hay código basado en servidor Programación Internet – Darío Villamarín G.UI.Web.HtmlControls HtmlControl De forma predeterminada el servidor no tiene acceso a los elementos HTML de un formulario Web.Controles HTML Definidos en espacio de nombres: Derivan de la clase: System. . ASP.

Controles HTML Control HtmlAnchor HtmlButton HtmlSelect HtmlTextArea HtmlInputButton HtmlInputCheckBox HtmlInputRadioButton HtmlInputText HtmlInputHidden HtmlInputImage HtmlInputFile HtmlForm HtmlImage HtmlTable HtmlTableRow HtmlTableCell HtmlGenericControl Programación Internet – Darío Villamarín G. Etiqueta Correspondiente <a> <button> <select> <textarea> <input type="button"> <input type="check"> <input type="radio"> <input type="text"> y <input type="password"> <input type="hidden"> <input type="image"> <input type="file"> <form> <img> <table> <tr> <td> Cualquier etiqueta sin asignar <span>. etc Controles útiles para compatibilidad entre ASP y ASP. <div>.NET .

ToString().Ejercicio en Clase (EC_HTML_ASPNET_ NombreEstudiante. Programación Internet – Darío Villamarín G. .NET <input id=“Text1” style=“width: 248px” type=“text” runat=“server” /> string s=Text1.zip) • HTML <input name=“Text1” style=“width: 248px” type=“text”/> • ASP.Value.

Controles Web .

cualquier propiedad de un control se puede enlazar a datos • Los controles Web aparecen en el formato HTML como etiquetas de espacios de nombres.WebControls • Derivan de la clase base Web. . es decir etiquetas con un prefijo <asp: TextBox id=“CajaTexto1” runat=“server” Text=“xxxx”></asp: TextBox> Programación Internet – Darío Villamarín G.UI.Control • Simplifican el desarrollo: • Modelo de objetos Ayuda a reducir errores de programación  La clase base implementa propiedades comunes • Detectan automáticamente las funciones del Cliente Web  El usuario puede personalizar el procesamiento y así sacar al máximo dichas funciones • En un formulario Web.Controles Web • Definidos en el espacio de nombres System.Web.

jpg" /> Exploración HyperLink Programación Internet – Darío Villamarín G. <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Inicio.aspx">Enlace</asp:HyperLink> .Controles Web Presentación del Texto Label <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> Controles de entrada TextBox CheckBox CheckBoxList RadioButton RadioButtonList ListBox DropDownList <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:CheckBox ID="CheckBox1" runat="server" Text="Opción 1" Checked="true" /> <asp:RadioButton ID="RadioButton1" runat="server" Text="Opción 1" Checked="true" GroupName="Grupo 1" /> <asp:ListBox ID="ListBox1" runat="server"> <asp:ListItem Selected="True" Value="1"> Elemento 1</asp:ListItem> </asp:ListBox> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Value="1"> Elemento 1</asp:ListItem> </asp:DropDownList> Envío y Devolución Button LinkButton ImageButton <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:LinkButton ID="LinkButton1" runat="server"> Enviar </asp:LinkButton> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="Ini.

<asp:Panel ID="Panel1" runat="server"> <asp:Table ID="Table1" runat="server"> RequiredFileValidator RangeValidator CompareValidator RegularExpressionValidator CustomValidator ValidationSummary </asp:Panel> </asp:Table> </asp:GridView> .Controles Web Controles de diseño Panel Table Selección de fechas Calendar <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar> Controles con enlaces a datos GridView List View <asp:GridView ID="GridView1" runat="server"> Controles de validación Programación Internet – Darío Villamarín G.

Controles Web • Ejercicio en Clase (EC_CW1_NombreEstudiante. . realice el diseño de un formulario para que un estudiante pueda concretar una cita con un docente.zip) • Utilizando los controles que se han visto. El formulario puede ser similar al siguiente: Programación Internet – Darío Villamarín G.

. (investigue como desplegar una URL en un control Web Browser) • Los controles que debe tener el formulario son los siguientes: Objeto Propiedad Valor Etiqueta Text Name Dirección: Label1 Caja de Texto Text Name (vacío) txtUrl Botón Text Name Ir btnIr WebBrowser Name WebBrowser1 Programación Internet – Darío Villamarín G. • Tarea en Casa 2 (TC_CW2_NombreEstudiante. en la que utilizando un control WebBrowser se muestre una página web en un formulario.Controles Web • Tarea en Casa 1 (TC_CW1_NombreEstudiante. se muestre en una etiqueta la hora actual.NET que muestre un botón para que cuando el usuario haga clic sobre el.zip) • Realice una aplicación Windows.zip) • Utilizando los controles que se han visto. realice una aplicación Web ASP.

Controles Web Programación Internet – Darío Villamarín G. .

Javier (2013). México.es Programación Internet – Darío Villamarín G. Enciclopedia de Microsoft Visual C#. . ISBN 978-607-707-024-5 • http://idesweb. Editorial Alfaomega.Fuente Bibliográfica • Cevallos.