Desarrollo de Aplicaciones ASP Net

8/19/2019 Desarrollo de Aplicaciones ASP Net

1/43

Desarrollo de Aplicaciones AS

Da

Programación I


2/43

Arquitectura de Aplicaciones


3/43

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

Arquitectura de aplicaciones

Aplicaciones WEB Cliente / Se


4/43



Cliente Servidor

• Modelo de aplicación distribuida

• Tareas se reparten entre los proveedores de recursos o servicios (Servidores) y demand

recursos o servicios (Clientes)

• Capacidad de proceso se reparte entre el Cliente y el servidor


5/43Programación Internet – Darío Villamarín G.


Cliente

Servidor

Los beneficios de aplicaciones cliente / servidor se los explota en aplicaciones multi


6/43



Internet

HTTP

ClienteNavegador Web

S

Serv


7/43



Intranet

HTTP


S

Serv


8/43



Internet

HTTP


S

Serv

• Capacidad de procesamiento ha ido incrementando

• Ajax

• En la actualidad en el navegador web podemos utilizar

múltiples aplicaciones


9/43



Aplicaciones Web

Navegador

Cliente Servidor Web + BD

Servicio HTTP BasePetición

RespuestaRespuesta

Consulta u

Operación


10/43



Aplicaciones Web

Navegador

Cliente Servidor Web


RespuestaRespuesta

Consulta u

Operación

Servid


11/43



Aplicaciones Web

Navegador

Cliente Servidor Web + aplicaciones + BD


Respuesta

Datos

Procesados

Consulta u

Operación

Dat

Servicio de aplicaciones


12/43



Aplicaciones Web

Navegador

Cliente Servidor Web + aplicaciones


Respuesta

Datos

Procesados

Consulta u

Operación

Dat


Servi


13/43



Aplicaciones Web

Navegador



Respuesta

Datos

Procesados

Consulta u

Operación

Dat


Servi

Servidor de

aplicaciones


14/43



Aplicaciones Web

Navegador



Respuesta

Datos

Procesados

Consulta u

Operación

Dat


Servi

Servidor de

aplicaciones


15/43



Aplicaciones Web

Pocos UsuariosMuchos Usuarios

Arquitecturas má


16/43


Web Server 1 Web Server 2 Web Server 3 Web Server n

Database 1 Database 2 Database m

Failover 1 Failover 2 Failover m

Balanceo de Carga

• Granjas de Serv

• Balanceo de Capeticiones entr

• Los sistemas puservicio a mayousuarios porqudistribuye

• Alta Disponibili

• Puede llegar a s


17/43



Cloud Computing


18/43


Aplicaciones Web

Desventajas

• Funcionalidades propias deaplicaciones de escritorio

• Especialización de losdesarrolladores para incrementar

funcionalidades

Ventajas

• No Instalaciones

• No hay problemas deincompatibilidad

• No ocupan espacio de

• Actualizaciones inmedi• Menor consumo de rec

• Multiplataforma

• Alta Disponibilidad


19/43

Herramientas de Desarrollo


20/43


Herramientas de Desarrollo

Visual Studio 2010 SQL Server 2008


21/43


Arquitectura del Framework .Net


22/43


Entorno común de ejecución Common

Language Runtime, CLR)


23/43


Ventajas de .Net

Interoperabilidadcon códigoexistente

Soporte paramúltiples

lenguajes deprogramación

Runtimepara to

lengu

Integración delenguajes

Potente librería declases

Modelo sedistribu

aplicac


24/43


Componentes de la plataforma

DataAccess Desktop GUI Security Remoting API

Threading File I/O Web API Etc…

Base Class Library (BCL)

Common Language Runtime (CLR)

Common Type System (CTS)

Common Language Specification (CLS)


25/43


ASP.NET

Proporciona un modelo de desarrollo Web unificado que incluyelos servicios necesarios para crear aplicaciones Web

Entorno compilado basado en .Net

Permite crear aplicaciones en cualquier lenguaje compatible con.Net (C#, Visual Basic, J#, etc.)


26/43


ASP.NET

Clientes Web

Aplicaciones ASP.NET

.Net Framework

IIS

Sistema Operativo Windows


27/43


ASP.NET

Separación de la capa de presentación de la lógica de negocio

Acceso a los servicios provistos por .Net Framework

Una página se compila cuando es accedida por primera vez y el resultado de la compilacióguarda para los siguientes accesos a esta página

Administración del estado de una aplicación ASP.NET

Varios lenguajes, trabajo colaborativo

Actualización de ficheros “en caliente”


28/43

Fundamentos de Formas Web


29/43


Páginas Web ASP.NET

• Proporcionan la interfaz de usuario para las aplicaciones Web.

• Para construir estas páginas, la plataforma ASP.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

• El código que se ejecuta en el servidor generará dinámicamente HTML para la salida

•

Los controles pueden ser del tipo:• De Servidor HTML

• De Servidor Web

• De Validación

• De usuario


30/43


31/43


Ejercicio en Clase

1. Primer Web Form (EC_PWF1_NombreEstudiante.zip)

a) Cree un proyecto del tipo “Aplicación Web Vacía de ASP.NET “b) Despliegue el texto “BIENVENIDO A PROGRAMACIÓN INTERNET”c) De estilo al texto, color, tamaño y alineación

