Manual de Instalación TICS Web

▪
Manual de Instalación
SISTEMA PARA EL CONTROL DE ACCESO Y SALIDA

VEHICULAR PARA EL ESTACIONAMIENTO DE LAS UTS
UTILIZANDO TECNOLOGÍA DE CÓDIGOS DE BARRAS
PEDRO ALONSO OCHOA JEREZ

ADRIANA ALQUICHIRE SIERRA
Pedro Alonso Ochoa Jerez – Adriana Alquichire Sierra
Contenido
Contenido 1
Lista de Figuras 2
Introducción al documento 3
Objetivos del documento 3
1. Instalacion de Xampp 4
2. Instalación motor de base de datos PostgreSQL 10
3. Creación de la base de datos 16
4. Instalación Framework Laravel 17
4.1. Instalación Composer 17
4.2. Creación proyecto Laravel 24
5. Glosario 27
6. Bibliografía 28
Página 1 | 26
Lista de Figuras
Figura 1. Aviso de instalación 4

Figura 2. Instalación Xampp 1 4
Figura 3. Rutas de archivos Xampp 5
Figura 4. Instalación Xampp 3 6
Figura 5.Instalación Disco Duro…………………………………………………………………..7
Figura 6. Progreso Xampp 7
Figura 7. Permisos Apache. 8
Figura 8. Final de Instalación Xampp 9
Figura 9. Panel de Control Xampp 10
Figura 10. Corriendo Mysql. 11
Figura 11. phpMyAdmin. 12
Figura 12. Nueva base de datos. 12
Figura 13. Asignar usuario a base de datos. 13
Figura 14. Página de descarga 13
Figura 15. Ubicación del setup 15
Figura 16. Instalador Composer 15
Figura 17. Ruta de Archivos 16
Figura 18. ubicación carpeta de instalación 17
Figura 19. Instalación Composer 18
Figura 20. Instalación Exitosa 19
Figura 21. Cmd 19
Figura 22. Ejecutamos por consola 20
Figura 23. Comandos 20
Figura 24. Comando creación proyecto 21
Figura 25. creación proyecto por consola 22
Figura 26. Proyecto creado 22
Figura 27. Carpeta creada 23
Página 2 | 26
Introducción al documento
El presente documento es una guía del proceso de instalación y puesta en marcha del
prototipo software o aplicativo web que permitirá la ejecución y la puesta en marcha del
proyecto del parqueadero para su funcionamiento correctamente y sin inconvenientes,
dando un paso a paso detallado para poder instalar y/o actualizar del software, el
contenido de este manual de instalación se muestra en detalle los procedimientos a
realizar para colocar en producción el aplicativo web.
Objetivos del documento
El objetivo de este documento es presentar una guía paso a paso al administrador del
sistema o área encargada de la instalación del aplicativo web de apoyo, guiando el
proceso de implementación y garantizando la correcta puesta en marcha del software
desarrollado mediante la ejecución del presente manual.
Página 3 | 26
1. Instalación de Xampp
Al poner en marcha el instalador XAMPP nos muestra un aviso que aparece si está
activado el Control de Cuentas de Usuario y recuerda que algunos directorios tienen
permisos restringidos:
Figura 1. Aviso de instalación
A continuación, se inicia el asistente de instalación. Para continuar, haga clic en el botón

"Next"
Figura 2. Instalación Xampp 1
Los componentes mínimos que instala XAMPP son el servidor Apache y el lenguaje PHP,
pero XAMPP también instala otros elementos. En la pantalla de selección de
componentes puede elegir la instalación o no de estos componentes.
En la siguiente pantalla puede elegir la carpeta de instalación de XAMPP. La carpeta de
instalación predeterminada es C:\xampp. Si quiere cambiarla, haga clic en el icono de
Página 4 | 26
carpeta y seleccione la carpeta donde quiere instalar XAMPP. Para continuar la

configuración de la instalación, haga clic en el botón "Next"
Figura 3. Rutas de archivos Xampp
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.
Página 5 | 26
Figura 4. Instalación Xampp 3
A continuación, es la confirmación de la instalación. Haga clic en el botón "Next" para

comenzar la instalación en el disco duro.
Página 6 | 26
Figura 5. Instalación Disco Duro
El proceso de copia de archivos puede durar unos minutos

Figura 6. Progreso Xampp
Página 7 | 26
Durante la instalación, si en el ordenador no se ha instalado Apache anteriormente, en

