ACTIVIDAD I DISEÑO Y DESARROLLO WEB

ASIGNATURA: SISTEMAS OPERATIVOS

JOHN EDINSON ALVAREZ RAMIREZ

13393165

TUTOR: CAMILO ALFONSO SALAMANCA GUAUQUE

FUNDACIÓN UNIVERSITARIA UNIPANAMERICANA

INGENIERÍA DE SISTEMAS
OCTUBRE 2019
BOGOTÁ
 Introducción

El objetivo de esta actividad es confirmar que se ha realizado satisfactoriamente la

instalación y verificación de funcionalidad de un servidor web junto con el entorno de desarrollo

gráfico.

En este documento se explicara todo el proceso de instalación del paquete XAMPP, al igual

que el IDE NetBeans y también se creara un proyecto sencillo para verificar el funcionamiento.

También se hablara sobre las diferentes metodologías de desarrollo web, sus características,

ventajas y desventajas.
Instalación Xampp

Para desarrollar este punto de la evidencia, debe tomar capturas de pantalla y escribir la

secuencia de los pasos a seguir. Para realizar la instalación de xampp procedemos a realizar la

descarga directamente de la página oficial; una vez lo tengamos descargado procedemos a

ejecutarlo y seguir el asistente de instalación. Una vez iniciado el asistente, haga clic en el botón

Next para continuar.

Seleccionamos los componentes para la instalación de Xammp, los componentes mínimos

para la instala XAMPP son el servidor Apache y el lenguaje PHP; en este caso seleccione todos.
 En la siguiente pantalla que nos aparece podemos elegir la carpeta de instalación, la carpeta

predeterminada es C:\xampp; si se desea se puede cambiar la ruta. Damos clic en Next para

continuar.

La siguiente pantalla ofrece información sobre los instaladores de aplicaciones para XAMPP

creados por Bitnami. Haga clic en el botón "Next" para continuar. Si deja marcada la casilla, se

abrirá una página web de Bitnami en el navegador.

 A continuación nos aparecerá la pantalla de confirmación para la instalación, clic en Next

para continuar.

Debemos esperar unos minutos a que termine el proceso de instalación.

 Una vez terminada la copia de archivos, la pantalla final confirma que XAMPP ha sido

instalado. Si se deja marcada la casilla, se abrirá el panel de control de XAMPP. Para cerrar el

programa de instalación, haga clic en el botón "Finish".

 Una vez instalado PHP procedemos a iniciar los servicios de apache haciendo clic en el botón

start que se encuentra frente a Apache. Debemos tener en cuenta que apache corre sobre el puerto

80 y si este puerto se encuentra ocupado por otro programa debemos liberarlo o cambiar el

puerto este puerto.

Cambiar los puertos en los archivos de configuración de Apache

Podremos cambiar el puerto 80 por el 8080 o el que queramos elegir.

En la fila del servicio de Apache, pinchamos en el botón Config, y en el menú desplegable

elegimos la primera opción Apache (httpd.conf).

Se abrirá un editor de texto con la configuración del archivo. Tenemos que sustituir el puerto

80 en las líneas:

 Listen 80 – cambiamos 80 por el nuevo puerto.

 ServerName localhost:80 – cambiamos 80 por el nuevo puerto.

Para modificar el puerto 443 realizamos el mismo proceso, pero abrimos el archivo de la segunda

opción de la configuración de Apache.

 Igual que el anterior paso, se abrirá en un editor de texto las opciones de configuración. Ahí

tenemos que cambiar el puerto 443 en las siguientes líneas:

 Listen 443 – cambiamos 443 por el nuevo puerto.

 <VirtualHost _default_:443> – cambiamos 443 por el nuevo puerto.

 ServerName www.example.com:443 – cambiamos 443 por el nuevo puerto.

Con esto tendríamos solucionado el problema de los puertos de apache en Xampp.

 Cuando el servidor de apache corra correctamente podemos ir a nuestro navegador e ingresar

a la dirección http://localhost, en este caso como cambiamos el puerto 80 al 8080 debemos

ingresar a la dirección http://localhost:8080; se nos mostrara una página de bienvenida a Xampp.

Ahora debemos ingresar a la ruta donde quedo nuestra carpeta xampp y buscar la carpeta htdocs,

en esta carpeta es donde colocamos todas las estructuras de nuestros sitios web para ser

manejados por el servidor; en el interior de la carpeta htdocs procedemos a crear una para nuestra

practica al interior de esta carpeta crearemos un sencillo archivo llamado index.php, para esto

utilizamos un editor de texto o código preferido, ya sea bloc de notas, notepad++, Sublime Text,

Netbeans, el que tú prefieras. En nuestro caso utilizaremos Netbeans.

Instalación Netbeans

Una vez descargado el archivo de instalación Netbeans procedemos a la instalación dando

doble clic sobre este.

Nos aparece la siguiente pantalla de instalación, damos clic en Netx para continuar con el

