> Faqs > Herramienta para generar una interfaz web más vistosa

Herramienta para generar una interfaz web más vistosa

Consulta,tengo conocimientos basicos HTML y PHP.

La idea es crear una pagina web con una foto/dibujo de fondo de una sala de maquinas (compresores,sistemas de rerigeracion, etc) y sobre los componentes de esa foto visualizar variales que se encuentran en una base de datos Mysql. Estos valores se actualizan cada x segundos.

La pagina quedaria como una especie de pantalla HMI pero montada en un servidor (todo muy rudimentario). Tengo todo funcionando creado a mano y sin nada grafico, visualiando texto y tablas, la preguntas es si existe alguna herramienta para generar algo mas vistoso.

Respuestas

Sí, existen muchas herramientas para poder hacer algo vistoso.

Lo primero no obstante es tener un buen nivel de CSS. Aprendiendo CSS puedes hacer cualquier sistema todo lo vistoso que quieras o necesites.

Luego puedes usar herramientas como lenguajes de diseño del estilo de Bootstrap o Materialize. No soy muy amigo de ellas, pero pueden ayudar bastante y, una vez las dominas, aumentar la productividad.

Existe además con Javascript la posibilidad de utilizar componentes de interfaz gráfica avanzados, con diseños personalizados. Es un buen punto también para darle un poco más de toque especial. Lo más básico serían los plugin de jQuery, pero existen muchos framworks y librerías para crear interfaces de usuario con Javascript, como React o VueJS, o directamente Web Components!

Estudia también alguna librería de gráficas como https://d3js.org/ que te puede ayudar a crear gráficos de todo tipo, ya que estás trabajando mucho con datos.

Espero haberte ayudado. Quizás tengas que ser más concreto para poder ayudar más.

Sergio
366 11 32 13