ACTIVIDAD DE APRENDIZAJE 1

DISEÑO Y DESARROLLO WEB

Andrés Yowani Amado Reyes

Abril de 2021

Unipanamericana
Tecnología En Análisis Y Desarrollo De Sistemas De Información
Diseño Y Desarrollo Web
 ACTIVIDAD DE APRENDIZAJE 1
DISEÑO Y DESARROLLO WEB

Andrés Yowani Amado Reyes

Abril de 2021

Unipanamericana
Tecnología En Análisis Y Desarrollo De Sistemas De Información
Diseño Y Desarrollo Web

Bogotá, Colombia
Tabla de Contenido
ACTIVIDAD ........................................................................................................................................ 6
1. Instalación de un servidor web (Tomcat, Glassfish) disponibles de forma gratuita en la web de
ser necesario, dado que el IDE lo incluye. ............................................................................................ 6
Solución. .......................................................................................................................................... 6
Paso 2................................................................................................................................................ 7
Paso 3................................................................................................................................................ 7
Paso 4................................................................................................................................................ 8
Paso 5................................................................................................................................................ 9
Paso 6.............................................................................................................................................. 10
2. la instalación y configuración del entorno de desarrollo gráfico (IDE) Netbeans o el entorno de
desarrollo bajo las herramientas (algunos de ellos se instalan con el) ................................................. 11
Solución. ........................................................................................................................................ 11
Paso 1.............................................................................................................................................. 11
Paso 2.............................................................................................................................................. 12
Paso 3.............................................................................................................................................. 13
Paso 4.............................................................................................................................................. 13
Paso 5.............................................................................................................................................. 14
Paso 6.............................................................................................................................................. 14
Paso 7.............................................................................................................................................. 15
Paso 8.............................................................................................................................................. 16
Paso 9.............................................................................................................................................. 17
Paso 10............................................................................................................................................ 18
Paso 11............................................................................................................................................ 19
3. Presentar un cuadro comparativo de los diferentes métodos de desarrollo de software web. ...... 20
Solución. ........................................................................................................................................ 20
4. Que es una metodología de desarrollo, sus características, ventajas y desventajas ..................... 21
Solución. ........................................................................................................................................ 21
5. Redactar una respuesta para la pregunta del foro: De acuerdo a los atributos de los sistemas
basados en web, planteados en el texto de Roger Pressman en el capítulo 16, ¿Cuál es la importancia
de aplicar los atributos para aplicación Web en el diseño de un aplicativo Web? ¿Cuál considera de
mayor importancia y por qué? ............................................................................................................ 28
Solución. ........................................................................................................................................ 28
 ¿Cuál es la importancia de aplicar los atributos para aplicación Web en el diseño de un
aplicativo Web? ............................................................................................................................. 28
¿Cuál considera de mayor importancia y por qué? ................................................................... 29
Conclusiones....................................................................................................................................... 30
Bibliografía ......................................................................................................................................... 31
DISEÑO Y DESARROLLO WEB
Introducción
Se debe tener en cuenta el entorno de desarrollo en el que nuestro sistema va a funcionar, por
ello es necesario tener en cuenta el tipo de servidor, las funcionalidades, el proveedor de
servicios y otros ítems importantes al momento de arrancar cualquier proyecto, por lo anterior
y basado en los documentos planteados Usted debe contextualizar el tema de manera que los
conceptos básicos de diseño y desarrollo web sean adquiridos y le sirvan en la toma de
decisiones posteriores.
 ACTIVIDAD

Realizar un documento que contenga:

1. Instalación de un servidor web (Tomcat, Glassfish) disponibles de forma gratuita en la

web de ser necesario, dado que el IDE lo incluye.

Solución.

Paso 1.
Como primera medida debemos descargar el Servidor Web Tomcat, desde el siguiente link:
https://tomcat.apache.org/download-90.cgi
nos aparece la página web de Apache Tomcat
Imagen 1. Página Apache Tomcat
Paso 2.

Nos dirigimos al apartado Download, y seleccionamos la versión 9, luego de seleccionar la

versión que deseamos siempre y cuando tenga acorde a nuestro entorno grafico
seleccionamos el zip(pgp,sha512) de la distribución.
Imagen 2. Icono de nueva

Paso 3.

Al realizar la descarga se obtendrá como resultado un archivo en con extensión .zip en el cual
encontraremos nuestro tomcat, tal cual se muestra a continuación, debemos extraer el archivo
.zip, para lograr obtener la carpeta en estado natural.

