An open API service indexing awesome lists of open source software.

https://github.com/bnphony/suma-mental

Sistema para mejorar la operaciones mentales (suma/resta)
https://github.com/bnphony/suma-mental

d3js django html-css-javascript jquery python

Last synced: 3 months ago
JSON representation

Sistema para mejorar la operaciones mentales (suma/resta)

Awesome Lists containing this project

README

        



# Operaciones Mentales



![GitHub](https://img.shields.io/github/last-commit/bnphony/Suma-Mental)
[![JavaScript](https://img.shields.io/badge/Code-JavaSript-orange)](https://developer.mozilla.org/es/docs/Web/JavaScript)
[![HTML](https://img.shields.io/badge/HyperText-HTML-761fd8)](https://developer.mozilla.org/es/docs/Web/HTML)
[![CSS](https://img.shields.io/badge/Style-CSS-blue)](https://developer.mozilla.org/es/docs/Web/CSS)
[![D3js](https://img.shields.io/badge/Code-D3js-cc6d0e)](https://d3js.org/)
[![Python](https://img.shields.io/badge/Code-Python-fd81f)](https://www.python.org/)
[![Django](https://img.shields.io/badge/Framework-Django-green)](https://www.djangoproject.com/)

## Indice
- [Operaciones Mentales](#operaciones-mentales)
- [Descripción](#descripción)
- [Tecnologías](#tecnologías)
- [Dominio](#dominio)
- [Configuración](#configuración)
- [Operación Completa](#operación-completa)
- [Números Secuenciales](#números-secuenciales)
- [Calcular Vuelto](#calcular-vuelto)
- [Funciones](#funciones)
- [Sitio de la Aplicación](#sitio-de-la-aplicación)
- [Autor](#autor)
- [Contacto](#contacto)
- [Licencia de Uso](#licencia-de-uso)

## Descripción
Sistema para ejercitar la resolucion de operaciones de suma/resta mentalmente. Desarrollado en Python utilizando el framework Django (master) y solo JavaScript/JQuery (deployed).
Funciones Principales:
- Panel del Configuración para personalizar la forma de presentación de las operaciones (suma/resta/combinadas).
- Calcular el vuelto correspondiente.
- Valoración de cada respuesta ingresada del usuario.
- Visualización de los resultados obtenidos (Gráfico de Barras/Gráfico de Sectores-Pastel).

### Tecnologías

- Interacción con la Interfaz: [Java](https://www.java.com/es/) y [JQuery](https://jquery.com/) - Agregar comportamiento a los componentes de la UI.
- Lenguaje del lado del Servidor: [Python](https://www.python.org/) - Crear las operaciones.
- Web Framework: [Django](https://www.djangoproject.com/) - Facilitar el desarrollo web.
- Almacenamiento: [LocalStorage](https://developer.mozilla.org/es/docs/Web/API/Window/localStorage) - Almacenar la respuesta del servidor y los resultados del usuario.
- Visualización de Información: [D3js](https://d3js.org/) - Crear gráficos informativos (Gráfico de barras/sectores).

## Dominio

Cualquier usuario que entre en la pagina puede configurar la generación de operaciones matemáticas(suma/resta) para luego resolverlas mentalmente. Adicionalmente existe la opción de cobrar vuelto. Las 3 funciones principales:
- Operación Completas: se presentan todos los números en pantalla.
- Números Secuenciales: los números van apareciendo y desapareciendo uno tras de otro.
- Calcular Vuelto: el sistema presenta la cantidad a cobrar y la cantidad que pago el cliente, el usuario debe calcular la cantidad a devolver(vuelto).

### Configuración

| # | Campo | Opciones |
|---|-------------------|------------------------------------------------------------------|
| 1 | Tipo de Operación | 1) Suma 2) Resta 3) Aleatorio (mezclar sumas y restas) |
| 2 | Modo | 1) Operación Completa 2) Números Secuenciales 3) Calcular Vuelto |
| 3 | # Rondas | Integer (1 - 20) |
| 4 | # Números | Integer (1 - 20) |
| 5 | # Dígitos | 1) Integer (1 - 20) 2) Aleatorio (rango entre 1 y lo ingresado) |

### Operación Completa

| Campo | Opciones |
|-----------|----------------|
| Respuesta | Entero/Decimal |

### Números Secuenciales

| Campo | Opciones |
|-----------|----------------|
| Respuesta | Entero/Decimal |

### Calcular Vuelto

| Campo | Opciones |
|-----------|----------------|
| Respuesta | Entero/Decimal |

## Funciones



Panel de Configuración



Configuration Panel


- Opciones de Configuración: Tipo de Operación, Modo de Juego, Número de Rondas, Cantidad de Números, Cantidad de Dígitos.









Operación Completa



Splash Screen


- Todos los números se presenta en pantalla.







Números Secuenciales



Splash Screen


- Los números son presentados uno por uno secuencialmente.






Calcular Vuelto



Splash Screen


- El sistema presenta la cantidad a cobrar, el pago del cliente (dólares y centavos). El usuario debe calcular el pago del cliente y la cantidad a devolver.








Ejercicios Resueltos



Splash Screen


- Resultados: Ejercicios resultados por el usuario, la respuesta enviada y su valoración.







Gráfico de los Resultados



Splash Screen


- Gráfico de Barras: Número de respuestas correctas, incorrectas y sin respuesta.

- Gráfico de Sectores (Pastel): Porcentaje de respuestas correctas, incorrectas y sin respuesta.





### Sitio de la Aplicación

[Link de la aplicación](https://bnphony.github.io/Suma-Mental/)

## Autor
Codificado por [Bryan Jhoel Tarco Taipe](https://github.com/bnphony)

### Contacto

LinkedIn


GitHub


Email

## Licencia de Uso
Este repositorio y todo su contenido está licenciado bajo licencia **Creative Commons**. Por favor si compartes, usas o modificas este proyecto cita a su
autor, y usa las mismas condiciones para su uso docente, formativo o educativo y no comercial.