<div class="page"> <div class="cover text-center"> <img class="mx-auto" src=/itb/images/logo_mislata.png alt="logo"> # Desplegament: Tenda online <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'exemple Aquest exemple modela el desplegament d'una tenda online. ## Diagrama ![](/itb/DAM-ED/UD7/img/deployment/deployment_webstore.png){.center} Aquest diagrama representa com es desplegarà una tenda online. En aquest cas, necessitem dos dispositius `<<device>>`: el __WebServer__, on es desplegarà l'aplicació i __DatabaseServer__, on tindrem la base de dades. En __WebServer__ tenim el `<<executionEnviorment>>` __JVM__: una màquina virtual de Java per poder executar el codi de la tenda. Per desplegar la tenda disposem d'el fitxer `<<artifact>>` __WebStoreApp.jar__, que contindrà el codi de la tenda. Aquest codi s'ha de desplegar utilitzant les especificacions definides a `<<deployment spec>>` __web.xml__. Per últim, aquest codi ha d'implementar els `<<components>>` __ShoppingCart__ i __UserServices__. Aquest requisit s'indica mitjançant `<<manifest>>`. El servidor __WebServer__ es connecta a __DatabaseServer__ mitjançant el `<<protocol>>` __JDBC__: Java DataBase Connectivity, un protocol que permet connectar fàcilment una aplicació Java amb una base de dades. Per un altre costat, el servidor __DatabaseServer__ conté una `<<database>>` __Oracle__ amb els `<<schema>>` __Users__, __Orders__ i __Inventory__. ## Bibliografia - https://www.uml-diagrams.org/examples/online-shopping-uml-component-diagram-example.html?context=cmp-examples