El documento describe las especificaciones de la aplicación Onfan APP2, incluyendo las páginas principales como Explore, Crear, Perfil y Búsqueda, así como las interacciones y funcionalidad de cada página. Se detallan las pantallas de tutorial, registro, inicio de sesión y creación de contenido, con las transiciones entre ellas. La aplicación pretende ser una plataforma para compartir experiencias y especialidades entre usuarios.

1.
The
Onfan
APP2
Especificaciones
Ismael
Vallve
21/01/14

2. The
Onfan
APP2
Table of Contents
1. Pages
1.1. Page Tree
Pagina espera
Explore-01
Explore-02 - scrolldown
Explore-03 - mapa
tutorial-01
tutorial-02
tutorial-03
tutorial-04
tutorial-05
tutorial-06
tutorial-07
login - 01
Login - 03 - Signin
Login - 02
Login - 04 - datos
Login - 05 - Recuperar contraseña
foreignprofile-01
foreignprofile-02
foreignprofile-03
foreignprofile-04
foreignprofile-05
ownerprofile-01
ownerprofile-02
ownerprofile-03
ownerprofile-04
ownerprofile-05
Timeline completo
01 - search - default
02 - search
03 - search - establecimientos
04 - search - usuarios
05 - search - especialidades
01 - Create - Camera
02 - Create - Editor
03 - Create - Dashboard
04 - Create - Establecimiento 1
05 - Create - Establecimiento 2
06 - Create - Nuevo establecimiento
07 - Create - Publicar
08 - Create - Añadir experiencia
09 - Crear - Valorar experiencia
10 - Create - similar
11 - Create - OK
Especialidad-02
Especialidad-01
Especialidad-03
Venue-02
Venue-01
Venue-03
01-Mis especialidades-inicio
02-Mis especialidades-scrollup
03-Mis especialidades-cercanas
04-Mis especialidades-mapa
05-Mis especialidades-ficha
06-Mis venues-ficha
Page
2

3. The
Onfan
APP2
1.2. Pagina espera
Pagina de espera de carga de app.
de aquí te lleva automáticamente a explore - 01 con ultimas seleccionado o al Tutorial si es la primera vez que entras
Como se muestra en las pantallas: En toda la APP cuando estamos viendo cosas nuestras la cabecera será en color marrón,
si estamos viendo cosas ajenas o generales, la cabecera va en blanco
De haber dudas en interacciones, etc., nos inspiraremos siempre en la APP de Google Plus
Para el crea, nos inspiraremos en Instagram
1.2.1. User Interface
1.2.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
3

4. The
Onfan
APP2
1.3. Explore-01
al hacer scrollUp la barra inferior de opciones desaparece y vuelve a aparecer al cambiar hacia scrollDown
al hacer scroll down hasta arriba del todo, te aparece el buscador, Explore - 02
al clicar al mapa, te lleva a Explore-03
al hacer clic a cualquier interacción te lleva a login si no estas logado
En ultimas debe aparecer cualquier especialidad o contribución a una especialidad (API 3)
En cercanas, solo aparecen especialidades, con la maincontribution, no todas las contribuciones
Cámara en color si no existe draft, en gris si existe y un entero de 1
1.3.1. User Interface
1.3.2. Widget Table
Footnote Interactions
Page
4

5. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-03 - mapa in New Window/Tab
2
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
3
OnClick:
Case 1:
Open Venue-02 in New Window/Tab
4
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
5
OnClick:
Case 1:
Open login - 01 in New Window/Tab
6
OnClick:
Case 1:
Open login - 01 in New Window/Tab
7
OnClick:
Case 1:
Open login - 01 in New Window/Tab
8
OnMouseDown:
Case 1:
Open Explore-02 - scrolldown in New Window/Tab
9
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
10
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
11
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
12
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
13
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
Page
5

6. The
Onfan
APP2
1.4. Explore-02 - scrolldown
cuando le doy en buscar me sale el 01- search - default con el cursor en escribir
si estoy en cercanas, automáticamente en el buscador me sale activado cercanas, sino desactivado
1.4.1. User Interface
1.4.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
2
OnClick:
Case 1:
Open Explore-03 - mapa in New Window/Tab
3
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
Page
6

7. The
Onfan
APP2
Footnote Interactions
4
OnClick:
Case 1:
Open login - 01 in New Window/Tab
5
OnClick:
Case 1:
Open login - 01 in New Window/Tab
6
OnClick:
Case 1:
Open login - 01 in New Window/Tab
7
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
8
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
9
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
10
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
11
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
7

