SlideShare una empresa de Scribd logo
Programación Web

Desarrollo de aplicaciones Web
Arquitectura de las aplicaciones Web.
Arquitectura de dos niveles:
Es la más simple, se tiene el nivel del “Cliente” y el nivel del “Servidor”.
Arquitectura Web de tres niveles:
•   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. Finalmente, el tercer nivel proporciona al
    segundo los datos necesarios para su ejecución.
Lenguajes de programación del lado del
                  cliente.
• Los programas del lado del cliente están
  incluidos dentro de la página HTML, se
  descargan del servidor junto con este.
• Los programas se ejecutan dentro del ámbito
  del browser.
Tecnologías y lenguajes del lado del cliente.
– Navegadores para Web.
– HTML.
– Javascript y Vbscript.
– Applets en Java.
– Flash (lenguaje ActionScript).
– XML.
– PDF.
– AJAX, acrónimo de Asynchronous JavaScript And
  XML (JavaScript asíncrono y XML).
Lenguajes del lado del cliente
•   Algunos navegadores Web.
     –   Amaya
     –   Epiphany
     –   Galeon
     –   Internet Explorer
     –   Konqueror
     –   Lynx
     –   Mozilla suite navigator
     –   Mozilla Firefox
     –   Netscape Navigator
     –   Opera
     –   Safari
     –   Shiira
     –   Maik Navigator
Tecnologías y lenguajes del lado del cliente.


• Algunos de estos lenguajes y tecnologías requieren de un
  programa especial (plug-in) instalado en la computadora
  del usuario. Ejemplo: Adobe Flash Player.

• Un complemento (o plug-in en inglés) es una aplicación
  que se relaciona con otra para aportarle una función
  nueva y generalmente muy especifica. Esta aplicación
  adicional es ejecutada por la aplicación principal e
  interactúan por medio de la API.
Lenguajes de programación del lado del
                    servidor.
• Se ejecutan en el servidor de Web y son dependientes de la
  plataforma del servidor.




•   Se usan para acceder a recursos del servidor, como bases de datos y
    generación de contenido dinámico para las páginas.
Lenguajes de programación del lado del
                  servidor.
• Por ejemplo, el ámbito de ejecución de una
  página ASP.NET.
Lenguajes de programación del lado del
                   servidor.
Algunos ejemplos de lenguajes del lado del servidor:

• ASP, ASP.NET (son tecnologías, soportan diferentes lenguajes como
  VB, C#, C++, etc.).
• PHP.
• JSP.
• Perl.
• Ruby.
• Python.
• XML.
Servidor Web
• Un servidor web es un programa que implementa el
  protocolo HTTP ). Este protocolo pertenece a la capa de
  aplicación del modelo OSI y está diseñado para transferir
  lo que se llama hipertextos, páginas web o páginas
  HTML: textos complejos con enlaces, figuras,
  formularios, botones y objetos incrustados como
  animaciones o reproductores de música.
Servidor Web.
• Algunos ejemplos:
   – CERN httpd
   – Apache (Libre, servidor más usado del mundo, según Wikipedia)
   – IIS
   – Resin
   – Tomcat(Libre, del proyecto Jakarta de Apache)
   – Geronimo(Libre, orientado a J2EE, del proyecto Jakarta de Apache,
     actualmente se encuentra en desarrollo)
   – JBoss
   – JOnAS
   – Cherokee
Ambientes para el desarrollo de aplicaciones
                   Web.
• 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. Por ejemplo, Visual Studio solo soporta
  ASP.NET del lado del servidor.
• Existen IDE’s de buena cantidad, libres y gratuitos de
  buena calidad.
Ambientes para el desarrollo de aplicaciones
                   Web.

• Algunos ejemplos de IDE para Web:
  –   Microsoft Visual Studio.
  –   Microsoft Web Developer Express.
  –   Mono (para ASP.NET).
  –   NetBeans.
  –   Jbuilder.
  –   Eclipse.
Metodologías para el desarrollo de
                aplicaciones Web.
• Ciclo de vida clásico. Pressman, “adapta” esta
  metodología para el desarrollo de Web, en lo que el
  llama la “Ingeniería Web”:
   –   Formulación.
   –   Planificación.
   –   Análisis (contenido, interacción, funcional, configuración).
   –   Diseño (arquitectónico, navegación, interfaz, de base de datos).
   –   Implementación.
   –   Pruebas.
