Actividad de Aprendizaje 1

Nubia Milena Chaves Gutierrez

Roosevelt Fabian Andres Mendez Serrato
José Luis Bolaños Santacruz

Abril 2021

Fundación Universitaria Panamericana

Ingeniería en Sistemas
Diseño y Desarrollo Web
 Abstract ii

En este documento se divide en 2 partes algo de definición y práctica. En la práctica

encontraremos manuales de instalación de servidor Web y un programa para desarrollar
código como es el caso de NetBeans (IDE) y en la parte de contextualización aprenderemos
a diferenciar varios métodos de desarrollo web, definición y características de metodología
de desarrollo y por ultimo brindaremos una opinión acerca de la importancia que tiene los
diferentes atributos o características para desarrollos web como en la infraestructura y cual
de todos consideramos la más relevante.
 iii
Objetivos

• Instalación y configuración de un Servidor Web gratuito

• Instalación y configuración de un Programa de ambiente Desarrollo (IDE)

• Antes de crear una aplicación Web que debemos de contar (Servidor Web, IDE, Etc)

• Tener claridad sobre los conceptos Metodología de Desarrollo, Atributos de Calidad.

• Diferenciar entre los distintos métodos de desarrollo

 Tabla de Contenidos iv

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. ..................................................................... 1
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. .................... 14
3- Presentar un cuadro comparativo de los diferentes métodos de desarrollo de software
web. 26
4- Que es una metodología de desarrollo, sus características, ventajas y desventajas .......... 32
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 capitulo 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é?........................................................ 33
Lista de referencias ....................................................................................................................... 34
 1

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.

Figura 1. Instalación APACHE TOMCAD Accedemos a la página de Apache

Tomcat: https://tomcat.apache.org/index.html
 2

Figura 2. En la parte izquierda seleccionamos la versión que deseamos descargar,

en este caso vamos a descargar Tomcat 10

Figura 3. Seleccionamos la distribución que deseemos utilizar y la descargamos:

 3

Figura 4. Una vez descargado lo ejecutamos el instalador y hacemos clic en Next:

Figura 5. Clic en I Agree, para aceptar los términos y condiciones

 4

Figura 6. Dejamos predeterminados los componentes que se va a instalar y clic en

Next:

Figura 7. Digitamos usuario y contraseña; luego hacemos clic en Next:

 5

Figura 8. Si tiene instalado JDK este se aparecerá automáticamente, si no aparece

se puede buscar de forma manual:

Figura 9. Dejamos predeterminada la ruta de instalación y hacemos clic en Install

 6

Figura 10. Esperamos a que se ejecute la instalación:

Figura 11. Una vez finalizada la instalación cerramos la aplicación sin ejecutarla:
 7

Figura 12. Ahora procedemos con la configuración de la variable de entorno; para

ello tendremos que ir a Acerca de

Figura 13. Accedemos a Configuración Avanzadas del Sistema:

 8

Figura 14. Ingresamos a Variables de entorno y luego clic en Nueva:

Figura 15. Digitamos en Nombre de la variable: CATALINA_HOME En valor de

la variable ingresamos la ruta donde está instalado Apache: C:\Program Files\Apache

Software Foundation\Tomcat 10.0 Y hacemos clic en Aceptar

 9

Figura 16. Ahora buscamos path

 10

Figura 17. Accedemos a path

 11

Figura 18. Hacemos clic en nuevo y agregamos la ruta de Apache Tomcat Bin:

C:\Program Files\Apache Software Foundation\Tomcat 10.0\bin y hacemos clic en

Aceptar, Aceptar y Aceptar.

 12

Figura 19. Ahora regresamos a la carpeta de instalación de Tomcat, dentro de la

carpeta Bin, para arrancar Tomcat o comprobar que esté funcionando correctamente el

servidor ejecutamos donde dice Tomcat10

Figura 20. Ahora como ya se está ejecutando el servidor podemos acceder desde

el navegador ingresando localhost:8080

 13

Figura 21. De esta forma ya podemos comprobar que se ha instalado de forma

correcta la instalación de Apache Tomcat. Para apagar el servidor nos devolvemos a estás

pantalla y presionamos CTRL + C Y podremos comprobar que el servidor ya no está

funcionando en el navegador porque está apagado:

 14

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.

Figura 22. INSTALACIÓN DE APACHE NETBEANS, accedemos a la página

