Distributed Software Development 2013/2014 Social Media in the Process Automation Industry

1. Distributed Software Development 2013/2014 Social Media in the Process Automation Industry • Plan, Requirements and Design

2. Agenda Project Vision and Plan Requirements Design Agenda • Project Vision • Project Plan • Requirements - Business, Functional and Nonfunctional - Use-cases • Design - High-level and Technologies - System architecture and mockups 2/21

3. Agenda Project Vision and Plan Requirements Design Project Vision • Social media network • Closer feeling for the employees • Sensor data • Two applications (Desktop / Device) 3/21

4. Agenda Project Vision and Plan Requirements Design Project Plan : Phase I • Waterfall-ish model • Three activity phases 4/21

5. Agenda Project Vision and Plan Requirements Design Project Plan: Phase II • Iterative Model • Almost all activities have a milestone (red) • A common milestone for multiple activities (gray) 5/21

6. Agenda Project Vision and Plan Requirements Design Requirements: Business • 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 6/21

7. Agenda Project Vision and Plan Requirements Design Requirements: Functional • 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 7/21

8. Agenda Project Vision and Plan Requirements Design Requirements: Non-functional • Security • Each user will have access to the feeds of his working environment • Usability • Find the desired action in less than 10 seconds • Training time two days • Portability • One mobile OS • Governmental • Swedish Personal Data Act (1998:204) 8/21

9. Agenda Project Vision and Plan Requirements Design Requirements: Use-case Desktop 9/21

10. Agenda Project Vision and Plan Requirements Design Requirements: Use-case Mobile 10/21

11. Agenda Project Vision and Plan Requirements Design Requirements: Use-case Control 11/21

12. Agenda Project Vision and Plan Requirements Design Design: High Level System Overview 12/21

13. Agenda Project Vision and Plan Requirements Design Design: Technologies • Web Application: C#, ASP.NET, ADO.NET and Bootstrap • Mobile Application: C#, WindowsPhone with SilverLight • Simulator: C#, Windows Forms and ADO.NET 13/21

14. Agenda Project Vision and Plan Requirements Design 14/21

15. Agenda Project Vision and Plan Requirements Design Mockup (Web): Dashboard UI 15/21

16. Agenda Project Vision and Plan Requirements Design Mockup (Web): Gauge Widget UI 16/21

17. Agenda Project Vision and Plan Requirements Design Mockup (Web): Sensor Feed UI Sensors are publishing when alarms occur 17/21

18. Agenda Project Vision and Plan Requirements Design Mockup (Web): Feed Priority UI 18/21

19. Agenda Project Vision and Plan Requirements Design Mockup (Mobile): Profile Page • User Profile • Clickable information for easy access 19/21

20. Agenda Project Vision and Plan Requirements Design Mockup (Mobile): Menu • Slide to the right • A menu pops 20/21

21. Agenda Project Vision and Plan Requirements Design Mockup (Mobile): Activity Feed • Activity feeds contains: 1. Pictures 2. Notes 3. Sensor alarms • Comments can be attached to the feed 21/21

22. Questions?

23. Thank you for your time!