Metodologías para el desarrollo de
             aplicaciones Web.

• UWE UML (UML-Based Web Engineering) es
  una metodología de desarrollo de aplicaciones
  web, utilizada en la ingeniería web, prestando
  especial atención en sistematización y
  personalización (sistemas adaptativos).
UWE UML
El método UWE UML consta de seis modelos:

• Modelo de casos de uso para capturar los requisitos del sistema.
• Modelo conceptual para el contenido (modelo del dominio).
• Modelo de usuario: modelo de navegación que incluye modelos estáticos
  y dinámicos.
• Modelo de estructura de presentación, modelo de flujo de presentación.
• Modelo abstracto de interfaz de usuario y modelo de ciclo de vida del
  objeto.
• Modelo de adaptación.
Aspectos de seguridad.
• Las aplicaciones Web están más expuestas a
  ataques.

Se pueden tener ataques en tres niveles:
  – A la computadora del usuario.
  – Al servidor.
  – A la información en tránsito.
La seguridad en Web tiene 3 etapas primarias:
– Seguridad de la computadora del usuario.
– Seguridad del servidor Web y de los datos
  almacenados ahí.
– Seguridad de la información que viaja entre el
  servidor Web y el usuario.
Seguridad de la computadora del usuario

• 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.
Seguridad del servidor Web y de los datos
  almacenados ahí
• 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).
• Seguridad de la información que viaja entre el
  servidor Web y el usuario.

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).
Recomendaciones: Asegurar el servidor

Se deben considerar los siguientes puntos:
• 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).
Recomendaciones: Asegurar la información
             en tránsito
 Esto se puede lograr por diversos medios:
• 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).
Recomendaciones:
           Asegurar el equipo del usuario

  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.
• GRACIAS…

Más contenido relacionado

PPT
Programacion web
PPTX
Programacion web
PPTX
Introduccion a la programacion web
PPT
Lenguajes De Programacion Web
PPT
Desarrollo web
PPT
Tecnologías Web
PPT
Lenguaje de programación de páginas web
DOCX
Examen diego
Programacion web
Programacion web
Introduccion a la programacion web
Lenguajes De Programacion Web
Desarrollo web
Tecnologías Web
Lenguaje de programación de páginas web
Examen diego

La actualidad más candente (17)

PPTX
Arquitectura- Programacion WEB
PPTX
Tecnologias de desarrollo web
PPTX
La importancia del frontend y backend en un proyecto
PPTX
Diseño y Desarrollo Web
PPT
lenguaje web
PPTX
Tecnologia ASP.net
PPTX
Presentacion tecnica microsoft.net
PDF
2.2 lenguajes del lado cliente
PPTX
Programacion web c5 programacion del lado servidor
PPTX
Internet - Teconología para Sistemas Web
PPTX
Front end y Back-end
ODP
PDF
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
PDF
DOCX
introducción tecnologías web
PPTX
Javascript
Arquitectura- Programacion WEB
Tecnologias de desarrollo web
La importancia del frontend y backend en un proyecto
Diseño y Desarrollo Web
lenguaje web
Tecnologia ASP.net
Presentacion tecnica microsoft.net
2.2 lenguajes del lado cliente
Programacion web c5 programacion del lado servidor
Internet - Teconología para Sistemas Web
Front end y Back-end
Tema2: Tecnologías de desarrollo web (Desarrollo Aplicaciones Web)
introducción tecnologías web
Javascript
Publicidad

Destacado (9)

PPT
Fundamentos de Desarrollo Web
PPTX
Lenguaje de programación web
PDF
Fundamentos técnicos de internet
PPTX
Lenguajes de programación web
PPTX
Programacion web introduccion practica o9
PPTX
Lenguajes de programación web
PDF
Programacion web
PPTX
C) elaboracion de formularios dinamicos en paginas web mediante el uso de un ...
PPTX
PROGRAMACIÓN WEB INTRODUCCIÓN
Fundamentos de Desarrollo Web
Lenguaje de programación web
Fundamentos técnicos de internet
Lenguajes de programación web
Programacion web introduccion practica o9
Lenguajes de programación web
Programacion web
C) elaboracion de formularios dinamicos en paginas web mediante el uso de un ...
PROGRAMACIÓN WEB INTRODUCCIÓN
Publicidad

