Mockup ejemplo aplicación movil

FACULTAD DE INFORMATICA Y CIENCIAS APLICADAS ESCUELA DE INFORMATICA CATEDRA DE INFORMATICA

DOCENTE

Ing. José Oswaldo Barrera CARRERA:

INGENIERIA EN SISTEMAS Y COMPUTACION TEMA:

 App. Sise!a de Présa!os a Cooperai"a Cooperai"a Inerna

Integrantes

Carnet

Barrera Bar#enes$ Ma%i!iliano Rogelio

&'(&')*(&++,

-o!ng/e0 -o!ng/e0$ Ga1riel Ale2andro

&'(3*34(&+33

Gar#a $ Sandra Esela

&'(3,,5(&+33

Ri"as G6!e0$ 7end8 Pari#ia

&'(*+9'(&++5

Soro Me!1re:o$ Mel"in ;l"aro

&'(99,,(&++)

1

CONTENIDO

INTRO-UCCION..................................................................................................9 OBJETI?ICOS...................................................................................* PANTA==AS -E USO PARA E= USUARIO........................................ .................' PANTA==AS -E USO PARA E= A-MINISTRA-OR..........................................3+ PANTA==AS -E ?ORMA @ORIONTA=............................................................39 CONC=USION....................................................................................................3'

2

INTRODUCCION

Android

Studio es

/n

enorno

de

desarrollo

inegrado

para

la

plaaor!a Android. ?/e an/n#iado el 35 de !a8o de &+39 en la #oneren#ia Google IO$ 8 ree!pla0D a E#lipse #o!o el I-E oi#ial para el desarrollo de apli#a#iones para Android. El desarrollo de apli#a#iDn de gran /ilidad para !ini!i0ar los pro#esos denro de las organi0a#iones$ es lo /e Fo8 en da !/#Fas organi0a#iones se adapan a /n n/e"o a/ge de la e#nologa. -e la presene a#i"idad se desa#an odo lo aprendido d/rane el desarrollo del e!a de las apli#a#iones en el sise!a operai"o android. -e !odo /e se Fa ela1orado /n sise!a /e ano para el /s/ario inal 8 #o!o /n ad!inisrador se "/el"e a!iga1le la la1or a reali0ar.

3

OBJETIVOS Objetios !enera"

-esarrollar /na apli#a#iDn /e a#ilie los présa!os de los e!pleados de /na e!presa a s/ #ooperai"a inerna. Ade!s de reali0ar los pagos #orrespondienes a esos presa!os Objetio Es#e$%&i$os'

•

-esarrollar de or!a #il para el /s/ario /na apli#a#iDn /e le per!ia soli#iar présa!os$ #ons/lar s/s présa!os aneriores 8 s/s pagos

•

reali0ados. I!ple!enar los #ono#i!ienos ad/iridos en el desarrollo de las #lases.

4

PANTALLAS DE USO PARA EL USUARIO Para el desarrollo de la apli#a#iDn se Fan deinido los sig/ienes #rierios (

-e1e de ser #il de /sar 

(

El #onenido de las panallas de1e de ser a!isoso 8 a#i1le de enender  para el /s/ario.

=as panallas /e se reali0aran para el desarrollo de la apli#a#iDn Son las sig/ienes.

PANTALLA DE RE!ISTRO DE USARIO

En esa op#iDn se reali0ara el regisro del /s/ario /e /ili0ara la apli#a#iDn. En ella de1er #olo#ar #a!pos re/eridos ales #o!o ( ( (

No!1re Apellido Us/ario Hel /s/ario de1er #rear /n

( ( (

id para poder enrar a la apli#a#iDn Conrase:a Conir!a#iDn de #onrase:a E(!ail Hese de1er de "alido$ el #/al se /ili0ara para el en"o de noii#a#iones$ 8a sea de présa!o$ #ons/las o pagos reali0ados.

5

PANTALLA

DE

INGRESO

DE

USUARIO En esta pantalla el usuario debera colocar el Id que creo cuando se registro. Debera colocar la clave que de igual forma fue creada al momento del registro del usuario. Ademas esta cuenta con tres opcion mas.

Boton de Aceptar : este dara paso a que el usuario pase al menu principal.

Boton Salir :  si el usuario lo desea podra salir desde el principio. pcion !lvidastes tu contrase"a# $ el cual nos llevara a la siguiente pantalla . en esta el usuario debera colocar la cuenta de

correo

electronico

que

detallo

al

momento del registro. En cuanto se %a&a digitado el correo electronico$ se bebera presionar el bot'n

Enviar en cuanto el usuario ingrese a su e(mail el administrador le %abr) enviado la opci*n para recuperaci*n de su cuenta

+

!O!ENTO DE CONE"I#N$ AL REGISTRARSE E INGRESAR

PANTALLA DE !ENU PRINCIPAL Esta mostrara las opciones que el usuario tiene tales como

( ( ( (

,-/0A 0I,I/D ,-A, 0II,A

(

EA A0I

AA

AD/II

/-

6

,-/0A: podra revisar los prestamos que tiene disponibles o los a%orro que tiene %asta el momento. eg7n las opciones las podra seleccionar en las siguiente pantalla.

0I,I/D: En esta opcion el solicitante colocara la cantidad que necesita para el prestamo. Al presionar la opcion enviar. Este mostrara una pantalla con el detalle del prestamo$ procenta8es o periodo para ser cancelado.

9

CONTACTO: en esta alternativa el usaruio debera colocar los datos necesarios para poder realiar una consulta al administrador

0II,A DE EA. ,omo todo prestamo el usuario debera cumplir ciertos requisitos$ los cuales los podra visualiar en la siguiente pantalla seg7n la opcion dada. ara esta interface de la aplicaci*n$ se tomara en cuenta crear una lista peronaliada para su facil desplegamiento. ;

 <  /0I 0A ,I- A0I. 0a cual saca del sistema al usuario.

PANTALLAS DE USO PARA EL AD!INISTRADOR Al igual que el usuario$ posee una opcion para registrar al administrador.

enu principal por parte del administrador.

1=

Al dar clic en el boton consulta aparece el tipo de consulta de todo los cotiantes de sus a%orros o de todos los clientes que tengan prestamo en la cooperativa En la opcion de monto a aplicar$ el administrador actualiara los abonos que el usuario %aga. ostrandole asi la siguiente pantalla de aplicaci*n

Al %acer clic> en la opcion abono del administrador nos muestra una lista personaliada sobre todos los a%orrantes de la cooperativa

11

 En esta pantalla observamos unos de los Abono que se aplica a la cuenta de a%orros

En el caso de los prestamos$ tambien el administrador puede visualiar los usuarios que tienen prestamos en curso

12

Abono aplicado a la cuenta de prestamo del usuario.

13

Pantalla% de &or'a (ori)ontal De forma convencional$ tambi?n se %a pensado %acerlo de forma %oriontal quedando asi una muestra.

14

En el de las opciones de consulta de pr?stamo & de a%orro las pantallas en forma %oriontal se visualiar@an de la siguiente forma

ara cuando del administrador se conecte$ este podr) tambi?n desplegar su dispositivo de forma %oriontal. uedando para su comodidad de la siguiente manera.

15

Concl*%ion e %a tomado en cuenta que cada una de las opciones realiadas$ ser)n basadas a cada una de las necesidades que el usuario tiene. Adem)s de facilitar de traba8o del administrador$ es una interfa conectada a una base de datos en l@nea. Aparentemente la forma vertical es tradicional & b)sica. ara que se tome en cuenta para la instalaci*n en varios dispositivos$ estas opciones se %an modicado a forma %oriontal para que puedan ser de agrado a la vista del usuario & del administrador.

1+