Aplicacin Frats

FACULTAD DE INGENIERA

CARRERA DE INGENIERA DE SISTEMAS

COMPUTACIONALES

APLICACIN EDITOR DE IMGENES

FRATS

CURSO: Aplicaciones mviles

CLASE: 7338

DOCENTE: Arroyo Taboada ngel David

INTEGRANTES:
Ancajima Timana, Andy
Astocondor Fuertes, Beatriz
Relaiza Marcelo, Cynthia Pamela
Sequeiros Rosas , Giampierre

1
 Aplicacin Frats

Contenido

1. INTRODUCCION ......................................................................................................................................... 3
2. DESCRIPCION DE LA APP MOVIL ................................................................................................................ 3
3. DIAGRAMA DE FLUJO ................................................................................................................................. 4
4. ARQUITECTURA DE LA APLICACIN ........................................................................................................... 5
4.1. PROTOTIPO LOGIN ....................................................................................................................... 5
4.1.1 DIAGRAMA DE CLASE ............................................................................................................... 6
4.1.2 DIAGRAMA DE ACTIVIDAD ....................................................................................................... 6
4.1.3 CASOS DE USO: LOGIN ............................................................................................................. 7
4.2. PROTOTIPO: REALIZAR EFECTOS............................................................................................. 8
4.2.1. DIAGRAMA DE CLASE ........................................................................................................ 9
4.2.2. DIAGRAMA DE ACTIVIDAD .............................................................................................. 9
4.2.3. CASOS DE USO: REALIZAR EFECTOS ............................................................................ 10
4.3 PROTOTIPO REALIZAR RECORTE ........................................................................................... 11
4.3.1 DIAGRAMA DE CLASE ...................................................................................................... 12
4.3.2 DIAGRAMA DE ACTIVIDAD ............................................................................................ 12
4.3.3 CASOS DE USO: REALIZAR RECORTE ........................................................................... 13
4.4 PROTOTIPO REALIZAR MEME ................................................................................................. 14
4.4.1 DIAGRAMA DE CLASE ...................................................................................................... 15
4.4.2 DIAGRAMA DE ACTIVIDAD ............................................................................................ 15
4.4.3 CASOS DE USO: REALIZAR MEME ................................................................................. 16
4.5 PROTOTIPO GENERAR ROTACIN ......................................................................................... 17
4.5.1 DIAGRAMA DE CLASE ...................................................................................................... 18
4.5.2 DIAGRAMA DE ACTIVIDAD ............................................................................................ 18
4.5.3 CASOS DE USO: Generar Rotacin. .................................................................................... 19
5 PLAN DE PRUEBA ..................................................................................................................................... 20
5.1 LOGIN .............................................................................................................................................. 20
5.2 MENU PRINCIPAL ............................................................................................................................ 20
5.3 EDITOR ............................................................................................................................................ 20
5.4 EFECTO ............................................................................................................................................ 21
5.5 RECORTAR ....................................................................................................................................... 21
5.6 MEME .............................................................................................................................................. 21
5.7 ROTAR ............................................................................................................................................. 22

2
 Aplicacin Frats

1. INTRODUCCION
FRATS es una Aplicacin mvil enfocada principalmente en la edicin de imgenes o
fotografas, fcil de usar y entretenida.

En la actualidad, las personas tratan de modificar sus fotografas de diversas maneras, ya sea
ponindoles filtros o ingresando palabras y frases en estas. Mediante esta aplicacin podrn
realizar estas acciones entre algunas otras.

A continuacin, veremos el manejo de la aplicacin que hemos realizado. Con el programa

Android Studio y el emulador Nexus 5x que nos ayud a poder realizar este proyecto,
Tambin el manejo de las interfaces que tiene dicha aplicacin para que el usuario tenga
usabilidad disponible.

2. DESCRIPCION DE LA APP MOVIL

Lo que realizar nuestra aplicacin es poder colocarle un o varios efectos a cualquier
imagen que estar en nuestra galera de nuestro celular, dichos efectos estarn en la
parte inferior de la imagen que hemos seleccionado.
Los efectos estarn agrupados por para que el usuario tenga la facilidad de operar el
manejo de cada modificacin que el mismo desea.
Estas imgenes editadas sern guardas en una carpeta que se creara al momento de
almacenar por primera vez una imagen.

3
 Aplicacin Frats

3. DIAGRAMA DE FLUJO

4
 Aplicacin Frats

4. ARQUITECTURA DE LA APLICACIN

4.1. PROTOTIPO LOGIN

5
 Aplicacin Frats

4.1.1 DIAGRAMA DE CLASE

4.1.2 DIAGRAMA DE ACTIVIDAD

6
 Aplicacin Frats

4.1.3 CASOS DE USO: LOGIN

Descripcin
El caso de uso permite al usuario poder ingresar a la aplicacin despus
de validar los parmetros de acceso.
Actor(es)
Usuario
Flujo de Eventos