8. The
Onfan
APP2
1.5. Explore-03 - mapa
Explore-03 - mapa: la cabecera es blanca para distinguirlo de cuando veo solo cosas mías
el buscador busca sobre x,y
la flecha es centrar mapa en mi, de no haber localización sale mensaje que dice no hay, activa wifi, etc.
la flecha en circulo es para recargar la pagina si mueves el mapa de sitio, mientras esta refrescando gira
1.5.1. User Interface
Page
8

9. The
Onfan
APP2
1.6. tutorial-01
los textos de este tutorial van en tres idiomas,
el móvil es una captura de la app en un android en el caso de android
Se hará una imagen que valga para los tres idiomas, los textos de fuera se podrán traducir en el xml de traducciones.
Scroll lateral mueve a la siguiente
Skip te lleva a explore - 01
1.6.1. User Interface
1.6.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
9

10. The
Onfan
APP2
1.7. tutorial-02
Scroll lateral mueve a la siguiente o anterior
Skip te lleva a explore - 01
1.7.1. User Interface
1.7.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
10

11. The
Onfan
APP2
1.8. tutorial-03
Scroll lateral mueve a la siguiente o anterior
Skip te lleva a explore - 01
1.8.1. User Interface
1.8.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
11

12. The
Onfan
APP2
1.9. tutorial-04
Scroll lateral mueve a la siguiente o anterior
Skip te lleva a explore - 01
1.9.1. User Interface
1.9.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
12

13. The
Onfan
APP2
1.10. tutorial-05
Scroll lateral mueve a la siguiente o anterior
Skip te lleva a explore - 01
1.10.1. User Interface
1.10.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
13

14. The
Onfan
APP2
1.11. tutorial-06
Scroll lateral mueve a la siguiente o anterior
Skip te lleva a explore - 01
1.11.1. User Interface
1.11.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
14

15. The
Onfan
APP2
1.12. tutorial-07
Scroll lateral izquierda mueve a la anterior
Scroll lateral derecha mueve a explore - 01
Skip te lleva a explore - 01
1.12.1. User Interface
1.12.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
15

16. The
Onfan
APP2
1.13. login - 01
regístrate con tu email te lleva a login - 03
se puede entrar con username o con email
login con facebook o twitter, te loga o te dice:
no tenemos esta cuenta, regístrate! y te registra con ese facebook o twitter
Si te registra te lleva a: login - 04
Si te loga te lleva a explore - 01 o te lleva a hacer la función que hubieras seleccionado (me gusta, etc.)
falta mensaje de error password o mail incorrecto, prueba otra vez
1.13.1. User Interface
Page
16

17. The
Onfan
APP2
1.13.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Login - 04 - datos in New Window/Tab
2
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
3
OnClick:
Case 1:
Open Login - 05 - Recuperar contraseña in New Window/Tab
4
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
5
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
6
OnClick:
Case 1:
Open tutorial-01 in New Window/Tab
7
OnClick:
Case 1:
Open Login - 02 in New Window/Tab
8
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
9
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
10
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
11
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
17

18. The
Onfan
APP2
1.14. Login - 03 - Signin
Si ya existe el mail: te loga si el password es correcto y te deja en explore - 01
si no es correcto el password te sale mensaje password incorrecto
1.14.1. User Interface
1.14.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Login - 04 - datos in New Window/Tab
2
OnClick:
Case 1:
Open login - 01 in New Window/Tab
3
OnClick:
Case 1:
Open Login - 04 - datos in New Window/Tab
Page
18

19. The
Onfan
APP2
Footnote Interactions
4
OnClick:
Case 1:
Open Login - 04 - datos in New Window/Tab
5
OnClick:
Case 1:
Open Back in Current Window
6
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
7
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
8
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
9
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
19

20. The
Onfan
APP2
1.15. Login - 02
Si ya existe el mail: te loga si el password es correcto y te deja en explore - 01
si no es correcto el password te sale mensaje password incorrecto
1.15.1. User Interface
1.15.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open login - 01 in New Window/Tab
3
OnClick:
Case 1:
Open Login - 05 - Recuperar contraseña in New Window/Tab
Page
20

