<div class="page">
<div class="cover text-center">
<img class="mx-auto" src=/itb/images/logo_mislata.png alt="logo">
# Casos d'ús: Aplicació bancària
<div class="text-end fit-content ms-auto my-3 mt-auto pt-3">
<p><strong>Autor:</strong> Joan Puigcerver Ibáñez</p>
<p><strong>Correu electrònic:</strong> j.puigcerveribanez@edu.gva.es</p>
<p><strong>Curs:</strong> 2024/2025</p>
</div>
<div>
<p class="fw-bold mb-0">Llicència: BY-NC-SA</p>
<p class="d-none d-md-block">(Reconeixement - No Comercial - Compartir Igual)</p>
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.ca" target="_blank">
<img class="mx-auto" src="/itb/images/license.png" alt="Licence"/>
</a>
</div><!--license-->
</div><!--cover-->
</div><!--page-->
{:toc}
## Descripció de l'aplicació
Aquesta aplicació bancària és dissenyada per als clients que volen gestionar les seves operacions bancàries des de la comoditat del seu telèfon mòbil.
A través de l'aplicació, els clients poden realitzar operacions bancàries com ara comprovar el saldo del seu compte, transferir diners a altres comptes
i fer pagaments.
Per començar a utilitzar l'aplicació, els clients han de descarregar-la i connectar-se amb les seves credencials bancàries.
El servidor del banc haurà de comprovar si les credencials introduides són correctes, i en cas d'error, mostrar un missatge.
Un cop registrats, els clients poden accedir a totes les funcionalitats de l'aplicació i realitzar les seves operacions
bancàries sense haver de visitar la sucursal bancària.
Quan els clients realitzen una transferència, el banc haurà de comprovar si hi ha saldo suficient per efectuar-la.
Després de realitzar-la, els usuaris tindran l'opció d'impriir un justificant del moviment.
Els clients també poden realitzar pagaments en l'aplicació. El pagament es pot dur a terme mitjançant dos mètodes: Pagar amb transferència o pagar amb Bizum.
El banc també haurà de comprovar si hi ha suficient per realitzar el pagament.
## Diagrama
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff","nav":true,"resize":true,"toolbar":"zoom layers tags lightbox","edit":"_blank","xml":"<mxfile host=\"app.diagrams.net\" modified=\"2024-04-22T09:18:27.491Z\" agent=\"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"XePaXVIK48OhZ994X6lB\" version=\"24.2.7\" type=\"device\">\n <diagram id=\"cEy1NtEsgTI_BelX2UjX\" name=\"Pàgina-1\">\n <mxGraphModel dx=\"2074\" dy=\"1114\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"827\" pageHeight=\"1169\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"Bulnb-fsSEnwmhny_e_g-10\" value=\"Client\" style=\"shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"100\" y=\"390\" width=\"40\" height=\"80\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-1\" value=\"Banking App\" style=\"rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fontStyle=1\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"190\" y=\"80\" width=\"410\" height=\"500\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-2\" value=\"Servidor Banc\" style=\"shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"640\" y=\"240\" width=\"40\" height=\"80\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-13\" value=\"&amp;lt;&amp;lt;include&amp;gt;&amp;gt;\" style=\"edgeStyle=none;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.963;exitY=0.317;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;startArrow=none;startFill=0;endArrow=open;endFill=0;startSize=12;endSize=12;exitPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-3\" target=\"XFR0C_TBxOH167qgRVbT-4\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-3\" value=\"Log In\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"150\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-4\" value=\"Comprovar credencials\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"430\" y=\"120\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-5\" value=\"Veure saldo\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"240\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-14\" value=\"&amp;lt;&amp;lt;include&amp;gt;&amp;gt;\" style=\"edgeStyle=none;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.975;exitY=0.717;exitDx=0;exitDy=0;entryX=-0.009;entryY=0.367;entryDx=0;entryDy=0;dashed=1;startArrow=none;startFill=0;endArrow=open;endFill=0;startSize=12;endSize=12;entryPerimeter=0;exitPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-6\" target=\"XFR0C_TBxOH167qgRVbT-10\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-6\" value=\"Realitzar transferència\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"310\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-15\" value=\"&amp;lt;&amp;lt;include&amp;gt;&amp;gt;\" style=\"edgeStyle=none;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.018;entryY=0.65;entryDx=0;entryDy=0;dashed=1;startArrow=none;startFill=0;endArrow=open;endFill=0;startSize=12;endSize=12;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-7\" target=\"XFR0C_TBxOH167qgRVbT-10\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-7\" value=\"Realitzar pagament\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"290\" y=\"380\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-16\" value=\"&amp;lt;&amp;lt;extend&amp;gt;&amp;gt;\" style=\"edgeStyle=none;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.975;entryY=0.3;entryDx=0;entryDy=0;dashed=1;startArrow=none;startFill=0;endArrow=open;endFill=0;startSize=12;endSize=12;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-8\" target=\"XFR0C_TBxOH167qgRVbT-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-8\" value=\"Imprimir justificant\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"460\" y=\"280\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-12\" value=\"&amp;lt;&amp;lt;extend&amp;gt;&amp;gt;\" style=\"edgeStyle=none;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.975;entryY=0.667;entryDx=0;entryDy=0;dashed=1;startArrow=none;startFill=0;endArrow=open;endFill=0;startSize=12;endSize=12;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-9\" target=\"XFR0C_TBxOH167qgRVbT-3\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-9\" value=\"Mostrar missatge d&#39;error\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"440\" y=\"190\" width=\"80\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-10\" value=\"Comprovar si hi ha saldo suficient\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"450\" y=\"350\" width=\"130\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-17\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.3333333333333333;exitDx=0;exitDy=0;exitPerimeter=0;\" parent=\"1\" source=\"6OrTN1pEU6hki6MGTOYN-1\" target=\"XFR0C_TBxOH167qgRVbT-3\" edge=\"1\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"160\" y=\"280\" as=\"sourcePoint\" />\n <mxPoint x=\"440\" y=\"230\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-18\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.3333333333333333;exitDx=0;exitDy=0;exitPerimeter=0;\" parent=\"1\" source=\"Bulnb-fsSEnwmhny_e_g-10\" target=\"XFR0C_TBxOH167qgRVbT-5\" edge=\"1\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"160\" y=\"280\" as=\"sourcePoint\" />\n <mxPoint x=\"250\" y=\"190\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-19\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.3333333333333333;exitDx=0;exitDy=0;exitPerimeter=0;\" parent=\"1\" source=\"Bulnb-fsSEnwmhny_e_g-10\" target=\"XFR0C_TBxOH167qgRVbT-6\" edge=\"1\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"160\" y=\"280\" as=\"sourcePoint\" />\n <mxPoint x=\"260\" y=\"200\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-20\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.3333333333333333;exitDx=0;exitDy=0;exitPerimeter=0;\" parent=\"1\" source=\"Bulnb-fsSEnwmhny_e_g-10\" target=\"XFR0C_TBxOH167qgRVbT-7\" edge=\"1\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"160\" y=\"280\" as=\"sourcePoint\" />\n <mxPoint x=\"270\" y=\"210\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-21\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.3333333333333333;entryDx=0;entryDy=0;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-5\" edge=\"1\" target=\"XFR0C_TBxOH167qgRVbT-2\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"200\" y=\"320\" as=\"sourcePoint\" />\n <mxPoint x=\"640\" y=\"270\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-22\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.3333333333333333;entryDx=0;entryDy=0;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-4\" edge=\"1\" target=\"XFR0C_TBxOH167qgRVbT-2\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"210\" y=\"330\" as=\"sourcePoint\" />\n <mxPoint x=\"620\" y=\"270\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-23\" value=\"\" style=\"endArrow=none;html=1;rounded=0;startSize=12;endSize=12;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.3333333333333333;entryDx=0;entryDy=0;entryPerimeter=0;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-10\" edge=\"1\" target=\"XFR0C_TBxOH167qgRVbT-2\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"220\" y=\"340\" as=\"sourcePoint\" />\n <mxPoint x=\"620\" y=\"270\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-26\" style=\"edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=none;startFill=0;endArrow=block;endFill=0;startSize=12;endSize=12;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-24\" target=\"XFR0C_TBxOH167qgRVbT-7\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-24\" value=\"Pagar mitjançant transferència\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"210\" y=\"480\" width=\"110\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-27\" style=\"edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;startArrow=none;startFill=0;endArrow=block;endFill=0;startSize=12;endSize=12;\" parent=\"1\" source=\"XFR0C_TBxOH167qgRVbT-25\" target=\"XFR0C_TBxOH167qgRVbT-7\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"XFR0C_TBxOH167qgRVbT-25\" value=\"Pagar mitjançant Bizum\" style=\"ellipse;whiteSpace=wrap;html=1;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"340\" y=\"480\" width=\"120\" height=\"55\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"6OrTN1pEU6hki6MGTOYN-1\" value=\"Usuari\" style=\"shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"100\" y=\"150\" width=\"40\" height=\"80\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"6OrTN1pEU6hki6MGTOYN-5\" value=\"\" style=\"endArrow=block;html=1;rounded=0;endFill=0;endSize=18;\" parent=\"1\" edge=\"1\">\n <mxGeometry width=\"50\" height=\"50\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"120\" y=\"380\" as=\"sourcePoint\" />\n <mxPoint x=\"120\" y=\"260\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n </root>\n </mxGraphModel>\n </diagram>\n</mxfile>\n\n"}"></div><script type="text/javascript" src="https://viewer.diagrams.net/js/viewer-static.min.js"></script>
<figcaption>Figura 1: Diagrama de casos d'ús d'una aplicació bancària</figcaption>
L'actor principal __Usuari__ representa qualsevol usuari que utilitza l'aplicació. Aquest usuari sols pot realitzar l'acció _Log in_, ja que
per poder fer qualsevol altra acció és necessari estar registrat.
L'actor principal __Client__ representa un usuari que ja ha iniciat sessió a l'aplicació. Aquest usuari pot realitzar les accions
_Veure saldo_, _Realitzar transferència_ i _Realitzar pagament_
Les accions que poden fer cada un dels actors han segut connectades mitjançant relacions d'__associació__.
L'actor secundari __Servidor Banc__ representa el servidor del banc que s'encarrega de realitzar les accions bancàries
o comprovacions necessàries perque tot funcione correctament.
El cas d'ús __Log In__, està relacionada amb _Comprovar credencials_ mitjançant __include__, ja que sempre que
s'intente accedir a l'aplicació, s'hauran de comprovar que les credencials són correctes. Aquesta comprovació
l'ha de realitzar l'actor __Servidor Banc__, que _reacciona_ a l'acció __Log In__ del __Client__. Sols en cas d'error es __Mostrarà
el missatge d'error__, per això, està relacionada amb una reació __extend__.
El cas d'ús __Veure saldo__ no implica cap altre cas d'ús. Està relacionada amb __Servidor Banc__, ja que aquest ha
de proporcionar les dades del compte bancari.
El cas d'ús __Realitzar transferència__ està relacionat amb _Comprovar si hi ha saldo suficient_, el qual
s'encarrega el __Servidor Banc__. Està relacionada mitjançant __include__ perquè sempre hi ha que fer aquesta comprovació.
També està relacionada amb _Imprimir justificant_ amb __extend__, ja que el usuari pot fer-ho, però no sempre ho farà.
Per últim, el cas d'ús __Realitzar pagament__ també està relacionat amb _Comprovar si hi ha saldo suficient_ amb __include__,
pel mateix motiu que el cas anterior. En aquest cas, el pagamanet pot dur-se a terme mitjançant __Transferència__ o __Bizum__,
per tant, ens trobem amb una relació de __generalització__.
## Ampliació
Amplia el diagrama anteror per incloure les següents funcionalitats:
- Sol·licitar un préstec
- Gestionar les targetes de crèdit.
- Demanar una nova targeta de crèdit.