INFORME FINAL PRÁCTICA MODALIDAD EMPRENDIMIENTO CASHMAN APP BRYAN YESID GARCIA ANGEL DAVID MONTOYA ROBLEDO DIRECTOR: MAURICIO ARIAS JARAMILLO

(1)

INFORME FINAL PRÁCTICA MODALIDAD EMPRENDIMIENTO

CASHMAN APP

BRYAN YESID GARCIA ANGEL DAVID MONTOYA ROBLEDO

DIRECTOR:

MAURICIO ARIAS JARAMILLO

TECNOLÓGICO DE ANTIOQUIA INSTITUCIÓN UNIVERSITARIA

TECNOLOGÍA EN SISTEMAS MEDELLÍN, COLOMBIA.

(2)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 2 TABLA DE CONTENIDO TABLA DE CONTENIDO 2 ÍNDICE DE FIGURAS 4 ÍNDICE DE TABLAS 5 ABREVIATURAS 6

1. ¡Error! Marcador no definido.

2. 8 3. 9 3.1. Objetivo General 10 3.2. Objetivos específicos 10 4. 10 5. 11

5.1. Segmentos del mercado 12

5.2. Estudio de competidores 12 5.3. Propuesta de valor 12 5.4. Fuentes de financiación 13 5.5. Alcance de la propuesta 13 6. 12 6.1. Factibilidad técnica 14 6.2. Factibilidad económica 14 6.3. Factibilidad operacional 14 7. 15 7.1. Requisitos 16

7.2. Modelos de casos de uso 18

7.3. Diagrama de clases 25

7.4. Pruebas funcionales 25

7.5. Diseño de la interfaz de usuario 27

(3)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 3 7.6.1. Manual de usuario 32 7.6.2. Manual de instalación 37 8. 45 REFERENCIAS 48 ANEXOS 49

Anexo A. Manual de usuario 49

(4)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 4 ÍNDICE DE FIGURAS 1 Figura 1 18 1.2 Figura 2 19 1.3 Figura 3 20 1.4 Figura 4 21 1.5 Figura 5 22 1.6 Figura 6 23 1.7 Figura 7 24 1.8 Figura 8 25 1.9 Figura 9 30 2 Figura 10 31 2.1 Figura 11 32 2.2 Figura 12 32 2.3 Figura 13 33 2.4 Figura 14 34 2.5 Figura 15 35 2.6 Figura 16 35 2.7 Figura 17 36 2.8 Figura 18 37 2.9 Figura 19 37 2.9.1 Figura 20 38

(5)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 5 ÍNDICE DE TABLAS 1. Requisitos 17 1.2. Caja Negra 27 2 Componentes Fundamentales 2.1 Estaciones cliente 41 2.2 Conectividad 41 2.3 Restricciones técnicas 42

2.4 Requisitos otros sistemas 43

3 Configuración software 44

3.1 Configuración del sistema 46

3.2 Compilación 47

3.3 Compilación 2 49

(6)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 6 1. INTRODUCCIÓN

El presente documento se deriva de la realización de las prácticas profesionales, de los estudiantes, Bryan Yesid García Ángel identificado con cedula numero 1.000.633.734 y David Montoya Robledo identificado con cedula numero 1.001.587.322, en la modalidad que ofrece la institución denominada como prácticas de emprendimiento o proyecto de aula.

La importancia de este proyecto surge con la necesidad de la creación de un sistema informático de software, estrictamente estructurado, en donde se realiza un planteamiento de una problemática inicial, la cual nos lleva a realizar el desarrollo de este proyecto, como principal objetivo el satisfacer la necesidad encontrada en un nicho específico del mercado anteriormente.

La estructura de la investigación y construcción del proyecto está definida por varias secciones, iniciando con el descubrimiento y planteamiento de la necesidad como problemática a resolver; donde se presenta de manera generalizada cada uno de los ítems con respecto a esta sección, se identifica que en Latinoamérica se cuenta con muy pocas opciones y/o entidades que presten el servicio, de brindar plataformas o herramientas que puedan servir de ayuda para el usuario quien desee tener un mayor control de su vida económica y financiera, y las pocas herramientas y sistemas que se brindan para la comunidad latinoamericana, no cuenta con la mejor interfaz gráfica, desempeño de las herramientas o funcionalidades esperadas, con la implementación y desarrollo del sistema, se espera darle una solución a esta problemática.