algún momento se mostrará un aviso del cortafuegos de Windows para autorizar a
Apache a comunicarse en las redes privadas o públicas. Una vez elegidas las opciones
deseadas haga clic en el botón "Permitir acceso".
Figura 7. Permisos Apache.
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".
Página 8 | 26
Figura 8. Final de Instalación Xampp
El panel de control de XAMPP se divide en tres zonas:
● la zona de módulos, que indica para cada uno de los módulos de XAMPP: si está
instalado como servicio, su nombre, el identificador de proceso, el puerto utilizado
e incluye unos botones para iniciar y detener los procesos, administrarlos, editar
los archivos de configuración y abrir los archivos de registro de actividad.
● la zona de notificación, en la que XAMPP informa del éxito o fracaso de las
acciones realizadas
● la zona de utilidades, para acceder rápidamente.
Para iniciar correctamente el aplicativo web y sus servicios, en el panel de Xampp se

deben iniciar los servicios (Apache), con el botón “Start”.
Página 9 | 26
Figura 9. Panel de Control Xampp
2. Instalación motor de base de datos MySQL

Para la instalación de Mysql no se debe hacer nada por que con la instalación de xampp
por defecto se instala el motor de base de datos Mysql y queda listo para su
funcionamiento solo se debe darle click en start que está al frente del nombre MySQL
Figura 10. Corriendo Mysql
Página 10 | 26
Luego para verificar que la base está bien le da click en admin y se abrirá el dashboard de
phpMyAdmin.
3. Creación de la base de datos

Para acceder al motor de base de datos debe estar corriendo la base de datos y dar click
en admin para abrir el dashboard de phpMyAdmin.
Página 11 | 26
Figura 11. phpMyAdmin.
Fuente: Autores.
Le da click en nueva y se redirecciona para crear la base de datos, luego se pone el

nombre de la base de datos a crear y le da en crear.
Figura 12. Nueva base de datos.
Luego se le asigna el usuario con permisos para modificar la tabla, va ala bases de datos
y en la que se creó le da privilegios, la envía a la lista de los usuarios se escoge el usuario
root y le da en editar privilegios, luego hay un interno y le da en base de datos, luego le da
en seleccionar la base de datos y le da en continuar.
Figura 13. Asignar usuario a base de datos
Página 12 | 26
4. Instalación Framework Laravel
4.1. Instalación Composer

Ingresar a la siguiente página oficial para instalar el composer: https://getcomposer.org/
Figura 14. Página de descarga
Página 13 | 26
Clik sobre el vínculo Composer-Setup.exe: para descargar
Página 14 | 26
Figura 15. Ubicación del setup
Se ejecuta el instalador
Figura 16. Instalador Composer
Página 15 | 26
Se configura la ruta donde se va a alojar los archivos de Composer.
Figura 17. Ruta de Archivos
Página 16 | 26
Figura 18. ubicación carpeta de instalación
Página 17 | 26
Figura 19. Instalación Composer
Página 18 | 26
Figura 20. Instalación Exitosa
Ejecutamos en cmd
Figura 21. Cmd
En la consola ejecutamos Composer por comandos.
Página 19 | 26
Figura 22. Ejecutamos por consola
4.2. Creación proyecto Laravel

Se busca los comandos Laravel Figura 23. Comandos
Página 20 | 26
Figura 24. Comando creación proyecto
Se ejecuta el comando de creación de proyectos por la consola
Figura 25. creación proyecto por consola
Después de la ejecución del comando de creación de proyecto Laravel se instala una

carpeta en el escritorio con el nombre del proyecto en este caso (Laravel)
Página 21 | 26
Figura 26. Proyecto creado
Figura 27. Carpeta creada
Página 22 | 26
5. Glosario
Tabla 1. Glosario.
Termino Definición
MySQL 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 de código abierto más popular del mundo,12 y una de las más
populares en general junto a Oracle y Microsoft SQL Server, todo para
entornos de desarrollo web.
Base de Es una colección de información organizada de forma que un programa

datos de ordenador pueda seleccionar rápidamente los fragmentos de datos
que necesite. Una base de datos es un sistema de archivos
electrónico.
Servidor de Es un programa de servidor en un equipo en una red distribuida que

aplicaciones proporciona la lógica de negocio para un programa de aplicación. El
servidor de aplicaciones se ve frecuentemente como parte de una
aplicación de tres niveles, que consta de un servidor gráfico de interfaz
de usuario (GUI), un servidor de aplicaciones (lógica empresarial) y un
servidor de bases de datos y transacciones.
Prototipo Los prototipos son una representación limitada de un producto, permite

a las partes probarlo en situaciones reales o explorar su uso, creando
así un proceso de diseño de iteración que genera calidad.
Despliegue Para desplegar los servicios web basados en Java, se necesita una
aplicación aplicación de empresa, conocida también como un archivo EAR que se
ha configurado y habilitado para los servicios web.
Servicios de Un servicio de Windows es un programa de ordenador que funciona en

