FASE 5 IMPLEMENTACIÓN

AP09-AA10-EV03. Elaboración del manual de usuario y manual de

configuración del sistema.

LUIS ADRIAN CORTES ORREGO

Instructor
YENIS ZÚÑIGA ESCOBAR
Ingeniera de sistemas

Tecnólogo en Análisis y Desarrollo de Sistemas de Información

Virtual (1749809)

SERVICIO NACIONAL DE APRENDIZAJE SENA

CENTRO DE FORMACIÓN TURÍSTICA, GENTE DE MAR Y SERVICIOS
REGIONAL SAN ANDRES ISLA
2020
Tabla de contenido

TABLA DE CONTENIDO...................................................................................1
1° INTRODUCCIÓN...................................................................................2
1.1 OBJETIVOS...............................................................................................2
2° REQUERIMIENTOS TECNICOS..............................................................2
2.1 REQUERIMIENTOS MÍNIMOS DE HARDWARE.............................................2
2.2 REQUERIMIENTOS MÍNIMOS DE SOFTWARE..............................................2
3° HERRAMIENTAS UTILIZADAS PARA EL DESARROLLO..........................3
3.1 PHP..........................................................................................................3
3.2 MYSQL.....................................................................................................3
3.3 APACHE....................................................................................................3
3.4 XAMPP......................................................................................................4
4° INSTALACION DE XAMPP.....................................................................5
4.1 INICIO DE SERVIDORES..........................................................................11
4.2 SERVIDOR APACHE.................................................................................12
4.3 SERVIDOR APACHE.................................................................................13
5° ENTORNO DE DESARROLLO INTEGRADO (IDE) NETBEANS...............15
5.1 INSTALACION DE NETBEANS...................................................................15
6° GLOSARIO..........................................................................................22

1
 MANUAL DE INSTALACIÓN

1° INTRODUCIÓN
Este manual describe los pasos necesarios para que cualquier persona que tenga
ciertas bases de sistemas, pueda realizar la instalación del sistema de información
Modulo de Ventas (MDV).

Es importante tener en cuenta que en el presente manual se hace mención a las

especificaciones mínimas de hardware y software para la correcta instalación del
aplicativo.

1.1 OBJETIVOS
Brindar la información necesaria para poder realizar la instalación y configuración
del aplicativo

 Representar la funcionalidad técnica de la estructura, diseño y definición del

aplicativo.

 Definir claramente el procedimiento de instalación del aplicativo.

 Detallar la especificación de los requerimientos de Hardware y Software

necesarios para la instalación de la aplicación.

 Describir las herramientas utilizadas para el diseño y desarrollo del prototipo

2° REQUERIMIENTOS TECNICOS
2.1 REQUERIMIENTOS MÍNIMOS DE HARDWARE
 Procesador: Core 3
 Memoria RAM-Mínimo: 4 Gigabytes (GB)
 Disco Duro: 500Gb

2.2 REQUERIMIENTOS MÍNIMOS DE SOFTWARE

 Sistema Operativo: Windows 10
 Actualizaciones de seguridad: Se recomienda que el computador tenga
todas las actualizaciones de seguridad provistas por el fabricante del sistema

2
 operativo.

3° HERRAMIENTAS UTILIZADAS PARA EL DESARROLLO

3.1 PHP
Es un lenguaje de programación para trabajar página WEB ofreciendo la ventaja
de mezclarse con HTML. Las ejecuciones son realizadas en el servidor y el cliente
es el encargado de recibir los resultados de la ejecución. Si el cliente realiza una
petición, se ejecuta el intérprete de PHP y se genera el contenido de manera
dinámica. Permite conexión con varios tipos de base de datos como: MySQL,
Oracle, Postgress, SQL Server etc. Permitiendo aplicaciones robustas sobre la WEB.
Este lenguaje de programación puede ser ejecutado en la gran mayoría de
sistemas operacionales y puede interactuar con servidores WEB populares.

