Prototype Report. Software Quality Analysis as a Service (SQAaaS) Team Number Kavneet Kaur Requirement Engineer. George Llames IIV & V

Transcription

1 Prototype Report Software Quality Analysis as a Service (SQAaaS) Team Number - 01 Kavneet Kaur Requirement Engineer George Llames IIV & V Aleksandr Chernousov Lift Cycle Planner Supicha Phadungsilp Feasibility Analyst Reza Khazali Software Architect Jincheng He Quality Focus Point Aditya Kathuria Prototyper Chris Harman Operation Concept Engineer 2017/11/25 1

2 Version History Date Author Version Changes made Rationale 09/27/17 AK 1.0 Created Balsamiq UI Mockups Flow Charts for profiling system Tableau for multiple metrics and statistics 09/27/17 AK 1.1 Created React UI components Added Request for Analysis Added multiple statistics components 11/25/17 AK 2.0 Added Other Charts and legends to Statistics page. Got statistics to work with all projects and metrics. Created a metric picker for statistics. Added Project status page. Added Login, Registration and Add collaborator components. Added user Dashboard components. Cosmetic changes done. Better understanding of the UI requirements To mitigate the risk of low personnel experience with ReactJS To demonstrate the feasibility and fulfill the requirements agreed upon in the win-win negotiation. 2

3 Table of Contents Prototype Report...1 Version History...2 Table of Contents...3 Table of Tables...4 Table of Figures Introduction Status of Prototypes Purpose of Prototypes Navigation Flow Prototype...8 Table 1: Request Analysis...8 Figure 1: Request Analysis...8 Table 2: User Dashboard...9 Figure 2: User Dashboard...9 Table 3: Multi Metric Statistics...10 Figure 3: Multi Metric Statistics...10 Table 4: Forgot Password...11 Figure 4: Forgot Password...11 Table 5: Sign Up...12 Figure 5: Sign up...12 Table 6: Login...13 Figure 6: Login...13 Table 7: Logout...14 Figure 7: Logout...14 Table 8: Analysis Request Status...15 Figure 8: Analysis Request Status...15 Table 9: Add Collaborator...16 Figure 9: Add Collaborator...16 Table 10: Admin Requests Notification...17 Figure 10: Admin Requests Notification...17 Table 11: Users Information...18 Figure 11: Users Information...18 Table 12: Projects Information...19 Figure 12: Projects Information...19 Table 13: Access Information...20 Figure 13: Access Information

4 Table of Tables Table 1: Request Analysis...8 Table 2: User Dashboard...9 Table 3: Multi Metric Statistics...10 Table 4: Forgot password (UI render)...11 Table 5: Sign Up...12 Table 6: Login...13 Table 7: Logout...14 Table 8: Analysis Request Status...15 Table 9: Add a Collaborator...16 Table 10: Admin Requests Notification...17 Table 11: Users Information...18 Table 12: Projects Information...19 Table 13: Access Information

5 Table of Figures Figure 1: Request Analysis...8 Figure 2: User Dashboard...9 Figure 3: Multi Metric Statistics...10 Figure 4: Forgot password (UI render)...11 Figure 5: Sign Up...12 Figure 6: Login...13 Figure 7: Logout...14 Figure 8: Analysis Request Status...15 Figure 9: Add a Collaborator...16 Figure 10: Admin Requests Notification...17 Figure 11: Users Information...18 Figure 12: Projects Information...19 Figure 13: Access Information

6 1.Introduction This report provides the status and purpose of prototype for SQAaaS. The SQAaaS project focuses on visualization of data provided by the client for the quality of software. Also, the current prototype does not have any user profiling ability and is on HTTP. A profiling system needs to be added and system needs to be made secure by adding HTTPS. The ability to view multiple metrics and other statistics like best commits, worst commits and contribution pie chart will also be added to the prototype Status of the prototype The second prototype improved upon the first this and contained the following things React UI components for the user and admin dashboard, multiple metric trend chart using client API for data and adding a project with the help of GitHub API. The Final prototype integrates the existing components with the backend and adds some new components too. The following components now work completely and are not just UI renders- login, registration, add collaborator, request for analysis, user dashboard, project analysis status, multiple metric system, contribution pie chart and worst/best commits. This prototype also adds cosmetic changes to the earlier completed components and UI renders for the admin dashboard with static data Purpose of the prototype The second set of prototypes were developed to mitigate the risk of inexperience of the personnel in ReactJS technology. UI components developed in React gave a good hands-on experience to the team members. Also, the research that went into choosing canvas API for rendering multiple metrics would help to provide the Level of Service of a fluid, efficient and interactive system. The final prototype focuses on providing most of the agreed upon requirements since members were now comfortable with ReactJS. This will make the client and other stakeholders confident about the product and they will be able to have a closer look on how the final product will look like. Also, this will act as an evolutionary prototype and the final product will be built upon it by making changes to this. 6