Imagen 3.Archivo.zip y extracción de la misma para convertir en carpeta en estado natural

Paso 4.

Debemos copiar esta carpeta en el disco local C:

Imagen 4. Copiando carpeta en disco local C:
Paso 5.

Debemos ingresar a la carpeta ya copiada en el disco C, navegamos en la carpeta C:\apache-

tomcat-10.0.5\conf y dar clic derecho en el archivo tomcat-users con extensión .xml abrir con
el editor de texto de su agrado o gusto
Imagen 5. Seleccionamos el archivo tomcar-users.xml.
Paso 6.

En el editor de texto que deseamos abrir se nos mostrara el siguiente archivo el cual debemos
agregar la siguiente línea de código, esto para asignar nuestro usuario, contraseña y los roles:
<user password="admin" roles="manager-script,admin,manager-gui" username="admin"/>.
Seguido a esto daremos clic en guardar, para almacenar los cambios.
Imagen 6. Editar la línea de código y configurar el acceso.
 2. la instalación y configuración del entorno de desarrollo gráfico (IDE) Netbeans o el
entorno de desarrollo bajo las herramientas (algunos de ellos se instalan con el)

Luego de ya tener configurado nuestro servidor, ingresaremos a nuestro entorno de desarrollo

a configurar el IDE, en este caso desde Netbeans.

Solución.

Paso 1.

Ingresamos a nuestro entorno Netbeans, vamos al apartado Tools (Herramientas),

seleccionamos Servers
Imagen 7. Tools >> Servers.
Paso 2.

Se nos abrirá la siguiente ventana emergente, damos clic en el botón Add Server….
Imagen 8. Crear Disco duro.
Paso 3.

Seleccionamos el recurso de instalación Apache Tomcat or TomEE

Imagen 9. Selección server.

Paso 4.

Damos clic en el botón Next.

Imagen 10. Next para continuar.
Paso 5.

Nos aparece la siguiente ventana emergente la cual debemos seleccionar la ubicación en la

cual tenemos almacenado el servidor en mi caso se encuentra en el disco local C: esto lo
realizaremos desde el botón Browse…
Imagen 11. Selección almacenamiento

Notal: Para esta opción es recomendable direccionar directamente desde la aplicación . tal como se muestra en el paso 7.

Paso 6.
Damos clic en el botón Next.
Imagen 12. Next para continuar.
Paso 7.

Seleccionaremos la ubicación del servidor y damos clic en Open.

Imagen 13. Selección ubicación.
Paso 8.

Ingresamos el usuario antes configurado y la contraseña establecida en la configuración que

anteriormente establecimos, y damos clic en Finish.
Imagen 14. Crear ubicación y credenciales del servidor.
Paso 9

Como podemos evidenciar veremos que ya está preparado Nuestro servidor con el puerto
8080 y el servidor en funcionamiento.
Imagen 15. Evidencia puerto y servidor instalado.
Paso 10.

Evidenciamos que nuestro servidor ya se encuentra en funcionamiento ingresando en el

navegador http://localhost:8080/
Imagen 16. Evidencia de nuestro servidor en funcionamiento.
Paso 11.

Desde nuestro Netbeans nos encontramos desarrollando una aplicación web cargada a nuestro
servidor tomcat lo cual se evidencia a continuación.
Imagen 17. Página Web.
 3. Presentar un cuadro comparativo de los diferentes métodos de desarrollo de software
web.

Solución.

Cuadro 1. Diferentes métodos de desarrollo web.

TÉCNICA DE HERRAMIENTA
METODOLOGÍA REPRESENTACIÓN GRAFÍCA CONCEPTO ESTRUCTURA VISUAL
MODELAMIENTO DE SOPORTE

1. Diagrama de clases Enlace

2. Diagrama navegacional, Clases Clase
OOHDM (OBJECT ORIENTED
clases + concepto Perspectiva Navegacional
HYPERMEDIA DESIGN OO OOHDM-Web ADV en Contexto
3. Diagrama de configuración Relación OO Contexto
METHODOLOGY)
de ADV y Diagrama ADV navegacional