21. The
Onfan
APP2
1.16. Login - 04 - datos
done y guardar te lleva a Explore - 01
si el registro es por facebook te pone la foto y te pone change foto
1.16.1. User Interface
1.16.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
21

22. The
Onfan
APP2
1.17. Login - 05 - Recuperar contraseña
recuperar contraseña te notifica que te hemos enviado un email y te envía a explore
1.17.1. User Interface
1.17.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
22

23. The
Onfan
APP2
1.18. foreignprofile-01
scroll encima de nombre o curriculum te lleva a foreignprofile-02
Especialidades creadas, probadas, etc.: te lleva a un listado tipo "02 - search - especialidades"
especialidades creadas, probadas, desea, fans, etc., se puede ir desde el numeral del curriculum
1.18.1. User Interface
1.18.2. Widget Table
Footnote Interactions
1
OnMouseMove:
Case 1:
Open foreignprofile-02 in New Window/Tab
2
OnClick:
Case 1:
Open foreignprofile-03 in New Window/Tab
Page
23

24. The
Onfan
APP2
Footnote Interactions
3
OnClick:
Case 1:
Open 02 - search in New Window/Tab
4
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
5
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
6
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
7
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
8
OnClick:
Case 1:
Open Back in Current Window
9
OnClick:
Case 1:
Open 02 - search in New Window/Tab
Page
24

25. The
Onfan
APP2
1.19. foreignprofile-02
el atrás no te lleva a foreignprofile-01 sino a donde vengas
1.19.1. User Interface
1.19.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
2
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
3
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
4
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
Page
25

26. The
Onfan
APP2
Footnote Interactions
5
OnMouseMove:
Case 1:
Open foreignprofile-02 in New Window/Tab
6
OnClick:
Case 1:
Open foreignprofile-03 in New Window/Tab
7
OnClick:
Case 1:
Open Back in Current Window
8
OnClick:
Case 1:
Open 02 - search in New Window/Tab
Page
26

27. The
Onfan
APP2
1.20. foreignprofile-03
share this profile, pasa link, la foto, nombre y apellidos, al sistema nativo.
1.20.1. User Interface
1.20.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open foreignprofile-05 in New Window/Tab
Page
27

28. The
Onfan
APP2
1.21. foreignprofile-04
Aparece Especialidades sin Localización (exrecetas)
1.21.1. User Interface
1.21.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open foreignprofile-03 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
28

29. The
Onfan
APP2
1.22. foreignprofile-05
el cursor esta en el campo de texto
1.22.1. User Interface
1.22.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open Back in Current Window
Page
29

30. The
Onfan
APP2
1.23. ownerprofile-01
1.23.1. User Interface
1.23.2. Widget Table
Footnote Interactions
1
OnMouseMove:
Case 1:
Open ownerprofile-02 in New Window/Tab
2
OnClick:
Case 1:
Open ownerprofile-03 in New Window/Tab
3
OnClick:
Case 1:
Open 01-Mis especialidades-inicio in New Window/Tab
Page
30

31. The
Onfan
APP2
Footnote Interactions
4
OnClick:
Case 1:
Open 02 - search in New Window/Tab
5
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
6
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
7
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
8
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
31

32. The
Onfan
APP2
1.24. ownerprofile-02
1.24.1. User Interface
1.24.2. Widget Table
Footnote Interactions
1
OnMouseMove:
Case 1:
Open ownerprofile-02 in New Window/Tab
2
OnClick:
Case 1:
Open ownerprofile-03 in New Window/Tab
3
OnClick:
Case 1:
Open 01-Mis especialidades-inicio in New Window/Tab
4
OnClick:
Case 1:
Open 02 - search in New Window/Tab
Page
32

33. The
Onfan
APP2
Footnote Interactions
5
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
6
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
7
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
8
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
33

34. The
Onfan
APP2
1.25. ownerprofile-03
share this profile, pasa link, la foto, nombre y apellidos, al sistema nativo.
1.25.1. User Interface
1.25.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open ownerprofile-05 in New Window/Tab
2
OnClick:
Case 1:
Open login - 01 in New Window/Tab
Page
34

35. The
Onfan
APP2
1.26. ownerprofile-04
1.26.1. User Interface
Page
35

36. The
Onfan
APP2
1.27. ownerprofile-05
1.27.1. User Interface
1.27.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
2
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
Page
36

37. The
Onfan
APP2
1.28. Timeline completo
Norma: imágenes que el User conoce, pequeñas,
imágenes que no conoce, grandes.
1.28.1. User Interface
Page
37

