Desarrollo de aplicaciones web

4,478 views

Published on

Hablamos un poco sobre el desarrollo de aplicaciones web!!!

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,478
On SlideShare
0
From Embeds
0
Number of Embeds
367
Actions
Shares
0
Downloads
113
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Desarrollo de aplicaciones web

  1. 1. Desarrollo de aplicaciones web<br />
  2. 2. Arquitectura de las aplicaciones web<br />Tipos de Arquitecturas de una aplicación web<br />Arquitectura de dos capas<br />Gráficamente descrita<br />http://www.mailxmail.com/curso-mysql-php/arquitectura-2-capas-cliente-servidor<br />
  3. 3. Arquitectura de tres capas<br />Arquitectura de tres capas<br />Estructura<br />http://www.managinf.com/arquitectura.pdf<br />
  4. 4. Lenguajes del lado del cliente<br />Peticiones con lenguajes del lado del cliente<br />Lenguajes del lado del clientev<br /><ul><li>Se ejecutan en el navegador del cliente
  5. 5. El cliente tiene acceso al código de dicho lenguaje
  6. 6. Son lenguajes como:HTML, javascript, css, etc.
  7. 7. Hacen uso del servidor HTTP (Aapache)
  8. 8. Es independiente al servidor, por lo que no necesariamente necesita ser albergada en un servidor para que sea visible</li></ul>Navegador<br />Órdenes<br />Aplicación<br />Código HTML<br />Navegador<br />Que interpreta<br />Recibidas en forma de<br />Es<br />
  9. 9. Modelo de objetos con lenguaje Script<br />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.<br />Modelo de objetos<br />Contiene las propiedades del navegador. <br />Contiene las propiedades de la URL activa<br /><ul><li>Acompaña al HTML en el lado del cliente
  10. 10. 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</li></ul>Contiene información referente a la resolución de la pantalla que muestra la URL<br />Contiene las propiedades que representan a las URL que el usuario ha visitado anteriormente.<br />Contiene todas las propiedades del documento actual, como son: su color de fondo, enlaces, imágenes, etc.<br />
  11. 11. Objetos del lenguaje Script Interconstruidos<br />Permite hacer diversas manipulaciones con las cadenas.<br />Posee atributos y métodos asociados a las constantes y funciones matemáticas<br />Representa el tipo de dato número. <br />Permiten la manipulación de datos que representen fechas. <br />Nos permite crear booleanos, esto es, un tipo de dato que es cierto o falso, tomando los valores true o false. <br />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. <br />
  12. 12. Eventos con lenguaje Scriptvalidación en la entrada de datos<br />Eventos<br />Validación en la entrada de datos<br /><ul><li>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!!
  13. 13. 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 </li></ul>Validación<br />Detecta<br />Comprueba<br />Entrada de datos<br />Errores<br />Ejemplo de errores detectados<br />Mientras esta se<br />Antes de ser<br />Ejecuta<br />Enviados<br />Que la información esté incompleta<br />Qué se introduzca un tipo de dato equivocado<br />Que no se haya llenado el campo<br />Muchos más!!!<br />
  14. 14. Consideraciones del soporte navegador<br />En la Actualidad<br />La mayor parte de <br />Navegadores<br />Plugins<br />Son agregados a <br />Son muy<br />Mejoran y aumentan<br />Capacidades <br />Versátiles<br />Recuerda que los navegadores tienen diferentes características y plugins, que pueden mostrar de manera diferente las aplicaciones<br />
  15. 15. Lenguajes del lado del servidor<br />Peticiones con lenguajes del lado del cliente<br />Lenguajes del lado del Servidor<br /><ul><li>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
  16. 16. 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
  17. 17. Es importante para hacer transacciones en base de datos
  18. 18. Se hace uso de ambos lenguajes para la realización de páginas web
  19. 19. Algunos lenguajes del lado del servidor: PHP, ASP, etc.
  20. 20. Para hacer uso de él se necesitan lenguajes del lado del cliente</li></ul>http://www.adelat.org/media/docum/nuke_publico/lenguajes_del_lado_servidor_o_cliente.html<br />
  21. 21. Procesamiento del lado del servidor<br />Nuestro proyecto estará basado en LDC y LDS, así como también tendrá un gestor de BD<br />Qué permite LDC??<br />Funcionalidad <br />Funcionalidad<br />Se refiere<br />habilidad<br />De los<br />servidores<br />Web Hosting<br />Permite Ejecutar<br />Capaces de correr<br />Script<br />Programas <br />Son llamados<br />Ofrecen<br />Qué interactúan con <br />Información dinámica<br />Páginas web<br />
  22. 22. Conceptos básicos de la herramienta de desarrollo<br />Herramientas de desarrollo<br />Herramientas de desarrollo<br />Se refiere a<br />aplicaciones<br />Que tienen<br />Pueden ser<br />Vital<br />importancia<br />Como:<br />Pueden ser<br />Compiladores<br />Secundarias<br />Como:<br />IDE’s<br />
  23. 23. Lenguajes LDC y LDS<br />
  24. 24. Ambientes para el desarrollo de aplicaciones web<br />IDE<br /><ul><li>Los IDE (ambientes integrados de desarrollo) para aplicaciones Web son muy numerosos.
  25. 25. Considerar los que permitan trabajar con los diferentes lenguajes para Web.
  26. 26. Algunos son específicos para lenguajes del lado del servidor.
  27. 27. Existen IDE’s de buena cantidad, libres y gratuitos de buena calidad.
  28. 28. Ejemplo de ellos: Visual Studio, Microsoft Web Developer Express, Mono (asp.net), Netbeans, jbuilder, Eclipse.</li></li></ul><li>Aspectos de Seguridad<br /><ul><li>Garantizar que la información en tránsito no sea leída (confidencialidad), modificada o destruida por terceros.
  29. 29. También es importante asegurar que el enlace entre cliente y servidor no pueda interrumpirse fácilmente (disponibilidad).
  30. 30. Los usuarios deben contar con navegadores y plataformas seguras, libres de virus y vulnerabilidades.
  31. 31. También debe garantizarse la privacidad de los datos del usuario.
  32. 32. 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).</li></li></ul><li>Recomendaciones de Seguridad<br />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):<br /><ul><li>Aplicar actualizaciones (parches) al sistema operativo.
  33. 33. Uso de antivirus, firewalls personales.
  34. 34. Educación de los usuarios.
  35. 35. 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.
  36. 36. Garantizar la seguridad del servidor Web propiamente (IIS, Apache, etc.)
  37. 37. Auditar las aplicaciones que interactúan en las dos capas anteriores (módulos, bibliotecas).
  38. 38. Asegurando la red físicamente (switches en lugar de hubs).
  39. 39. Esconder la información (esteganografía).
  40. 40. Cifrar la información (criptografía) por medio de algoritmos diversos (SSL, VPNs).</li>

×