1. Diagramas de escenarios
de actividad
Escenarios: Enlace Componente UI
2. Diagrama de estructura de
SOHDM (SCENARIO-BASED Evento navegacional Elección
Escenarios clases.
OBJECT-ORIENTED Actividad Visita-OO Texto de entrada
Vistas-OO 3. vista OO
HYPERMEDIA DESIGN Flujo de Base de búsqueda
4. Esquema de enlace
METHODOLOGY) actividad Asociación Botón
navegacional
5 Esquema de páginas

Enlace
Componente
Objeto Navegación
WSDM (WEB DESIGN Perspectiva Información
E-R / OO
METHOD) Relación Externo
1. Diagrama de E-R o clase Camino
2. Capas de Navegación Navegacional

Enlace
Enlace dirigido Conjunto de
CASE
WAE (WEB APPLICATION Redirigir marcos
OO Rational Rose Relación OO
EXTENSION) Construir Formulario
Enviar
Diagramas UML
1.Esquema Navegacional
IWEB (INGENIERÍA WEB) E-R / OO 2. Esquema arquitectónico XML,HTML Proceso Ágil Navegación WebApps
 4. Que es una metodología de desarrollo, sus características, ventajas y desventajas

Solución.

Que es una metodología de desarrollo

Las metodologías, están compuestas por un número de fases que cambia dependiendo de las
metodologías que se utilice, pero si el método, es más complejo en sus pasos mayormente se tiene
un menor número de errores en relación a la calidad y consistencia de datos. Las metodologías para
aplicaciones Web contienen fases para el desarrollo de software que pueden aumentar o disminuir
dependiendo del método que utilicen, la mayoría de los métodos coinciden en las siguientes etapas:

 Diseño Conceptual

En esta sección se abarca temas relaciones a la especificación del dominio del problema, a
través de su definición y las relaciones que contrae.

 Diseño Navegacional

Está enfocado en lo que respecta al acceso y forma en la que los datos son visibles.

 Diseño de la presentación o diseño de interfaz

Se centra en la forma en la que la información va a ser mostrada a los usuarios, cabe

mencionar en esta sección intervienen mayormente el cliente definiendo los requerimientos
y lo usuarios defiendo como quieren interactuar con el sistema.

 Implantación

Es la construcción del software a partir de los artefactos generados en las etapas previas. A
continuación, se analizarán varias metodologías de desarrollo Web en conjunto con las
etapas de cada uno de ellas.
Sus Características

WSDM (WEB DESIGN METHOD)

Es una metodología estrictamente para aplicaciones Web, hoy en día las aplicaciones deben
desarrollarse en un lapso corto de tiempo siguiendo su estructura semántica del contenido y
funcionalidad. Es por esto que se la considera apropiada para aplicaciones Web. Sin embargo, no es
recomendada para la gestión de proyectos, para lo cual se debe utilizar una metodología adicional
que facilite el ciclo de vida del software, Siendo una propuesta de desarrollo de aplicaciones Web
que se enfoca en el usuario, y considera que este es el principal actor del sistema, es el encargado de
definir lo requisitos, y los usuarios que interviene en la aplicación. En WSDM se clasifica a los
usuarios, y en base a ello se definen parámetros diseño, se enfoca más en sitios Web estáticos que
brindan información que sitios o aplicaciones dinámicas, no ha tenido tanta acogida, debido que
como se explicó anteriormente solo se centra en los usuarios y no tanto en los datos, otro aspecto
importante en el desarrollo de aplicaciones Web.

WSD consta de tres capas: contexto (establecimiento de requerimientos), navegación (interacción

sistema-usuarios), e información (datos de los usuarios de carácter relevante). En cuanto a las fases
de modelado para la implementación de una aplicación, la WSDM establece 4 fases o actividades

 Modelado de Usuario: sirve para identificar a los posibles usuarios de la aplicación y la

información que ellos requerirían de este sitio.

 Diseño conceptual: se desarrolla el modelado conceptual, organiza la información, se

clasifica a los usuarios, se modela los objetos, se crea diagramas entidad-relación y crea el
diseño navegacional. Cada diseño de navegación en el sitio Web será diferente por cada
perfil usuario y por ende tendrá su propia perspectiva. Los entregables de esta fase son el
modelo conceptual, y diseño navegacional.

 Diseño de implementación: se crea un diseño en base a los requerimientos del usuario,

este prototipo de interfaz del sitio Web deberá tener una apariencia agradable, ser eficiente
y seguro, así mismo aquí se especifican las restricciones de diseño, según lo que se
estableció en el diseño conceptual.

 Implementación: se realiza la selección del entorno de desarrollo, construcción de la