Flujo bsico
1. El Caso de uso se inicia cuando el Usuario ingresa en la interfaz
LOGIN su usuario y contrasea.
2. El usuario selecciona la opcin iniciar sesin
3. El sistema valida al usuario
4. El sistema muestra la interfaz MI PERFIL
5. El usuario accede a la interfaz MI PERFIL y finaliza el caso de
uso

Flujos alternativos
1. En el punto 3, si el usuario no ingres los parmetros
correctos, el sistema validar mostrando el mensaje
Ingresar usuario y/o contrasea incorrecta y regresa al
paso 1.

Pre condiciones
El usuario debe estar registrado en el sistema.

Post condiciones
Ninguna.

Puntos de Extensin
Ninguna.

7
 Aplicacin Frats

4.2. PROTOTIPO: REALIZAR EFECTOS

8
 Aplicacin Frats

4.2.1. DIAGRAMA DE CLASE

4.2.2. DIAGRAMA DE ACTIVIDAD

9
 Aplicacin Frats

4.2.3. CASOS DE USO: REALIZAR EFECTOS

Descripcin
El caso de uso permite al usuario pueda cambiar de color a la imagen
deseada.

Actor(es)
Usuario

Flujo de Eventos
Flujo bsico

1. El Caso de uso se inicia cuando el Usuario ingresa en la interfaz

principal.
2. El usuario selecciona una imagen de su galera.
3. El usuario selecciona la opcin Efectos.
4. El sistema mostrara la interface Efectos.
5. El usuario selecciona el tipo de efecto deseado.
6. El sistema mostrara la imagen modificada con el efecto.
7. El Usuario Selecciona la opcin guardar.
8. El sistema guardara la foto con la modificacin realizada en la
galera.

Flujos alternativos
En el punto 6, si el usuario desea cambiar otro tipo de color a la imagen,
vuelve al paso 5.

Pre condiciones
Debe existir una imagen para editar.

Post condiciones
Ninguna.

10
 Aplicacin Frats

4.3 PROTOTIPO REALIZAR RECORTE

11
 Aplicacin Frats

4.3.1 DIAGRAMA DE CLASE

4.3.2 DIAGRAMA DE ACTIVIDAD

12
 Aplicacin Frats

4.3.3 CASOS DE USO: REALIZAR RECORTE

Descripcin
El caso de uso permite al usuario pueda recortar una imagen deseada.

Actor(es)
Usuario
Flujo de Eventos
Flujo bsico

1. El Caso de uso se inicia cuando el Usuario desea recortar una

imagen de su galera.
2. El usuario selecciona la opcin Recortar.
3. El sistema mostrara la interface Recortar.
4. El usuario selecciona un tipo de recortar imagen.
5. El sistema mostrara el tamao de la imagen que se a
redimensionado.
6. El Usuario Selecciona la opcin guardar.
7. El sistema guardara la foto con la modificacin del recorte que
se ha realizado en la galera.

Flujos alternativos
En el punto 5, si el usuario desea cambiar otro tipo recorte a la
imagen, debe volver al paso 4.

Pre condiciones
Debe existir una imagen para Realizar el Recorte.

Post condiciones

13
 Aplicacin Frats

4.4 PROTOTIPO REALIZAR MEME

14
 Aplicacin Frats

4.4.1 DIAGRAMA DE CLASE

4.4.2 DIAGRAMA DE ACTIVIDAD

15
 Aplicacin Frats

4.4.3 CASOS DE USO: REALIZAR MEME

Descripcin
El caso de uso permite al usuario pueda digitar encima de la imagen seleccionada.

Actor(es)
Usuario
Flujo de Eventos
Flujo bsico

1. El Caso de uso se inicia cuando el Usuario desea realizar un meme.

2. El usuario selecciona la opcin Meme.
3. El sistema mostrara la interfaz Meme.
4. El usuario Ingresara cualquier palabra dentro del campo de texto inferior
como superior.
5. El usuario selecciona la opcin Generar.
6. El sistema mostrara la imagen con las palabras escritas en los campos
mencionados.
7. El Usuario Selecciona la opcin guardar.
8. El sistema guardara la foto con la modificacin del recorte que se ha
realizado en la galera.

Flujos alternativos
En el punto 5, si el usuario desea cambiar las palabras vuelve al
punto 4.

Pre condiciones
Debe seleccionar una imagen de la galera.

Post condiciones
Ninguna.

16
 Aplicacin Frats

4.5 PROTOTIPO GENERAR ROTACIN

17
 Aplicacin Frats

4.5.1 DIAGRAMA DE CLASE

4.5.2 DIAGRAMA DE ACTIVIDAD

18
 Aplicacin Frats

4.5.3 CASOS DE USO: Generar Rotacin.

Descripcin
El caso de uso permite al usuario poder elegir el Angulo de rotacin
que se desea realizar.

Actor(es)
Usuario

Flujo de Eventos
Flujo bsico

1. El Caso de uso se inicia el usuario desea rotar alguna imagen