Dentro de la sección dos tomamos en cuenta el desarrollo funcional de componentes que suplirán la necesidad y será la base en cuanto a lo que se refiere a sistema de software, en esta sección se define en conjunto con los integrantes del proyecto cuál va a ser el planteamiento para la solución de esta problemática mediante herramientas tecnológicas, aspectos técnicos a tener en cuenta al momento de su construcción, beneficio al uso de tecnologías alternas que nos den la capacidad de brindar el mejor servicio al finalizar este proyecto.

Se define por medio de reuniones y correos electrónicos el planteamiento final de la solución, donde se presenta que se realizarán desarrollos del software con el

(7)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 7 framework de laravel, que facilita la construcción del sistema integrado de información, el uso de bases de datos tipo relacional con MYSQL, definición de servidores de aplicación y reglas de negocio a tener en cuenta.

La realización de este producto de software como práctica empresarial tiene un gran impacto en el avance, desarrollo del sistema y sus funcionalidades, implementación de sus componentes, performance y actividad del proyecto, ya que se cuenta principalmente con una fuente y base de apoyo para el planteamiento de soluciones y las características descritas anteriormente.

Mediante las asesorías realizadas por la institución universitaria Tecnológico de Antioquia, más en específico, brindadas por el profesor Mauricio Arias, se logra aclarar varios aspectos con relación al correcto funcionamiento del sistema, la forma adecuada de realizar un proyecto de software con estructuras y bases documentadas, se toma como apoyo la fuente de información y conocimiento que ofrece la universidad, tanto en sus bibliotecas virtuales como en recursos físicos.

(8)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 8 2. PLANTEAMIENTO DEL PROBLEMA

Esta plataforma web está dirigida a personas que deseen tener un mayor control sobre sus finanzas, ingresos, gastos, deudas, planes de ahorro y todo lo que tenga que ver con su vida y productos económicos, en algunos países de Latinoamérica no están disponibles plataformas web para el manejo del flujo de cartera de los usuarios, y las que existen, no prestan las mejores funciones, no cuentan con mucha información necesaria para el cliente, no cuentan con la mejor interfaz gráfica, siendo esto un problema, que con este proyecto se desea solucionar.

(9)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 9 3. OBJETIVOS

3.1. Objetivo General

Satisfacción de clientes

Ofrecer al cliente una plataforma web, donde podrá tener un control total de su vida económica, accediendo de manera fácil a cada una de las funciones que le ofrece la aplicación como lo son: ingresos, gastos, y más, mejorando de esta manera sus finanzas, y presentando una interfaz donde el usuario se sienta identificado y sea lo más intuitivo para su uso.

3.2. Objetivos específicos

1. Llevar a cabo una investigación de las costumbres y los métodos que tienen las personas que no cuentan con una educación financiera para definir el plan de estrategia y las metas que se desean lograr con la aplicación.

2. Definir y a estructurar los módulos de la aplicación, que son los que van a brindar las distintas funcionalidades de acuerdo a lo que el usuario esté buscando.

(10)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 10 4. METODOLOGÍA

Para llevar a cabo este proyecto se utiliza una metodología de desarrollo basado en aplicaciones de cliente-servidor, principalmente se construirá un sistema de información desarrollado con herramientas tecnológicas de uso gratuito tales como lo son el framework laravel, quien se encarga de albergar el código funcional y métodos lógicos (backend) que hacen parte de la aplicación, el uso de Vue.js, nos brinda la posibilidad de desarrollar de una manera mas practica y correcta, las diferentes vistas y pantallas del sistema.

El uso de bases de datos del tipo relacional, de las cuales para este proyecto se eligió principalmente el uso de MySQL, quien para proyectos web construidos con los frameworks descritos anteriormente facilita la ejecución y es el recomendado para el buen funcionamiento del sistema.

Se utilizará la metodología de desarrollo con control de versiones de código fuente, para esto hacemos uso de herramientas que cumplen el papel de repositorios donde se aloja el código fuente desarrollado, ofrecido por la plataforma GitLab en la nube, en este caso se trata de un repositorio compartido centralizado donde se realizará control de versiones al código, ficheros y demás componentes alojados en este.