arquitectura, codificación y verificación de la funcionalidad total de la aplicación Web.
SOHDM (SCENARIO-BASED OBJECT-ORIENTED HYPERMEDIA DESIGN METHODOLOGY)

Es una metodología orientada a objetos en hipermedia que desarrolla diseños en escenarios o

panoramas, permite capturar las necesidades del sistema proponiendo el uso de escenario,
partiendo de un diagrama donde se identifican las entidades externas capaces de comunicarse con
el sistema, es una metodología muy parecida a la metodología OOHDM diferenciadas por la
utilización de escenarios. Se propone el uso de escenarios por cada evento diferente, con el fin de
conocer cuáles son las necesidades del sistema. Cada escenario simboliza el proceso de interacción
que existe entre el usuario y el sistema, en este proceso se detallan los objetos involucrados, el flujo
de actividades, y las operaciones realizadas. A partir de cada escenario se puede obtener el modelo
conceptual, el mismo que se refleja en un diagrama de clases.

 Análisis del dominio: establece los límites de la aplicación que se desarrollará, y se los
representa mediante un diagrama de flujo. Además, se hace uso de los SACs (Scenarios
activity charts) que no son más que escenarios donde se determina los requisitos de la
aplicación.

 Modelo de objetos: en esta etapa se utilizan los SACs para realizar el modelado de objetos.
Los usuarios son los principales objetos del sistema, cada usuario es descrito en el
documento de desarrollo de la aplicación, los cuales incluyen atributos, asociaciones y
cardinalidad.

 Diseño de las vistas: se representa las vistas por medio de unidades de navegación, cada
vista agrupa información de las clases de la aplicación.

 Diseño navegacional: Identifica la navegación de los objetos dentro de la aplicación Web y

la forma en cómo interactúan a través de enlaces, menús, nodos, consultas, entre otros.

 Implementación: se genera la interfaz de la aplicación, la lógica de negocio y el esquema de

la base de datos.

 Construcción: desarrollo de la aplicación final, la cual cumple con todas las necesidades y
requerimientos que fueron establecidos inicialmente por los usuarios.
OOHDM (OBJECT ORIENTED HYPERMEDIA DESIGN METHODOLOGY)

es una metodología orientada a objetos que propone un proceso de desarrollo de cinco fases donde
se combinan notaciones gráficas UML con otras propias de la metodología. Cuando internet no era
accesible para todas las personas OOHDM simplemente era utilizado para aplicaciones hipermedia,
pero gracias al auge del internet en la actualidad se adaptó dicha metodología para el desarrollo de
aplicaciones hipermedias orientadas a la Web, como por ejemplo bibliotecas virtuales, sitios
educativos, motores de búsqueda, entretenimiento, etc.

Esta metodología permite desarrollar aplicaciones Web a partir de la utilización de modelos

especializados como: conceptual, navegación e interfaz de usuario teniendo como objetivo
simplificar y hacer más eficaz el diseño de aplicaciones.

 Obtención de requerimientos: se plantea la obtención de requerimientos de manera

cuidadosa, entonces es muy importante conocer los actores y tareas que se deben modelar
en los casos de uso.

 Diseño conceptual: se representa el modelo conceptual a través del modelamiento de

diagramas de clases basados en clases, relaciones y subsistemas, enfocándose en el dominio
semántico dejando de lado a los actores y tareas.

 Diseño navegacional: representa los diferentes caminos que puede ejecutar la aplicación
dependiendo del tipo de usuario. Es decir, brinda un contexto navegacional capaz de realizar
acciones a través de enlaces, vínculos o índices que están relacionados dentro de la
aplicación Web dependiendo del perfil de usuario para mostrar sus vistas correspondientes.

 Diseño de interfaz abstracta: es ejecutada después del diseño navegacional, donde es

necesario especificar las interfaces de usuario que se visualizaran en la aplicación Web.
Dentro de este modelo se pueden identificar dos sub-tareas tales como el diseño estructural
y el diseño de comportamiento.

 Implementación: implementar la aplicación Web independientemente de la plataforma

que será utilizada. Esta fase también es conocida como puesta en marcha ya que es partir de
aquí en donde los usuarios empiezan a utilizar y sacar provecho al sistema elaborado, a
través de un navegador Web y conexión a internet.
WAE (WEB APPLICATION EXTENSION)

