Aplica los fundamentos de programacion web

19

Transcript of Aplica los fundamentos de programacion web

Page 1: Aplica los fundamentos de programacion web
Page 2: Aplica los fundamentos de programacion web

Orígenes de la WWW

La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee con la ayuda del

belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza, y publicado en

1992.

¿Qué es la www?

En informática, la World Wide Web (WWW) o Red informática mundial es un sistema de

distribución de información basado en hipertexto o hipermedios enlazados y accesibles a

través de Internet.

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de

Internet o subdominio en la World Wide Web en Internet.

Una página web es un documento HTML/XHTML que es accesible generalmente

mediante el protocolo HTTP de Internet.

¿Qué es el HTML?

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»),

hace referencia al lenguaje de marcado predominante para la elaboración de páginas

web que se utiliza para describir y traducir la estructura y la información en forma de

texto, así como para complementar el texto con objetos tales como imágenes. El HTML

se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>).

Page 3: Aplica los fundamentos de programacion web
Page 4: Aplica los fundamentos de programacion web

La finalidad de todo proyecto como documento de análisis, es

aportar elementos de juicio para la toma de decisiones sobre su

ejecución o sobre el apoyo que debiera prestar para su

realización.

En la elaboración de todo proyecto se pueden diferenciar las

siguientes etapas:

• Idea del Proyecto.

• Estudio de Identificación.

• Perfil del Proyecto.

• Estudio de Factibilidad.

• Ejecución del Proyecto.

• Operación o Funcionamiento.

Page 5: Aplica los fundamentos de programacion web
Page 6: Aplica los fundamentos de programacion web

Un formulario web dentro de una página web permite al usuario

introducir datos los cuales son enviados a un servidor para ser

procesados. Los formularios web se parecen a los formularios de

papel porque los internautas llenan dichos formularios usando casillas de

selección, botones de opción, o campos de texto. Por ejemplo, los

formularios web pueden ser usados para introducir datos de envío o datos

de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser

utilizada para solicitar datos (p. ej., al buscar en un motor de búsqueda).

Además de servir como plantillas para nueva información, los formularios

web también pueden ser usados para consultar y mostrar información

existente en forma similar a los formularios decombinación de

correspondencia, incorporando las mismas ventajas. La separación entre

la estructura y los datos subyacentes de un mensaje permite a ambos

variar independientemente. El uso de formularios webs para este

propósito evita los problemas asociados con la creación explícita de

páginas web separadas para cada registro en una base de datos.

Los formularios web están definidos en lenguajes de programación

como HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes

usualmente invocan automáticamente los idiomas de la interfaz de

usuario y otras de sus características, tales como el diseño estructural,

y tema, minimizando el tiempo, el costo y el tiempo de programación.

Page 7: Aplica los fundamentos de programacion web

Los controles de servidor Web ASP.NET son objetos de páginas

Web ASP.NET que se ejecutan cuando se solicita la página y

representan el formato en un explorador. Muchos controles de

servidor Web son similares a elementos HTML conocidos,

como botones y cuadros de texto. Sin embargo, otros

controles abarcan un comportamiento complejo, por ejemplo

un control de calendario o los controles que administran

conexiones de datos.

Los temas de esta sección describen qué son los controles de

servidor Web ASP.NET y cómo trabajar con ellos. La sección

también contiene información sobre todos los controles de

servidor Web ASP.NET integrados y sobre cómo puede crear

sus propios controles.

Page 8: Aplica los fundamentos de programacion web
Page 9: Aplica los fundamentos de programacion web

Cuando se ejecuta una página ASP.NET, ésta recorre un ciclo de

vida en el que realiza una serie de pasos de

procesamiento. Entre ellos se incluyen la inicialización, la

creación de instancias de controles, la restauración y el

mantenimiento del estado, la ejecución del código del

controlador de eventos y la representación. Es importante que

comprenda el ciclo de vida de la página para que pueda escribir

