• Author / Uploaded
• Adrian Cortes Orrego

Citation preview

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