Para versionar de manera correcta y guiada el código fuente desarrollado en la máquina local de cada estudiante, se utilizará git y git-flow, quien nos brinda una serie de comandos ejecutables para tener el control sobre los elementos que se desean versionar en el repositorio cloud de GitLab.

(11)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 11 5. ESTRUCTURA DEL MODELO DE NEGOCIO

En esta parte del documento se describen de manera detallada los componentes tomados en cuenta para completar de manera exitosa los ítems relacionados al modelado del negocio, su estructura y definiciones técnicas, se expresa con claridad objetos tales como el segmento de mercado al que pertenece el proyecto de software, su estudio realizado entre otras características importantes definidas a continuación.

5.1. Segmentos del mercado

La aplicación va dirigida principalmente a personas naturales, que no cuenten con educación financiera y deseen tener mayor control de su dinero y quieran sacar el máximo partido a su economía, no es necesario que tenga una vida económica atada a bancos, cooperativas y otras entidades financieras, para mayores y menores de edad nuestro propósito es cuidar el bolsillo de las personas, desde los que cuentan con mayores ingresos y trabajan durante un mes completo, hasta los que simplemente guardan sus monedas y remesas, la única condición es que el usuario quiera manejar de manera responsable tu dinero.

La aplicación sale de los estándares y no pretende atar al usuario a bancos, tarjetas de créditos, compañías de préstamos, cooperativas, no es justo obligarlo a ser usuario de ninguna entidad financiera, de hecho, se desea atarlo a su dinero, mostrarle formas en las que puede mejorar sus finanzas y hacer rendir más su capital.

5.2. Estudio de competidores

Se cuenta con un gran reto, ya que en el mercado existen diferentes tipos de plataformas con fines y objetivos parecidos, entre las más importantes está Fintonic, una compañía que lidera actualmente este segmento del mercado, ofreciendo a los clientes una gran variedad de opciones y funciones diferentes dentro de la aplicación.

Aplicaciones tales como: Google wallet, fintonic, finerio, etc., obligan a ser usuario de diferentes bancos, o contar con vida financiera activa en otras entidades financieras, excluyendo a una gran cantidad de clientes que al igual que ellos, desea mejorar sus finanzas.

5.3. Propuesta de valor

Cashman tiene una propuesta diferente para cada cliente y es estar un paso adelante de las demás plataformas, esto se llevará a cabo estando más cerca de las personas, porque para todos es más fácil entender a alguien cercano, que habla nuestro mismo idioma, que brinda

(12)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 12 consejos y ayuda a realizar las cosas, ese es el valor agregado de cashman, ser uno solo con el cliente.

A diferencia de la competencia queremos incluir a todos quienes deseen controlar y administrar de manera confiable sus finanzas, no es una obligación pertenecer a bancos, o contar con créditos activos, la plataforma salta los estándares y les brinda a todos los usuarios un sistema donde pueda hacer lo que otras no le permiten.

5.4. Fuentes de financiación

Principalmente, los fondos de este proyecto, vienen de los ahorros de los fundadores, aunque a futuro se planea presentar la aplicación en eventos empresariales, como manera de dar a conocernos ante los inversores que estén buscando una propuesta innovadora en el sector financiero y así conseguir levantar un capital de inversión que nos permita

avanzar en gran medida este proyecto.

5.5. Alcance de la propuesta

Se requiere de la participación del cada uno de los integrantes del proyecto de prácticas profesionales del proyecto actual para la financiación y conclusión del proyecto, es de suma importancia que no se realice financiación u obtención de recursos económicos para el proyecto, con entidades externas a la universidad y a los propios implicados en la realización, desarrollo e implementación del proyecto de software ya que al ser inicialmente una propuesta de emprendimiento e innovación se debe de realizar este proceso con los recursos financieros obtenidos por los participantes del proceso, descritos en el inicio de este documento.

(13)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 13 6. ESTUDIO DE FACTIBILIDAD

A continuación, se describe detalladamente las diferentes características tomadas en cuenta para dar el estado de factibilidad al producto de software desarrollado, teniendo en cuenta aspectos importantes para la institución y el proyecto en general como lo son, sus tecnicidades en cuanto a recursos, económica y operacional.

