Diagramme cas usage page tableau de board.drawio.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="702px" height="337px" viewBox="-0.5 -0.5 702 337" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-07-06T19:16:12.945Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36&quot; etag=&quot;wavEEO5dQoFRfWvHpKGJ&quot; version=&quot;20.0.4&quot;&gt;&lt;diagram id=&quot;_mALSzFfkf5CUohOt2CI&quot; name=&quot;Page-1&quot;&gt;7Vpbk5s2FP41zLQPzpir8ePaTrLttJ2dbrJtHmWQbU0AOUKs7f76HoGEAeHLeiH2ZjI7s0YHSYjvfOc7umDY03j7kaH16k8a4siwhuHWsGeGZbnmEP4Lw64wOL5fGJaMhIXJ3BseyX9YGmW7ZUZCnNYqckojTtZ1Y0CTBAe8ZkOM0U292oJG9aeu0RJrhscARbr1HxLyVWH1rdHefo/JcqWebHrj4k6MVGX5JukKhXRTMdnvDXvKKOXFVbyd4khgp3Ap2n04cLccGMMJP6fB45eJO//2+28b9Pfnp4f77VP6zAeyl2cUZfKFP3MSkRRxnDE5br5TYMArrMVlFkd3AafMsCfPmHECcP2B5jh6oCnhhCZQZU45p3Glwl1EluIGp2uwrngcQcGES5rxiCR4WjpwCEY5LGiLtwff1yxRBPZhGmPOdlBFNvAk7pJ4pnLZZu9GV1ZZVTw4diV5JHGWZcd7bOFCwvsCqC0Nag3fzYpw/LhGgShvIJ7qSKF0XSC0IFscdoOS2YDJGWoo2XYLTKWxc5zcFpy8CB47WVB4J4jhAh+wfstE8Ew+oRWN0b5cA1UZReNBmuvLHVQw/fU2r7pv5C2LzuYRRpmQLAz/5hSxUA0A3qcYQ1FV8x+4gTdcJlkfgDswawmHmIShaD5hGAYnni0jYE1JwnNs3YnhzkRfGafFC+Rdp5zRrxA2kYjDWUIT0cuCRFHTBCOWumr6qizHPOyAQZbj1BhkOxqDSpJVGeT0RSBfI9BflJMFoC60KVXOnDPlxxinKeg43BkCZoMoSzXPwmMh4wg4T8SoQPcDikkk0JDE7CRQLcet65lvtuDs6ji7o55wHms4PzAarBCIuYCSo2CF3wKSkM3PRLIvxpre6dyAk/BOzGeEmEQoTUlQh4vRLAlFVsjVox28qhQAQBO8Jfxf2UJcfxHX71xZmm0rt2a7WmbGoTZtasAPg6cZk0p9JFB1N51I0MrGcAQB/VwfRptr5BMehKBWEp9VT3zljFN1UQxftqrOq051NGx0xBFbYq51lDOlfO1XkGd0MGGma5S0JsM5Cr4uc8YMgiJbiJzIlvNfzBGE9VQkyMrFr62ZEn5RLII2mafi5wke3zBVEmcxlgOJU9Apn0H2lz2b3H+hvMj1hXyEUc7qq7w/EtsHxWgwfGd6jlVjkJqVX8pwVYUuFinuh3N6jn17nPvxBHV8VUF16jpoe10JqvWdBVWf2DQ5NgEuA3906r1yQRcJDZyUgaJm8oZlT/K/s4nYwTTJtRsLaFdfQPstdPL7miUpGhzzy2z2Q/vE82/NJ/oG0nlCm0IQ8xfob2deAKTZrtRoUaiItCjuVTovKZlW0m5eR9qVKBXadzJKrpUEPE27G6vPc5OAN2owfdToqOckoHjc3ZKsOwa3TjJGx6lY0t58Ge2vQeGrTmPc5jSmuZw7l8HuuNFRc4HZN4PttnR5hTn6/S5kiP9cGx4SmaNrw7Hn11iktsdfyfKBaTbktd5Df0tHy7ldYb1QI5Ugg7+Gdk2UPee4KEPhATMCmAoKX01wr7oRVx4RKyqOLxVcu85pbUevb8FtPbk6TwpvVfPOiK0eZNE5KougiiO17lGq6HRCRatOIPt7aaKtr6LUUYo4STGmtnE3fs5//ATHWLhSo8wNnKvUDwLHbQeB3mEd6XxxarfOgE7vH95INrruXqJ9wNlv/HTGbG6F9JwU7NbTmcuSwtucFdX5a93ejsl1md5cb44uJLrT/N6p+X3FxUSH4v4rtaL6/lM/+/3/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><ellipse cx="26" cy="104.88" rx="12.5" ry="11.875" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 26 116.75 L 26 156.33 M 26 124.67 L 1 124.67 M 26 124.67 L 51 124.67 M 26 156.33 L 1 188 M 26 156.33 L 51 188" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 195px; margin-left: 26px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Utilisateur</div></div></div></foreignObject><text x="26" y="207" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Utilisat...</text></switch></g><rect x="101" y="6" width="330" height="330" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><rect x="185" y="0" width="160" height="40" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 20px; margin-left: 265px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;"><font style="font-size: 18px;" face="Tahoma">Tableau de board</font></div></div></div></foreignObject><text x="265" y="25" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="18px" text-anchor="middle">Tableau de board</text></switch></g><ellipse cx="268.5" cy="175.5" rx="82.5" ry="28.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 163px; height: 1px; padding-top: 176px; margin-left: 187px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Notifications<br />messages non-lus</div></div></div></foreignObject><text x="269" y="179" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle">Notifications...</text></switch></g><ellipse cx="268.5" cy="273" rx="82.5" ry="25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 163px; height: 1px; padding-top: 273px; margin-left: 187px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Prochaines taches</div></div></div></foreignObject><text x="269" y="277" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle">Prochaines taches</text></switch></g><path d="M 186 175.5 L 67.35 166.48" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 62.11 166.08 L 69.36 163.13 L 67.35 166.48 L 68.83 170.11 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 171px; margin-left: 135px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="background-color: rgb(179, 179, 179);"> Vue </span></div></div></div></foreignObject><text x="135" y="175" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Vue </text></switch></g><path d="M 186 273 L 66.23 189.64" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61.92 186.64 L 69.66 187.76 L 66.23 189.64 L 65.66 193.51 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 230px; margin-left: 124px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="background-color: rgb(179, 179, 179);"> Vue </span></div></div></div></foreignObject><text x="124" y="233" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Vue </text></switch></g><rect x="471" y="123" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 163px; margin-left: 472px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #B3B3B3; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(179, 179, 179); white-space: normal; overflow-wrap: normal;"> Backend </div></div></div></foreignObject><text x="511" y="167" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Backend </text></switch></g><rect x="621" y="123" width="80" height="80" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 163px; margin-left: 622px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #B3B3B3; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(179, 179, 179); white-space: normal; overflow-wrap: normal;"> BDD </div></div></div></foreignObject><text x="661" y="167" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> BDD </text></switch></g><path d="M 557.37 163 L 614.63 163" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 552.12 163 L 559.12 159.5 L 557.37 163 L 559.12 166.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 619.88 163 L 612.88 166.5 L 614.63 163 L 612.88 159.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 471 183 L 356.09 269.18" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 351.89 272.33 L 355.39 265.33 L 356.09 269.18 L 359.59 270.93 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 233px; margin-left: 410px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="background-color: rgb(179, 179, 179);"> Hydrate </span></div></div></div></foreignObject><text x="410" y="236" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Hydrate </text></switch></g><path d="M 468.6 174.2 L 357.37 175.43" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 352.12 175.49 L 359.08 171.91 L 357.37 175.43 L 359.16 178.91 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 174px; margin-left: 421px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #B3B3B3; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(179, 179, 179); white-space: nowrap;"> Hydrate </div></div></div></foreignObject><text x="421" y="178" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Hydrate </text></switch></g><ellipse cx="268" cy="85" rx="83" ry="25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 164px; height: 1px; padding-top: 85px; margin-left: 186px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Prochains évènements</div></div></div></foreignObject><text x="268" y="89" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle">Prochains évènements</text></switch></g><path d="M 185 85 L 66.71 143.19" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 62 145.51 L 66.74 139.28 L 66.71 143.19 L 69.83 145.56 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 115px; margin-left: 123px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #B3B3B3; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(179, 179, 179); white-space: nowrap;"> Vue </div></div></div></foreignObject><text x="123" y="119" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Vue </text></switch></g><path d="M 471 143 L 356.73 87.77" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 352.01 85.49 L 359.83 85.38 L 356.73 87.77 L 356.79 91.68 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 114px; margin-left: 411px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: #B3B3B3; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Tahoma; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(179, 179, 179); white-space: nowrap;"> Hydrate </div></div></div></foreignObject><text x="411" y="117" fill="rgb(0, 0, 0)" font-family="Tahoma" font-size="12px" text-anchor="middle"> Hydrate </text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>