UML Diagrams continued

As we said, we continued making these god forsaken diagrams. But first, we forgot to mention that what we used to make these.

ArgoUML is the leading open source UML modeling tool and includes support for all standard UML 1.4 diagrams. It runs on any Java platform and is available in ten languages.

The Use Case Diagram 

The purpose of use case diagram is to capture the dynamic aspect of a system.

Use case diagrams are used to gather the requirements of a system including internal and external influences. These requirements are mostly design requirements. So when a system is analyzed to gather its functionalities use cases are prepared and actors are identified. Now when the initial task is complete use case diagrams are modelled to present the outside view.

So in brief, the purposes of use case diagrams can be as follows:

  • Used to gather requirements of a system.
  • Used to get an outside view of a system.
  • Identify external and internal factors influencing the system.
  • Show the interacting among the requirements are actors. (go.to.source)

The first Use Case Diagram for our application looks like this :UseCase Diagram.png

Next up: The class diagrams.

 

First MockUps for our Application

ux-787980_1920

The first step is to create some mockups to see how our application will look like. Why? Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you’ll make sense of them later.

So we installed Balsamiq and started the Trial version.

A very simple Register page

Register.png

A very simple Login page 

SignIn page.png

Home page

Home.png

My account page

My account.png

My friends page

First page copy 5.png

The Phobia List page

Phobia List.png

My Phobia pages 

My Phobia Page.png

My Phobia Page 2.png

Search & add Phobias page

Search & add.png

First draft… you don’t want to see the pre-first draft …