6.1. Factibilidad técnica

Se cuenta con factibilidad técnica para este proyecto, ya que los lineamientos establecidos por el director de la práctica así los dicta, al contar con la capacidad técnica, el conocimiento experto y el acompañamiento para el desarrollo y realización de este proyecto por parte de los participantes, se espera que represente un gran valor y reto técnico para la institución universitaria.

6.2. Factibilidad económica

Se espera que la aplicación desarrollada en su fase final sea usada por un gran número de personas de la comunidad latinoamericana, ya que, como se describió anteriormente este es el nicho objetivo principal para la realización de este proyecto.

De allí depende futuros desarrollos y añadidos al componente web funcional culminado, con el desempeño del sistema y los usuarios quienes comiencen a utilizar este producto de software se presentarán posibles actualizaciones al documento y al proyecto respectivamente.

6.3. Factibilidad operacional

Insumos:

● Servidor en la nube para el alojamiento de la aplicación ● Programadores con conocimiento en aplicaciones web ● Máquinas de prueba

● Gestores de proyecto (Líder técnico) ● Ambientes pre productivos

(14)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 14 De Acuerdo a los insumos necesarios para el desarrollo e implementación de la aplicación se estima que será factible ya que se cuenta con los programadores, los cuales representa el porcentaje más alto y de mayor importancia al momento de llevar a cabo el desarrollo del sistema, los demás insumos definidos representan el avance y recursos que ´pueden facilitar en gran medida este proceso, pero que al no representar un costo en recursos económicos para el proyecto, se toma como factible la operación del sistema.

(15)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 15 7. DESARROLLO TÉCNICO DE LA PRÁCTICA

En este espacio se adjunta algunos documentos y objetivos requeridos por los lineamientos de la metodología de practicas actual, en conjunto con sus accesos directos a los documentos originales quienes contemplan la información completa.

7.1. Requisitos

ID Nombre del Requisito

Descripción del Requisito Prioridad Usuario

1 REQ001 El sistema permitirá al usuario

realizar un registro, por correo, nombre y contraseña

ALTO Funcional

2 REQ002 El sistema permitirá al usuario

autenticarse para acceder al sistema con el correo y contraseña

ALTO Funcional

3 REQ003 Al ingresar los usuarios podrán

ingresar un saldo inicial de dinero en general

MEDIO Funcional

4 REQ004 Al ingresar los usuarios podrán

elegir el tipo de moneda preferido

MEDIO Funcional

5 REQ005 El sistema permitirá realizar

movimientos de tres tipos: ingreso gasto o transferencia a

otra cuenta (billetera),

permitiendo agregar una

categoría, valor del movimiento y cuenta (billetera)

ALTO Funcional

6 REQ006 El sistema permitirá a los

usuarios agregar o quitar categorías

BAJO Funcional

7 REQ007 El sistema permitirá a los

usuarios la creación de cuentas (billeteras), con un nombre y un saldo

ALTO Funcional

(16)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 16 7.2. Modelos de casos de uso

(17)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 17 Figura 2

(18)

(19)

(20)

(21)

(22)

(23)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 23 7.3. Diagrama de clases

(24)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 24 7.4. Pruebas funcionales Caja negra Fecha revisión Módulo revisado Observaciones Resultados de la ejecución Errores y éxitos detectados 2020-05-20 Cuentas Mensaje de error, no se crea la cuenta -El formulario no envía los datos necesarios

2020-05-21

Cuentas Se cambia la ruta y

se agrega una

variable para recibir los parámetros

Mensaje de

error, el

sistema no

crea la cuenta

-Los datos llegan, pero no se insertar debido a que el Id no es incremental

2020-05-28

Cuentas Se corrige la tabla El sistema

crea una

cuenta

-Se crea la cuenta

2020-05-28 Movimient os Mensaje de error, no se crea el movimiento Se envían los datos, pero no se insertan, no se hace el recálculo de los tipos de movimiento, no se diferencian los tipos de movimientos 2020-05-29 Movimient os Se hace condicional para identificar los

tipos de movimientos, se hace recálculo Mensaje de error, no se crea el movimiento El sistema no encuentra la cuenta o las cuentas para realizar el cálculo del saldo total

