Clase_10 - ARTEFACTOS DEL DISEÑO DE SW II.pdf

USACH

1. ARTEFACTOS DEL DISEÑO DE SOFTWARE II
FUNDAMENTOS DE INGENIERÍA DE SOFTWARE
2024-02
Clase 10
Autores:
Felipe Fuentes Bravo
Carlos Vera Escobar

2. CONTENIDOS
Introducción
Diagramas de componentes
Diagramas de despliegue

3. INTRODUCCIÓN
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Recapitulandolaclasepasada:
•Eldiseñodesoftwareagrupaprincipios,conceptosyprácticasque
llevanaldesarrollodeunsistemaoproductodealtacalidad.
•Elobjetivodeldiseñodesoftwareesproducirunmodeloo
representaciónquetengaresistencia,funcionalidadybelleza.
•Eldiseñodelsoftwarecambiacontinuamenteconforme
evolucionanlosnuevosmétodos,surgenmejoresanálisisyse
obtieneunacomprensiónmásamplia.

4. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
•LosdiagramasUMLseutilizanparamodelarloscomponentesde
unsistemaydescribensusfuncionalidades.
•Proporcionanunavisióndealtoniveldeloscomponentesde
unsistema.
•Seutilizanparavisualizarlaorganizacióndeloscomponentesdeun
sistemaylasrelacionesdedependenciaentreellos.
•Loscomponentesdeldiagramapuedenseruncomponentede
softwarecomo:
•Unabasededatos
•Unainterfazdeusuario
•Uncomponentedehardware(comouncircuito,unmicrochip
oundispositivo)
•Unaunidaddenegocio(comounproveedor,unanóminaoun
envío).

5. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
•Algunosusosdeestetipodediagramasonlossiguientes:
•Seutilizanendesarrollobasadoencomponentes
paradescribirsistemasconarquitecturaorientadaaservicios.
•Mostrarlaestructuradelpropiocódigo.
•Sepuedenutilizarparacentrarseenlarelaciónentrelos
componentesmientrasseocultanlosdetallesdelas
especificaciones.
•Ayudaracomunicaryexplicarlasfuncionesdelsistemaquese
estáconstruyendoalosstakeholders.
•Parasuconstrucciónsedebeidentificarloscomponentesque
utilizaráelsistemadeinformación,asícomolasdistintasinterfaces.

6. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
•Unaformatípicaycomúnparaunaprimeraaproximaciónen
sistemassencillosesutilizaruncomponentecentralalquelos
demáscomponentesseunen,yqueseutilizacomocomponente
gestordelsistema.
Primera aproximación al diagrama de componentes,
https://diagramasuml.com/wp-content/uploads/2018/08/comp9.png

7. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementos/Notacióndeldiagramadecomponentes
•Componente:
Símbolopararepresentarlosmódulosdeunsistema(la
interacciónylacomunicacióntienenlugaratravésdelas
interfaces)
Uncomponentepuederepresentardostiposdeelementos:
componenteslógicos(comoporejemplocomponentesde
negociooproceso)ocomponentesfísicos(comocomponentes
.NET,EJB…).
Notación de componente UML,
https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/ES-uml-component-diagram-1.png
Notación de componente
https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Screenshots_2020/ES-uml-component-diagram-1.png

8. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementosdeldiagramadecomponentes
•Paquete:
Tambiénesposibleutilizareldiagramadepaquetesparahacerun
conjuntodevariosmódulos.Conestoseconsiguerepresentarla
unióndeesosmódulosparaunfinconcreto.
Notación Paquete con varios componentes UML,
https://diagramasuml.com/wp-content/uploads/2018/08/comp2.png

9. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementosdeldiagramadecomponentes
•Interfaz:
Lainterfazestásiempreasociadaauncomponenteyseutilizapara
representarlazonadelmóduloqueesutilizadaparalacomunicacióncon
otrodeloscomponentes.
Otrosmódulospuedenconectarseaunainterfaz.Estosehacecuandoun
componenterequiereoutilizaalotrocomponentemediantesuinterfaz,
quesonlasoperacionesexternasqueofreceelcomponente.
Serepresentaconunlineaqueterminaenunsemicírculoquerodeala
interfazdelotrocomponente.
Notación 1 de una interfaz en UML,
https://diagramasuml.com/wp-
content/uploads/2018/08/comp4.png
Notación 2 de una interfaz en UML,
https://diagramasuml.com/wp-
content/uploads/2018/08/comp5.png

10. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementosdeldiagramadecomponentes
•Relacióndedependencia:
Larelacióndedependenciarepresentaqueuncomponente
requieredeotroparaejecutarsutrabajo.
Esdiferentealainterfaz,puesestaidentificaqueuncomponente
ofreceunaseriedeoperaciones.
Enocasionesparasimplificareldiagramanoseusanlasinterfaces
sinoquesolamenteseutilizanrelacionesdedependencia.
Unarelacióndedependenciaserepresentamedianteunaflecha
discontinuaquevadesdeelcomponentequerequieredeotro
componentehastaelrequerido.
Notación relación de despliegue en UML,
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/Dependency.png

11. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Algunospasossugeridosparadesarrollarundiagramadecomponentes
son:
1.Determinarelpropósitodeldiagramaeidentificarlosartefactos
comolosarchivos,documentos,etc.enelsistemaoaplicaciónque
senecesitarepresentar.
2.Amedidaquesedescubrenlasrelacionesentreloselementosque
seidentificanenelpasoanterior,crearundiseñomentaldel
diagramadecomponentes.
3.Aldibujareldiagrama,agregarprimeroloscomponentes,
agrupándolosdentrodeotroscomponentescomomejorte
parezca.
4.Elsiguientepasoesagregarotroselementos,comointerfaces,
clases,objetos,dependencias,etc.aldiagramadecomponentesy
completarlo.
5.Adjuntarnotasendiferentespartesdeldiagramadecomponentes
paraaclarardetallesaotrosusuarios.

12. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://diagramasuml.com/wp-content/uploads/2018/12/5.png
Ejemplo1:DiagramadecomponentesdeunatiendaOnline

13. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://diagramasuml.com/wp-content/uploads/2018/12/6.png
Ejemplo2:DiagramadecomponentesdeunCajero

14. DIAGRAMAS DE COMPONENTES
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/New-Component-Diagram-for-
Hospital-Management-System-1.png
Ejemplo3:Diagramadecomponentesdeunsistemadegestiónde
hospitales

15. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
•Losdiagramasdedespliegueseutilizanparavisualizarlos
procesadores/nodos/dispositivosdehardwaredeunsistema,los
enlacesdecomunicaciónentreellosylacolocacióndelosarchivos
desoftwareenesehardware.
•Losdiagramasdedespliegueseutilizannormalmenteparavisualizar
elhardwareyelsoftwarefísicodeunsistema.
•Ayudanamodelarlatopologíadehardwaredeunsistemaen
comparaciónconotrostiposdediagramasUML,queensumayoría
esbozanloscomponenteslógicosdeunsistema.
•ComoprácticamentetodoslosdiagramasdeUML,puedenser
utilizadospararepresentaraspectosgeneralesomuyespecíficos,
siendoutilizadodeformamáscomúnparaaspectosgenerales.

16. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Lasprincipalescaracterísticasdeestetipodediagramassonlas
siguientes:
•Permiteidentificarlosnodosenlosquetrabajaráoutilizaránel
sistemadeinformación,identificandoagentesexternoseinternos
queinteractúanconelsistema.
•Permiterepresentardeformaclaralaarquitecturafísicadelared,
asícomoladistribucióndelcomponentesoftware.
•Seutilizaparadarunavisiónglobaldeunaimplementación.
Esposibleutilizarlopararepresentarpartesespecíficasdela
implementaciónigualmente,sinperderelconceptodeglobalidad.

17. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementos/Notacióndeldiagramadedespliegue
•Nodos:
Unnodo,representadocomouncubo,esunaentidadfísicaque
ejecutaunoomáscomponentes,subsistemasoejecutables.
Unnodopodríaserunelementodehardwareosoftware.
•NodoCompuesto:
Unnodoasuvezpuedetenernodosincluidosensuinterior,
dandoaconocerquesonsistemasseparadosincluidosdentrodel
mismonodofísico.
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/Node.png
https://diagramasuml.com/wp-content/uploads/2018/08/comp2-1.png

18. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementos/Notacióndeldiagramadedespliegue
•Artefactos:
Losartefactossonelementosconcretosquesoncausadosporun
procesodedesarrollo.
Ejemplosdeartefactossonlasbibliotecas,archivos,archivosde
configuración,archivosejecutables,etc.
•ConexiónoAsociacióndecomunicación:
Representadoporunalíneasólidaentredosnodos,muestrael
caminodelacomunicaciónentrelosnodos.
Escomúnincluirenlasconexionesunaetiquetaquerepresentea
travésdequemedioserealizalaconexión.Porejemplo:Internet,
WAN…
https://d3n817fwly711g.cloudfron
t.net/uploads/2018/09/Artifacts.p
ng
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/Communication-path.png

19. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Elementos/Notacióndeldiagramadedespliegue
•Dispositivos:
Undispositivoesunnodoqueseutilizapararepresentarun
recursofísicocomputacionalenunsistema.
Unejemplodeundispositivoesunservidordeaplicaciones.
•ConexiónEspecificacionesdedespliegue:
Describecómosedespliegaunartefactoenunnodo.
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/Deployment-specification.png

20. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
Algunospasossugeridosparadesarrollarundiagramadedesliegue
son:
1.Identificarelpropósitodeldiagramadedespliegue.
Senecesitaidentificarlosnodosydispositivosdentrodelsistema
quesevisualizaráconeldiagrama.
2.Averiguarlasrelacionesentrelosnodosylosdispositivos.
Unavezseidentificacómoestánconectados,procederaañadir
lasasociacionesdecomunicaciónaldiagrama.
3.Identificarquéotroselementos,comoloscomponentes,objetos
activos,necesitanserañadidosparacompletareldiagrama.
4.Añadirlasdependenciasentreloscomponentesylosobjetos
segúnseanecesario.

21. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://diagramasuml.com/wp-content/uploads/2018/11/despliegue-1.png
Ejemplo1:Diagramadedesplieguecomodiagramadered

22. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/New-Deployment-Diagram-for-
Library-Management-System.png
Ejemplo2:Diagramadedesplieguedeunsistemadegestiónde
biblioteca

23. DIAGRAMAS DE DESPLIEGUE
Introducción
Diagramas de
componentes
Diagramas de
despliegue
https://d3n817fwly711g.cloudfront.net/uploads/2018/09/New-Deployment-Diagram-for-
Hospital-Management-System.png
Ejemplo2:Diagramadedespliegueparaunsistemadegestiónde
hospitales

24. •Conceptos de diseño (Pressman --> Capítulo 12)
•https://diagramasuml.com/
•https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/
BIBLIOGRAFÍA DE LA CLASE