Symula CDF - Frontend

Acceso a la web: https://symula-cfd-backend.herokuapp.com

0. Indice:

1. Introduccion:
2. Como Usar:
3. Herramientas Utilizadas:

1. Introducción.

• El proyecto se basa en la creación de una app para una Startup que realiza simulaciones de CFD (Dinámica de Fluidos Computacional) por medio de un software propio, en el cual quiere ampliar su modelo de negocio proporcionando a empresas la posibilidad de contratar un servicio de simulación online, en el cual se les permitiría a los clientes subir sus modelos 3D, ajustar parámetros específicos y lanzar la simulación a los servidores de la Startup en cuestión.

• BackEnd and BBDD Deployed on HEROKU
  

• FrontEnd Deployed on AWS
  

2. Como Usar.

• IMPORATANTE: Para poder realizar la demo del proyecto, tienes que descargar el modelo 3D (.stl) de este enlace: https://drive.google.com/file/d/1HbDoXr6VxpvJ0inknzWrMBDwBsXi31OH/view?usp=sharing

• IMPORTANTE: A La hora de crear un proyecto se te solicitará en un punto que introduzcas la escala del modelo 3D que tendras que indicar que la unidad de medidas son METROS = (m), ya que es la medida especifica para este modelo 3D que te he propocionado. Ademas de cargar el mismo modelo 3D que hemos descargado.

• Para usar el proyecto, se debe de registrar en la web, y luego se debe de iniciar sesión.

• En la pasarela de pago se pueden añadir datos ficticios para simular una compra, pero no se puede realizar la compra.

  Nº de tarjeta: 4242 4242 4242 4242
  Los demás datos son ficticios a elección del usuario.
  La fecha de expiracion tiene que ser superior a la fecha actual.
  

La aplicación consta distintas vistas:

• Home
• Login
• Register
• Profile
• Deskboard
• ProjectDetail
• SimulationDetail
• Pasarela de Pago

Home

La vista Home es la pagina de inicio de la aplicación y la primera que se muestra al usuario.

Te redirige a la vista de Login o al registro si no estas registrado.

Login

En la vista de Login podemos loguearnos poniendo los campos email y contraseña para poder disfrutar de todas las funcionalidades de la aplicación.

Register

En la vista de Register se solicitan una serie de datos personales mediante un formulario para poder acceder a la aplicación.

Deskboard

La vista de Deskboard es la pagina principal de la aplicacion, en la que podras crear nuevos proyectos (VER COMO USAR IMPORTANTE) y ver los proyectos que has creado.

ProjectDetail

En la vista de ProjectDetail se puede ver el detalle de un proyecto, en el cual podremos ver el modelo 3D, los datos del proyecto y la simulación que se esta realizando.

SimulationDetail

En la vista de SimulationDetail se puede ver el detalle de una simulación, con la cual se puede interactuar y introducir algunos parametro para la simulación.

Ademas de los botones para acudir a la pasarela de pago para finalizar la simulación.

Pasarela de Pago

En la vista de Pasarela de Pago se puede realizar el pago de la simulación, en la cual se puede introducir el numero de tarjeta, el codigo de seguridad y la fecha de expiración (TEST MODE).

Profile

En esta vista se muestra el perfil del usuario logueado. Además de mostrar los datos del usuario, tienes la opción de modificar el perfil.

3. Herramientas Utilizadas.

• MySQL Workbench - (BBDD)
• Visual Studio Code - (DEV)
• Postman - (DEBUG)
• AWS - (DEPLOY)

Subir