proceso de instalación.
Debemos aceptar los términos del acuerdo de licencia y continuar.
 En la siguiente ventana se nos muestra la ruta de instalación del programa, lo único que

debemos hacer es dejar tal cual como se nos muestra y dar clic en siguiente.

En la siguiente ventana dar clic en Instalar.

El proceso de instalación demora varios minutos, debemos esperar a que finalice.

Y por último terminar con la instalación dando clic en finalizar.

 Para verificar el funcionamiento procedemos a abrir el IDE netbeans

Creamos un nuevo proyecto

 Escogemos el proyecto a crear, en este caso es un proyecto de aplicación PHP. Clic en

siguiente.

Colocamos el nombre de nuestro proyecto y escogemos la ruta de nuestro servidor, clic en

siguiente.
Luego configuramos la url para nuestro proyecto, clic en siguiente.
Por ultimo damos clic en finalizar.
 Ya tenemos creado nuestro proyecto, ahora en la ventana de edición podemos editar nuestro

script php.

La estructura básica es la siguiente:

<?php

//instrucciones de código

?>

Ahora vamos a ver el resultado de la ejecución de nuestro código. Para ello entonces debemos

hacer una petición a nuestro servidor Apache indicándole que queremos ejecutar el archivo

index.php que se encuentra en la carpeta llamada HolaMundo. Esto se hace, ingresando al

navegador e ingresando a la siguiente dirección: http://localhost:8080/Prueba1/HolaMundo.php

Ejecutamos nuestro Script para verificar el funcionamiento. Se nos muestra en el navegador el

resultado.
Métodos de desarrollo de software web

Definición Características Ventajas Desventajas

WSDM Método de - Se enfoca en - Evita - No evalúa

diseño para satisfacer las inconsistencias seguridad ni

sitios web, en necesidades del durante el funcionalidad.

este método se usuario. proceso de - No soporta

define una - Clasificación de desarrollo. muchos

aplicación web usuarios - Satisface las procesos de

a partir de los mediante el necesidades de trabajo.

diferentes
 grupos de estudio de cada grupo de - No considera

usuarios que entornos. usuario pruebas durante

reconocerá el - Presenta cuatro el proceso de

sistema. fases. Modelo de desarrollo.

usuarios, diseño

conceptual,

diseño de

implementación

y realización de

implementación

W2000 Esta propuesta - Establece 4 meta - Contempla los - No garantiza

toma como base modelos: requisitos información de

los conceptos Información, transaccionales, la interfaz de

HDM, propone Navegación, de navegación y usuarios.

un conjunto de Presentación y personalización. - No maneja

elementos que Comportamiento - Utiliza ningún método

permiten al Dinámico. requisitos para la captura

diseñador - Se centra en el funcionales de requisitos.

especificar una paradigma de la asociando cada - No evalúa la

aplicación. orientación a rol y las técnica de

objetos. interacciones captura de

- Propone un ciclo producidas en datos a

de vida para el el sistema. necesitar.

 desarrollo de

sistemas web.

UWA El proceso de - Se basa en los - Hace un - Depende de la

captura de roles de usuarios. seguimiento para metodología

requisitos en - Hace uso de validar la w2000.

UWA comienza XML para definir consecución de - Pasa por

definiendo los los requisitos de los objetivos. muchos

diferentes roles manera formal. - Usa diagrama de procesos para

de usuario que - Se clasifican los casos de uso para definir los

pueden objetivos según la definición de requisitos.

interactuar con su carácter. los actores.

el sistema, los - Propone una

objetivos notación propia.

globales del - Realiza el diseño

sistemas y la hipermedia.

relación entre

éstos.

NTD Es un proceso - Ofrece una - Valida los - No contempla

metodológico herramienta que requisitos las fases

para especificar, sirve como - Identifica y avanzadas del

analizar y soporte en la define los ciclo de vida

diseñar sistemas aplicación de sus actores de desarrollo d

web. técnicas.
 - en la fase de - Contempla los una aplicación

análisis se deben requisitos de web.

modelar los almacenamiento

aspectos de de información.

navegación e

interfaz abstracta.

DDDP Esta propuesta - Se basa en - Los - Necesita estar

para el prototipos. requerimientos en constante

tratamiento de - Muestra la son comunicación

requisitos es estructura de la administrados con el usuario

parte del orientación de por el usuario. ya que es muy

proceso design procesos - Los repetitiva.

Driven. requerimientos - Se tiene que

se basan en la saber las

solución. soluciones de

- Identifica y los problemas

define los para definir los

actores. requerimientos.

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

Una metodología de desarrollo hace referencia a un entorno de trabajo usado para estructurar,

planear y controlar los procesos de desarrollo.

 Una de las principales características va a ser su alto grado de interacción con el usuario, y el

diseño de su interfaz debe ser claro, simple y debe estar estructurado de tal manera que sea

orientativo para cada tipo de usuarios.

Referencias

https://www.apachefriends.org/es/index.html

https://netbeans.org/

https://slideplayer.es/slide/3498048/