top of page
GoldThreeLaptopMockup 2.png

Portal web de reportes a proveedores

Portal web - Panel administrativo

Desarrollamos un portal web en el cual la empresa puede publicar los reportes generados en PowerBi, a proveedores externos, permitiendo el acceso limitado a la información mediante las RLS que fueron asociadas al perfil invitado. 

El panel administrativo del portal contiene lo siguiente:

  • Cuenta con un módulo para la configuración de los menús y dashboard embebidos que se muestran en cada una de ellas. 

  • Administración de menús 

  • Administración de dashboards a mostrar en cada página. 

  • Administración de preguntas frecuentes que permitan al usuario final comprender aspectos específicos de la plataforma. 

  • Administración de secciones de preguntas. 

  • Administración de preguntas y respuestas. 

  • Administración de videos e imágenes 

Tecnologías

Reportes con Power BI Embedded
  • ApiRest Desarrollo en .NetCore 7.0, Entity Framework Core, Json Web Token. 

  • Base de datos desarrollada en SqlServer. 

  • Sitio Web desarrollado en ReactJs, Redux, Bootstrap.  

  • Reportes desarrollados en PowerBi, con implementación del Role Level Security (RLS)  

Portal web - Panel cliente

​El panel de cliente contiene lo siguiente:

  • Inicio de sesión mediante cuenta Microsoft u otras cuentas invitadas a la compañía. 

  • Sección de dashboard según el perfil asignado. 

  • Sección de preguntas frecuentes. 

Tecnologías

  • ApiRest Desarrollo en .NetCore 7.0, Entity Framework Core, Json Web Token. 

  • Base de datos desarrollada en SqlServer. 

  • Sitio Web desarrollado en ReactJs, Redux, Bootstrap, Inicio de sesión implementando con la cuenta Microsoft o invitada a la aplicación gestionada por Azure.  

  • Reportes mostrados mediante PowerBi Embedded 

KPIs con Power BI Embedded

Diseño UX/UI

En la etapa Inicial del proyecto creamos los wireframes en papel, luego en formato digital, realizamos algunas mejoras al diseño inicial para luego crear un prototipo final de alta fidelidad.

Optamos por incluir iconografía a la sección de dashboard para obtener como resultado final un diseño  amigable e ilustrativo para el usuario.

La selección de paleta de colores incluye algunos colores del cliente y de nuestra parte decidimos agregar algunos detalles en tonos y matices de los colores principales.

Decidimos ubicar los botones principales en la parte derecha superior en todas las pantallas para mantener la consistencia en diseño.

Principales desafíos

  • Integración de reportes en PowerBi con tecnología ReactJs mediante el manejo de cuentas de Microsoft y cuentas externas filtrando los datos por usuario, integración del filtrado de datos con las RLS para que  toda la información publicada este en el mismo nivel de acceso para todos los usuarios. 

  • La aplicación debía ser totalmente flexible ya que el usuario debía ser capaz de agregar más opciones a su menú y más gráficos, organizándolos fácilmente sin necesidad de soporte adicional, de igual forma en la sección de preguntas tener la posibilidad de subir contenido dinámico como tablas, imágenes, videos de plataformas externas como YouTube o videos propios. 

Soluciones

  • Se implementó un componente en React que se integra con la Autenticación a nivel de aplicación con Azure, y se configuraron todos los parámetros para la correcta validación y redirección en el sitio, así como el manejo de la sesión activa y cierre de la misma. 

  • Se desarrolló una estructura completamente flexible que permite al administrador total control de cómo se visualiza cada sección de su aplicación cliente. Así mismo se crearon opciones que permiten cargar su contenido (imágenes, reportes, videos, etc.) al servidor, y luego utilizar estos mismos en un Editor de texto para poder generar contenido más explícito, en su sección de preguntas frecuentes. 

Resultado final

Se logró cumplir a totalidad cada uno de los puntos requeridos, una plataforma totalmente flexible, con seguridad a nivel de datos mediante las RLS de PowerBi e integración de los usuarios invitados a la aplicación de Azure, contando con un diseño amigable y atractivo al usuario final. 

bottom of page