<div class="page">
<div class="cover text-center">
<img class="mx-auto" src=/itb/images/logo_mislata.png alt="logo">
# Diagrames de seqüència
<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}
## Introducció
Els __diagrames de seqüència__ són un tipus de __diagrames de comportament UML__.
{height=600}{.center}
Els diagrames de seqüència s'utilitzen per modelar __la seqüència temporal__ de les interaccions
dels dirents actors i parts del sistema (objectes).
Els diagrames de seqüència es representen normalment amb una línia de temps vertical,
amb cada element del sistema representat com un quadre o rectangle.
Les caixes estan connectades per fletxes que indiquen el flux d'informació o control
entre diferents objectes.
Els quadres també poden incloure informació addicional com ara el nom del objecte,
la seva classe o la signatura del seu mètode.
## Elements del diagrama de seqüència
### Objectes
Els objectes són les diferents parts o components del sistema que interactuen entre si.
Cada objecte es representa com un rectangle amb el nom de l'objecte a la part superior
del 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-03-25T14:53:40.854Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"hP12fAefAjtc7uq_qmfN\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"160\" y=\"40\" width=\"120\" height=\"50\" as=\"geometry\" />\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.1: Representació d'un objecte</figcaption>
### Actors
Els actors són les persones o sistemes externs que interactuen amb el sistema.
Els actors es representen com una figura humana amb el nom de l'actor a la part superior.
<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-03-25T14:52:27.510Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"MONngZHniseDxR-CY8b8\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"Actor\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;verticalAlign=bottom;horizontal=1;align=center;labelPosition=center;verticalLabelPosition=top;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"50\" as=\"geometry\" />\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 2.1: Representació d'un actor</figcaption>
### Línies de vida
Les línies de vida són les línies verticals que representen el temps.
Cada objecte o actor té la seva pròpia línia de vida, on aniran representant-se
les diferents interaccions.
Les línies de vida es representen com una línia vertical amb el nom de l'objecte o actor
<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-03-25T14:29:15.597Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"Cjdw51MG8an_L4vjikSj\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1195\" dy=\"615\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"160\" y=\"40\" width=\"120\" height=\"200\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"Actor\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;verticalAlign=bottom;horizontal=1;align=center;labelPosition=center;verticalLabelPosition=top;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"200\" as=\"geometry\" />\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 3.1: Representació de les línia de vida d'un actor i d'un objecte</figcaption>
### Missatges
Els missatges són les fletxes que connecten els diferents objectes i actors i que representen
una interacció i flux d'informació entre ells.
Els missatges poden ser de diferents tipus:
- __Síncrons__: El missatge s'envia de manera síncrona (el remitent espera una resposta).
Es representa amb una fletxa sòlida.
<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-03-25T14:55:44.704Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"938ByFXOCjCnQnObGU6I\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"qAMTP-JClASPQzwKjELb-1\" value=\"Missatge síncron\" style=\"html=1;verticalAlign=bottom;endArrow=block;curved=0;rounded=0;\" edge=\"1\" parent=\"1\">\n <mxGeometry width=\"80\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"380\" y=\"180\" as=\"sourcePoint\" />\n <mxPoint x=\"580\" y=\"180\" 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 2.4.1: Missatge síncron</figcaption>
- __Resposta__: El missatge és una resposta a un missatge anterior.
Es representa amb una fletxa discontínua.
<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-03-25T14:57:34.232Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"NuZd21BZSu_1Wi-ZFVCy\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"qAMTP-JClASPQzwKjELb-2\" value=\"Missatge de resposta\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;curved=0;rounded=0;\" edge=\"1\" parent=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"560\" y=\"160\" as=\"sourcePoint\" />\n <mxPoint x=\"360\" y=\"160\" 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 2.4.2: Missatge de resposta</figcaption>
- __Asíncrons__: El missatge s'envia de manera asíncrona (el remitent no espera una resposta).
Es representa amb una fletxa puntejada.
<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-03-25T14:59:01.660Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"y31pgGvqs6Yhn3_QE_tG\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"qAMTP-JClASPQzwKjELb-1\" value=\"Missatge asíncron\" style=\"html=1;verticalAlign=bottom;endArrow=open;curved=0;rounded=0;endFill=0;endSize=12;\" edge=\"1\" parent=\"1\">\n <mxGeometry width=\"80\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"380\" y=\"180\" as=\"sourcePoint\" />\n <mxPoint x=\"580\" y=\"180\" 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 2.4.3: Missatge asíncron</figcaption>
### Barres d'activació
Les barres d'activació són les barres horitzontals que indiquen el temps que un objecte
està actiu en una interacció. Normalment un objecte està actiu des del primer missatge
que envia o reb, fins l'últim.
Es representen amb un rectangle que es dibuixa sobre la línia de vida de l'objecte.
<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-03-25T15:06:30.154Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"u1B6VNXpGCiwIpvbOKK9\" version=\"24.0.0\" type=\"google\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"40\" width=\"120\" height=\"160\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-6\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"aM9ryv3xv72pqoxQDRHE-5\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"80\" width=\"10\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-7\" value=\"Missatge 1\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=horizontal;curved=0;rounded=0;\" parent=\"1\" source=\"eu7Ndj_BuhtA-A4-d7in-2\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"120\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"180\" y=\"120\" />\n </Array>\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"160\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-2\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" vertex=\"1\" parent=\"Sdb-hj05ttBLRFs4y2Tk-3\">\n <mxGeometry x=\"5\" y=\"80\" width=\"10\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-4\" value=\"Objecte 2\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"440\" y=\"40\" width=\"120\" height=\"160\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-5\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-4\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"90\" width=\"10\" height=\"40\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-10\" value=\"Missatge 2\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"aM9ryv3xv72pqoxQDRHE-6\" target=\"Sdb-hj05ttBLRFs4y2Tk-5\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"323\" y=\"140\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"340\" y=\"130\" />\n <mxPoint x=\"413\" y=\"140\" />\n </Array>\n <mxPoint x=\"490\" y=\"140\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-11\" value=\"Missatge 3\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"305\" y=\"240\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"450\" y=\"170\" />\n <mxPoint x=\"430\" y=\"160\" />\n <mxPoint x=\"390\" y=\"160\" />\n <mxPoint x=\"190\" y=\"240\" />\n </Array>\n <mxPoint x=\"110\" y=\"240\" as=\"sourcePoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-1\" value=\"Missatge 4\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\" target=\"eu7Ndj_BuhtA-A4-d7in-2\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"89.5\" y=\"180\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"250\" y=\"180\" />\n <mxPoint x=\"440\" y=\"150\" />\n <mxPoint x=\"400\" y=\"150\" />\n <mxPoint x=\"200\" y=\"230\" />\n </Array>\n <mxPoint x=\"295\" y=\"180\" as=\"sourcePoint\" />\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 3.1: Representació de les barres d'activació en la interacció entre un actor i dos objectes</figcaption>
### Bloc de selecció
Els blocs de selecció són els blocs que indiquen que una seqüència d'interaccions
es produirà si es compleix una condició. Es poden indicar diferents camins alternatius
amb diferents condicions.
Es representen amb un rectangle amb el text `alt` o `Alternative` i la condició.
<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-03-25T15:15:03.195Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"-wa2emjzjzYZuz1Znn00\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"40\" width=\"120\" height=\"280\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-6\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"aM9ryv3xv72pqoxQDRHE-5\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"80\" width=\"10\" height=\"170\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-7\" value=\"Missatge 1\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=horizontal;curved=0;rounded=0;\" parent=\"1\" source=\"eu7Ndj_BuhtA-A4-d7in-2\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"120\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"180\" y=\"120\" />\n </Array>\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"280\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-2\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-3\" vertex=\"1\">\n <mxGeometry x=\"5\" y=\"80\" width=\"10\" height=\"170\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-4\" value=\"Objecte 2\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"440\" y=\"40\" width=\"120\" height=\"280\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-5\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-4\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"90\" width=\"10\" height=\"150\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-10\" value=\"Missatge 2\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"aM9ryv3xv72pqoxQDRHE-6\" target=\"Sdb-hj05ttBLRFs4y2Tk-5\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"323\" y=\"140\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"340\" y=\"130\" />\n <mxPoint x=\"413\" y=\"140\" />\n </Array>\n <mxPoint x=\"490\" y=\"140\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-11\" value=\"Missatge 3\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"305\" y=\"240\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"450\" y=\"170\" />\n <mxPoint x=\"430\" y=\"160\" />\n <mxPoint x=\"390\" y=\"160\" />\n <mxPoint x=\"190\" y=\"240\" />\n </Array>\n <mxPoint x=\"110\" y=\"240\" as=\"sourcePoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-1\" value=\"Missatge 4\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" target=\"eu7Ndj_BuhtA-A4-d7in-2\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"89.5\" y=\"180\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"250\" y=\"180\" />\n <mxPoint x=\"440\" y=\"150\" />\n <mxPoint x=\"400\" y=\"150\" />\n <mxPoint x=\"200\" y=\"230\" />\n </Array>\n <mxPoint x=\"295\" y=\"180\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-1\" value=\"Alternative\" style=\"shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;width=70;height=20;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"140\" width=\"540\" height=\"170\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-2\" value=\"\" style=\"line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;dashed=1;dashPattern=12 12;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"200\" width=\"550\" height=\"8\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-3\" value=\"[condició 1]\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"160\" width=\"80\" height=\"40\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-4\" value=\"[condició 2]\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"210\" width=\"80\" height=\"40\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-6\" value=\"Missatge 6\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"240\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"245\" y=\"240\" />\n <mxPoint x=\"435\" y=\"210\" />\n <mxPoint x=\"395\" y=\"210\" />\n <mxPoint x=\"195\" y=\"290\" />\n </Array>\n <mxPoint x=\"295\" y=\"240\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-7\" value=\"\" style=\"line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;dashed=1;dashPattern=12 12;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"250\" width=\"550\" height=\"8\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-8\" value=\"[else]\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"260\" width=\"80\" height=\"40\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-9\" value=\"Missatge 5\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"aM9ryv3xv72pqoxQDRHE-6\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"300\" y=\"229.5\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"445\" y=\"229.5\" />\n <mxPoint x=\"425\" y=\"219.5\" />\n <mxPoint x=\"385\" y=\"219.5\" />\n <mxPoint x=\"185\" y=\"299.5\" />\n </Array>\n <mxPoint x=\"490\" y=\"229.5\" as=\"sourcePoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-10\" value=\"Missatge 7\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"aM9ryv3xv72pqoxQDRHE-6\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"300\" y=\"279.5\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"445\" y=\"279.5\" />\n <mxPoint x=\"425\" y=\"269.5\" />\n <mxPoint x=\"385\" y=\"269.5\" />\n <mxPoint x=\"185\" y=\"349.5\" />\n </Array>\n <mxPoint x=\"490\" y=\"279.5\" as=\"sourcePoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-11\" value=\"Missatge 8\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\" source=\"aM9ryv3xv72pqoxQDRHE-6\" target=\"eu7Ndj_BuhtA-A4-d7in-2\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"90\" y=\"289.5\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"240\" y=\"289.5\" />\n <mxPoint x=\"430\" y=\"259.5\" />\n <mxPoint x=\"390\" y=\"259.5\" />\n <mxPoint x=\"190\" y=\"339.5\" />\n </Array>\n <mxPoint x=\"290\" y=\"289.5\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\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 4.1: Representació d'un bloc de selecció amb tres possibles alternatives</figcaption>
També es poden representar blocs opcionals amb el text `opt` o `Optional`.
### Bloc de repetició
Els blocs de repetició són els blocs que indiquen que una seqüència d'interaccions
s'ha de repetir un nombre determinat de vegades o fins que es complisca una condició.
Es representen amb un rectangle amb el text `loop` i el nombre de repeticions o la condició.
<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-03-25T15:19:50.596Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"T4DR8Kp4KgwRLhFNIxgm\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"40\" width=\"120\" height=\"190\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-6\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"aM9ryv3xv72pqoxQDRHE-5\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"80\" width=\"10\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-7\" value=\"Missatge 1\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=horizontal;curved=0;rounded=0;\" parent=\"1\" source=\"eu7Ndj_BuhtA-A4-d7in-2\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"120\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"180\" y=\"120\" />\n </Array>\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"190\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-2\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-3\" vertex=\"1\">\n <mxGeometry x=\"5\" y=\"80\" width=\"10\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-4\" value=\"Objecte 2\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"440\" y=\"40\" width=\"120\" height=\"190\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-5\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-4\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"90\" width=\"10\" height=\"40\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-10\" value=\"Missatge 2\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"aM9ryv3xv72pqoxQDRHE-6\" target=\"Sdb-hj05ttBLRFs4y2Tk-5\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"323\" y=\"140\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"340\" y=\"130\" />\n <mxPoint x=\"413\" y=\"140\" />\n </Array>\n <mxPoint x=\"490\" y=\"140\" as=\"targetPoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-11\" value=\"Missatge 3\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"305\" y=\"240\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"450\" y=\"170\" />\n <mxPoint x=\"430\" y=\"160\" />\n <mxPoint x=\"390\" y=\"160\" />\n <mxPoint x=\"190\" y=\"240\" />\n </Array>\n <mxPoint x=\"110\" y=\"240\" as=\"sourcePoint\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-1\" value=\"Missatge 4\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" target=\"eu7Ndj_BuhtA-A4-d7in-2\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"89.5\" y=\"180\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"250\" y=\"180\" />\n <mxPoint x=\"440\" y=\"150\" />\n <mxPoint x=\"400\" y=\"150\" />\n <mxPoint x=\"200\" y=\"230\" />\n </Array>\n <mxPoint x=\"295\" y=\"180\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-1\" value=\"&lt;b&gt;Loop&lt;/b&gt;\" style=\"shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;width=70;height=20;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"140\" width=\"540\" height=\"70\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-3\" value=\"[while condició 1]\" style=\"text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"160\" width=\"80\" height=\"40\" as=\"geometry\" />\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 5.1: Representació d'un bloc de repetició basat en una condició</figcaption>
### Bloc de paral·lelisme
Els blocs de paral·lelisme són els blocs que indiquen que una seqüència d'interaccions
es produirà de manera paral·lela.
Es representen amb un rectangle amb el text `par` o `Parallel`.
<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-03-25T15:24:31.975Z\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36\" etag=\"FwvNcsghAYMfsV8XBzWV\" version=\"24.0.0\" type=\"device\">\n <diagram name=\"Page-1\" id=\"2YBvvXClWsGukQMizWep\">\n <mxGraphModel dx=\"1434\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-5\" value=\"Objecte 1\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"240\" y=\"40\" width=\"120\" height=\"210\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-6\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"aM9ryv3xv72pqoxQDRHE-5\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"80\" width=\"10\" height=\"90\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"aM9ryv3xv72pqoxQDRHE-7\" value=\"Missatge 1\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=horizontal;curved=0;rounded=0;\" parent=\"1\" source=\"eu7Ndj_BuhtA-A4-d7in-2\" target=\"aM9ryv3xv72pqoxQDRHE-6\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"120\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"180\" y=\"120\" />\n </Array>\n </mxGeometry>\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-3\" value=\"\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=1;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};participant=umlActor;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"80\" y=\"40\" width=\"20\" height=\"210\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"eu7Ndj_BuhtA-A4-d7in-2\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-3\" vertex=\"1\">\n <mxGeometry x=\"5\" y=\"80\" width=\"10\" height=\"110\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-4\" value=\"Objecte 2\" style=\"shape=umlLifeline;perimeter=lifelinePerimeter;whiteSpace=wrap;html=1;container=0;dropTarget=0;collapsible=0;recursiveResize=0;outlineConnect=0;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"440\" y=\"40\" width=\"120\" height=\"210\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-5\" value=\"\" style=\"html=1;points=[];perimeter=orthogonalPerimeter;outlineConnect=0;targetShapes=umlLifeline;portConstraint=eastwest;newEdgeStyle={&quot;edgeStyle&quot;:&quot;elbowEdgeStyle&quot;,&quot;elbow&quot;:&quot;vertical&quot;,&quot;curved&quot;:0,&quot;rounded&quot;:0};\" parent=\"Sdb-hj05ttBLRFs4y2Tk-4\" vertex=\"1\">\n <mxGeometry x=\"55\" y=\"130\" width=\"10\" height=\"60\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"Sdb-hj05ttBLRFs4y2Tk-10\" value=\"Missatge 2\" style=\"html=1;verticalAlign=bottom;endArrow=block;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" parent=\"1\" edge=\"1\">\n <mxGeometry x=\"0.375\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"170\" as=\"sourcePoint\" />\n <Array as=\"points\">\n <mxPoint x=\"340\" y=\"170\" />\n <mxPoint x=\"413\" y=\"180\" />\n </Array>\n <mxPoint x=\"495\" y=\"170\" as=\"targetPoint\" />\n <mxPoint as=\"offset\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-1\" value=\"&lt;b&gt;Parallel&lt;/b&gt;\" style=\"shape=umlFrame;whiteSpace=wrap;html=1;pointerEvents=0;width=70;height=20;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"90\" width=\"540\" height=\"90\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-6\" value=\"Missatge 3\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\">\n <mxPoint x=\"95\" y=\"210\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"245\" y=\"210\" />\n <mxPoint x=\"435\" y=\"180\" />\n <mxPoint x=\"395\" y=\"180\" />\n <mxPoint x=\"195\" y=\"260\" />\n </Array>\n <mxPoint x=\"295\" y=\"210\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\n </mxGeometry>\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-7\" value=\"\" style=\"line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;dashed=1;dashPattern=12 12;\" vertex=\"1\" parent=\"1\">\n <mxGeometry y=\"140\" width=\"550\" height=\"8\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"DbhwEI8M_S4MQkj1gcN5-9\" value=\"Missatge 4\" style=\"html=1;verticalAlign=bottom;endArrow=open;dashed=1;endSize=8;edgeStyle=elbowEdgeStyle;elbow=vertical;curved=0;rounded=0;\" edge=\"1\" parent=\"1\" source=\"Sdb-hj05ttBLRFs4y2Tk-5\" target=\"eu7Ndj_BuhtA-A4-d7in-2\">\n <mxGeometry x=\"-0.375\" y=\"1\" relative=\"1\" as=\"geometry\">\n <mxPoint x=\"300\" y=\"229.5\" as=\"targetPoint\" />\n <Array as=\"points\">\n <mxPoint x=\"445\" y=\"229.5\" />\n <mxPoint x=\"425\" y=\"219.5\" />\n <mxPoint x=\"385\" y=\"219.5\" />\n <mxPoint x=\"185\" y=\"299.5\" />\n </Array>\n <mxPoint x=\"490\" y=\"229.5\" as=\"sourcePoint\" />\n <mxPoint as=\"offset\" />\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 6.1: Representació d'un bloc de paral·lelisme</figcaption>
## Recursos i bibliografia
- UML Sequence Diagram Tutorial per Lucid Software: https://www.youtube.com/watch?v=pCK6prSq8aw
- https://www.uml-diagrams.org/sequence-diagrams.html
- https://ioc.xtec.cat/materials/FP/Recursos/fp_dam_m05_/web/fp_dam_m05_htmlindex/WebContent/u3/a1/continguts.html
- https://ioc.xtec.cat/materials/FP/Recursos/fp_dam_m05_/web/fp_dam_m05_htmlindex/WebContent/u3/a2/continguts.html