Desarrollo de aplicaciones web

Presentación del tema: "Desarrollo de aplicaciones web"— Transcripción de la presentación:

1 Desarrollo de aplicaciones web

2 Arquitectura de las aplicaciones web
Tipos de Arquitecturas de una aplicación web Arquitectura de dos capas Es la más simple Se tiene dos niveles: cliente y servidor Utiliza un proceso de envío llamado PostBack Es más utilizada para uso de aplicaciones no muy pesadas Arquitectura de las aplicaciones web Arquitectura de dos capas Arquitectura de tres capas Gráficamente descrita

3 Arquitectura de tres capas
Estructura de tres capas Presentación Negocio Datos Estructura Arquitectura de tres capas El desarrollo de la aplicación se lleva por niveles Es más utilizada actualmente El primer nivel consiste en la capa de presentación que incluye no sólo el navegador, sino también el servidor web que es el responsable de dar a los datos un formato adecuado El segundo nivel está referido habitualmente a algún tipo de programa o script El tercer nivel proporciona al segundo los datos necesarios para su ejecución

4 Lenguajes del lado del cliente
Lenguajes del lado del clientev Peticiones con lenguajes del lado del cliente Se ejecutan en el navegador del cliente El cliente tiene acceso al código de dicho lenguaje Son lenguajes como: HTML, javascript, css, etc. Hacen uso del servidor HTTP (Aapache) Es independiente al servidor, por lo que no necesariamente necesita ser albergada en un servidor para que sea visible Navegador Navegador Aplicación Órdenes Código HTML Es Que interpreta Recibidas en forma de

5 Modelo de objetos con lenguaje Script
Es el de más alto nivel, contiene las propiedades de la ventana y en el supuesto de trabajar con marcos (frames), se genera un objeto window para cada uno. Objetos del navegador Window Object Location Object Screen Object Document Object History Object Navigator Object Modelo de objetos Acompaña al HTML en el lado del cliente Hay dos tipos de Script que se pueden asociar: Los que se ejecutan cuando se carga e l documento y los que se ejecutan por medio de algún evento Contiene las propiedades del navegador. Contiene las propiedades de la URL activa Contiene información referente a la resolución de la pantalla que muestra la URL Contiene las propiedades que representan a las URL que el usuario ha visitado anteriormente. Contiene todas las propiedades del documento actual, como son: su color de fondo, enlaces, imágenes, etc.

6 Objetos del lenguaje Script Interconstruidos
Permite hacer diversas manipulaciones con las cadenas. Objetos String Object Math Object Date Object Array Object Boolean Object Number Object Posee atributos y métodos asociados a las constantes y funciones matemáticas Representa el tipo de dato número. Permiten la manipulación de datos que representen fechas. Nos permite crear booleanos, esto es, un tipo de dato que es cierto o falso, tomando los valores true o false. Nos da la facilidad de construir arreglos cuyos elementos pueden contener cualquier tipo básico, y cuya longitud se modificará de forma dinámica siempre que añadamos un nuevo elemento.

7 Eventos con lenguaje Script validación en la entrada de datos
Un evento es el resultado de la interacción entre un usuario con algún elemento de la interfaz gráfica que se le presenta. Por ejemplo: hacer click sobre un botón, cambiar el contenido de un campo de texto o mover el puntero del ratón sobre un enlace!! Los eventos se pueden capturar de varias formas, aunque se recomienda asociar un manejador del evento al objeto a capturar el evento. Para cada tipo de evento hay que tener tres elementos: quién lo genera, cuándo ocurre y cuál es el manejador de eventos que se debe utilizar Validación Detecta Comprueba Entrada de datos Errores Ejemplo de errores detectados Mientras esta se Antes de ser Ejecuta Enviados Que no se haya llenado el campo Que la información esté incompleta Qué se introduzca un tipo de dato equivocado Muchos más!!!

