proyecto de app.pdf
TRANSCRIPT
-
7/26/2019 Proyecto de App.pdf
1/12
PATRONpedia
Universidad Provincial de CrdobaLicenciatura en Diseo
Laboratorio DigitalLila Pagola
Barrign, Pamela
Cortz, Victoria
Luna, Gabriel
Ortiz, Brenda
2016
Diseo de prototipo:
App de realidad aumentada
Trabajo Prctico Final
-
7/26/2019 Proyecto de App.pdf
2/12
Diseo de Informacin
Prototipo de app
Qu vamos a hacerAplicacin de realidad aumentada que permite al usuario obtener el molde de una prenda solo con escanearla
con la cmara de cualquier dispositivo mvil. La aplicacin levantara ciertos datos sobre la morfologa de la
prenda que le permitirn comprender su clasificacin y caracterstica (remera, pantaln, buzo, etc.) y buscara
dentro de la app un molde que se asemeje lo ms posible a lo detectado. El mismo podr guardarse en la nube a
travs de carpetas diferenciadoras, con la posibilidad de editar dichos moldes, y la opcin de progresionarlo a
distintos talles. Las carpetas pueden hacerse pblicas o privadas, permitiendo de esta manera compartir con
otros diseadores los moldes que hayan encontrado, y as ir elaborando nuestro propio banco de patrones, de
acuerdo a nuestros intereses. A su vez, la opcin de la nube permite que se puedan descargar a travs de
cualquier dispositivo por ms que no tenga la app instalada.
Perfil de usuario:
Diseadores de moda, estudiantes de indumentaria, modistas, de ambos sexos, 20 a 35 aos que tengan acceso
a internet desde algn dispositivo mvil (celular, tablet). Clase social media. Que posean conocimientos bsicos
sobre el uso de aplicaciones. Con intereses y conocimientos sobre el diseo de indumentaria y la necesidad de
utilizar moldes para crear sus propias prendas, ya sea para la venta o uso propio.
Objetivos:
Alcanzarle al diseador una herramienta que le permite encontrar un molde o patrn de una prenda con solo
escanearla con su dispositivo mvil. Con la posibilidad de poderlo guardar, editar, progresionar, imprimir,
compartir, etc.
Marcadores:
El marcador utilizado es de tipo natural inscripto en el sistema. Para que este escanee bien el patrn, la prenda
deber estar debidamente estirada en una superficie plana y que puede diferenciarse la figura del fondo.
Actualizacin de datos:
Deber tener acceso a internet para poder acceder a los patrones de la tienda.Todos los patrones guardados y editados sern de uso libre, tanto para la aplicacin como para los usuarios, es
por esto que la app le preguntar a cada usuario si est de acuerdo con esta poltica antes de guardar un molde.
Tecnologa usada:
Celular o tablet para el registro del patrn, computadora netbook, notebook, para edicin e impresora.
_ Resolucin de Pantalla: 768 x 1024
_Tipo y velocidad de Conexin: wifi y 3G.
_Instalacin de actualizacin, pluggins, sincronizar.
Uso especfico:
Diseador trabajando en un taller de costura en el que necesita obtener el patrn de una prenda con rapidez,evitando el trabajo de tener que hacerlo manualmente, utilizando un telfono inteligente y conectividad wifi o
3G, enfoca la prenda que quiere pasar a molde, la aplicacin encuentra el que ms se asemeja en el banco de
patrones, puede modificar este mismo a travs del mismo dispositivo, o guardarlo en la nube para poder abrirlo
en una tablet, notebook o pc de escritorio, para que se adapte a lo que l necesita, ajustando medidas especficas
u obteniendo otros talles. Luego lo imprime con facilidad..
PATRONpedia
Prenda comomarcador naturalSuperficie plana y
constrastantecon el fondo
Detectandocaractersticasmorfolgicas dela prenda capturada
Foco automticodel celular al
capturar laprenda
-
7/26/2019 Proyecto de App.pdf
3/12
Anlisis de diseos similares o competencia
Pattern BoxEs una aplicacin que permite escanear una imagen de un molde y buscar en la web los similares, luego podsguardarlos y diferenciarlos a travs de carpetas como pantalones, blusas, etc. Esta bsqueda arroja resultados de
moldes gratis y tambin pagos. Tambin se puede subir archivos pdf que uno tenga y aadirlos a las carpetas
correspondientes.
Esta aplicacin es bastante reciente (diciembre 2015), el diseador todava est trabajando sobre ella, para
mejorarla y hacerla ms efectiva y fcil de usar ya que la gente todava no est muy satisfecha con su uso.
Usuarios
Posibles diseadores de indumentaria, ms de 20 aos, que posean un Iphon. Preferentemente de clase social
media - alta.
Tecnologa usadaRequiere tener un iphone- Ipad ya que no est disponible para android. No posee sonido
Esttica y lenguaje usado: esttica apuntando a un usuario preferentemente femenino, por utilizar color rosa
sobre fondo rosa. Tiene una esttica simplista, con apariencia amateur poco profesional. El uso de smbolos
facilita encontrar algunas de las funciones de esta app.
Actualizacin y dinamismo: actualmente se encuentra trabajando sobre las actualizaciones.
Diseo de Informacin
Anlisis de app similarPATRONpedia
-
7/26/2019 Proyecto de App.pdf
4/12
Diseo de Interaccin
PATRONPEDIA
Remeras Vestidos
Pantalones Abrigos
Nueva carpeta
MIS CARPETAS
Tomar patrn
PATRONpedia
Tomar patrn
Botones
Tomar patrn Tomar patrn
En reposo Activo Presionado
Cada icono realizado representa de forma simple y concreta la accin que se realiza mediante los mismos. A
su vez, se aclara la funcin en la parte inferior del botn para que la aplicacin pueda ser utilizada por todo
tipo de usuario, desde el que tiene conocimientos ms bsicos hasta los ms avanzados.
UX
La interaccin de un usuario con la aplicacin se produce cuando la usa, es decir, capturando, guardando
patrones y dems. El paso de una pantalla a la otra se produce mediante el efecto mostrado en las imgenes
superiores, donde se intenta representar el movimiento que genera el corte producido por una tijera en una tela.
CargandoCargando CargandoCargando CargandoCargando
El icono creado para marcar la carga de alguna pantalla sigue con la esttica de la app, y a su vez se crea paracontinuar con la interaccin usuario - aplicacin.
PATRONpedia
-
7/26/2019 Proyecto de App.pdf
5/12
Tomar patrn
Mis Carpetas
Configuraciones
PATRONpedia
PATRONpediaDiseo de Presentacin
Previsualizacin
de Pantallas
E- mail
Contrasea
Entrar con Facebook
Siguiente
No posee cuenta de PATRONpedia?Registrarse
PATRONpedia
Pp
PANTALLA 1
Para comenzar su navegacin en la app,el usuario deber loguearse, ya sea con
su cuenta de mail y contrasea y
seleccionar siguiente, o a travs de
Facebook.
En el caso de no poseer una, deber
crear una nueva cuenta, seleccionando
la opcin Registrarse.
PANTALLA 2
Luego de ingresar correctamente, el
usuario se encontrar en el men
principal de la app; en donde podr
seleccionar entre tres opciones
principales:-Tomar patrn
- Mis carpetas
- Configuraciones
-
7/26/2019 Proyecto de App.pdf
6/12
PATRONpediaDiseo de Presentacin
Previsualizacin
de Pantallas
PATRN CAPTADO
Guardar Editar Compartir
3
8
11
25
20 2
0
45
5
0
85
3
PANTALLA 3
Al seleccionar la opcin Capturarpatrn, la app abrir la camara del
telfono para poder tomar la prenda
que se quiera captar y, en ella,
reconocer algn patrn que encuentre
similar en la base de datos.
PANTALLA 4
Una vez encontrado e l patrn
requerido, lo mostrar en pantalla
como Patrn captado y, debajo del
mismo, nos dar tres opciones a elegir:
- Guardar- Editar
- Compartir
-
7/26/2019 Proyecto de App.pdf
7/12
Nombre del patrn
Guardar
Seleccionar carpeta
GUARDAR
PATRONpediaDiseo de Presentacin
Previsualizacin
de Pantallas
Modificar talle
EDITAR
Personalizar
Ediciones recientes
PANTALLA 5
Dentro de la pantalla guardarse debeescribir un nombre para el patrn y
seleccionar la carpeta en la cual se
quiera guardar.
PANTALLA 6
Dentro de la pantalla editar nos lleva a
las opciones de:
- Modificar talle
-Personalizar
- Ediciones recientes
-
7/26/2019 Proyecto de App.pdf
8/12
Diseo de Presentacin
Previsualizacin
de PantallasPATRONpedia
MODIFICAR TALLE
Guardar Edicionesrecientes
Cancelar
S
PERSONALIZAR
Guardar CancelarEdicionesrecientes
3
8
11
25
20 2
0
50
85
3
PANTALLA 7
En este pantalla se muestra la opcin demodificar le tal le de la prenda
seleccionando una de las medidas que
se encuentran debajo del patrn
captado.
Adems con las siguientes opciones:
- Guardar
- Ediciones recientes
- Cancelar
PANTALLA 8
En la pantalla de personalizar se
muestran varias acciones que el usuario
puede realizar en el patrn.
Con las opciones de:- Guardar
- Ediciones Recientes
-Cancelar
Alto: Ancho:
M
L
XL
XXL
-
7/26/2019 Proyecto de App.pdf
9/12
PATRONpediaDiseo de Presentacin
Previsualizacin
de Pantallas
Amigos de Patronpedia
Subir a la nube
Enviar
COMPARTIR
Pp
Sincronizar cuenta
Instrucciones
Acerca de Patronpedia
CONFIGURACIONES
PANTALLA 9
En esta pantalla las opciones planteadasson para compartir los archivos
mediante la red social que el usuario
prefiera:
.- Amigos de Patronpedia
- Subir a la nube
- Enviar
PANTALLA 10
La pantalla configuraciones ayuda al
usuario a conocer ms acerca de la
aplicacin en caso de que desee hacerlo
con las opciones de:
- Sincronizar cuenta- Instrucciones
- Acerca de Patronpedia
-
7/26/2019 Proyecto de App.pdf
10/12
PATRONpediaDiseo de Presentacin
Previsualizacin
de Pantallas
Remeras Vestidos
Pantalones Abrigos
Nueva carpeta
MIS CARPETAS
3
8
11
25
20 2
0
50
85
3
Musculosa de verano
REMERAS
Reciente Editar Ver todos
3
8
11
25
20 2
0
50
85
3
PANTALLA 11
En esta pantalla el usuario puede crearcarpetas para organizar los patrones
como desee mediante la opcin de:
- Nueva carpeta
PANTALLA 12
La previsualizacin de los patrones en
una carpeta determinada se encuentra
acompaado de varias opciones:
- Reciente
- Editar- Ver todos
-
7/26/2019 Proyecto de App.pdf
11/12
Sincronizar cuenta
Instrucciones
Acerca de Patronpedia
CONFIGURACIONES
Diagrama de Flujo
Amigos de Patronpedia
Subir a la nube
Enviar
COMPARTIR
Pp
Nombre del patrn
Guardar
Seleccionar carpeta
GUARDARPATRN CAPTADO
Guardar Editar Compartir
3
8
11
25
20 20
45
50
8 5
3
Musculosa de verano
REMERAS
Reciente Editar Ver todos
3
8
11
25
20 2 0
45
5 0
8 5
3
3
8
11
25
20 2
0
50
8 5
3
Remeras Vestidos
Pantalones Abrigos
Nueva carpeta
MIS CARPETAS
E- mail
Contrasea
Entrar con Facebook
PATRONpedia
Pp
Tomar patrn
Mis Carpetas
Configuraciones
PATRONpedia
PATRONpedia
Modificar talle
EDITAR
Personalizar
Ediciones recientes
MODIFICAR TALLE
Gu ar dar E di ci one srecientes
Cancelar
S M L XL XXL
PERSONALIZAR
Guardar Cancelar
Modificar medidas
Alto: Ancho:
Edicionesrecientes
3
8
11
25
20 2
0
45
50
85
3
-
7/26/2019 Proyecto de App.pdf
12/12
PATRONpedia es una aplicacin de realidad
aumentada que permite obtener el molde
de una prenda, apuntando con la cmara de
cualquier dispositivo: tablet o celular cons i s tema opera t i vo Andro id . E s ta
herramienta interactiva le permita al
diseador tener de manera ordenada, de
fcil alcance y en formato digital los
patrones que desee, escaneando de forma
sencilla cualquier prenda.
PATRONpedia
PERSONALIZAR
Guardar Cancelar
Modificar medidas
Alto: Ancho:
Ediciones
recientes
3
8
11
25
20 2
0
45
50
85
3