helio-ecosystem / helio-frontend

A graphical interface for the Helio rest service

Helio Ecosystem

This repository is the road map for the Helio ecosystem and its components.

Resources

Streamline

• Helio Playground
• Helio Developers GUI
• Use cases: quick mapping references

Acknowledgements

Many of the didactic materials and exercices have been developed thanks to the financial support of:

Institution	Grant
	Collaboration grant from the Education Innovation Program of the Universidad Politécnica de Madrid.

This project and some of its plugins have been partially funded by:

Project	Grant
	The European project VICINITY from the European Union's Horizont 2020 research and innovation programme under grant agreement Nº688467.
	The European project BIMERR from the European Union's Horizont 2020 research and innovation programme under grant agreement Nº820621.
	The European project DELTA from the European Union's Horizont 2020 research and innovation programme under grant agreement Nº688467.
	The European project AURORAL from the European Union's Horizont 2020 research and innovation programme under grant agreement Nº101016854.
	The European project COGITO from the European Union's Horizont 2020 research and innovation programme under grant agreement Nº958310.

helio-frontend's Issues

Formato del texto de tutorials

el nombre de los tutorials se modifica poniendo cada letra del comienzo de la palabra en mayusculas, por ejemplo Generating and linking rdf about people and places aparece como

¿Se podria cambiar para que se quede igual que el nombre del fichero?

Posibles mejoras del Tour

Propongo una serie de posibles cambios que pienso que podrían mejorar la experiencia de uso del Tour en el Playground:

• Eliminar "Tutorial description" antes del enunciado del tutorial ya que se puede introducir desde el propio archivo json en el campo description permitiendo mayor flexibilidad.
• En tamaño de escritorio emplear dos columnas. Una primera seccion mostrando el enunciado y los resultados esperados, cada uno en una columna. La segunda sección con el editor y los resultados obtenidos al igual que en la anterior. Convertir los resultados esperados en un bloque en el que se active y desactive un blur al hacer click (en vez de usar un desplegable).
• Mejorar el sistema de navegación permitiendo avanzar y retroceder entre los tutoriales de una forma directa.
• Quitar la posibilidad de cambiar de builder puesto que no se debería cambiar para realizar los ejercicios.

Mensaje de error

Buenas, cuando creo un mapping que no es correcto siempre recibo el error Http failure response for http://localhost:4567/api/playground?builder=SIoTRxBuilder: 500 Server Error en lugar de un error descriptivo

Design tutorial system

Diseñar el sistema para cargar tutoriales de forma externa

Add field BUILDER in the mapping submission

Actualización de componente no elimina la versión anterior

No se elimina la versión anterior del componente que se está agregando en caso de existir.

Despliegue de recetas

Al desplegar las recetas con docker, el servicio del puerto 4567 no se encuentra en la misma red que el front end. Además al desplegar la receta de playground simple se despliega realmente la del playground con opciones avanzadas

Loading default components for playground mode

Application in playground mode has to load a default components by reading a file located in "Helio-Ecosystem". This action only needs to be performed at starting the application.

Move JUnit tests to tutorials

Move the junit tests with mappings to the tutorials

change visibility of some sections

Tutorials file from github repository

Include an external JSON containing the tutorials

Add delete button to the components installed

Incluir errores al registrar mappings

Componente duplicado al obtener los datos de la configuracion para PLAYGROUND

Se ha detectado que existe un problema al diferenciar los componentes ya instalados en el sistema.

Mejora de los estilos en el enunciado

Aplicar más estilos a las etiquetas generadas con Markdown en el enunciado del Tour. Actualmente no se diferencian en exceso los distintos títulos. Por ejemplo, usar un estilo parecido al de stackedit.

Comparación de resultados siempre devuelve rojo

Al comparar el expected result con el resultado siempre sale rojo :(

Render Home from README.md

Descripciones de los tutoriales en formato markdown

Sería mucho trabajo hacer que las descripciones de los tour fueran markdown interpretable?

Read logos from directory base

Allow the software to present different logos if they exist in base directory, otherwise print Helio default logos

Cambiar docker-compose.yml en el README.md

El primer yml debería ser:

version: '3'
services:
  helio-publisher:
    image: acimmino/helio-rest:latest
    volumes: 
      - ./local/:/usr/src/app/local/
      - ./db/:/usr/src/app/db/
    ports:
      - "4567:4567"
  frontend:
    image: emiliocrespoperan/helio-frontend:latest
    depends_on:
      - helio-publisher <- cambiar esta línea
    ports:
      - "4201:80"

El segundo yml debería ser:

version: '3'
services:
  helio-publisher:
    image: acimmino/helio-rest:latest
    volumes: 
      - ./local/:/usr/src/app/local/
      - ./db/:/usr/src/app/db/
    ports:
      - "4567:4567"
  frontend:
    image: emiliocrespoperan/helio-frontend:latest
    depends_on:
      - helio-publisher
    ports:
      - "4201:80"
    environment: <- añadir esta línea
      - HELIO_REST_HOST=http://localhost:4567
      - HELIO_MODE=PLAYGROUND

Read components from helio-ecosystem

add data endpoint in the mappings section

Añadir el campo de selección del Builder para el playground