LENGUAJE DE PROGRAMACIÓN IV

I. CREACIÓN DE UNA APLICACIÓN WEB.

OPERACIONES:

- Gestión de WebForms.
- Programación Script y CodeBehind.
- Manejo de Controles de Validación.

EQUIPOS Y MATERIALES:

- Computadora con microprocesadores Core 2 Duo o de mayor capacidad.

- Sistema operativo Windows.
- Acceso a internet.
- Software visual Studio 2012, Block de Notas.

ORDEN DE EJECUCIÓN:

- Reconocer la Estructura de las Páginas Web.

- Reconocer el Funcionamiento de las Aplicaciones Web
- Desarrollar Entornos de Trabajo para paginas ASP

1.1. GESTIONAR WEB FORMS.

FUNDAMENTO TEÓRICO:

Conceptos básicos de la aplicación Web: Es importante

manejar los conceptos básicos para poder construir una
aplicación web. A diferencia de otro tipo de aplicaciones
como pueden ser las de escritorio, en que sus
componentes se encuentran disponibles de forma
local; pues para desarrollar una aplicación web
es importante y muy necesario que los
componentes se encuentren distribuidos en
protocolos. Es por ello que es importante
conocer los siguientes conceptos básicos:

¿Qué es HTTP y cómo funciona?

Es un mecanismo de comunicación por el cual se pueden intercambiar
información entre loa navegadores y los sitios web. HTTP (Hypertext Transfer
Protocol – Protocolo de Transferencia de Hipertexto) inicialmente fue pensado
para la transferencia de archivos (documentos de hipertexto), hoy en día es

ESCUELA DE TECNOLOGÍAS DE INFORMACIÓN 6

 LENGUAJE DE PROGRAMACIÓN IV

más que eso, es una comunicación directa entre el sitio web y la interfaz del
servidor.

Los comandos básicos que se utilizan es GET y POST pero también existen
otros de menor frecuencia como son HEAD y PUT.

GET: se encarga de recuperar la información de la dirección URL (Uniform

Resource Identifier – Identificador Uniforme de Recursos).

HEAD: se encarga de recuperar la información del encabezado que nos trae la

URL.

POST: se encarga de realizar una petición al servidor, que podría tener

algunos efectos.

PUT: se encarga de enviar de enviar la información al servidor, pero

básicamente hablamos de documentos y registros a diferencia del POST que
maneja parámetros.

Para ver el funcionamiento básico de ello se debe de realizar un pequeño

ejemplo que será “Hola Senati”, con un código básico pero explicativo para el
propósito buscado.

¿Qué es HTML?
Es un lenguaje de Hypertext Markup Languaje – Lenguaje de Marcas de
Hipertexto; es el lenguaje por defecto de toda página web, la cual podremos
combinar con nuestro código ASP para resultados interactivos con el usuario.
Un navegador competente y un lenguaje HTML bien estructurado son la base
de la tecnología de desarrollo de interfaces del usuario. El HTML es analizado y
comprendido por los navegadores para ser ejecutada posteriormente en las
diferentes plataformas. Ejemplo de una estructura HTML:

ESCUELA DE TECNOLOGÍAS DE INFORMACIÓN 7

 LENGUAJE DE PROGRAMACIÓN IV

Formularios HTML:
HTML permite utilizar etiquetas de apertura como <form></form> para poder
indicarle al navegador que una parte de este código va a utilizar etiquetas que
representan controles con los que el usuario podrá interactuar. Estos datos
serán enviados de vuelta al servidor para realizar una acción a este proceso se
le denomina Postback. Ejemplo:

ESCUELA DE TECNOLOGÍAS DE INFORMACIÓN 8

 LENGUAJE DE PROGRAMACIÓN IV

Gestión de Web Form:

Antes de hablar de los Web Form (Formularios Web) hay que tener en cuenta
que la programación web (ASP) maneja tres modelos importantes: Web Form,
MVC y Web Pages; a continuación mostraremos un breve concepto de cada
modelo.

Web Form: Este modelo fue el primero en existir, nos brinda un gran nivel de
abstracción, y trabaja con un modelo de programación conocido por los
desarrolladores ya que trabaja con eventos y controles lo cual nos facilitaba los
manejos de funciones y utilizar poco código para el objetivo.

MVC: Apareció como alternativa al web form que brinda una manera de
programación que está basada en la arquitectura MVC, Maneja
preferentemente la integración con pruebas unitarias y separa la lógica de
presentación, la lógica del negocio y la lógica de acceso a datos.

Web Pages: Es el último de los modelos existentes de programación; este

modelo es más amigable y más sencillo de aprender, y no requiere de mucho
conocimiento de las herramientas de Web Form y MVC, pero no deja de
manejar la programación básica ASP.

ESCUELA DE TECNOLOGÍAS DE INFORMACIÓN 9

 LENGUAJE DE PROGRAMACIÓN IV

ASP trabaja de manera directa con el Framework.NET, trabajando

principalmente con Web Form como su principal herramienta. Prácticamente
introduce las tecnologías de desarrollo web ASP, PHP o JSP; destacando así
la separación de código del Servidor y del Markup HTML.

La estructura normal de una página constituida por Web Form está basada en
un fichero .aspx en el cual se va a definir la estructura HTML y se ingresaran
los controles de servidor de la página (de los cuales hablaremos en los
siguientes capítulos del manual). Así mismo encontrara el fichero de la
codificación llamado Code Behind el cual guarda la estructura en .aspx.cs o
aspx.vd el cual dependerá del lenguaje de programación que utilicemos.
Finalmente estos ficheros se compilaran para dar como resultado el HTML que
se ejecutara del lado del servidor.

Normalmente estos ficheros unidos se manejan mediante un fichero .aspx

conteniendo este el nombre de la página web, las herencias (inherits) y el
código fuente (codeBehind).

En la siguiente imagen se observara cómo se estructura el código HTML y ASP

dentro de Visual Studio (C#).

ESCUELA DE TECNOLOGÍAS DE INFORMACIÓN 10