2020-05-29 Movimient os Se agregan las búsquedas y las actualizaciones para el recálculo de las cuentas El sistema crea un movimiento Se crea un movimiento, Hace recálculo, actualiza las cuentas con el nuevo valor

(25)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 25 2020-05-29 Categorías El sistema crea una categoría Se crea una categoría con nombre y descripción Caja negra

(26)

(27)

(28)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 28 7.6. Despliegue del sistema

7.6.1. Manual de usuario

7.6.1.1. Mapa del sistema a. Modelo lógico:

Figura 13

b. Navegación:

En este punto se describirá la navegación a través de un grafo de ventanas. En este diagrama se representarán las ventanas del sistema y mediante flechas las navegaciones entre las mismas. Se ha de representar los caminos más significativos.

(29)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 29

Figura 14

Click en la opción login en el home de la aplicación

Click para ingresar al formulario de registrar usuarios nuevos en la aplicación

Redirecciona al formulario para acceder a la aplicación con las credenciales del usuario

Ingresar el correo con el que se registró en la aplicación

Ingresar la contraseña el que se registró en la aplicación

Recordar usuario y contraseña ingresados en el formulario de login

Acceder al sistema con los datos del formulario

Acceder al formulario para la recuperación o restablecimiento de la contraseña

Ingresar el correo al que desea reestablecer la contraseña

Enviar el formulario para reestablecer la contraseña

(30)

Figura 16

Ingresar los datos solicitados en el formulario para registrar usuarios.

Registrar usuario, guardar la informacion

Dashboard e información principal de la aplicación

Recargar pagina actual

Acceso al modulo investigación Acceso al modulo de monedas Acceso al modulo de cuentas

Formulario para la creación de movimientos desde el dashboard de la app

Grafica que representa los gastos en color rojo y los ingresos en color verde, basado en los movimientos y cuentas del usuario

(31)

Llenar los datos requeridos por el usuario para registrar un nuevo movimiento en la aplicación

Guardar la información del formulario y registrar el movimiento en el sistema

(32)

Figura 19

Cuentas registradas por el usuario

Formulario para crear una nueva cuenta, llenar datos requeridos

Guardar los datos y crear cuenta

Formulario para crear nueva categoría

Guardar los datos y crear categoria

Seleccionar moneda

Guardar los datos y seleccionar moneda

(33)

7.6.1.2. Descripción del sistema:

Ofrecer al cliente una plataforma web, donde podrá tener un control total de su vida económica, accediendo de manera fácil a cada una de las funciones que le ofrece la aplicación como lo son: ingresos, gastos, y más, mejorando de esta manera sus finanzas, y presentando una interfaz donde el usuario se sienta identificado y sea lo más intuitivo para su uso.

(34)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 34 7.6.2. Manual de instalación

7.6.2.1. DESCRIPCIÓN DEL SISTEMA

A. Antecedentes y descripción funcional del sistema

Esta plataforma web está dirigida a personas que deseen tener un mayor control sobre sus finanzas, ingresos, gastos, deudas, planes de ahorro y todo lo que tenga que ver con su vida y productos económicos, en algunos países de Latinoamérica no están disponibles plataformas web para el manejo del flujo de cartera de los usuarios, y las que existen, no prestan las mejores funciones, no cuentan con mucha información necesaria para el cliente, no cuentan con la mejor interfaz gráfica, siendo esto un problema, que con este proyecto se desea solucionar.

(35)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 35 B. Componentes fundamentales

Los componentes que conforman la aplicación son los siguientes:

Módulo Descripción

Login y autenticación

Interfaz gráfica donde se muestra un formulario con dos campos principales donde se ingresará el nombre de usuario y su contraseña respectivamente, seguido de un botón que envía la petición al backend para validar las credenciales del usuario en la base de datos mysql.

Registro usuario Interfaz gráfica con un formulario con los campos requeridos para el

registro de usuarios nuevos en la plataforma.

Módulo de cuentas

En esta pantalla se muestra las cuentas creadas y asignadas al usuario, también un formulario donde se podrán crear cuentas nuevas con los diferentes tipos que ofrece el sistema (tarjeta de crédito, ahorros, hipoteca, corriente), con un saldo definido para la cuenta que se está creando.