3.2 MYSQL
Es un manejador de Bases de Datos, el cual permite múltiples hilos y múltiples
usuarios, fue desarrollado como software libre.

Ofrece ventajas tales como fácil adaptación a diferentes entornos de desarrollo,

Interacción con Lenguajes de Programación como PHP, Java Script y fácil
Integración con distintos sistemas operativos

3.3 APACHE
Es un Servidor WEB desarrollado por el grupo Apache. Su código fuente se puede
distribuir y utilizar de forma libre. Está disponible para diferentes plataformas de
Sistemas Operativos entre otros Windows, Linux Y Mac OS.

Ofrece ventajas tales como independencia de plataforma, haciendo posible el

cambio de plataforma en cualquier momento; creación de contenidos dinámicos,
permitiendo crear sitios mediante lenguajes PHP.

Además de ser libre su soporte técnico es accesible ya que existe una comunidad
que está disponible en foros, canales IRC y servidores de noticias, donde hay gran
cantidad de usuarios disponibles para cuando surge algún problema .

3
3.4 XAMPP
XAMMP es una herramienta para "emular" un servidor en nuestro propio
ordenador, de forma local, desarrollada por Apache Friends. Lo que hace XAMPP
es instalar un servidor Apache con MySQL como gestor de base de datos, PHP
como lenguaje de script del lado del servidor y también cuenta con el lenguaje de
programación Perl (en este proyecto no es usado).

Gracias a esto, es posible desarrollar el proyecto al completo de manera local, sin

necesidad de disponer de servidores remotos. Dicho todo esto nos disponemos a
instalar XAMPP en Windows.

4
4° INSTALACION DE XAMPP
La siguiente instalación vamos a dividirla en una serie de pasos:

PASO 1: Descarga de XAMPP

Aunque dentro de la documentación del proyecto se incluye el ejecutable para
poder instalar XAMPP en Windows para el ordenador, se van a indicar los pasos
por si el lector desease descargar el ejecutable para otro sistema operativo como
Linux o Apple, o bien porque pasado un tiempo quizás la versión incluida en la
documentación quedase obsoleta. En la URL que se indica a continuación se puede
encontrar la versión más reciente.