código en la fase del ciclo de vida apropiada y conseguir el

efecto deseado.

Si crea controles personalizados, debe estar familiarizado con el

ciclo de vida de la página para poder inicializarlos, asignar datos

de estado de vista a las propiedades de los controles y ejecutar

el código de comportamiento de éstos correctamente. El ciclo de

vida de un control se basa en el ciclo de vida de la página y la

página genera muchos de los eventos que es necesario

administrar en un control personalizado.

Page 10: Aplica los fundamentos de programacion web
Page 11: Aplica los fundamentos de programacion web

Cuando se ejecuta una página ASP.NET, ésta recorre un ciclo de

vida en el que realiza una serie de pasos de procesamiento. Entre

ellos se incluyen la inicialización, la creación de instancias de

controles, la restauración y el mantenimiento del estado, la

ejecución del código del controlador de eventos y la

representación. Es importante que comprenda el ciclo de vida de la

página para que pueda escribir código en la fase del ciclo de vida

apropiada y conseguir el efecto deseado.

Si crea controles personalizados, debe estar familiarizado con el

ciclo de vida de la página para poder inicializarlos, asignar datos de

estado de vista a las propiedades de los controles y ejecutar el

código de comportamiento de éstos correctamente. El ciclo de vida

de un control se basa en el ciclo de vida de la página y la página

genera muchos de los eventos que es necesario administrar en un

control personalizado.

Page 12: Aplica los fundamentos de programacion web

Tipo de contenido: Permite seleccionar el origen de los datos que muestra nuestro

formulario pudiendo elegir entre: tabla, consulta o expresión SQL. Imagina que tienes un

formulario que utiliza la tabla Alumnos pero necesitas algún dato más y creas una

consulta. Pues bien, desde aquí puedes modificar el origen de datos del formulario que

utilice tu nueva consulta.

Contenido: Dependiendo de lo que hayamos seleccionado en la opción anterior, aquí

tendremos que seleccionar la tabla, la consulta o escribir una sentencia SQL. Es decir, si

decidimos utilizar una tabla, aquí deberás elegir el nombre de la tabla en cuestión que

deseas usar.

Filtrar: Permite establecer un filtro asociado a los datos que se muestran en el

formulario. El filtro que establezcamos se aplicará siempre que abramos el formulario.

Ordenar: Esta propiedad permite aplicar un orden a los registros que muestra el

formulario. También hemos visto ya cómo ordenar datos.

Añadir datos: Aquí debes decidir si utilizarás el formulario para añadir datos o sólo para

ver los registros.

Modificar datos: Igual que la opción anterior, pero en este caso hace referencia a la

posibilidad de modificar los datos que se muestran en el formulario.

Permitir borrar: Permite controlar desde el formulario la eliminación o no de los registros

que se muestran.

Añadir sólo datos: Si colocamos esta propiedad en Sí no podremos visualizar la

información existente en el formulario y sólo podremos incluir nuevos registros.

Page 13: Aplica los fundamentos de programacion web
Page 14: Aplica los fundamentos de programacion web

Botones, cajas de texto, cajas de selección desplegables, etiquetas, menús, etc.

Los controles y los formularios son entidades genéricas de las que puede haber

varios ejemplares concretos en cada programa, estas entidades genéricas son las

clases mientras que cada ejemplar de una clase son los objetos.

Cada formulario y cada control tiene un conjunto de propiedades que define su

aspecto (color, tamaño, tipo de letra, etc.), como responde a las acciones del

usuario (si está activo o no lo está), etc.

Cada objeto tiene un nombre que lo identifica, por medio del cual se hace

referencia al mismo, estos nombres son definidos por defecto por Visual Basic en

el momento de ser creados, pero no son en principio adecuados y deben ser

renombrados por el programador para permitir una mejor identificación de cada

uno de ellos.

Page 15: Aplica los fundamentos de programacion web
Page 16: Aplica los fundamentos de programacion web