38. The
Onfan
APP2
1.29. 01 - search - default
al entrar el cursor esta en el campo búsqueda
search te lleva a 02 - search (pero con atrás) venues, especialidades, users
en el campo de Near, por defecto siempre aparece "Ubicación actual" con una x
si la borramos aparece un placeholder que dice: Dirección, Ciudad o Barrio
Cada vez que abro el buscador se coloca el current location solo. (API)
Si existe Near es prioritario, si no existe Near, ordenamos por distancia como ultimo filtro. (API)
De no haber resultados cerca del User, le mostramos mas lejos, los primeros 20 (API)
El usuario tiene que poder eliminar el currectlocation y poder darle al ok para buscar sin tener en cuenta ubicación
Las opciones marcadas quedan guardadas hasta que el usuario sale de la app o cambia de iteración
Todos los selectores apagados por defecto
Un selector que activa poner ultimas o mas votadas, que por defecto estará en ultimas,
Ultimas es excluyente de lo mas votado
Page
38

39. The
Onfan
APP2
1.29.1. User Interface
1.29.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 02 - search in New Window/Tab
2
OnClick:
Case 1:
Open 02 - search in New Window/Tab
3
OnClick:
Case 1:
Open 02 - search in New Window/Tab
Page
39

40. The
Onfan
APP2
1.30. 02 - search
en los resultados salen venues, users, especialidades mezclado
1.30.1. User Interface
1.30.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
Page
40

41. The
Onfan
APP2
1.31. 03 - search - establecimientos
si apretamos mapa, enseñamos mapa pero con filtro venues.
1.31.1. User Interface
1.31.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
Page
41

42. The
Onfan
APP2
1.32. 04 - search - usuarios
mapa desactivado
1.32.1. User Interface
1.32.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
Page
42

43. The
Onfan
APP2
1.33. 05 - search - especialidades
si apretamos mapa, enseñamos mapa pero con filtro especialidades
1.33.1. User Interface
1.33.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
Page
43

44. The
Onfan
APP2
1.34. 01 - Create - Camera
No hay botonera inferior
cámara nativa del sistema
has de poder coger de tu librería
ha de crear un álbum de fotos Onfan con las fotos que se hacen desde la cámara.
Fotos cropeadas cuadradas
Drafts no existe
1.34.1. User Interface
1.34.2. Widget Table
Footnote Interactions
Page
44

45. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open 02 - Create - Editor in New Window/Tab
2
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
45

46. The
Onfan
APP2
1.35. 02 - Create - Editor
No hay botonera inferior
Usar http://www.aviary.com/ para editor de imágenes, filtros, etc.
1.35.1. User Interface
1.35.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
46

47. The
Onfan
APP2
1.36. 03 - Create - Dashboard
No hay botonera inferior
Publicar no está activo hasta que no hay foto, nombre especialidad y comentario
Publicar, si no hay establecimiento, va a 08 - create - añadir experiencia
La X te lleva a explore - 01 pero entonces la cámara esta en gris y pone un entero 1 para que al volver a entrar tengas esto por acabar
de rellenar
Dashboard inspirado en Instagram
1.36.1. User Interface
1.36.2. Widget Table
Footnote Interactions
Page
47

48. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open 08 - Create - Añadir experiencia in New Window/Tab
3
OnClick:
Case 1:
Open 04 - Create - Establecimiento 1 in New Window/Tab
Page
48

49. The
Onfan
APP2
1.37. 04 - Create - Establecimiento 1
No hay botonera inferior
Primero se usa el Geo de la imagen (x-if)
Si no tiene Geo la foto se usa el Geo propio del móvil
Sino por IP o el ultimo geo que tengamos del User (API?)
1.37.1. User Interface
1.37.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
Page
49

50. The
Onfan
APP2
Footnote Interactions
2
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
3
OnClick:
Case 1:
Open 05 - Create - Establecimiento 2 in New Window/Tab
Page
50

51. The
Onfan
APP2
1.38. 05 - Create - Establecimiento 2
No hay botonera inferior
hay un autocomplete
Si no tenemos dirección, crear como nuevo te lleva a 06 - create, si tenemos dirección te lleva a 07 - create - publicar
ok del teclado no existe
1.38.1. User Interface
1.38.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
2
OnClick:
Case 1:
Open 07 - Create - Publicar in New Window/Tab
Page
51