Movimientos

El usuario en esta pantalla podrá registrar movimientos en el sistema, con los tipos de movimientos definidos ya sea transferencia, gasto o ingreso y estos movimientos se verán reflejados en la base de datos y se mostrará una gráfica en la pantalla donde se muestra el balance y trazabilidad de estos movimientos.

Categorías

El usuario tendrá acceso a una interfaz donde se podrá crear categorías nuevas en el sistema las cuales aparecerán al momento de realizar movimientos, se tiene la posibilidad de eliminar y actualizar estas categorías en el sistema.

Módulo de monedas

Interfaz gráfica donde se visualizan las monedas registradas en el sistema y el usuario que use la aplicación podrá cambiar su moneda base para realizar movimientos dentro de la aplicación

Componentes Fundamentales

Relación con otros sistemas

Sistemas con los que se relaciona el sistema utilizados para obtener información de los usuarios, el balance de las cuentas y las monedas registradas en el sistema, base de datos MYSQL base de datos relacional.

(36)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 36 7.6.2.2. RECURSOS HARDWARE

Servidores

Dato Valor mínimo Valor recomendado

Procesador Intel core i3/AMD Ryzzen 3 (1,33Ghz)

Intel core i5/AMD ryzzen 5 (3,5Ghz)

Memoria RAM DDR3 2Gb a 1600Mhz DDR4 4Gb a 2400Mhz Tamaño Almacenamiento 256Gb HDD 1 Terabyte SSD Servidores

Estaciones de cliente

Procesador Intel core i3/AMD Ryzzen 3 (1,33Ghz)

Intel core i5/AMD ryzzen 5 (3,5Ghz)

Memoria RAM DDR3 2Gb a 1600Mhz DDR4 4Gb a 2400Mhz Tamaño Almacenamiento 256Gb HDD 1 Terabyte SSD Estaciones Cliente

Conectividad

Tarjeta de Red LAN PCIe LAN PCIe

Tipo de Red Ethernet; Wi-Fi; Ethernet; Wi-Fi; Conectividad

(37)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 37 7.6.2.3. RECURSOS SOFTWARE

Restricciones técnicas del sistema

Elemento Descripción

Sistema operativo Windows (7,8,10), Linux, MAC OS Servidor de aplicaciones Servidor Http Apache

Servidor de base de datos Engine Base Datos Relacional MYSQL 8.0.2 Compilador

● NPM version(6.14.5); ● Composer version(1.10.6); ● Artisan CLI version(7.8.1)

PHP 7.4.5

Git versión 2.26.2.windows.1 Restricciones técnicas

Requisitos de otros sistemas

Se usará un sistema para la subida y carga de archivos vía FTP al servidor de aplicación, quien se encarga de ubicar en las rutas específicas del proyecto los ficheros de la aplicación y mantener actualizados las rutas.

FileZilla

Descripción Aplicación para carga de archivos al servidor vía FTP

Funcionalidad utilizada

sirve para subir y descargar archivos de un FTP, así como para realizar tareas comunes con archivos igual que lo harías en el explorador de archivos de tu PC, como renombrar, mover, copiar o borrar. Uno de sus usos más comunes es para conectarte al hosting de tu página web y subir archivos (o descargar una copia de seguridad).

Requisito administrativo 1 Configuración de puerto y dirección IP del servidor Requisito administrativo 2 Configuración rutas para la carga de archivos Restricción técnica 1 Contar con la versión 3.48.1 instalada de FileZilla Requisitos otros sistemas

(38)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 38 7.6.2.4. INSTALACIÓN Y CONFIGURACIÓN DEL SOFTWARE BASE

Software base laravel

Descripción

Software base, ficheros y archivos de los que depende directamente el funcionamiento y la ejecución del proyecto en laravel, quien se encarga por medio de PHP Artisan de compilar, instalar dependencias y correr el proyecto dentro del servidor de aplicaciones donde esté ubicado el proyecto.

Localización @root/ Procedimiento de instalación

Paso 1 $ composer install

Paso 2 $ php artisan key:generate

Paso 3 $ npm install Procedimiento de configuración

(39)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 39 Paso 1 $ php artisan cache:clear

Paso 2 $ php artisan config:cache

