Distributed Software Development 2013/2014

Social Media in the Process Automation Industry

Plan, Requirements and Design

•Project Vision•Project Plan•Requirements

- Business, Functional and Nonfunctional

- Use-cases•Design

- High-level and Technologies- System architecture and mockups

Agenda Project Vision and Plan Requirements Design

2/21

Agenda

Agenda Project Vision and Plan Requirements Design

3/21

Project Vision• Social media network

oCloser feeling for the employees • Sensor data• Two applications (Desktop / Device)

•Waterfall-ish model

•Three activity phases

Agenda Project Vision and Plan Requirements Design

4/21

Project Plan : Phase I

• Iterative Model•Almost all activities have a milestone (red)

•A common milestone for multiple activities (gray)

Agenda Project Vision and Plan Requirements Design

5/21

Project Plan: Phase II

•Usability is the main concern•Information shall be available for human users•Flexible filtering of information•Sensors shall be able to publish current status•Traceability of posts•Notify interested parties

Agenda Project Vision and Plan Requirements Design

6/21

Requirements: Business

•A warning should be posted whenever the value of a sensor is critical

•A user shall be able to post a note to the system

•A user shall be able to save a filter or combination of filters

•A user shall be able to observe the current status of a sensor

Agenda Project Vision and Plan Requirements Design

7/21

Requirements: Functional

•Security oEach user will have access to the feeds of his working environment

•UsabilityoFind the desired action in less than 10 secondsoTraining time two days

•PortabilityoOne mobile OS

•GovernmentaloSwedish Personal Data Act (1998:204)

Agenda Project Vision and Plan Requirements Design

8/21

Requirements: Non-functional

Agenda Project Vision and Plan Requirements Design

9/21

Requirements: Use-case Desktop

Agenda Project Vision and Plan Requirements Design

10/21

Requirements: Use-case Mobile

Agenda Project Vision and Plan Requirements Design

11/21

Requirements: Use-case Control

Agenda Project Vision and Plan Requirements Design

12/21

Design: High Level System Overview

Agenda Project Vision and Plan Requirements Design

13/21

Design: Technologies

•Web Application:C#, ASP.NET, ADO.NET and Bootstrap

•Mobile Application:C#, WindowsPhone with SilverLight

•Simulator:C#, Windows Forms and ADO.NET

Agenda Project Vision and Plan Requirements Design

14/21

Agenda Project Vision and Plan Requirements Design

15/21

Mockup (Web): Dashboard UI

Agenda Project Vision and Plan Requirements Design

16/21

Mockup (Web): Gauge Widget UI

Agenda Project Vision and Plan Requirements Design

17/21

Mockup (Web): Sensor Feed UISensors are publishing when alarms occur

Agenda Project Vision and Plan Requirements Design

18/21

Mockup (Web): Feed Priority UI

Agenda Project Vision and Plan Requirements Design

19/21

Mockup (Mobile): Profile Page

•User Profile

•Clickable information for easy access

Agenda Project Vision and Plan Requirements Design

20/21

Mockup (Mobile): Menu

•Slide to the right

•A menu pops

Agenda Project Vision and Plan Requirements Design

21/21

Mockup (Mobile): Activity Feed

•Activity feeds contains:

1. Pictures 2. Notes 3. Sensor alarms

•Comments can be attached to the feed

Questions?

Thank you for your time!