52. The
Onfan
APP2
1.39. 06 - Create - Nuevo establecimiento
No hay botonera inferior
dirección ha de estar rellenada con la dirección que nos devuelva la geo de x-if o móvil, etc.
hecho y guardar te envía a 07 - create - publicar
sitúalo en mapa te permite mover el poi de geo, y te recalcula la dirección,
si se escribe la dirección a mano propone cambiar el POI, pero no es obligatorio
obligatorio nombre que viene de la pantalla "05 - create - establecimiento 2" y geo que viene de x-if, etc.
1.39.1. User Interface
1.39.2. Widget Table
Footnote Interactions
Page
52

53. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open 07 - Create - Publicar in New Window/Tab
2
OnClick:
Case 1:
Open 07 - Create - Publicar in New Window/Tab
3
OnClick:
Case 1:
Open Back in Current Window
Page
53

54. The
Onfan
APP2
1.40. 07 - Create - Publicar
obligado: nombre especialidad, comentario y foto
si intento publicar sin esto me resalta los campos que faltan
si clico en facebook o twitter me pide sincronizar con mi cuenta si no esta ya, y queda guardado en mi perfil para siempre.
si clico en venue name o símbolo poi, me lleva a 05 - create y puedo cambiar el venue
al darle a publicar sin venue me lleva a 08 - create - añadir experiencia
al darle publicar me lleva a 09 - crear - valorar experiencia
la x te dice seguro que quieres borrar este "borrador"? y te vuelve al explora - 01
1.40.1. User Interface
1.40.2. Widget Table
Footnote Interactions
Page
54

55. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open 06 - Create - Nuevo establecimiento in New Window/Tab
2
OnClick:
Case 1:
Open 09 - Crear - Valorar experiencia in New Window/Tab
3
OnClick:
Case 1:
Open 05 - Create - Establecimiento 2 in New Window/Tab
4
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
5
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
6
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
7
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
8
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
55

56. The
Onfan
APP2
1.41. 08 - Create - Añadir experiencia
No hay botonera inferior
1.41.1. User Interface
1.41.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 04 - Create - Establecimiento 1 in New Window/Tab
2
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
56

57. The
Onfan
APP2
1.42. 09 - Crear - Valorar experiencia
No hay botonera inferior
estrellas no obligatorias, se muestra la media de estrellas que tenga el venue, si no tiene se muestran 4 activas en todo
aquí no hay barra para que no puedan salir de aquí, ya que es el paso final.
hecho me lleva a:
-si hay especialidades en ese venue o no coincide nombre va a 10 - create - similar
-Si hay coincidencia en nombre especialidad o no hay especialidades en ese venue va a 11 - create ok
1.42.1. User Interface
1.42.2. Widget Table
Footnote Interactions
Page
57

58. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open 10 - Create - similar in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
3
OnClick:
Case 1:
Open 10 - Create - similar in New Window/Tab
Page
58

59. The
Onfan
APP2
1.43. 10 - Create - similar
No hay botonera inferior
si marca una de las existentes, se crea una contribución manteniendo el nombre que existe en base de datos y poniendo el nombre
que el tenia escrito en draft en descripción
si pone crear nueva crea una nueva con nombre especialidad y descripción iguales (API)
1.43.1. User Interface
1.43.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 11 - Create - OK in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
3
OnClick:
Case 1:
Open 11 - Create - OK in New Window/Tab
Page
59

60. The
Onfan
APP2
Footnote Interactions
4
OnClick:
Case 1:
Open 11 - Create - OK in New Window/Tab
Page
60