Paso 3 $ php artisan migrate

Parámetros a configurar

Parámetro 1 @root\.env[DB_HOST=127.0.0.1 DB_PORT=3306]

[host del servidor de aplicación, puerto para conexion base datos Mysql]

Parámetro 2 @root\packaje.json [datos, dependencias, y configuración]

Configuracion software

(40)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 40 Configuración del sistema

A continuación, se describen algunas configuraciones que se deben tener presente al momento de realizar el despliegue y la instalación del proyecto de software en un servidor de producción.

Para cada configuración a realizar se indicará el elemento a configurar, el efecto de la configuración, la ubicación en la que realiza la configuración y una descripción detallada de las acciones a llevar a cabo y los valores a establecer. Esta información se estructurará en forma de tabla.

Configuración: Database Connection

Efecto Se establecen los parámetros de conexión a base de datos.

Fase Configuración Antes de realizar la compilación y el despliegue.

Ubicación Fichero @root\.env

Paso Descripción

1º Asegurarse de que la aplicación está correctamente desplegada y de que el servidor de

aplicaciones está parado.

2º

Editar el archivo de configuración indicado y establecer los siguientes valores: • DB_CONNECTION=mysql • DB_HOST=IP_server_apache • DB_PORT=3306 • DB_DATABASE=cashman • DB_USERNAME=root • DB_PASSWORD=password 3º Guardar el archivo. (Ctrl+S)

(41)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 41 7.6.2.6. COMPILACIÓN DEL SISTEMA

Requisitos de compilación

Requisito Descripción

Ubicación Fuentes @root/…

Configuración 1

Ejecutar los siguientes comandos para la importación de dependencias y la correcta configuración del proyecto con laravel y vue.js

● $ composer install

● php artisan key:generate ● $ npm install

Repositorio 1

El repositorio a partir del cual se obtendrán los recursos necesarios y generados por el proyecto se encuentra en GitLab, en la siguiente ruta

● https://gitlab.com/deividmr01/cashman

Es necesario contar con git instalado en la máquina del servidor para descargar los recursos del repositorio, mediante comandos.

Dependencia 1

Para descargar e instalar los paquetes configurados en el fichero composer.json de una aplicación, usa el comando composer install. Este comando lleva a cabo los siguientes pasos:

1. Lee el fichero composer.lock o, si no existe, el fichero composer.json.

2. Busca en Packagist los paquetes especificados en ese fichero. 3. Resuelve la versión a instalar de cada paquete a partir de las

(42)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 42 4. Resuelve todas las dependencias para esas versiones.

5. Instala todos los paquetes y todas las dependencias.

6. Una vez instalados los paquetes, si no existe composer.lock, lo crea para dejar ‘una foto fija’ del entorno de ejecución de la aplicación. También crea los ficheros de autocarga de clases de la aplicación.

Producto final

Ejecutar el comando: $ php artisan migrate para que el servidor ejecute los archivos generados en la compilación y la sirva al servidor http de apache

Compilación del sistema

Procedimiento de compilación

Paso Descripción

1 Abrir consola y cd para ingresar al directorio raíz del proyecto

2 Ejecutar: composer install Ó php composer.phar install 3 Ejecutar: php artisan key:generate

4 Ejecutar: php artisan migrate 5 Ejecutar: php artisan serve

Compilación del sistema 2

7.6.2.7. INSTALACIÓN DEL SISTEMA Requisitos previos

Como requisitos previos de la instalación destacan: • Los ficheros y recursos que se van a utilizar.

• La ubicación de los servidores que hay que utilizar y el modo de acceso a los mismos.

• Software previamente compilado y actualizado.

(43)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 43 Procedimiento de instalación

Procedimiento de instalación Paso 1

Tipo Compilación

Componente Proyecto software base

Permisos Administrador

Descripción Realizar la compilación del proyecto laravel con los comandos de compilación definidos previamente en este documento

Paso 2

Tipo Instalación

Componente Dependencias

Permisos N/A

Descripción

Descargar últimas actualizaciones de las dependencias requeridas para el correcto funcionamiento del proyecto, con los comandos de composer descritos previamente.

(44)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 44 7.6.2.8. VERIFICACIÓN DEL PROCESO DE INSTALACIÓN