2. Primer Web Form de Servidor (EC_PWF2_NombreEstudiante.zip)a) Cree un proyecto del tipo “Aplicación Web Vacía de ASP.NET “b) Agregue un control de tipo label y configure las propiedadesc) Agregue un control de tipo Botón y configure las propiedadesd) Genere un evento al Botón que cuando haga click, se muestre en el label creado

anterior se muestre el mensaje ““BIENVENIDO A PROGRAMACIÓN INTERNET”e) De estilo al texto, color, tamaño y alineación

3. Analice que pasa cuando al crear el proyecto selecciona el tipo “AplicaciónASP.NET”


32/43


Tarea en Casa

1. TC_PSW1_NombreEstudiante.zip

Investigue y explique, en Visual Studio, cuál es la diferencia entre creproyecto y un sitio Web.

• Tarea Individual.

2. TC_INVHTML_NombreEstudiante.zipRealice una investigación grupal referente a programación HTML, 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)


33/43


Controles HTML

Definidos en espacio de nombres:

System.Web.UI.HtmlControls

Derivan de la clase:

HtmlControl

De forma predeterminada elservidor no tiene acceso alos elementos HTML de un

formulario Web.

ASP.NET reconoce cuando enun formulario Web hay

código basado en servidor


34/43


Controles HTML

Control Etiqueta Correspondiente

HtmlAnchor

HtmlButton

HtmlSelect

HtmlTextArea

HtmlInputButton

HtmlInputCheckBox

HtmlInputRadioButton

HtmlInputText y

HtmlInputHidden

HtmlInputImage

HtmlInputFile

HtmlForm

HtmlImage

HtmlTable

HtmlTableRow

HtmlTableCell

HtmlGenericControl Cualquier etiqueta sin asignar , , etc

Cont

comp

entre


35/43


Ejercicio en Clase

EC_HTML_ASPNET_ NombreEstudiante.zip)

• HTML


36/43

Controles Web


37/43


Controles Web

• Definidos en el espacio de nombres System.Web.UI.WebControls

• Derivan de la clase base Web.Control

• Simplifican el desarrollo:

• Modelo de objetosAyuda a reducir errores de programación La clase base implempropiedades comunes

• Detectan automáticamente las funciones del Cliente Web El usuario puede personaliprocesamiento y así sacar al máximo dichas funciones

• En un formulario Web, cualquier propiedad de un control se puede enlazar a datos

• Los controles Web aparecen en el formato HTML como etiquetas de espacios de nodecir etiquetas con un prefijo


38/43


Controles Web

Presentación del Texto

Controles de entrada

Envío y Devolución

Exploración

Label


39/43


Controles Web

Controles de diseño

Selección de fechas

Controles con enlaces a datos

Controles de validación

Panel

Table

<

<

Calendar

GridView

List View


40/43


Controles Web

• Ejercicio en Clase (EC_CW1_NombreEstudiante.zip)

• Utilizando los controles que se han visto, realice el diseño de un formulario para que unpueda concretar una cita con un docente. El formulario puede ser similar al siguiente:


41/43


Controles Web

• Tarea en Casa 1 (TC_CW1_NombreEstudiante.zip)

• Utilizando los controles que se han visto, realice una aplicación Web ASP.NET que muestpara que cuando el usuario haga clic sobre el, se muestre en una etiqueta la hora actual

• Tarea en Casa 2 (TC_CW2_NombreEstudiante.zip)

• Realice una aplicación Windows, en la que utilizando un control WebBrowser se muestrweb en un formulario. (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:

Label1Caja de Texto Text

Name

(vacío)

txtUrl

Botón Text

Name

Ir

btnIr

WebBrowser Name WebBrowser1


42/43


Controles Web


43/43


Fuente Bibliográfica

• Cevallos, Javier (2013). Enciclopedia de Microsoft Visual C#,

Editorial Alfaomega, ISBN 978-607-707-024-5

• http://idesweb.es

Desarrollo de Aplicaciones ASP Net

Documents

Transcript of Desarrollo de Aplicaciones ASP Net