61. The
Onfan
APP2
1.44. 11 - Create - OK
No hay botonera inferior
Ok te lleva a explore-01 con ultimas donde ves la tuya
consulta tu ADN te lleva a tu perfil de la web (API para que exista url)
compartir especialidad abre menú compartir nativo
el cuadrado gris tendrá Frases aleatorias de entre estas, han de ser traducibles a idiomas:
1) Nada ayuda tanto al paisaje como el jamón con huevo( Mark Twain)
2) La carne dos veces cocida y un amigo dos veces reconciliado, rara vez valen la pena. (proverbio checo)
3) Me dijo un sabio profundo, con experiencia madura que no se hace pan sabroso sin amarga levadura. (copla popular)
4) No quiero tener nada que ver con comidas naturales. A mi edad, necesito todos los conservantes que pueda conseguir. (George
Burns)
5) Yo no me creo eso de que los españoles vinieron a América buscando pimienta. Los españoles vinieron por el chocolate. (Ema
Wolf)
6) Las bellas artes son 5: pintura, escultura, poesía, música y arquitectura, cuya rama principal es la repostería. (Anatole France)
7) La masa del strudel debe ser tan fina “hasta que por transparencia pueda leerse a través de ella una vieja carta de amor” (dicho
vienés)
8) "Estómago satisfecho, espíritu jubiloso"
Friedrich Nietzsche (1844 -1900)
9) “Parte del secreto del éxito en la vida es comer lo que le a uno le gusta y dejar que la comida se pelee en su interior”
Mark Twain (1835 - 1910)
10) “El único hombre que es realmente libre es aquel que puede rechazar una invitación a comer sin dar una excusa”
Jules Renard (1864 - 1910)
Page
61

62. The
Onfan
APP2
1.44.1. User Interface
1.44.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
2
OnClick:
Case 1:
Open http://onfan.com/ismael/adn in Parent Frame
3
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
Page
62

63. The
Onfan
APP2
1.45. Especialidad-02
Burrata en la barra de titulo aparece con elipsis si es muy largo
Scrolldown va a Especialdiad-01
scroll lateral pasa fotos de contribuciones
1.45.1. User Interface
1.45.2. Widget Table
Footnote Interactions
Page
63

64. The
Onfan
APP2
Footnote Interactions
1
OnClick:
Case 1:
Open Especialidad-03 in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
3
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
4
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
5
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
6
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
7
OnMouseMove:
Case 1:
Open Especialidad-01 in New Window/Tab
8
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
Page
64

65. The
Onfan
APP2
1.46. Especialidad-01
esto es con scrolldown
por defecto abre con el scroll en la foto como se ve en Especialidad-02
Burrata parece con elipsis si es muy largo en el titulo, pero en nombre sale todo el nombre aunque salgan dos líneas.
El mapa te abre explore - 03 solo con este venue
Sube tu foto, te lleva a 03 - create Dashboard pero ya con el venue seleccionado y el nombre de la especialidad también.
compartir te lleva a especialidad - 03
Si la especialidad es tuya tiene el botón editar esta especialidad
Page
65

66. The
Onfan
APP2
1.46.1. User Interface
1.46.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open Especialidad-03 in New Window/Tab
3
OnClick:
Case 1:
Open Explore-03 - mapa in New Window/Tab
4
OnClick:
Case 1:
Open Venue-02 in New Window/Tab
5
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
Page
66

67. The
Onfan
APP2
Footnote Interactions
6
OnClick:
Case 1:
Open Especialidad-03 in New Window/Tab
7
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
Page
67

68. The
Onfan
APP2
1.47. Especialidad-03
opciones nativas de compartir
1.47.1. User Interface
1.47.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
Page
68

69. The
Onfan
APP2
1.48. Venue-02
en la barra de titulo aparece con elipsis si es muy largo el nombre venue
la cámara te lleva a 03 - create Dashboard pero ya con el venue seleccionado.
compartir te lleva a venue-03
1.48.1. User Interface
1.48.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 03 - Create - Dashboard in New Window/Tab
2
OnClick:
Case 1:
Open Venue-03 in New Window/Tab
Page
69

70. The
Onfan
APP2
Footnote Interactions
3
OnClick:
Case 1:
Open Back in Current Window
4
OnMouseMove:
Case 1:
Open Venue-01 in New Window/Tab
5
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
6
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
7
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
8
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
Page
70

71. The
Onfan
APP2
1.49. Venue-01
esto es con scrolldown
por defecto abre con el scroll en la foto como se ve en venue-02
Xemei de barra titulo aparece con elipsis si es muy largo en el titulo, pero en nombre sale todo el nombre aunque salgan dos líneas
igual que la dirección.
clic en teléfono llama
clic en como llegar te abre Google maps
url abre web y mail abre un mailto
1.49.1. User Interface
Page
71

72. The
Onfan
APP2
1.49.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open Venue-03 in New Window/Tab
3
OnClick:
Case 1:
Open Explore-03 - mapa in New Window/Tab
4
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
5
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
Page
72

73. The
Onfan
APP2
1.50. Venue-03
son las opciones nativas de compartir
1.50.1. User Interface
1.50.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Venue-02 in New Window/Tab
Page
73