La WAE es una extensión de UML, que no se enfoca en el paradigma orientado a objetos si no en los
elementos Web. WAE incorpora algunos conceptos como JavaScript y Form. En esta metodología
cubre el lado tanto del servidor (páginas del servidor) como el cliente (Active X, applet Java, etc). Sin
embargo, los conceptos orientados a objetos (por ejemplo, herencia) no están suficientemente
preocupados por la extensión. Se utiliza una notación de clase en el diagrama de clase para
representar una página HTML. WAE se centra principalmente en la tecnología de la página de
secuencias de comandos, como ASP y JSP, la WAE presenta una serie de estereotipos que
constituyen a los elementos WEB, los mismos que pueden ser formularios, enlaces, páginas Web
entre otros. Cabe destacar que a pesar de la WAE contribuyó con el modelamiento de las
aplicaciones Web tradicionales, aún requiere estereotipos y relaciones donde se refleje la
interactividad, cookies, comunidades móviles, redes sociales y otras notaciones que se aplican hoy
en día para las aplicaciones Web.

La metodología WAE cuenta son las siguientes fases como se indica a continuación

 Modelado del negocio: comprende el flujo de actividades que se realizan dentro de la

organización, en otras palabras, aquí se describen cuáles son los departamentos, empleados
y la interacción que existe entre ellos.

 Captura de requisitos: búsqueda de los requerimientos válidos y necesarios para el

desarrollado de la aplicación, al mismo tiempo que los simboliza de forma adecuada para los
desarrolladores, usuarios y clientes.

 Análisis y diseño: análisis de todos los requerimientos que se obtuvieron en la fase anterior
con lograr un entendimiento mucho más claro de lo que se pretende con el sistema. Como
productos de esta esta fase se crea diagramas de secuencia, componentes y clases.

 Implementación: fase final en la que se abarca la arquitectura física sobre la cual se

implementará la aplicación y su entorno.
IWEB (INGENIERÍA WEB)

IWeb demanda un proceso de software incremental y evolutivo. Pressman también señala que el
modelo en las primeras versiones puede ser un modelo en papel o un prototipo, y durante las
últimas iteraciones se producen versiones cada vez más completas del sistema diseñado. La IWeb se
divide en un número de actividades estructurales, también llamadas regiones de tareas.
Generalmente, existen entre tres y seis regiones de tareas, las cuales no necesariamente se deben
aplicar todas por cada iteraciónIWeb es una metodología que se enfoca en la creación de aplicación
y sistemas Web de alta calidad, basándose en principios científicos de ingeniería. Dichas aplicaciones
hacen posible el acceso desde ordenadores remotos.

 Formulación: En esta primera fase se identifican los objetivos, metas, se establece el

alcance de la aplicación y su primera entrega. Aspectos muy importantes a considerar en
esta fase es conocer la motivación para el desarrollo de la aplicación, verificar si es necesaria
o no, e identificar quien la va a utilizar.

 Planificación: estimar el coste general del proyecto a realizar, así como también planes de
contingencia debido a posibles riesgos, el ámbito y describir la calidad y gestión de la
aplicación en cuanto a cambios.

 Análisis: establecer los requerimientos de diseño y técnicos, también se analiza el

contenido del mismo, su iteración, funcionalidad y configuración.

 Ingeniería: lograr la integración del diseño arquitectónico, de navegación y de interfaz. Es

por esto que se divide en diseño del contenido, producción, diseño arquitectónico diseño de
navegación, y diseño de interfaz

 Generación de páginas: se integran los diseños de la etapa anterior a través de

herramientas como lenguajes de programación y etiquetado que sirvan como base la
construcción de la aplicación Web.

 Pruebas o test: se comprueba la lógica de negocios aplicada en el sistema, y se verifican las

entradas y salidas de datos con el fin de descubrir errores de funcionalidad, comportamiento
o rendimiento.

 Evaluación de cliente: permite corregir errores gracias a las iteraciones realizadas con el fin
de ir puliendo la aplicación en comparación a las iteraciones anteriores.
Ventajas Y Desventajas

MetodologÍa

OODM SOHDM WSDM WAE IWEB

Adecuación Adecuación
Adecuación Adecuación Adecuación
Funcionalidad Interoperacional Interoperacional
Interoperacional Interoperacional Interoperacional
Seguridad Seguridad

Fiabilidad Recuperabilidad Recuperabilidad Baja Baja Baja

Aprendizaje
Compresión
Usabilidad Operatividad Operatividad Baja Baja
Operatividad

