Archivodiapositiva 2023105171346

Descargar como pptx, pdf o txt
Descargar como pptx, pdf o txt
Está en la página 1de 27

TECNOLOGIAS PARA LA

WEB
Unidad 2
ARQUITECTURA Y TECNOLOGÍAS PARA EL DESARROLLO DE WEB
APPS

Tema 1
Arquitecturas de aplicaciones web

Ing. Kevin Castillo Villegas, Msc.


Utilizar auriculares con micrófono.

Utilizar una conexión de internet por cable.

Elegir un lugar tranquilo y sin ruidos.

Ingresar algunos minutos antes de iniciar la videoconferencia.

Silenciar su micrófono.

Levantar la mano para pedir la palabra.


Actividad de Inicio

• Completar la frase (Repaso de


conocimientos)
Subtemas

• SUBTEMA 1.- Componentes de una aplicación Web


• SUBTEMA 2.- Aplicación web con cliente
estático e interactivo
Objetivo

Identificar los componentes de la


arquitectura de una aplicación web y las
tecnologías que se utilizan para desarrollar
y desplegar aplicaciones que automatizan
diversos procesos operativos del negocio.
COMPONENTES DE UNA APLICACIÓN
WEB
De la misma forma en que los arquitectos
tradicionales diseñan y coordinan la construcción
de edificios

Existen arquitectos web que diseñan y coordinan el


desarrollo de aplicaciones web.
COMPONENTES DE UNA APLICACIÓN
WEB
Analiza y diseña planos físicos, para materializar
una construcción.
Distribución de espacio, conexiones, iluminación,
etc.

Analiza y diseña los componentes que


intervendrán
sobre el desarrollo de una aplicación web.
Bases de datos, servidores, redes, componentes
de backup y seguridad, entre otros.
COMPONENTES DE UNA APLICACIÓN
WEB
El resultado final será una aplicación que pueda resolver las necesidades
de un cierto negocio, como, por ejemplo: vender productos y servicios
online y satisfacer las necesidades de los clientes.
COMPONENTES DE UNA APLICACIÓN
WEB
En el diseño de sitios web, igual que en el diseño de
edificios, se requiere un firme conocimiento de las
tecnologías aplicadas.

En el diseño de edificios estos conocimientos son


sobre las propiedades estructurales de los
materiales, electricidad, mecánica, plomería, etc.

En el desarrollo requieren protocolos


web se
comunicación de dispositivos
entre
conocimientos de hardware,
lenguajes programación y
estructura de bases de datos, el protocolo TCP/IP, el
lenguaje HTML y otras tecnologías.
COMPONENTES DE UNA APLICACIÓN
WEB
En ambos casos es necesario tener conocimientos
generales y estar actualizado debido a que la tecnología
avanza día a día.

Sin embargo, hay algo que se mantiene constante, esto


se refiere a que la aplicación web debe ser fácil de
manejar, de lo contrario el usuario dejará de acceder a la
aplicación.

Concluyendo, el rol del arquitecto web es asegurarse de


que esto no ocurra.
COMPONENTES DE UNA APLICACIÓN
WEB
Las aplicaciones Web están basadas en el modelo Cliente/Servidor y son
proporcionadas por un servidor web y utilizadas por usuarios que se conectan a
través de una intranet o internet vía clientes Web (browsers o navegadores).

Las páginas Web son un elemento fundamental de una aplicación o sitio Web.
COMPONENTES DE UNA APLICACIÓN
WEB
Cliente web

Es un programa con el que interacciona el


usuario para solicitar a un servidor web el envío
de los recursos que desea obtener mediante
HTTP.
(Luján Mora, 2002)

Servidor Web

El servidor web es un programa que está


esperando permanentemente las solicitudes de
conexión mediante el protocolo HTTP por parte
de los clientes web.
(Luján Mora, 2002)
COMPONENTES DE UNA APLICACIÓN
WEB
APLICACIÓN WEB CON CLIENTE ESTÁTICO E
INTERACTIVO
APLICACIÓN WEB CON CLIENTE ESTÁTICO E
INTERACTIVO
APLICACIÓN WEB CON CLIENTE ESTÁTICO E
INTERACTIVO
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.html
• Microsoft Internet
Explorer
• Mozilla Firefox
• Google Chrome
• Apple Safari
• Microsoft Notepad
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.asp
• Opera Web browser
• IBM Rich Text Editor
• Adobe Dreamweaver CS6
• Microsoft Visual Web
Developer
• ES-Computing EditPlus
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.aspx
• Microsoft Visual Web
Developer
• Microsoft Visual Studio 2013
• ES-Computing Edit Plus
• Any Web browser
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.jsp
• Adobe Dreamweaver (Windows & Mac
• Apple Safari (Mac)
• Eclipse IDE for Java Developers
(Windows, Mac & Linux)
• ES-Computing EditPlus (Windows &
Linux)
• Google Chrome (Windows, Mac &
Linux)
• MacroMates TextMate (Mac)
• Microsoft Internet Explorer (Windows)
• Mozilla Firefox (Windows, Mac & Linux)
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.jsp
• Adobe Dreamweaver (Windows & Mac
• Apple Safari (Mac)
• Eclipse IDE for Java Developers
(Windows, Mac & Linux)
• ES-Computing EditPlus (Windows &
Linux)
• Google Chrome (Windows, Mac &
Linux)
• MacroMates TextMate (Mac)
• Microsoft Internet Explorer (Windows)
• Mozilla Firefox (Windows, Mac & Linux)
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.jsp

• Notepad++,
• Dreamweaver,
• KomodoEdi,
• TextEdit,
APLICACIÓN WEB CON CLIENTE ESTÁTICO E INTERACTIVO
.pl

• Perl Code Editor


ACTIVIDAD DE
CIERRE
¿QUÉ VENTAJAS ME OFRECE SER DESARROLLADOR
WEB?
ACTIVIDAD DE
CIERRE

04404514
Revisión de Contenidos Disponibles

• Aula virtual
• Guía del estudiante
• Compendio
• Video Magistral
• Material
Complementario
Bibliografía
» Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide Web. México:
Pearson.
» García, I., & García, C. (2006). Aplicación web para el conocimiento y conversión de unidades.
España:
DEPARTAMENTO I.E.E.C.
» Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad
MarcelinoChampagnat.
» Luján Mora, S. (2002). Programación de aplicaciones web: Historia, Principios Básicos y
ClientesWeb.
Alicante: Editorial Club Universitario ECU.
» Mateu, C. (2004). Software Libre. Desarrollo de aplicaciones web. Barcelona: Eureca Media.
» Palacios, D., Guamán, J., & Contento, S. (2018). Análisis del rendimiento de librerías de
componentes Java Server
» Faces en el desarrollo de aplicaciones web. NOVA Sinergia, 1(2), 54-59.
» Pressman, R. S. (2010). Ingeniería de Software. Un enfoque práctico. México: McGRAW-HILL.

También podría gustarte

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy