Skip to content
All posts

Circuitos

Al ingresar a la sección, y no se tenga ningún circuito dado de alta, la pantalla se mostrará así

DemoCircuitos_1

Cuando vuelva a ingresar y ya tenga información cargada, se mostrará de la siguiente forma en la tabla.

DemoCircuitos_2

Dar de alta circuito

Al darle click en la en botón de Dar de alta circuito, se mostrará la siguiente pantalla

DemoCircuitos_3

El usuario podrá gestionar la información de tipo de transporte y tipo de moneda

Los que se actualizan conforme se crea el circuito son Tiempo estimado total, Distancia estimada Total y Costo total de casetas.

DemoCircuitos_0

Vista completa

DemoCircuitos_4

Posteriormente, tendrá que ingresar los campos de Punto de partida y el o los puntos a visitar en el circuito.

DemoCircuitos_5

Conforme se va llenando la información, en el mapa se va pintando la ruta con todos los nodos que conforman el circuito 

DemoCircuitos_6

De igual manera al agregar un nodo se va ir actualizando la información de Hora, tiempo y distancia y el costo en casetas y se mostrara asi en cada Nodo

DemoCircuitos_7

Cuando quieras editar alguno de los circuitos ya creados, se mostrará de la siguiente forma el detalle. Siempre tendrá la opción de agregar un nodo más

DemoCircuitos_8

Ejecución de circuitos

Ejecución de circuitos- En esta apartado, se van a seleccionar los circuitos previamente creados, para que la operación pueda agregarle contenedores o guías a estos y asignarlos

DemoCircuitos_9

Al darle click en el icono de + se desplegarán 2 opciones 

Seleccionar circuito- Esto se refiere a seleccionar circuitos previamente creados en la plataforma.

Crear circuito- Se refiere a crear un circuito desde cero en el sistema y agregarle items o contenedores.

DemoCircuitos_10

Crear Nuevo Circuito

Crear Nuevo Circuito- Esta opción servira, para que se puedan generar circuitos desde cero sin necesidad de que estén dados de alta en el sistema  y operarlos. Para aquellas operaciones que tengan alguna necesidad operativa de imprevisto.

Al darle click en crear nuevo circuito (el copy puede cambiar), se mostrará la siguiente pantalla 

DemoCircuitos_11

Estos campos tienen que ser llenados o mejor dicho seleccionarlos

DemoCircuitos_12

Posteriormente se tendrá que llenar la información de los puntos de origen y destino y conforme se llena el mapa se actualiza.

DemoCircuitos_13

Vista completa actualizada.

DemoCircuitos_14

Seleccionar Circuito

En caso de escoger esta opción, podrás seleccionar de los circuitos dados de alta en el sistema el que quieras para operar.

Pantalla sin elementos seleccionados

DemoCircuitos_15

Cuando se llena la información, se muestra así

DemoCircuitos_16

Posteriormente, al darle crear o seleccionar circuito. Se mostrará la siguiente pantalla donde el usuario podrá agregar contenedores o guías al circuito 

 

Agregar Contenedores o items

Contará con 4 formas

Escaneo de guías 

DemoCircuitos_17

Con guías escaneadas

DemoCircuitos_18

Carga de archivos

DemoCircuitos_19

Ya con archivo cargado

DemoCircuitos_20

Por imagen

DemoCircuitos_21

Con imagen(es) cargada(s)

DemoCircuitos_22

Desde listado

DemoCircuitos_23

Ya con guías seleccionadas

DemoCircuitos_24

Conforme se agregan guías, se va actualizando el resumen 

DemoCircuitos_25

Detalle de circuito

Posteriormente que el contenedor es creado, y queremos revisar el detalle de este, y seguir el flujo operativo de estos dependiendo el estatus que tenga. Solo hay que darle click al contenedor que queremos consultar

DemoCircuitos_26

Los cambios de estatus que podemos hacer a un contenedor son los siguientes desde el listado o dentro de este son los siguientes., el orden es de izquierda a derecha

DemoCircuitos_27

Y luego se mostrara la siguiente pantalla, donde se muestran los contenedores y guías sueltas que han sido agregadas al circuito .

En la parte superior detalles generales del circuito, y el estatus del dicho contenedor y aun costado el botón de acciones para cambiar dicho estatus.

Debajo una tabla dónde se enlistan en una tabla con 2 tabs:

Datos Generales

1- Contenedores- Enlista todos los contenedores agregados y cuantas guías corresponden por contenedor y su estatus.

2- Guías sueltas- Enlista todas las guías agregados

DemoCircuitos_28

Balance

En esta parte, se muestra el desglose total de todos los nodos que conforman el circuito y el número de piezas que deben de bajarse en cada parada.

DemoCircuitos_29

App Mobile Circuitos 

 

Login

De igual manera se contará con una aplicación para este flujo de circuitos. Al ingresar a la app, se muestra la pantalla de login. Los campos a llenar son correo y contraseña.

DemoCircuitos_30

Ya que están llenos, el botón de habilitara 

DemoCircuitos_31

Recuperar contraseña

Si el usuario olvidó su contraseña o quiere restablecerla, solo tiene que darle click en el botón  Olvidaste tu contraseña.

Y solo tendrá que ingresar su correo electrónico, para que se le mande el correo electrónico para restablecerla.

Home

Al ingresar a la aplicación, se mostrara la siguiente pantalla, las secciones que se visualizan dependen de los permisos que tenga el usuario.