74. The
Onfan
APP2
1.51. 01-Mis especialidades-inicio
ordenadas por fecha, la primera la mas reciente
ScrollDown te lleva a 02-Mis especialidades-scrollup es decir activa segunda barra selección
en este listado veo mi contribución no la mainfoto. excepto en los venues que no tenga foto mía
acciones me gusta, etc. cliclables
Filtra filtra en estos resultados es decir entre mis especialidades subidas
1.51.1. User Interface
1.51.2. Widget Table
Footnote Interactions
1
OnMouseMove:
Case 1:
Open 02-Mis especialidades-scrollup in New Window/Tab
Page
74

75. The
Onfan
APP2
Footnote Interactions
2
OnClick:
Case 1:
Open Back in Current Window
3
OnClick:
Case 1:
Open 04-Mis especialidades-mapa in New Window/Tab
4
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
5
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
6
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
7
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
8
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
9
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
10
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
11
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
12
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
Page
75

76. The
Onfan
APP2
1.52. 02-Mis especialidades-scrollup
Cerca es un selector cercanas/ultimas es decir ordenadas por distancia a mi o por fecha
si las ordenamos por distancia me lleva a 03-Mis especialidades-cercanas
establecimientos te muestra venues asociados a mis especialidades subidas
1.52.1. User Interface
1.52.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open 04-Mis especialidades-mapa in New Window/Tab
Page
76

77. The
Onfan
APP2
Footnote Interactions
3
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
4
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
5
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
6
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
7
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
8
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
9
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
10
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
11
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
12
OnClick:
Case 1:
Open 03-Mis especialidades-cercanas in New Window/Tab
Page
77

78. The
Onfan
APP2
1.53. 03-Mis especialidades-cercanas
1.53.1. User Interface
1.53.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open 04-Mis especialidades-mapa in New Window/Tab
3
OnClick:
Case 1:
Open 01 - search - default in New Window/Tab
Page
78

79. The
Onfan
APP2
Footnote Interactions
4
OnClick:
Case 1:
Open 01 - Create - Camera in New Window/Tab
5
OnClick:
Case 1:
Open Timeline completo in New Window/Tab
6
OnClick:
Case 1:
Open Explore-01 in New Window/Tab
7
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
8
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
9
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
10
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
11
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
12
OnClick:
Case 1:
Open 02-Mis especialidades-scrollup in New Window/Tab
13
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
Page
79

80. The
Onfan
APP2
1.54. 04-Mis especialidades-mapa
este mapa solo enseña mis cosas
no hay refrescar ya que realmente están todas aunque tengamos el foco en esta zona, sino se pueden cargar todas entonces hay que
añadir el refrescar
1.54.1. User Interface
1.54.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 05-Mis especialidades-ficha in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
80

81. The
Onfan
APP2
1.55. 05-Mis especialidades-ficha
es igual que una ficha normal pero solo mi contribución,
la cabecera es marrón, indicando que estoy en una parte mía editable.
1.55.1. User Interface
1.55.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open Back in Current Window
2
OnClick:
Case 1:
Open Especialidad-03 in New Window/Tab
Page
81

82. The
Onfan
APP2
Footnote Interactions
3
OnClick:
Case 1:
Open 04-Mis especialidades-mapa in New Window/Tab
4
OnClick:
Case 1:
Open 06-Mis venues-ficha in New Window/Tab
5
OnClick:
Case 1:
Open foreignprofile-01 in New Window/Tab
6
OnClick:
Case 1:
Open 07 - Create - Publicar in New Window/Tab
Page
82

83. The
Onfan
APP2
1.56. 06-Mis venues-ficha
es igual que una ficha normal pero solo mi contribución, se le añade "editar esta especialidad" y la cabecera es marrón, indicando que
estoy en una parte mía editable.
1.56.1. User Interface
1.56.2. Widget Table
Footnote Interactions
1
OnClick:
Case 1:
Open 04-Mis especialidades-mapa in New Window/Tab
2
OnClick:
Case 1:
Open Back in Current Window
Page
83

84. The
Onfan
APP2
Footnote Interactions
3
OnClick:
Case 1:
Open Venue-03 in New Window/Tab
4
OnClick:
Case 1:
Open ownerprofile-01 in New Window/Tab
5
OnClick:
Case 1:
Open Especialidad-02 in New Window/Tab
Page
84

85. The
Onfan
APP2
2. Colores de la APP
Page
85