SOFTWARE ARCHITECTURE DESIGN DIGITAL

ASSIGNMENT -1

Name: A BHAVANA Course Code: SWE2002

Reg No: 21MIS0227 Slot: F2

Faculty: Sree Dharinya mam Tool chosen : Gliffy Tool

Video link:
https://youtu.be/n0E983e96VA

Screenshot of video presenting:

INTRODUCTION:
➢ Gliffy was founded in 2005 by Chris Kohlhardt and Clint Dickson.
➢ Gliffy is a software which is used to create UML diagrams, Venn diagrams,
flowcharts and various other kind of diagrams.
➢ Gliffy is an application in which the diagrams are drawn using an HTML5
cloud based application.
 ➢ Gliffy diagrams can be shared with and edited by users in real time.

FEATURES:
➢ Gliffy tool contains a user dashboard on the left side and workspace on the
right side of it’s interface.
➢ Gliffy features a drag-and-drop interface where all the classes and other
objects can be dragged from the user dashboard.
➢ Gliffy also works as a real-time online collaboration tool with reliable
sharing capabilities.
➢ This tool allows users to export their diagrams in multiple formats such as
PDF, JPEG, PNG and SVG.
➢ Though having all the good options, this tool is not a free open source tool

Contents which can be accessed only using premium:

➢ Paid version of the tool have many more options than in free version where
integration of modules can be supported etc..

➢ Paid version of the tool also contain many extra options and many other
organisational charts.

➢ In the free version there is no option for privacy of our documents, they can
be visible to everybody publicly where as in the paid version our documents
can be maintained privately

Creating a UML diagram using gliffy tool:

Step 1: Add UML Shapes

➢ First, we’ll need to add UML shapes to our Gliffy Shape Library.
 ➢ Click More Shapes option at the bottom of the shape library and expand

the Software design section so that we can select “UML 1.0.” ➢ Gliffy has

UML shapes for multiple types of UML diagrams.

Step 2: Draw a Package Symbol

➢ We need to drag and drop a package symbol from the UML 1.0 section of
the shape library.
➢ We need to drag a package symbol onto our canvas.
➢ And then we need to give a label to it.
Step 3: Edit the UML Shape
➢ Each time we select a shape in Gliffy, we can edit its properties or the
properties of any text within the shape.

➢ We can also choose a color from the different colors available in the tool.
This would be a pretty good option for us

Step 4: Duplicate Shapes

➢ We can save time with the keystroke Command + D or Ctrl + D to quickly
duplicate shapes. Then, we can edit any text within those shapes while
retaining the style which we selected in Step 3.
Step 5: Arrange Everything Neatly
➢ Once we have copied several shapes, our work might look a little cluttered.
To edit multiple shapes at once, we need to use our mouse to select all of
them.

➢ By clicking Edit Group Properties, we can edit and arrange them in an

order.
Step 6: Adding the connectors

➢ Once we have arranged everything, we need to add connectors to our

diagram.

➢ We need to open Edit Line Properties option and then we need to select the
type of connector like arrow etc..
A Sample UML diagram using gliffy tool:

Advantages of using gliffy tool:

➢ There are many templates available to utilize as a quick start and there are
also many options like swimlanes, and all the objects required for UML
diagrams like class, sequence, activity etc..

➢ There is a clean visual interface and objects available in this tool.

➢ The drag & drop interface enables ideas to take shape very quickly. we can
accurately represent the processes, data architectures, and organizational
priorities for the UML diagrams.

➢ Once diagrams are complete, it's fairly easy to share via export to JPG or
creation of a share link.

Disadvantages of gliffy tool:

➢ It is not as robust as higher end tools in regards to object options and
breadth of visualization options.

➢ Some versions of Gliffy were buggy and work was lost.

➢ This gliffy tool cannot be used offline that is a major disadvantage.

➢ The shapes library isn't as large as some competitors like visio and lucid
chart etc..