Similar a Programación web (20)

PPT
Prog webuni3
PPT
Prog webuni3
PPT
Web2
PDF
¿Cómo elegir servidor web?
PDF
Cómo elegir un servidor Web
PPTX
Exposicion
PPTX
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
PPTX
Tecnologias de desarrollo web
PDF
Tema1 seleccion de_arquitecturas_y_herramientas_de_programacion
PPTX
PROGRAMACIÓN PARA INTERNET lo básico en WEB
PDF
Unidad 1
PDF
los-diferentes-lenguajes-de-programacion-para-la-web
PDF
los diferentes lenguajes de programación para-la-web
PPTX
Clase 1 introd asp net
PDF
Programacion web al lado del servidor.pdf
PPTX
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
DOCX
Sistemas Operativos
DOC
2009_asp.net_capitulo_1
PPT
0. Antecedentes Asp
Prog webuni3
Prog webuni3
Web2
¿Cómo elegir servidor web?
Cómo elegir un servidor Web
Exposicion
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Tecnologias de desarrollo web
Tema1 seleccion de_arquitecturas_y_herramientas_de_programacion
PROGRAMACIÓN PARA INTERNET lo básico en WEB
Unidad 1
los-diferentes-lenguajes-de-programacion-para-la-web
los diferentes lenguajes de programación para-la-web
Clase 1 introd asp net
Programacion web al lado del servidor.pdf
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
Sistemas Operativos
2009_asp.net_capitulo_1
0. Antecedentes Asp

Último (20)

PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PPT
Que son las redes de computadores y sus partes
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPT
introduccion a las_web en el 2025_mejoras.ppt
PDF
Diapositiva proyecto de vida, materia catedra
PDF
Estrategia de apoyo tecnología miguel angel solis
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
Maste clas de estructura metálica y arquitectura
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PDF
Estrategia de apoyo tecnología grado 9-3
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
Presentación de Redes de Datos modelo osi
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PDF
Plantilla para Diseño de Narrativas Transmedia.pdf
Power Point Nicolás Carrasco (disertación Roblox).pptx
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Que son las redes de computadores y sus partes
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
SAP Transportation Management para LSP, TM140 Col18
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
introduccion a las_web en el 2025_mejoras.ppt
Diapositiva proyecto de vida, materia catedra
Estrategia de apoyo tecnología miguel angel solis
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
Maste clas de estructura metálica y arquitectura
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Estrategia de apoyo tecnología grado 9-3
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
Presentación de Redes de Datos modelo osi
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
MÓDULO DE CALOR DE GRADO DE MEDIO DE FORMACIÓN PROFESIONAL
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Plantilla para Diseño de Narrativas Transmedia.pdf

