Manual

DevOps
“Proyecto Integrador”

Equipo:

Misael Villegas González

Ana Karen García Álvarez

Mayerlin Belén Pérez Silva

Brandon Joel Cabalceta Brenes

Contenido
Introducción ........................................................................................................................... 3

Objetivo General..................................................................................................................... 4

Ciclo de vida DevOps .............................................................................................................. 5

Planificación ............................................................................................................................ 5

Desarrollo ............................................................................................................................... 6

Compilación .......................................................................................................................... 10

Prueba................................................................................................................................... 11

Lanzamiento ......................................................................................................................... 15

Producción ............................................................................................................................ 16
Introducción
En el siguiente documento damos a conocer como implementamos la metodología de
DevOps con nuestro proyecto integrador. Esta filosofía consiste en cinco etapas que se
muestran a continuación:

• Planificación
• Compilación
• Pruebas
• Lanzamiento
• Operación

DevOps ayudan a mejorar la agilidad de nuestro equipo, ofreciendo un entorno productivo

que fomenta la colaboración mutua. La idea es automatizar todo para innovar más rápido
y producir software de alta calidad y con gran velocidad.

Como se sabe esta metodología es la amalgama de prácticas, filosofías y herramientas para

aumentar la capacidad de ofrecer servicios y aplicaciones de IT donde sus procesos son
desarrollos tradicionales, DevOps permite que el desarrollo y las operaciones se puedan
trabajar en equipo y de forma eficaz durante un ciclo de software como se comentó arriba,
desde la fase de desarrollo y las pruebas hasta su implantación y el lanzamiento.

Hablando un poco sobre nuestro proyecto está centralizado en gestionar información

financiera, se realizará un sistema de contable integral donde registra, clasifica y consolida
la información contable, cuenta con diferentes módulos capaces de gestionar los diferentes
aspectos que conlleva el entorno de contabilidad.

3
Objetivo General
Desarrollar un sistema que sea capaz de gestionar y manipular la información contable de
una empresa.

4
Ciclo de vida DevOps

Planificación
El comienzo de esta etapa fue eligiendo las herramientas de desarrollo y se seleccionaron
las siguientes:

• Editor de código: Visual Studio Code

• Frond-end: Quasa Framework, Vue
• Lenguaje de programación: Python, JavaScript
• Back-end: Django Framework

Posteriormente se definieron los requisitos del proyecto y se establecieron los roles de cada
integrante para el desarrollo y cumplimiento de los mismos. Se hace uso de la herramienta
Jira para la gestión del trabajo y establecer tareas para los integrantes y hacer un
seguimiento de las mismas.

Modo de empleo: El líder del equipo establece las tareas en Jira y las asigna a todos los
integrantes, con un tiempo de comienzo de la tarea y una fecha límite en la cual se debe
completar.

Figura 1. Menú principal del proyecto

5
 Figura 2. Ejemplo asignación de tareas

Desarrollo
En esta etapa se utilizó Visual Studio Code como editor de código, este editor nos facilita
mucho a la hora de programar ya que podemos descargar algunas extensiones que son de
ayuda avanzar rápido y mejorar la estructura del código. Además, en esta etapa se decidió
separar el front-end y el Back-end en cada uno utilizamos herramientas diferentes.

Para el diseño utilizamos Quasar, Quasar es un entorno de desarrollo basado en Vue. js que
permite a los desarrolladores crear sitios web y aplicaciones (SPA, SSR, WPA, extensiones
de navegador, aplicaciones móvil y aplicaciones de escritorio).

6
 Figura 3. Componentes de Quasar

Figura 4. Iniciando front-end en quasar

7
Figura 5. Inicio de sesión del proyecto

Figura 6. Ejemplo de un formulario

8
Figura 7. Ejemplo de un formulario

Figura 8. Ejemplo del back-end

9
Compilación
Este paso hace referencia a la codificación. La herramienta DevOps utilizada es GitHub, la
cual apoya en el almacenamiento del proyecto y también a mantener un control de
versiones y cambios sobre el código.

Modo de empleo: De acuerdo a las tareas asignadas en Jira, los integrantes van
desarrollando el proyecto y al finalizar cada tarea se sube el cambio a GitHub para que de
este modo sea revisado.

Figura 9. Repositorio del back-end

10
 Figura 10. Repositorio del front-end

Prueba
Para esta fase de la metodología de DevOps, se usan tipo diagramas de pruebas como se ha
visto en Testlink, para saber si tuvo éxito algún modulo o si arroja error algún de ellos.
Principalmente esta etapa de pruebas es para saber que errores se encuentra dentro del
sistema. Algunas pruebas se hicieron con un diagrama de prueba, y bien capturas sobre el
sistema donde no se encuentran errores.

La figura 11 es un diagrama donde nos indica quien es el responsable de dicha prueba y

además y que es lo hace e indica. Se encuentra otro diagrama que es figura 14, donde indica
que la prueba es “Iniciar sesión”, y que se ejecuta bien de acuerdo con el sistema.

Las siguientes figuras restantes, son capturas de nuestro sistema donde se muestra que
todo es con validaciones.

11
 Figura 11. Formato de prueba Facturas Cliente

Figura 12. Ejecución de prueba Insertar Facturas Cliente

12
Figura 13 Ejecución de prueba Mostrar Facturas Cliente

Figura 14. Formato de prueba Iniciar Sesión

13
Figura 15. Ejecución prueba iniciar sesión 1.1

Figura 16. Ejecución prueba iniciar sesión 1.2

14
 Figura 17. Ejecución prueba iniciar sesión 1.3

Lanzamiento
Esta fase es el termino para mandarla a producción de forma coherente y confiable, nuestro
sistema esta al 80% terminada, pero esta fase es muy importante porque sin ella no se
puede subir para que sea visualiza hacia los usuarios y clientes.

En esta fase se puede encontrar la batalla de comunicación y recelo a publicar el sistema en

diferentes entornos de trabajo como: desarrollo, integración, calidad/test, preproducción y
finalmente esta que es el camino final para PRODUCCION.

DevOps nos da la facilidad con la automatización de nuestro proyecto nos da la facilidad

que tengas despliegues por medio de herramientas y scripts con el objetivo ultimo de que
todo el proceso se apruebe y se valide con lanzamiento.

Como se comenta estamos en la fase de lanzamiento final, para que se pueda visualizar con
todas las personas interesadas en él.

15
Producción
Ya terminado el proyecto, mostrando los pasos de la Metodología de DevOps, el
funcionamiento nuestro sistema, este manual donde se visualiza como fue la planeación, la
estructura para llevarlo a cabo, finalmente un Script de apoyo como protocolo de nuestro
sistema en todos los aspectos tanto económicos como conocimientos técnicos.

Se sube a servidor para mostrarlo a su 100% en función, esperando haya sido de su interés
y puedan entender esta área que es de suma importancia para empresas que no tienen una
gestión de contabilidad del todo bien.

16