Windows segundo plano. Un servicio de Windows debe ajustarse a las normas y
protocolos de interfaz del Service Control Manager, el componente
responsable de la gestión de servicios de Microsoft Windows.
Administrador Es la persona que tiene la responsabilidad de implementar, configurar,

de sistema mantener, monitorizar, documentar y asegurar el correcto
funcionamiento de un sistema informático.
Consola de La interfaz de línea de comandos (en inglés, command-line interface,

comandos CLI) es un método que permite a los usuarios dar instrucciones a algún
programa informático por medio de una línea de texto simple.
Laravel Laravel es un framework de código abierto para desarrollar

aplicaciones y servicios web con PHP 5 y PHP 7. Su filosofía es
desarrollar código PHP de forma elegante y simple, evitando el "código
espagueti". Fue creado en 2011 y tiene una gran influencia de
Página 23 | 26
frameworks como Ruby on Rails, Sinatra y ASP.NET MVC
Framework El concepto framework se emplea en muchos ámbitos del desarrollo de

sistemas software, no solo en el ámbito de aplicaciones Web.
Podemos encontrar frameworks para el desarrollo de aplicaciones
médicas, de visión por computador, para el desarrollo de juegos, y para
cualquier ámbito que pueda ocurrírsenos.
Página 24 | 26
6. Bibliografía
Jlsmorillo. (24 de 06 de 2018). Instalación Glassfish. Obtenido de

https://jlsmorilloblog.wordpress.com/2018/06/24/instalacion-del-servidor-de-
aplicaciones-glassfish-4-1-en-windows/
Xampp (Win 10) Instalación Xampp Obtenido de

https://jmguimera.blogspot.com/2016/04/como-instalar-xampp-en-windows-windows.html
Página 25 | 26

Manual de Instalación TICS Web

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual de Instalación TICS Web

Cargado por

Copyright:

Formatos disponibles

▪

SISTEMA PARA EL CONTROL DE ACCESO Y SALIDA

PEDRO ALONSO OCHOA JEREZ

Figura 1. Aviso de instalación 4

Objetivos del documento

A continuación, se inicia el asistente de instalación. Para continuar, haga clic en el botón

carpeta y seleccione la carpeta donde quiere instalar XAMPP. Para continuar la

Figura 3. Rutas de archivos Xampp

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

Figura 4. Instalación Xampp 3

A continuación, es la confirmación de la instalación. Haga clic en el botón "Next" para

Figura 5. Instalación Disco Duro

El proceso de copia de archivos puede durar unos minutos

Durante la instalación, si en el ordenador no se ha instalado Apache anteriormente, en

Figura 7. Permisos Apache.

Figura 8. Final de Instalación Xampp

El panel de control de XAMPP se divide en tres zonas:

Para iniciar correctamente el aplicativo web y sus servicios, en el panel de Xampp se

Figura 9. Panel de Control Xampp

2. Instalación motor de base de datos MySQL

Figura 10. Corriendo Mysql

3. Creación de la base de datos

Figura 11. phpMyAdmin.

Le da click en nueva y se redirecciona para crear la base de datos, luego se pone el

4. Instalación Framework Laravel

4.1. Instalación Composer

Figura 14. Página de descarga

Clik sobre el vínculo Composer-Setup.exe: para descargar

Figura 15. Ubicación del setup

Figura 16. Instalador Composer

Se configura la ruta donde se va a alojar los archivos de Composer.

Figura 17. Ruta de Archivos

Figura 18. ubicación carpeta de instalación

Figura 19. Instalación Composer

Figura 20. Instalación Exitosa

En la consola ejecutamos Composer por comandos.

Figura 22. Ejecutamos por consola

4.2. Creación proyecto Laravel

Figura 24. Comando creación proyecto

Se ejecuta el comando de creación de proyectos por la consola

Figura 25. creación proyecto por consola

Después de la ejecución del comando de creación de proyecto Laravel se instala una

Figura 26. Proyecto creado

Figura 27. Carpeta creada

MySQL MySQL es un sistema de gestión de bases de datos relacional

Base de Es una colección de información organizada de forma que un programa

Servidor de Es un programa de servidor en un equipo en una red distribuida que

Prototipo Los prototipos son una representación limitada de un producto, permite

Servicios de Un servicio de Windows es un programa de ordenador que funciona en

Administrador Es la persona que tiene la responsabilidad de implementar, configurar,

Consola de La interfaz de línea de comandos (en inglés, command-line interface,

Laravel Laravel es un framework de código abierto para desarrollar

frameworks como Ruby on Rails, Sinatra y ASP.NET MVC

Framework El concepto framework se emplea en muchos ámbitos del desarrollo de

Jlsmorillo. (24 de 06 de 2018). Instalación Glassfish. Obtenido de

Xampp (Win 10) Instalación Xampp Obtenido de

También podría gustarte