8 Consideraciones del soporte navegador
En la Actualidad Navegadores Firefox IExplorer Google Chrome Opera Zafari Y otros menos usados La mayor parte de Navegadores Plugins Son agregados a Son muy Mejoran y aumentan Versátiles Capacidades Recuerda que los navegadores tienen diferentes características y plugins, que pueden mostrar de manera diferente las aplicaciones

9 Lenguajes del lado del servidor
Peticiones con lenguajes del lado del cliente Son aquellos lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él Es independiente del cliente por lo que es mucho menos rígido respecto al cambio de un navegador a otro o respecto a las versiones del mismo Es importante para hacer transacciones en base de datos Se hace uso de ambos lenguajes para la realización de páginas web Algunos lenguajes del lado del servidor: PHP, ASP, etc. Para hacer uso de él se necesitan lenguajes del lado del cliente

10 Procesamiento del lado del servidor
Nuestro proyecto estará basado en LDC y LDS, así como también tendrá un gestor de BD Funcionalidad Qué permite LDC?? Funcionalidad LDS Correo Electrónico Contraseñas Encuestas Foros Contenido Dinámico Gestión de base de datos Etc Se refiere habilidad De los servidores Web Hosting Capaces de correr Permite Ejecutar Programas Script Son llamados Qué interactúan con Ofrecen Páginas web Información dinámica

11 Conceptos básicos de la herramienta de desarrollo
Variables Instrucciones Operadores Arreglos Sesiones Funciones Librerías Formularios Herramientas de desarrollo Herramientas de desarrollo Se refiere a aplicaciones Que tienen importancia Pueden ser Vital Pueden ser Como: Secundarias Compiladores Como: IDE’s

12 Lenguajes LDC y LDS LDS LDC CGI Perl Asp.net PHP jsp html css Flash
Java Javascript vbscript LDS CGI Perl Asp.net PHP jsp Lenguajes híbridos DHTML XML

13 Ambientes para el desarrollo de aplicaciones web
IDE NetBeans Visual Studio Microsoft Web Developer Express Mono Jbuilder Eclipse IDE Los IDE (ambientes integrados de desarrollo) para aplicaciones Web son muy numerosos. Considerar los que permitan trabajar con los diferentes lenguajes para Web. Algunos son específicos para lenguajes del lado del servidor. Existen IDE’s de buena cantidad, libres y gratuitos de buena calidad. Ejemplo de ellos: Visual Studio, Microsoft Web Developer Express, Mono (asp.net), Netbeans, jbuilder, Eclipse.

14 Información en tránsito
Aspectos de Seguridad Aspectos de Seguridad Pc del usuario Servidor Información en tránsito Los usuarios deben contar con navegadores y plataformas seguras, libres de virus y vulnerabilidades. También debe garantizarse la privacidad de los datos del usuario. Se debe garantizar la operación continua del servidor, que los datos no sean modificados sin autorización (integridad) y que la información sólo sea distribuida a las personas autorizadas (control de acceso). Garantizar que la información en tránsito no sea leída (confidencialidad), modificada o destruida por terceros. También es importante asegurar que el enlace entre cliente y servidor no pueda interrumpirse fácilmente (disponibilidad).

15 Recomendaciones de Seguridad
Aspectos de Seguridad Pc del usuario Servidor Información en tránsito Vulnerar el equipo del usuario quizás no tenga el impacto de vulnerar el servidor, sin embargo es un problema más difícil de erradicar (1 servidor, 5000 clientes): Aplicar actualizaciones (parches) al sistema operativo. Uso de antivirus, firewalls personales. Educación de los usuarios. Asegurar el servidor en una forma fundamental: el sistema operativo, ya sea por medio de actualizaciones (parches) y habilitando los mecanismos propios de la plataforma. Garantizar la seguridad del servidor Web propiamente (IIS, Apache, etc.) Auditar las aplicaciones que interactúan en las dos capas anteriores (módulos, bibliotecas). Asegurando la red físicamente (switches en lugar de hubs). Esconder la información (esteganografía). Cifrar la información (criptografía) por medio de algoritmos diversos (SSL, VPNs).