Diseño, desarrollo e implementación de un sistema tecnológico

que permitirá al público solicitar y tener acceso de manera más

rápida y eficaz a los servicios que Cyklos ofrece. De manera

que se podrá tener un control y conteo de clientes fijos

y usuarios externos.
Avenir Next Bold Avenir Next Semi-Bold
A B C D E F G H I J K L M A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m a b c d e f g h i j k l m
n o p q r s t u v w x y z n o p q r s t u v w x y z

Avenir Next Normal Montserrat Light

A B C D E F G H I J K L M A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m a b c d e f g h i j k l m
n o p q r s t u v w x y z n o p q r s t u v w x y z

TIPOGRAFIAS
R:0 R:165 R:150 R:225 R:0
G:148 G:213 G:201 G:225 G:0
B:144 B:167 B:61 B:225 B:0

#009490 #A5D5A7 #96C93D #FFFFFF #000000

PA N T O N E - R G B - H E X AG E S I M A L
i

ICONOGRAFÍA
ICONO DE APP
 LAUNCH SCREEN

Fig 0
Launch Screen
 INICIO USUARIO

Fig 0 Fig 0.1 Fig 0.2 Fig 0.3

Launch Screen Inicia Sesión/Regístrate
Interfaz inicial que se Sección donde el usuario
muestra por 3 segundos podrá ingresar a la App
al abrir el App. utilizando su cuenta existente. En
caso de no contar con una cuenta, el
usuario podrá crearla.
Regístrate Inicia Sesión
En caso de no contar con El usuario ingresa a la App
una cuenta, el usuario se con su cuenta existente.
registra ingresando sus
datos completos.
 S O L I C I TA R S E R V I C I O

Fig 1.0
Mapa
 S O L I C I TA R S E R V I C I O

Fig 1.0 Fig 1.1 Fig 1.2

Mapa
El usuario verá las cicloestaciones
más cercanas donde podrá elegir
la que desee.
Datos de Cicloestación
Se desplegará una vista de detalle
sobre los datos específicos de la
cicloestación seleccionada y
podrá si así lo desea, ver cuantas
bicicletas hay disponibles.
Bicletas Disponibles
Se desplegará un aviso
donde el usuario podrá ver
cuantas bicicletas
disponibles hay y si desea o
no desbloquear alguna.
 S O L I C I TA R S E R V I C I O

Fig 1.3 Fig 1.4 Fig 1.5 Fig 1.6

Selección de Bicicleta
El usuario podrá ver el número
de bicicletas para posteriormente
elegir alguna y desbloquearla o
si no, declinar la acción.
Tipo de Desbloqueo
Aparecerá un aviso del tipo
de desbloqueo que desee el
usuario, ya sea via Bluetooth
o Código QR.
Escaneo Código QR
Si el usuario selecciona la
opción de desbloqueo por
Código QR, automáticamente
se abrirá la cámara para
escanear el código.
Bicicleta Desbloqueada
Una vez que el usuario haya
desbloqueado la bicicleta con
cualquiera de las opciones de
desbloqueo, le aparecerá un
aviso de que la bicicleta se ha
desbloqueado correctamente.
 VIAJE FINALIZADO

Fig 1.7
Viaje Finalizado
Se desplegará una pantalla
cuando el viaje haya sido
finalizado.
 MENÚ

Fig 2.0
Menú
La App contará con un menú
deslizable donde se encontrará el
acceso a todas las opciones que
la aplicación ofrece.
 REPORTE DE PROBLEMA

Fig 2.1 Fig 2.2

Reportar Problema Problema Reportado
Se desplegará una pantalla Se desplegará un aviso
donde el usuario podrá cuando el problema haya
reportar algún problema sido envidado exitosamente.
que tenga por medio de
una fotografía y una breve
descripción.
 NOTIFICACIONES

Fig 2.3
Notificaciones
Se desplegará una lista de las
notificaciones que ha recibido
el usuario dentro de la App
como un historial de actividades.
 ACERCA DE CYKLOS

Fig 2.4
Acerca de Cyklos
Aparecerá una pantalla donde
el usuario podrá saber un poco
más de Cyklos junto con sus
redes sociales (Facebook e
Instragram).
 CONFIGURACIÓN

Fig 2.5
Configuración
Se desplegará una pantalla
donde el usuario podrá activar
o desactivar notificaciones, ver
los términos de servicio.
También tendrá la opción de
cerrar sesión.
 PUSH

Fig 3.0
Push
Se desplegará en la pantalla un
aviso al usuario donde el servicio
ya está en camino a su destino.
 AY U D A

Fig 4.0 Fig 4.1 Fig 4.2 Fig 4.3

Tutorial 1 Tutorial 2 Tutorial 3 Tutorial 4
El usuario podrá ver las Dentro del mapa aparecerán Se despliega una lista con Si al usuario le ocurrió un
opciones que tiene dentro las cicloestaciones más cercanas las bicicletas disponibles problema al hacer uso de una
de la App y podrá elegir donde el usuario escogerá la para que el usuario escoja y bicicleta o dentro de una
la que desee. que desee. posteriormente la cicloestación, podrá reportarlo
desbloquee. dentro de la misma App con
una fotografía y una breve
descripción.
 Fig 2 Fig 2.1 Fig 2.2 Fig 2.3 Fig 2.4 Fig 2.5
Menú Reportar Problema Problema Reportado Notificaciones Acerca de Cyklos Configuración

Fig 0 Fig 0.1 Fig 0.2 Fig 0.3 Fig 1 Fig 1.1 Fig 1.2 Fig 1.3 Fig 1.4 Fig 1.5 Fig 1.6
Launch Screen Inicia Sesión/Regístrate Regístrate Inicia Sesión Mapa Datos de Cicloestación Bicicletas Disponibles Selección de Bicicleta Tipo de Desbloqueo Escaneo de Código QR Bicicleta Desbloqueada

Fig 1.7 Fig 3

Viaje Finalizado Push

BLUEPRINT
Fig 4
Tutorial 1
Fig 4.1
Tutorial 2
Fig 4.2
Tutorial 3
Fig 4.3
Tutorial 4
USUARIO