Verificar que se encuentre correctamente corriendo en el servidor los servicios de Apache server, para la aplicación, y la instancia de mysql db para el servidor de datos, acceder a la ruta donde se configuró el despliegue de la aplicación y comprobar el funcionamiento de la aplicación y la consola de logs para comprobar su funcionamiento.

(45)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 45 8. CONCLUSIONES

A nivel académico siempre ha sido uno de los objetivos para el desarrollo personal y al realizar este proyecto era poder aplicar constantemente los conocimientos que hemos adquirido a lo largo de estos años de estudio en la Institución universitaria Tecnológico de Antioquia y complementarlos con todas aquellas enseñanzas que pudiera recibir durante el tiempo que permaneciera en desarrollo el proyecto de prácticas en su modalidad de emprendimiento o proyecto de aula. El que las prácticas estuvieran relacionadas con aspectos fundamentales de la carrera y con el futuro campo de trabajo al que se debe aplicar nos permitió cumplir con nuestros objetivos de reafirmar los conocimientos en el área de la tecnología, y la ingeniería de software, así como administrar de manera correcta y gestionar proyectos de software con diferentes metodologías y técnicas, también el hecho de ampliar el campo y la capacidad de investigación con las que cuenta cada participante de este proyecto, al tener que realizar diferentes estudios al mercado afectado, la población y consultar a diferentes aplicativos para aplicar de manera correctamente los conocimientos adquiridos durante el proceso de estudio.

Durante este tiempo se logró poner en práctica el idioma inglés, al tratar varios aspectos del código fuente como nombramiento de ficheros entre otras contribuyendo a las buenas prácticas de desarrollo de software y aplicar constantemente conocimientos en el uso de diversos tipos de software para generar y presentar listas, tablas, gráficas, reportes, entre otras relacionados con las actividades del área.

Personalmente yo Bryan García, Por mi parte, mediante este proyecto de prácticas profesionales en su modalidad de emprendimiento buscaba adquirir toda la experiencia profesional al momento de la creación y avance del proyecto, aplicar diferentes técnicas y metodologías con relación a trabajos de investigación, tener un vistazo más de cerca a nivel profesional la manera en la que se debe estructurar y realizar un proyecto de software y todo lo posible realizando actividades relacionadas con mi carrera y con todas aquellas áreas que pueden llegar a relacionarse, directa o indirectamente, con la ingeniería de software.

(46)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 46 Este proyecto me brindó todo eso y me dio también la oportunidad de demostrar mi capacidad y mostrar el conocimiento que respalda la calidad educativa que ofrece el TdeA a través de sus programas, además de que pude adquirir nuevos conocimientos y desarrollar habilidades que son fundamentales para el desarrollo personal y profesional.

Nos complace presentar un proyecto de tal magnitud e impacto a nivel personal, y que sirve de base para futuros desarrollos y desempeño de actividades, y nos llena de orgullo el conocer los resultados que se obtuvieron durante el periodo de tiempo al realizar este proyecto de aula en conjunto con compañeros del programa y carrera, esperamos gratamente que sea una buena fuente de información y conocimiento para el pilar principal de la institución universitaria, el contar con sistemas desarrollados y estructurados de la manera en la que se realizó con este proyecto, nuestro ideal califica este proyecto de prácticas en su modalidad de emprendimiento, como un ´proceso exitoso y nos deja una imagen clara de la educación y el profesionalismo que se tiene al hacer parte de esta carrera.

(47)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 47 REFERENCIAS

(Cesla.com, 2020)

Métricas y datos relacionados a estudios financieros a la comunidad latinoamericana

(Lehr, 2017)

Artículo acerca de las billeteras y herramientas virtuales para el control financiero y económico en latinoamérica

(48)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 48 ANEXOS

Anexo A. Manual de usuario

https://drive.google.com/file/d/1pXCOJ0CXePKzC3k5jktcfMa9aEx8g1nO/view?usp=shar ing

(49)

Cashman App práctica de emprendimiento Tecnológico de Antioquia – Institución Universitaria Página 49

Anexo B. Manual de instalación

https://drive.google.com/file/d/1GrGTZbc35w7mHUGB6Rzd3pk4kSfWbkPE/view?usp=s haring