Paradigmas de programación - Juego de palabras

MURILLO RODRIGUEZ EDUAR FABIAN

DUQUE BELTRAN BRAYAN ESNEIDER (Ausente)

GOMEZ ECHAVARRIA JOSE ANDRES (Ausente)

OLAYA GUTIERREZ CRISTIAN CAMILO (Ausente)

QUINONES BUSTAMANTE JUAN ESTEBAN (Ausente)

PARADIGMAS DE PROGRAMACIÓN

TRABAJO COLABORATIVO ESCENARIO 7

SUBGRUPO 28

TUTORA

ERIKA PEÑA

POLITÉCNICO GRAN COLOMBIANO

FACULTAD DE INGENIERÍA, DISEÑO E INNOVACIÓN

INGENIERÍA DE SOFTWARE

2021

Introducción

Después de abstraer y proponer distintos prototipos de lo que sería el juego digital, se realiza el desarrollo y montaje local del mismo, teniendo sumo cuidado con los detalles y prestado bastante atención a la interfaz gráfica ya que esta será la que hará posible en gran medida que el juego sea acogido y usado para su propósito.

Este trabajo se trata de desarrollar de manera colaborativa en conjunto con los miembros del equipo asignados y disponibles de manera transversal en cada uno de los módulos que se ejecutaron: desde el entendimiento del problema, complemento y definición hasta el desarrollo del mismo.

Objetivos

1. General

Crear un juego digital que esté en la capacidad de apoyar el proceso de aprendizaje de los números y abecedario de los niños en español.

1. Específicos

• Desarrollar el juego digital usando el lenguaje de programación y tecnologías más acordes para su funcionamiento basado en el prototipo del documento pasado.
• Cargar el código fuente a un repositorio Git.
• Realizar pruebas funcionales a la aplicación.
• Documentar código y proceso de montaje.
• Cargar el juego desarrollado a una nube.

Números a palabra

El juego de palabras se plantea desde sus fases iniciales como una aplicación web que pueda ser usada por cualquier persona que tenga acceso a un dispositivo móvil, tablet o de escritorio y que cuente con acceso a internet, estos requerimientos no funcionales son indispensables para la decisión de las tecnologías a ser usadas.

En ese orden de ideas, se piensa el desarrollo haciendo uso de la librería reactiva ReactJS [1] de JavaScript [2] buscando contar con una interfaz ligera y óptima con la que podamos brindar una experiencia cómoda al usuario, por otro lado, para optimizar el desarrollo de código frontend en los diferentes tamaños de pantallas hacemos uso de la liberia Bootstrap [3] incrustada dentro de ReactJS.

Ahora bien, como la columna vertebral del juego es el uso de palabras aleatorias que se irán mostrando a medida que se va jugando, hicimos solicitud de uso de una API tercerizada llamada Palabras Aleatorias [4] que nos permite consumir el servicio de backend a través de nuestro frontend.

Por último, a nivel tecnológico, implementamos TypeScript para poder hacer más amable y orientado el desarrollo de la aplicación, prototipando los objetos, variables y métodos como una forma de documentación indispensable en el trabajo en equipo. De esta manera cualquier miembro del equipo que use una funcionalidad, va a poder hacer lectura de los tipos de parámetros recibidos y devueltos en cada situación.

Diagrama de clases

El siguiente diagrama de clases representa a nivel general el comportamiento y flujo de la información dentro de los diferentes módulos del juego de números a palabras.

Figura 1: Diagrama de clases

[pic 1]

Nota: Fuente autores.

Interfaz

Las siguientes imágenes hacen parte del desarrollo realizado acomodándose completamente a las diferentes versiones, tipos y tamaños de pantallas en las que se abra la aplicación.

Figura 2: Pantalla de bienvenida

[pic 2]

Nota: Fuente autores.

Figura 3: Pantalla de preguntas

[pic 3]

Nota: Fuente autores.

Figura 4: Pantalla de última pregunta

[pic 4]

Nota: Fuente autores.

Figura 5: Pantalla de resultados

[pic 5]

Nota: Fuente autores.

Figura 6: Pantalla de acerca de créditos

[pic 6]

Nota: Fuente autores.

Figura 7: Menú de navegación responsive

[pic 7]

Nota: Fuente autores.

Código fuente

La aplicación se encuentra publicada en internet en la siguiente URL https://words-game-fabiangothman.vercel.app/ [5], sin embargo todos los anteriores screens se tomaron con el ambiente corriendo en modo de desarrollador localmente. Puede revisarse el código a través del repositorio de GitHub creado para contener la aplicación en https://github.com/fabiangothman/words-game [6].

Pruebas

En el desarrollo del juego siempre se estuvo haciendo uso de buenas prácticas de programación para evitar conflictos entre funcionalidades del juego, probando cada nueva funcionalidad que se creaba de manera aislada y verificando que funcionara sin problemas y sobre todo sin afectar a las demás funcionalidades.

...