de su galera.
2. El usuario selecciona la opcin Rotar de la interfaz.
3. El sistema mostrara la interfaz Rotar.
4. El usuario selecciona el Angulo de rotacin que desea
realizar.
5. El sistema mostrara la imagen en el Angulo seleccionado.
6. El Usuario Selecciona la opcin guardar.
7. El sistema guardara la foto con la modificacin de rotacin
que se ha realizado en la galera.
Flujos alternativos
En el punto 5, si el usuario desea elegir otra la rotacin, deber volver
al paso 4.

Pre condiciones
Debe seleccionar una imagen de la galera.

Post condiciones
Ninguna.

19
 Aplicacin Frats

5 PLAN DE PRUEBA
5.1 LOGIN
ID PL P1
DESCRIPCION Permite ingresar (id y contrasea) para acceder al
men principal
PRECONDICION Usuario existente
ACCIN El usuario ingresa los datos requeridos, el sistema
comparara dichos datos ingresados por el usuario.
EXPECTATIVA RESULTADO Permite ingresar a la pantalla del men principal
CONDICION DE FALLO 1.Usuario incorrecto
2.Contrasea incorrecta

5.2 MENU PRINCIPAL

ID PL P2
DESCRIPCION Permite seleccionar de tu galera para poder acceder a
la pantalla del editor
PRECONDICION Debe existir una red de imgenes en la galera
ACCIN El usuario debe hacer clic en el icono para seleccionar
una imagen de la galera
EXPECTATIVA RESULTADO Permite seleccionar para habilitar una foto de la
galera
CONDICION DE FALLO Galera no tenga imgenes

5.3 EDITOR
ID PL P3
DESCRIPCION Permite editar la imagen deseada
PRECONDICION Se debe seleccionar la foto para editar.
ACCIN Al cargarse la foto el usuario tiene tres opciones para
elegir y son las siguientes:
- Efectos
- Recortar
- Meme
- Rotar
EXPECTATIVA RESULTADO La imagen se modifica conforme a la opcin
seleccionada
CONDICION DE FALLO Galera no tenga imgenes

20
 Aplicacin Frats

5.4 EFECTO
ID PL P4
DESCRIPCION Permite realizar filtros a la imagen deseada
PRECONDICION Se debe seleccionar la foto para aplicar el filtro.
ACCIN En la parte inferior de la foto hay una fila de
diferentes filtros que se puede aplicar dicha imagen.
EXPECTATIVA RESULTADO La imagen se encuentre aplicada con el filtro
seleccionado.
CONDICION DE FALLO Galera no tenga imgenes

5.5 RECORTAR
ID PL P5
DESCRIPCION Permite recortar la imagen a ciertas dimensiones
establecidas
PRECONDICION Se debe seleccionar la foto para recortar
ACCIN En la parte inferior de la foto hay una fila de
diferentes dimensiones de recortes para dicha imagen
EXPECTATIVA RESULTADO La imagen se encuentre recortada con la dimensin
deseada
CONDICION DE FALLO Galera no tenga imgenes

5.6 MEME
ID PL P6
DESCRIPCION Permite agregar un texto en la parte superior e
inferior de la imagen
PRECONDICION Se debe seleccionar la foto para agregar texto
ACCIN Debajo de la foto seleccionada se encuentran dos
campos de textos los cuales te permiten ingresar
palabras en la parte inferior y/o superior de la foto;
as mismo estas modificaciones pueden ser
guardadas.
EXPECTATIVA RESULTADO La imagen tiene en la parte superior y/o inferior al
texto ingresado.
CONDICION DE FALLO Galera no tenga imgenes

21
 Aplicacin Frats

5.7 ROTAR
ID PL P7
DESCRIPCION Permite rotar la imagen al ngulo deseado
PRECONDICION Se debe seleccionar la foto para realizar la rotacin
correspondiente.
ACCIN Debajo de la foto se encuentran cuatro opciones, de
las cuales tres son los ngulos deseados y la cuarta
opcin permite guardar los cambios generados.
EXPECTATIVA RESULTADO La imagen tiene el ngulo de rotacin seleccionado.
CONDICION DE FALLO Galera no tenga imgenes

22
 Aplicacin Frats

6 REFERENCIA

HearTom (2016, Febrero 5) Android Studio Tutorial espaol 1.64 Tomar foto y mostrar
en ImageView [Archivo de video]. Recuperado de
https://www.youtube.com/watch?v=l3MHEjy5A2k

Henao, C. [CoDejaVu]. (2017, Septiembre 22). Como Tomar foto y almacenarla en el

dispositivo - BD Remota en Android parte 10 [Archivo de video]. Recuperado de
https://www.youtube.com/watch?v=7KYfXhtkCMA

AB Tutoriales ( 2017, agosto 15) "APLICACIN NO INSTALADA" En Android Solucionado |

DEFINITIVO https://www.youtube.com/watch?v=j5nGs4IGhHI

23