UNIVERSIDAD AUTONOMA DEL CARMEN DEPENDENCIA ACADEMIA DE LAS CIENCIAS DE LA INFORMACION INGENIERIA EN COMPUTACION
Reporte Técnico de DRAW.IO Autor: J os é Manuel Manuel Landero G onzález G uillerm uillermo o G utiérr utiérr ez B lanco lanco
Ciudad del Carmen, Campeche, octubre 2017
1
Indice Reporte Técnico de DRAW.IO ............................................................................................. 1 Indice ....................................................................................................................................... 2 1.
Introduccion...................................................................................................................... 3
2.
Datos de la herramienta ...................................................... .............................................. 4
3.
¿Qué es? ........................................................................................................................... 5
4.
Objetivos .......................................................................................................................... 6
5.
Ventajas........................................................................................................ .................... 7
6.
Desventajas ...................................................................................................................... 7
7.
Etapa en el ciclo de vida del desarrollo del sistema que apoya ............................................ 8
8.
Funciones.......................................................................................................................... 9
9.
8.1.
Tipos de componentes para diagramas .............................................................................. 9
8.2.
Bases precargadas ............................................................................................................. 10
8.3.
Subir el resultado final ...................................................................................................... 11
8.4.
Asistente de Importación / Exportación ........................................................................... 11
Ejemplo Practico ............................................................................................................. 12
10. Conclusiones .................................................... ..................................................... .......... 14
2
1. Introduccion De acuerdo con Kendall y Kendall la ingeniería de sistemas asistida por ordenador es la aplicación de tecnología informática a las actividades, las técnicas y las metodologías propias de desarrollo, su objetivo es acelerar el proceso para el que han sido diseñadas, en el caso de CASE para automatizar o apo yar una o más fases del ciclo de vida del desarrollo de sistemas.
La tecnología CASE supone la automatización del desarrollo del software, contribuyendo a mejorar la calidad y la productividad en el desarrollo de sistemas de información y se plantean los siguientes objetivos:
Permitir la aplicación práctica de metodologías estructuradas, las cuales al ser realizadas con una herramienta se consigue agilizar el trabajo.
Facilitar la realización de prototipos y el desarrollo conjunto de aplicaciones.
Simplificar el mantenimiento de los programas.
Mejorar y estandarizar la documentación.
Aumentar la portabilidad de las aplicaciones.
Facilitar la reutilización de componentes software.
Permitir un desarrollo y un refinamiento visual de las aplicaciones, mediante la utilización de gráficos.
3
2. Datos de la herramienta Draw.io es un editor de imágenes online que se le ofrece al usuario es rápida, fácil y gratuita para crear diagramas simples sin la necesidad de instalar nada en el ordenador. Todo lo que Draw.io ofrece se puede acceder rápidamente a través del navegador web. Draw.io Características:
Nativo de HTML 5 cliente con total IE 6-8 de apoyo Gran biblioteca integrado interfaz Intuitiva de arrastrar y soltar interfaz la búsqueda de la Imagen y añadir la funcionalidad de Exportar a PNG/JPG/XML/SVG soporte de dispositivos Táctiles código fuente en github - https://github.com/jgraph/draw.io. la colaboración en tiempo Real. Se puede descargar para uso local
4
3. ¿Qué es? Draw.io, una increíble herramienta que nos permite elaborar diagramas en línea sin necesidad de instalar absolutamente nada en nuestro PC (Para uso sin conexión se descarga el cliente). Su interfaz es bastante sencilla y fácil de utilizar, además es tan completa que nada tiene que envidiarle a cualquier software de pago para escritorio.
Sus opciones son todas las necesarias para elaborar completos diagramas. Dispone de una gran variedad de formas y diseños predeterminadas que luego podemos moldear a nuestro gusto. Permite agregar rápidamente imágenes externas utilizando el buscador de Google y tiene múltiples opciones de texto con formato que podemos configurar como mejor nos parezca. Para utilizar esta aplicación no es necesario ningún tipo de registro, es totalmente gratuita y los trabajos realizados pueden ser guardados en formato .XML para su posterior modificación con la herramienta, podemos imprimirlos o también permite exportar los diagramas a formatos .PNG, .GIF, .JPG, .PDF y .SVG, o si preferimos podremos insertar el diagrama realizado en cualquier sitio web utilizando un código que nos genera la aplicación. Definitivamente Draw.io es una herramienta muy interesante, completa y que puede ser de gran ayuda para todos.
5
4. Objetivos Facilitar la generación y creación de los diagramas que se estarán utilizando en el proceso del desarrollo de software.
6
5.
Ventajas
Podemos acceder desde el navegador y ahorrarnos una descarga e instalación.
Un Menú que hace que sea muy fácil de utilizarlo.
Podemos imprimir, guardar, y exportar a JPG, GIF, etc.… el resultado final.
Podemos acceder desde Google Drive.
Tiene una versión offline para cuando no tengamos acceso a internet
Con Draw.io podremos dibujar: -
Diagramas de flujo.
-
Lenguaje Unificado de Modelado.
-
Diagrama Entidad-Relación.
-
Diagramas de red.
-
Modelos de proceso de negocios.
-
Organigramas
-
Circuitos electrónicos.
-
Wireframes y maquetas.
6. Desventajas
Tiene un Diseño Gráfico muy simple.
No hay plantillas hechas por usuarios.
Tiene mitad español y mitad ingles.
7
7. Etapa en el ciclo de vida del desarrollo del sistema que apoya Esta herramienta nos permite generar de forma fácil, los diagramas que se estará utilizando, no solo puede generar diagramas UML, si no cualquiera que se necesite. Por lo tanto, puede ser utilizada en la fase de análisis y diseño y también en la fase de desarrollo.
8
8. Funciones 8.1. Tipos de componentes para diagramas
Incorpora una gran variedad de componentes para cada uno de los diagramas con los que se puede trabajar.
9
8.2. Bases precargadas
DRAW.IO integra unos diseños precargados en su página web.
10
8.3. Subir el resultado final
DRAW.IO nos permite guardar nuestro trabajo final en la nube o directamente en nuestro ordenador.
8.4. Asistente de Importación / Exportación Nos permite exportar nuestro trabajo a cualquier formato que esté disponible, como por ejemplo PDF, JPG, PNG, X LM, etc…
11
9. Ejemplo Practico En este ejemplo se diagramará un diagrama de clases, lo primero será seleccionar donde se guardara el resultado
A continuación, se entrará al panel principal y buscaremos los componentes para nuestro diagrama de clases.
12
Buscando cada componente, El resultado final exportado a imagen es
13
10. Conclusiones Draw.IO es una herramienta muy útil para realizar el modelado de nuestros diagramas UML, lo cual más adelante se puede tener guardara la plantilla para poder modificarla, y sin necesidad de estar guardándola en un dispositivo, y poder directamente a esa información desde cualquier lugar, gracias al guardado en la nube que incorpora.
14