Programación web

  • 2. Arquitectura de las aplicaciones Web. Arquitectura de dos niveles: Es la más simple, se tiene el nivel del “Cliente” y el nivel del “Servidor”.
  • 3. Arquitectura Web de tres niveles: • 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. Finalmente, el tercer nivel proporciona al segundo los datos necesarios para su ejecución.
  • 4. Lenguajes de programación del lado del cliente. • Los programas del lado del cliente están incluidos dentro de la página HTML, se descargan del servidor junto con este. • Los programas se ejecutan dentro del ámbito del browser.
  • 5. Tecnologías y lenguajes del lado del cliente. – Navegadores para Web. – HTML. – Javascript y Vbscript. – Applets en Java. – Flash (lenguaje ActionScript). – XML. – PDF. – AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML).
  • 6. Lenguajes del lado del cliente • Algunos navegadores Web. – Amaya – Epiphany – Galeon – Internet Explorer – Konqueror – Lynx – Mozilla suite navigator – Mozilla Firefox – Netscape Navigator – Opera – Safari – Shiira – Maik Navigator
  • 7. Tecnologías y lenguajes del lado del cliente. • Algunos de estos lenguajes y tecnologías requieren de un programa especial (plug-in) instalado en la computadora del usuario. Ejemplo: Adobe Flash Player. • Un complemento (o plug-in en inglés) es una aplicación que se relaciona con otra para aportarle una función nueva y generalmente muy especifica. Esta aplicación adicional es ejecutada por la aplicación principal e interactúan por medio de la API.
  • 8. Lenguajes de programación del lado del servidor. • Se ejecutan en el servidor de Web y son dependientes de la plataforma del servidor. • Se usan para acceder a recursos del servidor, como bases de datos y generación de contenido dinámico para las páginas.
  • 9. Lenguajes de programación del lado del servidor. • Por ejemplo, el ámbito de ejecución de una página ASP.NET.
  • 10. Lenguajes de programación del lado del servidor. Algunos ejemplos de lenguajes del lado del servidor: • ASP, ASP.NET (son tecnologías, soportan diferentes lenguajes como VB, C#, C++, etc.). • PHP. • JSP. • Perl. • Ruby. • Python. • XML.
  • 11. Servidor Web • Un servidor web es un programa que implementa el protocolo HTTP ). Este protocolo pertenece a la capa de aplicación del modelo OSI y está diseñado para transferir lo que se llama hipertextos, páginas web o páginas HTML: textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música.
  • 12. Servidor Web. • Algunos ejemplos: – CERN httpd – Apache (Libre, servidor más usado del mundo, según Wikipedia) – IIS – Resin – Tomcat(Libre, del proyecto Jakarta de Apache) – Geronimo(Libre, orientado a J2EE, del proyecto Jakarta de Apache, actualmente se encuentra en desarrollo) – JBoss – JOnAS – Cherokee
  • 13. Ambientes para el desarrollo de aplicaciones Web. • 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. Por ejemplo, Visual Studio solo soporta ASP.NET del lado del servidor. • Existen IDE’s de buena cantidad, libres y gratuitos de buena calidad.
  • 14. Ambientes para el desarrollo de aplicaciones Web. • Algunos ejemplos de IDE para Web: – Microsoft Visual Studio. – Microsoft Web Developer Express. – Mono (para ASP.NET). – NetBeans. – Jbuilder. – Eclipse.
  • 15. Metodologías para el desarrollo de aplicaciones Web. • Ciclo de vida clásico. Pressman, “adapta” esta metodología para el desarrollo de Web, en lo que el llama la “Ingeniería Web”: – Formulación. – Planificación. – Análisis (contenido, interacción, funcional, configuración). – Diseño (arquitectónico, navegación, interfaz, de base de datos). – Implementación. – Pruebas.
  • 16. Metodologías para el desarrollo de aplicaciones Web. • UWE UML (UML-Based Web Engineering) es una metodología de desarrollo de aplicaciones web, utilizada en la ingeniería web, prestando especial atención en sistematización y personalización (sistemas adaptativos).
  • 17. UWE UML El método UWE UML consta de seis modelos: • Modelo de casos de uso para capturar los requisitos del sistema. • Modelo conceptual para el contenido (modelo del dominio). • Modelo de usuario: modelo de navegación que incluye modelos estáticos y dinámicos. • Modelo de estructura de presentación, modelo de flujo de presentación. • Modelo abstracto de interfaz de usuario y modelo de ciclo de vida del objeto. • Modelo de adaptación.
  • 18. Aspectos de seguridad. • Las aplicaciones Web están más expuestas a ataques. Se pueden tener ataques en tres niveles: – A la computadora del usuario. – Al servidor. – A la información en tránsito.
  • 19. La seguridad en Web tiene 3 etapas primarias: – Seguridad de la computadora del usuario. – Seguridad del servidor Web y de los datos almacenados ahí. – Seguridad de la información que viaja entre el servidor Web y el usuario.
  • 20. Seguridad de la computadora del usuario • 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.
  • 21. Seguridad del servidor Web y de los datos almacenados ahí • 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).
  • 22. • Seguridad de la información que viaja entre el servidor Web y el usuario. 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).
  • 23. Recomendaciones: Asegurar el servidor Se deben considerar los siguientes puntos: • 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).
  • 24. Recomendaciones: Asegurar la información en tránsito Esto se puede lograr por diversos medios: • 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).
  • 25. Recomendaciones: Asegurar el equipo del usuario 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.