IPM Wireframe con Balsamiq. Práctica 2 -> Flutter PDF

Preview

Summary

Boceto sencillo que explica el funcionamiento de la app, a modo de base sobre el que trabajar. Puede ir cambiando en función de los nuevos requisitos de la app...

Description

1 / 18

El usuario selecciona el evento en este desplegable





BootState

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Select a facility 10/08/2021  El usuario selecciona las fechas de inicio y fin

05/01/2022 

Current capacity: PULSE IN

-

Entrances:

 TO SEARCH ACCESS

Register Access

 -

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

2 / 18

El usuario selecciona el evento en este desplegable





SelectDate

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Select a facility 10/08/2021 El usuario selecciona las fechas de inicio y fin

Cu PU

05/01/2022

 Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

2022

Thu, Jan 06  S



JANUARY 2022 M

T

W

T

F

S 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

CANCEL

Register Access

OK

3 / 18

El usuario selecciona el evento en este desplegable



Select a facility Current capacity:

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Select a facility

Select a date El usuario selecciona las fechas de inicio y fin



Error

Select a date -

Entrances:

Register Access

 -

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

4 / 18







LoadingState

0:44

5 / 18

El usuario selecciona el evento en este desplegable





No access

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Estudio ... 10/08/2021 El usuario selecciona las fechas de inicio y fin

05/01/2022

Current capacity:

-

Entrances:

NO ACCESS IN THIS DATE RANGE

Register Access

 -

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

6 / 18

El usuario selecciona el evento en este desplegable





ShowAccessNetworkError

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Polideportivo ... 10/08/2021 El usuario selecciona las fechas de inicio y fin

05/01/2022

Current capacity: 0

Entrances:

Error Server unreachable Try again

Close

Register Access

 20

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

7 / 18

El usuario selecciona el evento en este desplegable





ShowAccessLoadedState

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Polideportivo ... 10/08/2021  El usuario selecciona las fechas de inicio y fin

05/01/2022 

Current capacity: 0

Entrances:

         

 20

          Register Access

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

En este widget scrolleable se muestran los accesos, tras pulsar en el boton verde Se muestra una fila por acceso con Nombre y apellido, flecha rojo (salida) y flecha verde (entrada), fecha y hora del acceso y la temperatura Además hay un boton con la 'i' para mostrar mas informacion relevante en un ventana emergente como telefono, email, si está vacunado etc.

Para registra un acceso el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

8 / 18

El usuario selecciona el evento en este desplegable





InfoOfAccess

0:44

Para buscar los accesos el usuario tiene que tener un valor válido en los campos señalados en azul y pulsar en este boton

Polideportivo ... 10/08/2021 El usuario selecciona las fechas de inicio y fin

05/01/2022

Current capacity: 0

Entrances:

 20

Estos 2 campos se autocompletan en funcion de los accesos que el usuario busca

Polideportivo...

Access date: 01/01/2022  Type: Exit  Full Name: Arturo Blanco Temperatura: 97.7ºF   Phone: 948-158-045 Email: arturo.mail.com Vaccined: Yes    Close         Register Access

En este widget scrolleable se muestran los accesos, tras pulsar en el boton verde Se muestra una fila por acceso con Nombre y apellido, flecha rojo (salida) y flecha verde (entrada), fecha y hora del acceso y la temperatura Además hay un boton con la 'i' para mostrar mas informacion relevante en un ventana emergente como telefono, email, si está vacunado etc.

9 / 18





RegisInitialState

0:44

 Polideportivo...

Este switch cambia el tipo de registro: entrada o salida

Register of entry Pulsando este boton se abre una pagina nueva para escanear el QR

 Scan QR

Estos campos se rellenan automaticamente tras escanear el QR

Surname: Date and hour of entry: 10/08/2021 12:00 

Temperature:

Register Entry

ºF

Este campo no puede estar vacio, si se pula muestra un calendario para registrar la fecha y hora del registro Este campo no puede estar vacio, en esta rueda se selecciona la temperatura del empleado en la unidad definida por el idioma del usuario (farenheit en este caso)

10 / 18





RegisExit

0:44

 Polideportivo... Register of exit

 Scan QR

Surname: Date and hour of exit:

10/08/2021 12:00 

Temperature:

Register Exit

ºF

11 / 18





InitialScanner

0:44

Hay que colocar el QR en este recuadro para que sea escaneado

Scan a valid code



Este campo se rellena automaticamente, si el QR no es valido muestra el mismo mensaje hasta recibir uno correcto

12 / 18



 Arturo Blanco



Scaned

0:44

Hay que colocar el QR en este recuadro para que sea escaneado



Este campo se rellena automaticamente, si el QR no es valido muestra el mismo mensaje hasta recibir uno correcto

13 / 18





SelectDateRegister

0:44

 Polideportivo... Register of entry 2022

Thu, Jan 06  S



JANUARY 2022 M

T

W

T

F

S 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Date

Te



F CANCEL

Register Entry

OK

14 / 18





InsertUserError

0:44

 Polideportivo... Register of entry



Error

Insert an user

Su

Close

Date and hour of entry:

10/08/2021 

Temperature:

Register Entry

ºF

15 / 18





Emptyfield

0:44

 Polideportivo... Register of entry

 Scan QR

Surname: Date and hour of entry:

Select a date

Temperature:

Register Entry

ºF

...