Eficiencia Media Media Media Baja Baja

Adaptabilidad Adaptabilidad
Portabilidad Adaptabilidad Adaptabilidad Adaptabilidad Coexistencia Coexistencia

Facilidad de
Análisis
Facilidad de
Mantenibilidad Cambio Media Media Baja Media
Facilidad de
Pruebas
 5. Redactar una respuesta para la pregunta del foro: De acuerdo a los atributos de los
sistemas basados en web, planteados en el texto de Roger Pressman en el capítulo 16,
¿Cuál es la importancia de aplicar los atributos para aplicación Web en el diseño de
un aplicativo Web? ¿Cuál considera de mayor importancia y por qué?

Solución.

¿Cuál es la importancia de aplicar los atributos para aplicación Web en el diseño de un

aplicativo Web?

La importancia de los atributos para aplicación WEB, son bastantes relevantes, ya que hacen parte
de una cadena de conexión y disponibilidad a la hora de presentarse a los usuarios finales, debido a
esto debemos tener en cuenta la presentación de los mismos para así saberlos identificar, siendo
estos atributos la parte estructural de nuestra aplicación Web, debemos tenerlos presente para su
desarrollo e integridad de la misma. Debemos tener en cuenta cada uno de los atributos para
obtener un desarrollo limpio y eficiente.

Los atributos son los siguientes:

ATRIBUTO
• Ambigüedad
• Completitud
• Comprensibilidad
Calidad de los requerimientos • Volatilidad
• Trazabilidad
• Claridad del Modelo

• Integridad arquitectónica
• Completitud de componentes
Calidad del diseño • Complejidad de la interfaz
• Patrones
• Complejidad
• Facilidad del mantenimiento
Calidad de código • Comprensibilidad
• Reusabilidad
• Documentación

• Asignación de recursos
Eficiencia del control de • Tasa de finalización
calidad • Eficacia de la revisión
• Eficacia de las pruebas
¿Cuál considera de mayor importancia y por qué?

En mi concepto personal, para mí y como desarrollador considero que todos los atributos tienen un
grado de importancia dentro del desarrollo, pero la que más resalta dentro de estas es la CALIDAD
EN EL CODIGO.

¿Por qué?

En el atributo de la Documentación en la calidad del código es de vital importancia para tener en

cuenta cada una de las líneas de código a que hace referencia y a que se debe enfrentar el
desarrollador siguiente que retoma el código; y es de tener siempre en cuenta que NO SOMOS
INDISPENSABLE EN NINGUN LADO, y gracias a esto no sabremos quién retome nuestro código o
desarrollo.
 Conclusiones

Se ha logrado concluir que el conocer los fundamentos para la creación y estructura de un

servidor web suma importancia al desarrollo del mismo ya que podemos visualizar como
clientes finales el uso del mismo, por otra parte, las metodologías del desarrollo web
aplicando y estructurando de acuerdo a cada una de las metodologías guiadas en esta
actividad.
 Bibliografía

Website Design Method - Building Websites Using the WSDM by Dr. Troyer.
(2008). Rescatado el 14 Abril 2021, desde el sitio
https://www.brighthubpm.com/methods-strategies/17671-website-design-method-
project-planning-for-a-website/

Olarte Morales, A. (2015). SOHDM- Scenario Based Objecto Oriented Hypermedia

Design Methodology. Rescatado el 14 Abril 2021, desde el sitio
https://es.calameo.com/read/004218624b8d3b213b53e

Lozano Cocunubo, A. (2014). Modelo OOHDM. Rescatado el 14 Abril 2021, desde

el sitio https://prezi.com/riapewzq8yhe/modelo-oohdm/

MONDRAGON VALENCIA, A. (2014). Rescatado el 14 Abril 2021, desde el sitio

https://bibliotecadigital.univalle.edu.co/bitstream/handle/10893/7952/0494671.pdf;jses
sionid=71C32D91F82BE81C2987E36D33A9F928?sequence=1

Solis Ramos, V. (2016). Metodología iWeb). Rescatado el 14 Abril 2021, desde el

sitio http://web-on-cloud.blogspot.com/2016/05/metodologia-iweb-esta-
metodologia.html

Zofio Jimenez, J. (2013). Aplicaciones web. [https://elibro-

net.ucompensar.basesdedatosezproxy.com/es/ereader/ucompensar/43262]: Macmillan
Iberia, S A.