https://netbeans.apache.org/:
 15

Figura 23. Vamos a la sección Download y descargamos la última versión: Apache

NetBeans 12 feature update 3 (NB 12.3) PARTE A

Figura 24. Vamos a la sección Download y descargamos la última versión: Apache

NetBeans 12 feature update 3 (NB 12.3) PARTE B

 16

Figura 25. Guardamos el ejecutable

Figura 26. Ejecutamos el instalador:

 17

Figura 27. Aceptamos los términos y condiciones y hacemos clic en next hasta

ejecutar la instalación:
 18

Figura 28. Seleccionamos el JDK le damos siguiente

Figura 29. Seleccionamos actualizaciones le damos siguiente

 19

Figura 30. Proceso de Instalacion

Figura 31. Una vez finalizada la instalación, hacemos clic en finish

 20

Figura 32. Accedemos a NetBeans

Figura 33. NetBeans abierto

 21

Figura 34. Ahora vamos a comprobar Java para esto vamos a File/New Project

Figura 35. Luego seleccionamos Java with Art y Java Aplication, luego

hacemos clic en Next

 22

Figura 36. Luego marcamos la opción The nb-javac Java editing support

library; luego haremos clic en Download and Activate

 23

Figura 37. Luego no abrirá una nueva ventana para instalar el plugin de Java,

hacemos clic en Next

 24

Figura 38. Aceptamos los acuerdos de licencia y hacemos clic en instalar

Figura 39. Se ejecuta la instalación

 25

Figura 40. Una vez finalice la instalación, hacemos clic en Finish

Figura 41. A continuación, se activara y una vez finalice ya podemos crear un

proyecto
 26

3- Presentar un cuadro comparativo de los diferentes métodos de desarrollo de

software web.

Cada metodología de desarrollo de software tiene más o menos su propio enfoque para el

desarrollo de software. Estos son los enfoques más generales, que se desarrollan en varias

metodologías específicas. Estos enfoques son los siguientes:

• Modelo en cascada: Framework lineal.

• Prototipado: Framework iterativo.

• Incremental: Combinación de framework lineal e iterativo.

• Espiral: Combinación de framework lineal e iterativo.

• RAD: Rapid Application Development, framework iterativo.

Metodología Definición

Modelo en cascada Es un proceso secuencial y fácil de

desarrollar. En este proceso, los pasos de

desarrollo se ven hacia abajo (como una

cascada) a través de las diversas etapas de

análisis de requisitos, diseño,

implementación, pruebas (verificación),

integración y mantenimiento.

El principio básico del modelo de cascada

es el siguiente:
 27

El proyecto se divide en varias etapas,

con cierta superposición y splashback

aceptable entre cada etapa.

La atención se centra en la planificación,

la planificación, las fechas, los

presupuestos y la ejecución de todo el

sistema a la vez.

A lo largo de todo el ciclo de vida del

proyecto, mediante el uso de una gran

cantidad de documentos escritos, y al

final de la mayoría de las fases y antes

del comienzo de la siguiente fase,

comentarios y aprobación / signoff

hechas por los usuarios y la gerencia de

TI, el proyecto puede ser estrictamente

controlado.

Prototipo Los prototipos permiten el desarrollo de

modelos de aplicaciones de software que

permiten visualizar las mismas funciones

básicas sin tener que incluir toda la lógica

o características del modelo completo. El

prototipo permite a los clientes evaluar

 28

los productos con anticipación e

interactuar con los diseñadores y

desarrolladores para ver si se cumplen las

expectativas y características acordadas.

El prototipo no tiene todas las funciones

del sistema, pero si condensa sus ideas

principales, gradualmente puede ir

aumentando sus funciones y manejar un

alto grado de participación de los

usuarios.

Incremental Permite que el proyecto se construya en

etapas incrementales, agregando

funcionalidad en cada etapa.

Estas etapas incluyen requisitos, diseño,

codificación, pruebas y entrega. Permite

En comparación con el modelo en

cascada, los productos se pueden entregar

a los clientes más rápido.

• Reduce los riegos ya que provee

visibilidad sobre el progreso de

las nuevas versiones.

 29

• Provee retroalimentación a través

de la funcionalidad mostrada.

• Se pueden hacer

implementaciones parciales si se

cuenta con la suficiente

funcionalidad.

• Las pruebas y la integración son

