post-feature-image
InicioUML

yUML: Herramienta online para crear diagramas UML a partir de texto plano

Recientemente he encontrado una curiosa herramienta online para realizar diagramas  UML . La herramienta en cuestiĆ³n se llama  yUML  y pe...

Dropdown hecho con puro CSS
Como centrar un div o elemento en posiciĆ³n absoluta con CSS
Efecto scrolling en 3D


Recientemente he encontrado una curiosa herramienta online para realizar diagramas UML. La herramienta en cuestiĆ³n se llama yUML y permite crear los diagramas a partir de unos comandos escritos en texto plano. Los diferentes tipos de diagramas que podemos dibujar son diagramas de casos de uso, diagramas de clases y diagramas de actividad.
Esta herramienta es ideal para casos en los que necesitamos realizar de manera rĆ”pida unos sencillos diagramas para enviarlos a alguien o guardarlos. Los diagramas generados tienen una apariencia bastante juvenil e informal. Lo bueno de esta herramienta es que al interpretar texto plano nosotros podemos generar y almacenar este texto y crear tantas modificaciones o copias como queramos.
Como punto negativo no podemos decidir la ubicaciĆ³n o lugar de un elemento ya que busca la mejor distribuciĆ³n segĆŗn el diagrama implementado. Por ello, no es recomendable utilizarlo como herramienta habitual en el caso de querer resultados mĆ”s profesionales o personalizados.

Casos de uso

Una de las posibilidades que permite es la creaciĆ³n de casos de uso. Es posible indicar cuantos actores, casos de uso y dependencias existen. En el texto plano, los actores se deben indicar entre corchetes [ ] y los casos de uso entre parĆ©ntesis ( ).
Para crear una dependencia de uso tan solo hay que poner un guiĆ³n entre ambos -. Por ejemplo, poner en el texto plano [Cliente] ā€“ (Login) significa que un cliente puede hacer login. Existen mĆ”s operaciones como ^ Derivar, Extends > Include.
Veamos un sencillo ejemplo con el siguiente texto.
[Administrador]-(Gestionar Usuarios) 
[Usuario]-(Login) 
[Cliente]-(Comprar productos) 
[Cliente]^[Usuario]
[Administrador]^[Usuario]
(Comprar productos)>(Buscar productos)

Diagramas de clases

Un segundo tipo de diagramas que podemos realizar son los diagramas de clases. Estos diagramas solo tienen un tipo de elemento que serĆ­an las clases. Estas clases se deben escribir entre corchetes [ ]. Es posible colorear una clase poniendo dentro unas llaves indicando bg:color. Ejemplo: [Clase{bg:green}]. Si se desea elaborar mĆ”s cada clase y no quedarse Ćŗnicamente con el nombre, se pueden indicar atributos y mĆ©todos.
Aunque hay pocos tipos de elementos, las relaciones entre estas son muy variadas. Estas relaciones son: > asociaciĆ³n simple, -texto> asociaciĆ³n direccional, 1-0..* cardinalidad,<>-1> AgregaciĆ³n, ++-1> composiciĆ³n, ^- herencia, ^-.- implementaciĆ³n y .> uso.
Veamos otro sencillo ejemplo con el siguiente texto.
[Vehiculo]<>-*>[Pasajeros]
[Vehiculo]^-[Coche]
[Vehiculo]^-[Moto]
[Conductor]-.->[Vehiculo]
[< <Desplazable>>]^-.-[Vehiculo]
Diagrama 02

Diagramas de actividad

Finalmente, el tercer tipo de diagramas que podemos realizar son los de actividad. Estos son un poco mĆ”s complejos (no mucho) que los anteriores ya que deben ser iguales las etiquetas de inicio o fin de bifurcaciĆ³n para iniciar o acabar en el mismo punto y crear varias secuencias de flujo de actividad.
Todas las lĆ­neas deben iniciarse por un inicio de bifurcaciĆ³n utilizando <etiqueta> y un finalizado de bifurcaciĆ³n |etiqueta|. Esto siempre serĆ” asĆ­ excepto que quieras iniciar desde el punto inicial (start) o acabar en el final (end). Para enlazar una actividad a otra utilizar el sĆ­mbolo ->.
Veamos un Ćŗltimo ejemplo:
(start)-><ini1>Validarse->(Mostrar presentaciĆ³n)->|fin1|->(end)

<ini1>No validarse->(Mostrar login)->|fin1|
Diagrama 03

ConclusiĆ³n

En ocasiones es mĆ”s sencillo ā€œdibujarā€ o generar automĆ”ticamente un diagrama creando en texto plano los comandos. Por ello esta herramienta es bastante socorrida para un caso excepcional en el que se necesita realizar un diagrama y no se desea instalar una herramienta para ello. Tan solo escribes en un texto plano las relaciones y generas el diagrama sencillamente y en un momento.
Programa online | yUML
Nombre

404 Angular Apple Base de Datos Cambiar Canada communications Coronavirus CSS Cursos Descargas Digital Dropbox Easter Egg Email marketing equipo Errores Estados Unidos Facebook Games Google Google Maps Gratuitos HTML Incendio Ingenieros Interesante Lyrics Mac MArketing Microsoft MongoBD MySQL news nombre Noticia Notre Dame online ParĆ­s PHP Phyton Pinchworm ProgramaciĆ³n Red Social Review Seguridad SEM SQL Startups Tips Twitter Uber UML VerificaciĆ³n video Wix Youtube zoom
false
ltr
item
Codingcamp: yUML: Herramienta online para crear diagramas UML a partir de texto plano
yUML: Herramienta online para crear diagramas UML a partir de texto plano
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-XPVLHIrW48xFo07G8ukh4pwpQgDajAuX14AF8Kl1SbafWxKjWQV94NTLhXAxTl1eMsaSoNlIA17LMHIuviLFZPnkd_-uUc3eeZPDsIKZrUQmenA4JSfJt8UoZpCAy1xCNWm50i0Ovo/s640/650_1200.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx-XPVLHIrW48xFo07G8ukh4pwpQgDajAuX14AF8Kl1SbafWxKjWQV94NTLhXAxTl1eMsaSoNlIA17LMHIuviLFZPnkd_-uUc3eeZPDsIKZrUQmenA4JSfJt8UoZpCAy1xCNWm50i0Ovo/s72-c/650_1200.png
Codingcamp
https://coding-camp.blogspot.com/2015/05/yuml-herramienta-online-para-crear.html
https://coding-camp.blogspot.com/
https://coding-camp.blogspot.com/
https://coding-camp.blogspot.com/2015/05/yuml-herramienta-online-para-crear.html
true
6630540531925851490
UTF-8
No se encontrĆ³ ningĆŗna PublicaciĆ³n VER TODO Ver mĆ”s Responder Cancelar respuesta Eliminar Por Inicio Paginas Publicaciones Ver Todo Recomendado para ti Etiqueta Archivo Busqueda No se encontrĆ³ ningĆŗna PublicaciĆ³n con tu busqueda! Regresar a Inicio Domingo Lunes Martes Miercoles Jueves Viernes Sabado Dom Lun Mar Mie Jue Vie Sab Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic Justo ahora Hace 1 minuto Hace $$1$$ minutos Hace 1 hora Hace $$1$$ horas Yesterday Hace $$1$$ dias Hace $$1$$ semanas Hace mas de 5 semanas