proyecto de app.pdf

Upload: brenda-ortiz

Post on 13-Apr-2018

255 views

Category:

Documents


0 download

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