Así pues, desde la siguiente URL [https://www.apachefriends.org/es/index.html],

se puede encontrar la versión más reciente y para todos los sistemas operativos:

Ilustración 1: Pagina versión descarga XAMPP para S.O deseado

5
Al pulsar sobre la opción deseada, inmediatamente comenzara la descarga del
ejecutable de XAMPP.

Una vez descargado el ejecutable, búscalo en la carpeta de descargas y hacer click

sobre él.

Ilustración 2: Carpeta “descargas” donde se encuentra el ejecutable de XAMPP.

Como puede observar, se ha instalado la versión más reciente para Windows, la

versión 7.4.4

6
PASO 2: Instalación de XAMPP

Al hacer doble click sobre el ejecutable descargado, comenzará la instalación en sí.

En primer lugar, saldrá la siguiente pantalla de instalación:

Nota: Sí el S.O nos pide permisos le damos que si

Ilustración 3: Inicio de la instalación.

Debemos pulsar sobre “Next” para continuar, para poder elegir en la siguiente
pantalla de instalación qué opciones deseamos instalar en el equipo:

7
 Ilustración 4: Elección opciones a instalar.

En nuestro caso necesitaremos instalar, en cuanto a servidores, tanto el servidor

Apache, así como MySQL, los cuales son los que se usan para la ejecución de
consultas de la aplicación. Además, serán necesarios los lenguajes de
programación PHP, que es usado para los scripts del servidor Apache que realiza
las consultas a la base de datos, así como PhpMyAdmin, mediante el cual hemos
creado y desarrollado nuestra base de datos al completo.

8
Tras esto, debemos seleccionar la carpeta donde deseamos sea instalado XAMPP,
tal como muestra la siguiente ilustración:

Ilustración 5: Carpeta donde instalar XAMPP.

Al pulsar sobre “Next” comienza la instalación con todas las opciones que hemos
elegido en el procedimiento anterior.

9
PASO 3: Iniciar XAMPP

Una vez ha concluido la instalación de XAMPP podemos iniciar la ejecución del

programa pulsando sobre el icono que se encuentra en el escritorio, o bien
buscándolo en el directorio donde el usuario deseó su instalación, en nuestro caso
C:/XAMPP. La pantalla que aparecerá será:

Ilustración 6: Pantalla inicio XAMPP.

Como observamos, aparecen las opciones instaladas, en nuestro caso, utilizaremos

el servidor Apache y el servidor MySQL, los cuales pueden ser iniciados pulsando
“Start” y administrados pulsando sobre “Admin”, una vez estos son arrancados.

10
4.1 INICIO DE SERVIDORES
Como se ha indicado, para iniciar los servidores tan solo se debe pulsar sobre
“Start” en ambos casos, pudiéndose inmediatamente administrar ambos. Desde el
mismo momento en el que son iniciados, se le asignará a cada servidor un PID y
un número de puerto para su ejecución, tal y como muestra la siguiente
ilustración:

Ilustración 7: Servidores Apache y MySQL iniciados.

En los próximos 2 apartados se mostrarán como administrar cada uno de los

servidores iniciados, mostrando sus características principales:

11
4.2 SERVIDOR APACHE
Nota: Botón “Admin”

Para poder administrar el servidor Apache debe pulsarse sobre dicho botón, que se
encuentra junto a otros botones:

Ilustración 8: Detalle botón administrar servidor Apache.

Una vez se pulsa sobre dicho botón “Admin”, automáticamente se abre el

navegador con la dirección local (http://localhost/dashboard/), mostrándose:

Ilustración 9: Pantalla administración Apache.

12
Mediante esta página, es posible administrar casi cualquier aspecto de Apache,
tales como seguridad, estado del servidor, documentación del servidor, así como
los componentes de los que dispone. Como puede observarse en la ilustración
anterior, se puede acceder a todas estas opciones tan solo pulsando sobre la
elección pertinente en la parte izquierda de la pantalla.

4.3 SERVIDOR APACHE

Nota: Botón “Admin”

Ilustración 10: Detalle botón administración de le base de datos.

Al pulsar dicho botón, inmediatamente se abre en el navegador el administrador

de la base de datos, llevado a cabo mediante PhpMyAdmin, facilitando
enormemente su manejo, ya que al ser visual su administración, es mucho más
fácil e intuitiva. Observemos la siguiente ilustración:

Ilustración 11: Administración de la base de datos.

13
En la ilustración anterior puede observarse que en la parte izquierda se encuentran
las diferentes bases de datos disponibles, en nuestro caso modulo_ventas es la
usada en el proyecto. También puede observarse en la parte superior las
diferentes opciones para consultar las diferentes tablas de las que dispone la base
de datos, exportar/importar, etc.

En la documentación del proyecto se incluye el archivo modulo_ventas.sql el cual

es la base de datos exportada con todos sus datos y tablas. Si queremos poner
dicha base de datos en el administrador PhpMyAdmin, tan solo debemos pulsar
sobre “importar”, buscar dicho archivo en el equipo y pulsar aceptar.
Automáticamente aparecerá en el lateral izquierdo la base de datos que acaba de
ser importada.

Una vez pulsamos sobre la base de datos, podremos consultar sus diferentes
tablas, así como de los datos de que esta dispone, incluso se podrá modificar sin
ningún tipo de problema. En la siguiente ilustración se muestran las tablas de las
que dispone la base de datos de nuestro proyecto:

Ilustración 12: Tablas de la base de datos.

14
5° ENTORNO DE DESARROLLO INTEGRADO (IDE)
NETBEANS
Nota: El (IDE) con el que se desarrolló el proyecto es el NetBeans 8.2 en la
actualidad el (IDE) cuenta con su versión más actual el NetBeans 11.3

NetBeans es un entorno de desarrollo integrado libre, muy completo y profesional.

Contiene muchas funcionalidades, para distintos tipos de aplicaciones y para
facilitar al máximo la programación, la prueba y la depuración de las aplicaciones
que se desarrollan. También incorpora un editor propio, hecho principalmente para
el lenguaje de programación Java. Existe además un número importante de
módulos para extenderlo. NetBeans IDE es un producto libre y gratuito sin
restricciones de uso.

5.1 INSTALACION DE NETBEANS

A continuación, se presentan los pasos para descargar e instalar NetBeans, si la
versión incluida en la documentación quedase obsoleta en la dirección que se
indica a continuación se puede encontrar la versión más reciente.

Desde la siguiente URL [https://netbeans.org/], se puede encontrar la versión más

reciente y para todos los sistemas operativos:

La siguiente instalación vamos a dividirla en una serie de pasos:

PASO 1: Descarga de NetBeans

Vamos a la descripción de la URL para la descarga de NetBeans

[https://netbeans.org/]

15
Damos click en Download que está en la parte superior al lado derecho de color
naranja como se ve en la imagen.

Seleccionamos la versión de NetBeans que deseamos descargar, como se muestra

a continuación

Se nos despliega la opción para elegir sobre qué sistema operativo se va a ejecutar
NetBeans, en este caso Windows, pero pudiéndose elegir Linux o Mac OS.

16
Al pulsar sobre la opción deseada, nos saldrá la siguiente página con el ejecutable

17
Una vez se da click sobre el enlace de descarga, comenzara la descarga
inmediatamente:

Una vez descargado el ejecutable, se busca en la carpeta de descargas:

18
Como puede observarse, se ha descargado la versión más reciente para Windows
64 bits, la versión 11.3

PASO 2: Instalación de NetBeans

Damos dobles click sobre el ejecutable, si nos pide permisos le damos que sí, para
comenzar la instalación

Aceptamos los terminos de la licencia

19
Tras esto, debemos seleccionar la carpeta donde deseamos instalar NetBeans, tal
como muestra la siguiente ilustración

Al pulsar sobre “Next” comienza la instalación.

PASO 3: Iniciar NetBeans

20
Una vez ha concluido la instalación de NetBeans, podemos iniciar el programa
buscándolo en el directorio del equipo donde lo hayamos instalado o en el acceso
directo creado en el escritorio.

Con esto ya tendremos instalado NetBeans y estaremos listos para comenzar

nuestros proyectos.

21
6° GLOSARIO
Web: Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. El
concepto se utiliza en el ámbito tecnológico para nombrar a una red informática y,
en general, a Internet (en este caso, suele escribirse como Web, con la W
mayúscula).

Usuario: En informática, un usuario es una persona que utiliza una computadora

o un servicio de red. Los usuarios de sistemas informáticos y productos de
software generalmente carecen de la experiencia técnica necesaria para
comprender completamente cómo funcionan.

Software: Se conoce como software al soporte lógico de un sistema informático,

que comprende el conjunto de los componentes lógicos necesarios que hacen
posible la realización de tareas específicas, en contraposición a los componentes
físicos que son llamados hardware.

Software Libre: El software libre es todo software cuyo código fuente puede ser
estudiado, modificado, y utilizado libremente con cualquier fin y redistribuido con
cambios y/o mejoras o sin ellas.

Hardware: La palabra hardware en informática se refiere a las partes físicas,

tangibles, de un sistema informático, sus componentes eléctricos, electrónicos,
electromecánicos y mecánicos.

Codigo Fuente: es el archivo o archivos con las instrucciones necesarias,

realizadas en un lenguaje de programación, que sirve para compilar
posteriormente un programa o programas para que puedan ser utilizados por el
usuario de forma directa, tan sólo ejecutándolo.

Codigo Abierto: El código abierto es un modelo de desarrollo de software basado

en la colaboración abierta. Se enfoca más en los beneficios prácticos que en
cuestiones éticas o de libertad que tanto se destacan en el software libre. Para
muchos el término «libre» hace referencia al hecho de adquirir un software de
manera gratuita.

Manual de usuario: es un documento de comunicación técnica destinado a dar

asistencia a las personas que utilizan un sistema en particular.

Servidor Apache: El servidor HTTP Apache es un servidor web HTTP de código

abierto, para plataformas Unix, Microsoft Windows, Macintosh y otras, que

22
implementa el protocolo HTTP/1.1 y la noción de sitio virtual según la normativa
RFC 2616.

Leguaje de Script: es un pequeño lenguaje de programación cuyo código se

inserta dentro del documento HTML. Este código se ejecuta en el navegador del
usuario al cargar la página, o cuando sucede algo especial como puede ser el
pulsar sobre un enlace.

Windows: es el nombre de una familia de distribuciones de software para PC,

teléfonos inteligentes, servidores y sistemas empotrados, desarrollados y vendidos
por Microsoft y disponibles para múltiples arquitecturas, tales como x86, x86-64 y
ARM.

Linux: es un sistema operativo de tipo Unix, multiplataforma, multiusuario y

multitarea. El sistema es la combinación de varios proyectos, entre los cuales
destacan GNU, encabezado por Richard Stallman y la Free Software Foundation;
además del núcleo o kernel «Linux», encabezado por Linus Torvalds.

Mac Os: (del inglés Macintosh Operating System, en español Sistema Operativo
de Macintosh) es el nombre del sistema operativo creado por Apple para su línea
de computadoras Macintosh,

Oracle: Oracle Database es un sistema de gestión de base de datos de tipo

objeto-relacional, desarrollado por Oracle Corporation.

Sistema de Información: es un conjunto de datos que interactúan entre sí con

un fin común. En informática, los sistemas de información ayudan a administrar,
recolectar, recuperar, procesar, almacenar y distribuir información relevante para
los procesos fundamentales y las particularidades de cada organización.

MDV: Acrónico que hace referencia al sistema de información (Modulo de ventas).

PHP: (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de

código abierto muy popular especialmente adecuado para el desarrollo web y que
puede ser incrustado en HTML

XAMPP: es un paquete de software libre, que consiste principalmente en el

sistema de gestión de bases de datos MySQL, el servidor web Apache y los
intérpretes para lenguajes de script PHP y Perl. El nombre es en realidad un
acrónimo: X (para cualquiera de los diferentes sistemas operativos), Apache,

23
MariaDB/MySQL, PHP, Perl.

HTML: siglas en inglés de HyperText Markup Language, hace referencia al

lenguaje de marcado para la elaboración de páginas web.

WAMPSERVER: es el acrónimo usado para describir un sistema de infraestructura

de Internet que usa las siguientes herramientas: Windows como sistema
operativo; Apache, como servidor web; MySQL, como gestor de bases de datos;
PHP, Perl, o Python, como lenguajes de programación.

S.O: es el acrónico de sistema operativo que es el software principal o conjunto de

programas de un sistema informático que gestiona los recursos de hardware y
provee servicios a los programas de aplicación de software, ejecutándose en modo
privilegiado respecto de los restantes.

SQL: es un lenguaje de dominio específico utilizado en programación, diseñado

para administrar, y recuperar información de sistemas de gestión de bases de
datos relacionales.

MySQL: es un sistema de gestión de bases de datos relacional desarrollado bajo

licencia dual: Licencia pública general/Licencia comercial por Oracle Corporation y
está considerada como la base de datos

MariaDB: es un sistema de gestión de bases de datos derivado de MySQL con

licencia GPL. Es desarrollado por Michael Widenius —fundador de MySQL—, la
fundación MariaDB y la comunidad de desarrolladores de software libre.

BBDD: Es el acrónico de base de datos, que es una colección de datos

organizados y estructurados según un determinado modelo de información que
refleja la relación entre ellos.

24