7 2.Navigation Flow SQAAS website Forgot Password Login Register User Admin Request for Analysis Add Collaborator View Statistics View Active projects and Favorite Projects View Analysis Status Manage Request Notifications Manage per user Access View/edit user and project data 7

8 3.Prototype Table 1: Request Analysis A user can request for a project to be analyzed UC-7 The user logs on to the system and clicks the add new project button in the drop-down. The request for analysis of the project is sent for approval and the project is added on the analysis requests table for status. Figure 1: Request Analysis 8

9 Table 2: User Dashboard A user can look at projects he has analyzed and favorite projects. UC-9, UC-11 The user logs on to the system or clicks on the home menu button. User sees a list of favorite projects and a searchable list of all the projects that have been approved by admin and are analyzed. Figure 2: User Dashboard 9

10 Table 3: Multi Metric Statistics A user can see multi-metric analysis result of the project along with other statistics like contribution chart and worst/best commits. UC-10 The user logs on to the system and chooses of the project from his dashboard and then selects the metrics for comparison. User sees various statistics like contribution pie chart, worst/best commits and trade-space view of the metrics for that project. Figure 3: Multi Metric Statistics 10

11 Table 4: Forgot password (UI render) A user can ask for changing the password that has been forgotten. UC-4 The user logs on to the SQAaaS website and clicks the forgot password link on the login panel. User is redirected to the forgot password page where he can enter the for his account. Figure 4: Forgot password (UI render) 11

12 Table 5: Sign Up A user can register to the website. UC-1 The user logs on to the SQAaaS website and clicks the sign-up link on the login panel. User can register after which the user is redirected back to the login page and success message pops up. Figure 5: Sign up 12

13 Table 6: Login A user can login to the website. UC-2 The user visits the SQAaaS website. User can input their credentials and are redirected to the use dashboard if correct credentials are input. They also see a success or failure message depending on the input. Figure 6: Login 13

14 Table 7: Logout A user can logout of to the website. UC-3 The user visits the SQAaaS website, logins the website and clicks logout button from the top bar dropdown. User logs out and is redirected to the login page. Figure 7: Logout 14

15 Table 8: Analysis Request Status A user can view the status of the submitted requests for analysis. UC-8 The user visits the SQAaaS website, logins the website and clicks Analysis request button from the top bar dropdown. User can view the status of all the requests of project submitted for analysis. Figure 8: Analysis Request Status 15

16 Table 9: Add a Collaborator A user can add a collaborator to the project so he can also have access to a closed source project. UC-6 The user visits the SQAaaS website, logins the website and clicks add collaborator button from the top bar dropdown. The user can input an to add that user as a collaborator. The user gets a success message when the request is sent. Figure 9: Add a Collaborator 16

17 Table 10: Admin Requests Notification An admin can view the current collaborator requests and grant or deny these requests. UC-15, UC-16 The user logins the SQAaaS website as an admin or clicks the Requests button in the sidebar. Admin views all the current request notification, on clicking grant/deny the request is granted/denied. On clicking the cross icon, the requests are deleted. Figure 10: Admin Requests Notification 17

18 Table 11: Users Information An admin can view the current collaborators and change their profile information if required. UC-19 The user logins the SQAaaS website as an admin and clicks the Users button in the sidebar. Admin views all the users and can select any user. By clicking on fields the admin can also modify that information. Figure 11: Users Information 18

19 Table 12: Projects Information An admin can view the current projects which are analyzed and change their information if required. UC-18 The user logins the SQAaaS website as an admin and clicks the Projects button in the sidebar. Admin views all the projects and can select any project. By clicking on fields the admin can also modify that information. Figure 12: Projects Information 19

20 Table 13: Access Information An admin can view and change information about access of projects to the users. UC-20 The user logins the SQAaaS website as an admin and clicks the Access button in the sidebar. Admin views the information about project access by clicking on a user and change the access information by clicking on the respective checkbox. Figure 13: Access Information 20