constantes.

• Permite atacar los mayores

riesgos desde el inicio.

Espiral Los principios básicos son:

El enfoque está en evaluar y reducir los

riesgos del proyecto dividiéndolo en

partes más pequeñas y proporcionando

cambios más fáciles durante el proceso de

desarrollo, así como brindando

oportunidades para evaluar los riesgos y

sopesar el desarrollo continuo del

proyecto a lo largo del ciclo de vida.

Cada viaje alrededor de la espiral pasa

por cuatro cuadrantes básicos:

Determinar los objetivos, métodos

 30

alternativos y condiciones de activación

de la iteración; Evaluar alternativas;

identificar y resolver riesgos; Desarrollar

y verificar los resultados de la iteración y

planear la próxima iteración

Cada ciclo comienza con la identificación

de los interesados y sus condiciones de

ganancia, y termina con la revisión y

examinación

Rapid Application Development El desarrollo rápido de aplicaciones

(RAD) (RAD) es una metodología de desarrollo

de software, que implica el desarrollo

iterativo y la construcción de prototipos.

El desarrollo rápido de aplicaciones es un

término originalmente utilizado para

describir un proceso de desarrollo de

software introducido por James Martin en

1991.

Principios básicos:

El objetivo clave es desarrollar y entregar

rápidamente productos de alta calidad en

 31

un sistema de costo de inversión

relativamente bajo.

Intenta reducir los riesgos inherentes del

proyecto dividiéndolo en partes más

pequeñas y proporcionando cambios más

fáciles durante el proceso de desarrollo.

Principalmente mediante el uso de

iteraciones de prototipos (en cualquier

etapa de desarrollo) dedicadas a la

producción rápida de pautas de sistemas

de alta calidad, se puede promover la

participación de los usuarios y el uso de

herramientas de desarrollo

computarizadas. Estas herramientas

pueden incluir generadores de interfaz

gráfica de usuario (GUI), herramientas de

ingeniería de software asistida por

computadora (CASE), sistemas de

administración de bases de datos

(DBMS), lenguajes de programación de

cuarta generación, generadores de código

y tecnología orientada a objetos.

 32

4- Que es una metodología de desarrollo, sus características, ventajas y desventajas

La metodología de desarrollo de software se refiere al framework (entorno o marco de

trabajo) utilizado para construir, planificar y controlar el proceso de desarrollo en un

sistema de información.

Con el tiempo, se han desarrollado muchos métodos con diferentes ventajas y

desventajas.

El framework de la metodología de desarrollo de software incluye:

• La idea de desarrollar programas de computadora a través del proceso de

desarrollo de software.

• Herramientas, modelos y métodos para ayudar al proceso de desarrollo de

software.

Estos framework suelen estar vinculados a algún tipo de organización que también se

puede desarrollar para apoyar el uso y promover el desarrollo de metodologías.

Ventajas y Desventajas de la metodología Ágil

Ventajas
• Rápida respuesta de cambios
• Intervención del cliente en el proceso
• Entregas del producto a intervalos
• Eliminación de tareas innecesarias

Desventajas
• Fuerte dependencia de los líderes

• Falta de documentación

• Soluciones erróneas en etapas largas

 33

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

capitulo 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é?

Es muy importante aplicar los atributos mencionados en el capítulo 16 del texto

Roger Pressman ya que cada una es una propiedad Medible del Software que nos indica

el nivel de calidad y cuyo fin es garantizar el buen funcionamiento del producto.

Nosotros consideramos que el de mayor importancia son los atributos Eficacia de

la revisión y de pruebas. Imagínese una aplicación para una entidad financiera donde se

realiza muchas transacciones relacionado con el cálculo de dinero es algo muy delicado.

El grupo de ingenieros especializado en esta parte debe encontrar los posibles fallos en el

código fuente y controlar dichos procesos, debe contemplar todos los parámetros o

condiciones para no generar una pérdida para la empresa o este calculando mal a un

usuario final.
 34

Lista de referencias

• https://es.wikipedia.org/wiki/Metodolog%C3%ADa_de_desarrollo_de_software

• https://repositorio.uca.edu.ar/bitstream/123456789/522/1/metodologias-

desarrollo-software.pdf

• http://cotana.informatica.edu.bo/downloads/ld-

Ingenieria.de.software.enfoque.practico.7ed.Pressman.PDF