Para mostrar la ventana donde aparecen los controles que Visual Basic carga por defecto nada más arrancar la aplicación tendremos que marcar en View del menú principal (versión inglesa) y activar la opción Toolbox. Obtendremos una ventana como esta en la pantalla:

Realmente existen muchos más controles, aunque estos son los más utilizados y por eso aparecen por defecto. Para tener acceso a los demás controles tanto de Visual Basic como los controles que incorporan otras aplicaciones marcaremos en Tools/Custom Controls del menú principal.

Moviendo el ratón por encima de cualquier control aparecerá una pista indicándonos el control de que se trata.

Para que esta ventana aparezca siempre en primer plano aunque no sea la ventana activa marcaremos con el boton derecho del ratón en cualquier lugar de la ventana y activaremos la opción Always On Top del menú contextual.

Page 17: Aplica los fundamentos de programacion web
Page 18: Aplica los fundamentos de programacion web

Text: Aqui indicamos el texto que aparecerá en el control. Podemos asignarle cualquier texto en

tiempo de diseño o ejecución. También podemos tomar el texto que haya introducido el usuario para

tratarlo durante la ejecución.

Name: Esta propiedad la tienen todos los controles, el nombre que viene por defecto en este caso

Text1 y es el nombre con el que se conocerá el control cuando lo utilicemos en el codigo. En un

mismo formulario no puede haber 2 controles con el mismo nombre. Conviene poner un nombre que

represente la funcion que tiene el control en la aplicacion para que el codigo quede más claro.

Ejemplo, si en el textbox vamos a introducir la dirección de una persona podemos asignale a esta

propiedad el valor Direccion.

MultiLine: Permite que introduzcamos varias lineas de texto en el control en lugar de sólo una.

Alignment: Alineacion que tendrá el texto dentro del control: izquierda, centro o derecha. Para que

funcione la propiedad MultiLine debe estar con el valor true.

Locked: Si esta con valor true bloquea el control, es decir, el usuario no puede introducir ni modificar

el texto que contenga. Nos puede servir para utilizar el control como salida de datos sin que el usuario

pueda modificarlos por error.

Otras propiedades que son comunes a la mayoria de los controles:Backcolor: color de fondo.

Forecolor: color de letra.

Font: tipo y tamaño de letra.

Page 19: Aplica los fundamentos de programacion web

Hay varios eventos relacionados con el empleo del mouse (ratón) y del teclado por

parte del usuario. Cada uno de estos eventos tiene un controlador de eventos para

el cual se puede escribir código en las aplicaciones para Windows. Dichos eventos

son MouseDown, MouseUp, MouseMove, MouseEnter, MouseLeave, MouseHover,

KeyPress,KeyDown y KeyUp. Los controladores de

eventos MouseDown, MouseUp y MouseMove reciben un argumento

de MouseEventArgs que contiene datos relacionados con sus eventos. Los

controladores de eventos MouseEnter, MouseLeave y MouseHover reciben un

argumento de tipo EventArgs que contiene datos relacionados con sus eventos. Los

controladores de eventos relacionados con el teclado reciben argumentos de

tipo KeyEventArgs, con datos relacionados con sus eventos. Dichos eventos se

controlan de la misma forma que los demás eventos que tiene lugar en formularios

Windows Forms. Para obtener más información acerca del control de eventos,

vea Introducción a los controladores de eventos en formularios Windows Forms.

Además, tenga en cuenta que es posible cambiar el cursor del mouse mientras hay

operaciones en curso. Esta capacidad puede combinarse con los

eventos MouseEnter yMouseLeave para que éstos indiquen al usuario de que hay

cálculos en marcha, y limiten la interacción del usuario durante periodos de tiempo

especificados. Por ejemplo, si se muestra un cuadro de diálogo para indicar que se

están copiando archivos, existe la posibilidad de convertir el cursor en un reloj de

arena.