DemoCircuitos_32

Sección Circuitos

Al ingresar a la sección de circuitos, en caso de no tener elementos o con elementos se mostrarán de la siguiente forma

DemoCircuitos_33

DemoCircuitos_34

Ejecutar circuitos

Para ejecutar un circuito previamente creado en el sistema, tendrá que seleccionar la opción de seleccionar circuito. Al darle click, se mostrará la siguiente pantalla dónde tendrá que seleccionar el circuito a ejecutar

DemoCircuitos_35

  • En la primera sección se mostrará el mapa con la ruta marcada y los almacenes a visitar.

  • Al darle continuar se mostrarán los nodos para que se le asignen guías o contenedores.

  • Ya que lo seleccionas, tendrás 3 opciones para realizar dicha carga : Foto, Archivo o Escaneo.

DemoCircuitos_36

  • Al seleccionar escaneo, se abrirá la cámara y se procederá a escanear y se van contabilizando en el apartado que dice No. de Ítems.

  • Si la guía o contenedor, no pertenece al lugar se mostrará el mensaje de error correspondiente, de la segunda imagen.

  • Y cuando por temas de sistema no se pueda escanear algo se mostrará el mensaje de la tercera imagen.

DemoCircuitos_37

Al darle click a la sección de No de ítems, se mostrará el listado de todo lo escaneado.

De igual modo, se puede  eliminar uno a uno o masivo.

DemoCircuitos_38

Y esto proceso se tiene que hacer por cada nodo del circuito.

Asignar Circuito

para asignar dicho circuito, tendrás 2 opciones a elegir, por QR o Manual. Si es manual se mostrara el formulario de la tercera imagen.

DemoCircuitos_39

Ya que este lleno se habilitara el botón de finalizar y posteriormente se mostrara el mensaje de asignado con éxito.

En caso de seleccionar la opción de QR, generara uno y este tendra que ser escaneado por el transportista y si se asigna correctamente se mostrara el mismo mensaje.

DemoCircuitos_40

Detalle de circuito.

Para poder visualizar el detalle, se le tiene que dar click en el circuito de interes.

Al darle click, se mostrara la ruta en el mapa, el número de Linehual, y el estatus.

DemoCircuitos_41

Debajo se mostrara la siguente sección con 3 apartados.

Nodos- Se listan todos los nodos que conforman el circuito

En información general- Detalles sobre circuito, como tipo de transporte, Unidad.

En bitácora, se mostrará los estatus por los que ha pasado el circuito.

DemoCircuitos_42DemoCircuitos_43

DemoCircuitos_44

 

De igual modo en la sección de nodos en la parte inferior de la pantalla se mostrara el listado de guías y contenedores y un resumen global de todo lo que lleva el circuito.

DemoCircuitos_45

Y se tiene la opción para asignar o Reasignar  por QR o manualmente.

Pantallas completas

DemoCircuitos_46

Tracking de circuitos 

Lista de resultados

Para darle visibilidad a la operación del avance de los circuitos ejecutados, se contara con una sección especifica dentro de Pinit.

Al ingresar a la sección se mostrar el dia de consulta.

A un costado una grafica que resume cuantos circuitos se están ejecutando y el % de estos.

Debajo se muestra datos en promedio de todos los circuitos, que complementan el monitoreo de estos circuitos. Como lo son:

  • Tiempo en transito promedio

  • Costo promedio de combustible

  • Costo promedio por KM recorrido

  • Distancia estimada total

  • Costo promedio de casetas

  • Capacidad de carga utilizada

DemoCircuitos_47

Debajo de estos se mostrara una tabla con todos el listado de todos los circuitos del día. Y tienes la opción de buscar o filtrar por los valores que están dentro de la tabla.

DemoCircuitos_48

Y del lado derecho, se mostrara un mapa donde se mostrarán todos los circuitos punteados.

DemoCircuitos_49

Al seleccionar uno ya sea mediante la tabla o el mapa, este se actualizará y se mostrara solo la ruta seleccionada. Y se mostraran métricas referentes al circuito.

DemoCircuitos_50

Detalle de Circuito

Al darle click , a ver detalle en el mapa o al icono de ojo en la tabla, se mostrara el detalle del circuito.

DemoCircuitos_51

En la parte superior, se muestran los datos generales del circuito, como:

  • Operador

  • Transportista

  • Unidad

  • ID de circuito

  • Nodos

  • Items

Y debajo un botón para cambiar la vista hacia el listado de guías

 

En la parte abajo un mapa con el circuito punteado. Y conforme se va completando cada nodo, se marcara en color verde y los pendientes en negro.

DemoCircuitos_52

Debajo del mapa  se mostrara información referente al circuito y los nodos que los conforman . Al igual que en el mapa conforme se va completando se van marcando en color morado cada nodo.

DemoCircuitos_53

Al darle click al nodo se mostrara la siguiente información

DemoCircuitos_54

Y en la parte de abajo la información del progreso, la salida de la ruta y la capacidad utilizada de la unidad.

DemoCircuitos_55

Listado de entregas

En esta pantalla se mostrara un listado con todas las guías o contenedores que tiene el circuito y el tracking de dicho circuito. Y dichas guías se pueden descargar con la opción de descargar manifiesto.

DemoCircuitos_56

Figma-https://www.figma.com/design/nbZKxIwkxsi8ZvzfuDyp2U/PINIT-2024?node-id=1788-20223&p=f&t=k2coh4ZVcQFmBshU-0