Test Cases and UML diagrams for CTRL Space

8/13/2019 Test Cases and UML diagrams for CTRL Space

http://slidepdf.com/reader/full/test-cases-and-uml-diagrams-for-ctrl-space 1/73

DEVAPPS Final Consolidated PaperA Development of Business Applications Project

Presented toThe Faculty of the College of Computer Studies

De La Salle University – Manila

byBautista, Maria Clarese S.Sanchez, Kathlyn Kaye B.

Tiu, Marie Angeli L.Yap, Perla C.

Si D Ch



Si D Ch



User

userID INT

username VARCHAR(45)

password VARCHAR(45)

email VARCHAR(45)

firstname VARCHAR(45)

lastname VARCHAR(45)

last_login DATETIME

Indexes

Widget

widgetID INT

widgetName VARCHAR(45)

description VARCHAR(45)

IndexesUser_has_Widget

User_userID INT

Widget_widgetID INT

projectID INT

row INT

column INT

Indexes

Issue

ticketID INT

trackerID INT

subject VARCHAR(45)


assignedID INT

creatorID INT

progress VARCHAR(45)

dateCreated DATETIME

dateStarted DATETIME

dateDue DATETIME

statusID INT

projectID INT

estematedTime DATETIME

updatedTIme DATETIME

User_userID INT

Issue_Status_statusID INT

Member_has_RolesAndProject_member_has_roleID INT

Member_has_RolesAndProject_roleID INT

Member_has_RolesAndProject_userID INT

Indexes

Issue_Status

statusID INTtdescription VARCHAR(45)

IndexesTracker_Type

trackerID INT

trackerDescription VARCHAR(45)

Issue_ticketID INT

Issue_statusID INT

Issue_projectID INT

Indexes

Code_Chunk

chunkID INT

linkerID INT

line_number_start VARCHAR(45)

line_number_end VARCHAR(45)

sourceCode VARCHAR(45)

Source_Code_Linker_linkerID INT

Source_Code_Linker_trackerID INT

Indexes

Source_Code_Linker

linkerID INT

trackerID INT

filename VARCHAR(45)

fileLocation VARCHAR(45)

Issue_ticketID INT

Issue_statusID INT

Issue_projectID INT

Indexes

Project

projectID INT

name VARCHAR(45)


dateCreated DATETIME

startDate DATETIME

dueDate DATETIME

statusID INT

userID INT

3 more...

Indexes

Comments

commentID INT


Project_projectID INT

Project_userID INT

Project_statusID INT

Indexes

Version

versionID INT

existing_code_start VARCHAR(45)

existing_code_end VARCHAR(45)

updated_code_start VARCHAR(45)

updated_code_end VARCHAR(45)

linkerID INT

Project_projectID INT

Project_userID INT

Project_statusID INT

Indexes

Project_Status

statusID INT

name VARCHAR(45)

Indexes

Project_Members

memberID INT

userID INT

projectID INT

roleID INT

Member_Roles_roleID INT

Indexes

Member_has_RolesAndProject

member_has_roleID INT

currentStatus VARCHAR(45)

roleID INT

projectID INT

userID INT

Indexes

Member_Roles

roleID INT

roleName VARCHAR(45)

projectID INT

Member_has_RolesAndProject_member_has_roleID INT

Member_has_RolesAndProject_roleID INT

Member_has_RolesAndProject_userID INT

Indexes



Category Description Rough Est SizeLog-in Create a feature that will authenticate the access of the users to the system by logging in. 2

Log-outCreate a feature that will allow the users who have logged in the system to leave the workspace.(log-out) 9

Register Create a feature that will enable the users to request access to the system. (register) 18Project: Choose projecttype Create a feature that will enable the users to request access to the system. (register) 35

Project: Update DetailsEnables the user to update the project in its name, description, website,status, start date and due date in a form. 4

Project: Assignment ofRoles by administrator

Enables the project manager to coordinate the project by giving themspecial functionalities to be able to not only view members but alsoto add, remove, set and unset their roles. 9

Project Members: AddMembers

Users are allowed to add their members in a project by selecting the project he/she wish to addhim/her then just click the user name of the members and add them in the field of edit members. 2

Project Members:Remove Members

Users are able to remove the members they had previously added in the project by following theprocess of adding the members except that at the final stage, he/she must select the memberwhom he/she wishes to remove and click remove. 2

Project Members: ViewMembers

Users are able to view the list of all members in a project by doing the same process aspreviously stated 2

Set and Unset MemberRoles

This enables the users to set role/s to their members and at the same time remove or changetheir roles. The system will close and reopen the drop down to show the completeness of thetask. 4

SortingThe user will be able to sort the issues according to their categories such as the ID of the issue,tracker of the issue, status, subject, progress, assignee and last date of update. 7

SearchingThis enables the user to search through the list of issues through the following criteria: ID,Tracker, Status, Subject, Progress, Assignee and the Last date of update. 3

Create Issue

A form will be shown to take the information from the user including the content of the issue. Thesystem will automatically connect the issue being created to the respective source code in theproject. A database for storing the issue will also be created. In the form, the user would be able

to set it as primary or secondary; he/she would also be able to define the issue and associate theissue with the specific code in the project. 3

Updating Issue

This function enables the user to make changes on the content of the issue such as changing thedue date, assignee and others which are presented in the form.The system will update the issue according to the changes made by the user and will be reflectedin the issue page. 3

RefreshThis function refreshes the list of all the issues and displays all the changes take place such asupdates or deletes. 1



FilteringUsers are given the option to choose what type of information they want to see in their screen bythe following functionality. 1

Filtering: Search (issueand related issue)

The user would be able to enter a string or keywords in the search field located at the upper righthand corner of the tab content. The system will automatically filter the list of issues and displayonly the issues having the string or keywords being input by the user. 3

Filtering: Assigned to you

If the user wants to see only all the issue that is assigned to him/her, he/she just have to check

the checkbox labeled “issues assigned to me”. The system will automatically filter the list andhide the issues of other people and retain all the issues that were assigned to the user. 4

Activation anddeactivation of issue

This enables the user to set active or unset active to a particular issue by checking andunchecking the checkbox that was labeled “active”. The system will update the issues thatcorrespond to the issue being set or unset active. A “Toast Notification” will be shown verifyingthe result of the request. 1

Jump to IssueThis function enables the user to go to issues randomly as he/she wishes. The selected issue willbe open in a new browser tab, displaying all the details about the issue. 2

Display all related issueThis enables the user to open all the related issues. The system will show the related issues in atable form particularly the highlight, ID of the issue, tracker of the issue and subject of the issue. 3

Relating Issue: Add

related issue

This function enables the user to relate issues by either creating new issue or updating an issue.

The user then selects an issue in two ways. 3Relating Issue: Removerelated Issue

A list of related issue would be displayed and users are able to remove the issues by selectingthem. 1

Relating Issue: Two-wayRelations

This function links between the “Issue” and “Related Issue”. That is, each “Related Issue” mustbe related to the “Issue” and vice versa. 4

Related Source Code -the user is able to view the source code associated with the issue selected 9

Display related sourcecode

Located under the all issues button. It is another button that will enable the user to review andlook at the code connected to the issue presented. It is viewed as a project tree, similar to theproject explorer in the editor page, and is arranged by structure and location. If a project has noissues and related source code, the name of project is only displayed. 21

Open related source code

contained in the project tree, the user is able to open the file information of the source codeassociated with the issue selected. Moreover, the issue related to it is also displayed together

with its file information. 3Close Related Sourcecode enables the user to close the file information dialog box after opening the related source code. 23

Display Difference

found underneath the all issues tab and source code category, and inside the file informationdialog box. This shows the user what parts of a code where revised in comparison to the otherversions of the project. Red code segments signify removed lines while green code segments foradded code lines. 18

Jump to related issue it redirects the user to the issue page which contains the issues of a project. 12



Open related source codeto editor

ound in the file information dialog box, the button named edit related source code enables theuser to view the related source code in the editor page while focusing on the exact code segmentwhere it’s located. 11

Display related issue ofrelated source code

located in the related issues dialog box, this function makes the user capable of viewing the issueof the specific line of code with the following details: ID of the issue, tracker, and subject. 8

View issue

This function displays the details of an issue, including the events, related issues, related source

codes, and time logs. 11

Display issue detailsactivities

It enables the user to view the changes of the issues. If there are changes, list of activities will bedisplayed in the issue details column. If there are no updates in the issue, the system will displayNo Issue Detail Activity. 19

Display Related IssueUnder the related issues section, this function enables the user to view issues associated to thecode. If there are no issues, the system will display No Related Issues. 6

Jump to related issueThe system will redirect the user the related issue page containing information about issuesassociated with the project. 13

Time log A function that enables the user to view the remaining time, and total time spent by theprogrammer in the specific issue. 20

Display total time spent

Under the time log section, this enables the user to view the sum of the hours a user has spent

doing the issue or project. I f the issue is not yet worked on, the system wil l display No Time Logs. 24

Display breakdown oftime spent

Under the time log section, this enables the user to view the allocation of time spent doing in aspecific issue. If the user has not yet worked on the issue, the system will display No Time Logs. 22

Linking Source Codesand Issues: Single activeissue, single source code

Enables the user to edit a source code and sets an issue as an “Active Issue”, which will link theactive issue and the source code making the “Active Issue” becomes a “Related Issue” in the“Source Code” and now the “Source Code” becomes a “Related Source Code” in the “ActiveIssue”; the new “Related Source Code” can now be viewed in the “Issue Details” in the respectiveissue page. 14

Linking Source Codesand Issues: Multiple

active issue, singlesource code

Enables the user to edit a source code and sets one or more issue as “Active Issues”, which willlink the active issue and the source code making the list of “Active Issues” becomes a list of“Related Issues” in the “Source Code” and now the “Source Code” becomes a “Related Source

Code” in each of the “Active Issues”; the new “Related Source Code” can now be viewed in the“Issue Details” in the respective issue page. 15

Linking Source Codesand Issues: Single activeissue, multiple sourcecode

Enables the user to edit one or more source codes and sets an issue as an “Active Issue”, whichwill link the active issue and the source code making the “Active Issue” becomes a list of “RelatedIssue” in each of the “Source Codes” and now all of the “Source Codes” becomes a “RelatedSource Codes” in the “Active Issue”; the new “Related Source Codes” can now be viewed in the“Issue Details” in the respective issue page. 13



LinkingSource Codes andIssues: Multiple activeissue, multiple sourcecode

Enables the user to edit one or more source codes and sets one or more issue as “ActiveIssues”, which will link the active issue and the source code making the list of “Active Issues”becomes “Related Issues” in each of the “Source Codes” and now all of the “Source Codes”becomes a “Related Source Codes” in each of the “Active Issues”; the new “Related SourceCodes” can now be viewed in the “Issue Details” in the respective issue page. 2

Source Code: Open andView Comments

Enables the user to open and view comments particularly on the respective line number

that he/she will be clicking on the editor page in the file open function,which will let the user see the comments, through a popover window, linked tothe file and line number if there are already existing comments. 6

Source Code: Addcomment

Enable the users to add comments by clicking the line number he/she intends to write acomment on and presses the “Post” button or the “enter” in the keyboard; thenewly added comment will be immediately listed in the list of comments in therespective line number and would be shown through a popover window if there arealready existing comments in the particular line 5

Source Code: EditComment Enables the user to update revisions regarding a comment. 7Source Code: DeleteComment Enables the user to remove the comment that was stored in the database 1

Source Code Comments:Close

Enable the users to close the popover comment window by clicking the “Close” button thatcan be found on the upper right corner of the window. 13

Source CodeHighlighting: SingleRelated Issue

Enables the user to see the issues that are related to one another, even though they are indifferent file locations, because same issues can be determined by the number beside the file,and it is through the clicking a check box in the “Highlight” column in the editor page that allowsthe source code segment/s of the file in focus to be highlighted 9

Source CodeHighlighting: MultipleRelated Issues

Enables the user to see the issues that are related to one another, even though they are indifferent file locations, because same issues can be determined by the number beside the file,and it is through the clicking two or more check box in the “Highlight” column in the editor pagethat allows the source code segment/s of the file in focus to be highlighted. (Some sourcesegment/s may overlap) 9

Source Code

Highlighting: MultipleRelated Issues:Overlapping Source CodeSegments

Enables the users to identify the number of related issues that are related to the overlappingsource code segment/s, which are displayed beside the line numbers, and this can be seethrough the hovering on the related issue count beside the line number. (two or more check boxcan be ticked in the “Highlight” column) 16

Navigation : Home

This is the first page the user is redirected upon logging in. The page provides the overview ofprojects the user is currently working on and is currently involved in. Added to that, the user isalso capable of navigating through different pages in the nav bar. 28



Navigation: Dashboard

This is the main page of the system. It contains the overview of projects, and activities the user isinvolved to. The user is also able to navigate through the different pages available for the wholesystem. Other than that, certain widgets can be utilized by the user in this page. 14

Navigation: Editor

this page contains the IDE where the users are able to edit and create codes. This will be themain area where programmer code there projects and where programmers could resolve issuesrelating to a specific line of code. 6

Navigation: Settings

his page enables the user to manipulate options in a project. Included here are defining

workflows, adding members to a project, editing roles in a project, and setting privileges to certainmembers in a project. 3

Navigation: Issuesthis page enables the user to create, view, and edit issues in the project. Also, this page containsrelated issues associated with a code and related source code in the project. 19

Display All Issues

This function displays all the issues of the project in a table form. All the issues are arranged andcategorized into the following field: Active or inactive issue, ID of the issue, tracker of the issueand subject of the issue. 3

Pagination: X issues perpage

This enables the user to display the number of issue he/she wants by selecting the number ofissue to be shown per page. 11

Pagination: Paging This enables the user to view the next batch of issues. 16

Widgets: Adding,

Removing andRearranging

Enables the users to customize of widgets accordingto their desired orientation for faster navigation.

Users will be allowed to add, remove or rearrange thecontents that will be displayed in there done by drag and drop. 35

Widgets: Grouping ofIssues

Enables the user to choose the contents that he only wish to see.Users can choose to view the following from a set of choices given to them that includes allissues to issues that are already groupedinto categories like: active issues, active issues grouped by tracker, issues assigned to youissues grouped by member, issues grouped by status and time logs. 30

Line Markers: Display

Enable the user to focus their attention immediately on the part that they wishto view by displaying markers preferably a number that will be displayed for every line of code that is entered that will serve as an indicator as to where they wantto go or as to where the last line was edited. 10

Line Markers: ViewSingle/Multiple Issues

Other than being able to jump to a segment of code by clicking on a marker, users could alsoview single or multiple issues that are ticked using this feature by clicking on the marker. 6

Project Explorer: See listof related issue of file

Enable the user to view the project explorer located at the left side of the systemthat will aid them to see a list of related issue of a file or to see the number of related issues beside the file name. Other than that, the project explorer can alsobe closed once the user wish to do so. 4



Project Explorer: Seenumber of issues relatedto the file

Enable users to view the project explorer located at the left side of the system that will aid themsee the number of related issues beside the file name. 3

Project Explorer: Close Enables the user to close the project explorer by clicking "X" button. 1Notifications:Toast Notifications –Display Toast

Enables the user to be informed on the result of his/her executions in the system; the notificationwould either be notice, warning, success, and failure and it will be shown through a pop up in theupper right corner of the existing page. 7

Notifications:Toast Notifications –Close Toast

Enables the user to close notifications particularly the “sticky” toast notifications where in it wouldonly be closed by pressing the “Close” button of the notification, but in “non-sticky” notifications, itwill eventually disappear. 5

EDITOR - Retrieve Source Enables users to open an existing source code to an editor 9EDITOR - Java Interpreter Enables users to see the output of the source code that has been compiled. 12EDITOR - File Type Enables users to compile different file types 5EDITOR - Language Enables users to distinguish which language is being used. 7EDITOR - Load and Enables users to import and delete libraries that they need in the project. 4EDITOR - Plugin Manager Enables users to manage their installed plug-ins in the system. (E.g. adding, deleting and 7EDITOR - Intelligent 39*Semantic Coloring*Code Completion

*Code Generation*Add import statements*Get rid of unused Enables the users to identify and highlight unused imports.

77*Instant Rename*Java Syntax Based Enables the users to

Error Stipe*Code Template*Navigate Through Enable users to explore around the code.EDITOR - View issue This function displays the details of an issue, including the events, related issues, related source 11EDITOR - Display issue It enables the user to view the changes of the issues. If there are changes, list of activities will be 19EDITOR - Display Under the related issues section, this function enables the user to view issues associated to the 6

EDITOR - Jump to The system will redirect the user the related issue page containing information about issues 13EDITOR - Linking Source Enables the user to edit a source code and sets an issue as an “Active Issue”, which will link the 14EDITOR - Linking Source Enables the user to edit a source code and sets one or more issue as “Active Issues”, which will 15EDITOR - Linking Source Enables the user to edit one or more source codes and sets an issue as an “Active Issue”, which 13

EDITOR - Linking

Enables the users to identify errors in the source code by pointing out the specific line where the errorEnable users to have a beginning template eacb time he opens a new project.

Enables the user to edit one or more source codes and sets one or more issue as “ActiveIssues”, which will link the active issue and the source code making the list of “Active Issues”becomes “Related Issues” in each of the “Source Codes” and now all of the “Source Codes”

“ ” “ ” “

Enables users to identify language specific keywords through changing it to a specific color using semantic coloring.Enables users to auto-complete a language keyword or existing methods that are present in the API.

Enables users to generate default code templates in a click. (E.g. getters and setters and other constructors)Enables the users to identify the possible libraries that should be imported when there is an error detected.

EDITOR - Source Code HighlightEnables the users to locate all similar keywords and replace it with the new desired word.



Issues: Multiple active

Enable the user to focus their attention immediately on the part that they wishto view by displaying markers preferably a number that will be displayed for every line of code that is entered that will serve as an indicator as to where they wantto go or as to where the last line was edited.

EDITOR - Line Markers: Other than being able to jump to a segment of code by clicking on a marker, users could also 6

EDITOR - Notifications:Toast Notifications –

EDITOR - Notifications:

Enables the user to be informed on the result of his/her executions in the system; the notificationwould either be notice, warning, success, and failure and it will be shown through a pop up in theupper right corner of the existing page. 7Enables the user to close notifications particularly the “sticky” toast notifications where in it wouldonly be closed by pressing the “Close” button of the notification, but in “non-sticky” notifications, itwill eventually disappear. 5

Codes” can now be viewed in the “Issue Details” in the respective issue page. 2

EDITOR - Line Markers:Display 10



Backlog Item Task Task Owner Initial Estimate

Enable the user to focus their attentionimmediately on the part that they wishto view by displaying markers preferably anumber that will be displayed for every line ofcode that is entered that will serve as anindicator as to where they wantto go or as to where the last line was edited.

Assign a number per line of code that will be entered.The number will increase by 1 as another line is beingentered. Developer 2Design User Interface that will be responsible indisplaying the number corresponding to a line of codeand the checkbox that will enable code highlightingonce an issue is selected. Designer 2Identify the last line of code that was edited by thedeveloper. Developer 2Clicking the marker will bring the developer to the lineof code that it corresponds. Developer 4

Other than being able to jump to a segment ofcode by clicking on a marker, users couldalso view single or multiple issues that areticked using this feature by clicking on themarker.

Projects that has one or more issues may be viewedby clicking the marker. Project Manager 2Once the highlight checkbox has been checked, thesystem would identify the code that has a certainissue. Project Manager 4

Enables the users to customize of widgetsaccording to their desired orientation forfaster navigation.Users will be allowed to add, remove orrearrange the contents that will be displayedin there done by drag and drop.

Implement the JQuery User Interface / Dojo toolkit indesigning the widgets that are responsible indisplaying the issues that he has created or wasassigned. Designer 4

A widget that has been created as a result of anassigned issue or an issue that he created can bedragged around the page. Tester 4Create a DAO (Widget DAO, User Widget DAO) Designer 1 loading the widget that he has placed in hisdashboard. Tester 1widgets can be added or stuck to the dashboarddepending on the desire of the user. Tester 2



widgets can be repositioned in the dashboard. Tester 3widgets are removed from the database once the user Developer 3information regarding an issue can be added to the Developer 2revisions can also be added in the widget. Developer 1Save changes that has been made to the widgets forinstance adding a certain widget to the dashboard,deleting a widget innthe dashboard or dragging a

certain widget elsewhere in the workspace. Project Manager 4revisions that are done by a user should also beupdated in the widget. Tester 5

Create a table in the database that will store theinformation of the user of the widget that include thefollowing: unique identifier (userwidgetid), uniqueidentifier of the project (projectid), unique identifier ofthe user(userid), and the position (column and row) ofthe widget. Project Manager 2Create a widget that will accept three kinds of inputnamely chart, text, and graph. Project Manager 6

Create a table in the database that will store theinformation regarding the widget that include thefollowing: a unique identifier to the widget(widgetId),what it can also be called (widgetName),other details of the widget (description),and underwhat type of widget it is classified under(widgetClass). Designer 2

Enables the user to choose the contents thathe only wish to see.Users can choose to view the following from aset of choices given to them that includes allissues to issues that are already groupedinto categories like: active issues, activeissues grouped by tracker, issues assigned toyouissues grouped by member, issues groupedby status and time logs.

-(issues grouped by member) graphical representationin the form of a bar chart should be implementedaccording to the number of issues that were assignedper member. Designer 6



-(active issues grouped by tracker) graphicalrepresentation in the form of a pie chard should beimplemented according to the number of active issuesthat are assigned per member in line with the tracker. Developer 4-display a list of all issues in text that are assigned to amember in a table. Developer 3

-(issues grouped by status) graphical representation inthe form of a bar chart should be implementedaccording to the list of issues that are present inreference to their current status. Developer 6-implement a timer that would keep track of how longeach user spends on a certain project. Project Manager 8-show the timer in the widget if selected. Tester 4-Create time log DAO Developer 1

Enables the user to choose from creating a

SpringSource MVC project or just a Generic JSP Project. Thoseapplications will be able to run, commit/push,update/pull, and execute normal fileoperations.

-Create table in database to store details regarding theproject that includes the unique identifier of the project(projectid), user who is involved in the project (userid),title of the project (title), classification of the project to

Google App, Spring MVC, or Generic JSP (nature),project description (description), physical path of theproject(path), date when the project wascreated(datecreated), data structure of theproject(pmsprojectid). Project Manager 2Design/Develop the UI form Designer 2Design/Develop the database for the project Developer 4Develop the objects to access the database of theform Developer 2Install tomcat, MySql, SVN, JDK Tester 1create template folder for the project (src, WEB-INF,META-INF, etc.) Developer 4

create template program files (index, jsp,HelloWorldServlet, java etc.) Developer 4Provide default values for web.xml, MANIFEST. MF Developer Include default set of libraries needed by the project(jsp-api, jar, mysql-connector.jar, etc. ) Project Manager 4

Allocate storage space for code versioning (initializeversioning tool with template project/ check in theproject) Project Manager 5



Create username and password for SVN to be usedby the project. (SVN is the code versioning) Developer 1Create a schema for the project Developer 1Create username and password for the schema of theproject Developer 1

Add revisions to the project should be implemented Developer 2Implement removing the project from the IDE Developer 3

Enables the user to update the project in itsname, description, website,status, start date and due date in a form.

Create a DAO that will help them add contents to thedatabase. Project Manager 1

Adding revisions to the name, description, website,status, start date and due date Project Manager 2Create a UI and a form that will accept the revisedvalues Designer 1

Enables the project manager to coordinatethe project by giving themspecial functionalities to be able to not onlyview members but alsoto add, remove, set and unset their roles.

-Create a table that would store the users and theirroles in the project. Project Manager 1

Create a UI that contains checkboxes (unset and setroles), dropdown menu (selection of user roles), editmember dialogue box (update revised member fromthe project) Designer 1Create a link between the members and their roles Project Manager 2Develop the privilegdes of the different roles of theproject members Developer 5

Enable the user to view the project explorerlocated at the left side of the systemthat will aid them to see a list of related issueof a file or to see the number of related issues beside the file name. Other

than that, the project explorer can alsobe closed once the user wish to do so.

Create a User Interface for the project explorer forthem to be able to display a popover window notifying

the user the list of related issue or the number ofrelated issue beside the file name. Designer 4

Enable users to view the project explorerlocated at the left side of the system that willaid them see the number of related issuesbeside the file name.

Display a list of file names with the total count ofissues that are related to them Tester 3

Enables the user to close the project explorerby clicking "X" button.

Create a User Interface to enable the users to closethe project explorer if he wishes to do so. Designer 1



Enables the user to open and view commentsparticularly on the respective line number that he/she will be clicking on the editor pagein the file open function,which will let the user see the comments,through a popover window, linked to

the file and line number if there are alreadyexisting comments. Create object to retrieve data from database Developer 2Develop objects to access database Developer 2UI for comment popover window Designer 1UI for file open Designer 1

Enable the users to add comments by clickingthe line number he/she intends to write acomment on and presses the “Post” button orthe “enter” in the keyboard; thenewly added comment will be immediately

listed in the list of comments in therespective line number and would be shownthrough a popover window if there arealready existing comments in the particularline UI for writing comment Designer 1

UI for line numbers Designer 1UI for comment popover window Designer 1Database for the storage of comments Project Manager 1UI for file open Designer 1

Enables the user to update revisionsregarding a comment. UI for editing comments Designer 1

UI for line numbers Designer 1

UI for comment popover window Designer 1

Retrieval and updating existing comments in database Project Manager 3UI for file open Designer 1

Enables the user to remove the comment thatwas stored in the database UI for deleting comment Designer 1

UI for line numbers Designer 1UI for comment popover window Designer 1



UI for file open Designer 1-retrieval, updating and deleting existing comments indatabase Project Manager 2

Enable the users to close the popovercomment window by clicking the “Close”button thatcan be found on the upper right corner of the

window.

UI for popover comment window, specifically close

button Designer 1

Enables the user to see the issues that arerelated to one another, even though they arein different file locations, because sameissues can be determined by the numberbeside the file, and it is through the clicking acheck box in the “Highlight” column in theeditor page that allows the source codesegment/s of the file in focus to be highlighted Display: sorting of issue to retrieve related issue Designer 2

Open: integrating issues from different file locations Developer 6Jump: UI for checkbox in the "highlight" column (only

one check) of the Editor's page Designer 4Close: UI for highlighting code segment/s of the file infocus Designer 1UI for file open Designer 1

Enables the user to see the issues that arerelated to one another, even though they arein different file locations, because sameissues can be determined by the numberbeside the file, and it is through the clickingtwo or more check box in the “Highlight”column in the editor page that allows thesource code segment/s of the file in focus to

be highlighted. (Some source segment/s mayoverlap) Display: UI for file open and UI for source segmentsoverlap Designer 1Open: sorting of issue to retrieve related issue Project Manager 3

Jump: Intergrating issues from different file locations Project Manager 3Close: UI for checkbox in the "highlight" column (2 ormore checks) of the editor's page Designer 1



UI for highlighting code segment/s of the file in focus Designer 1Enables the users to identify the number ofrelated issues that are related to theoverlapping source code segment/s, whichare displayed beside the line numbers, andthis can be see through the hovering on the

related issue count beside the line number.(two or more check box can be ticked in the“Highlight” column)

Count function for the number of related issues thatare related to the overlapping source code segment/s Developer 4Display close open UI for file open Designer 1Tool tip for count result for related issues inoverlapping source code segment/s Designer 2UI for checkbox in the "highlight" column (2 or morechecks) of the editor's page Designer 1

UI for highlighting code segment/s of the file in focus Designer 1Enables the user to edit a source code andsets an issue as an “Active Issue”, which will

link the active issue and the source codemaking the “Active Issue” becomes a“Related Issue” in the “Source Code” and nowthe “Source Code” becomes a “RelatedSource Code” in the “Active Issue”; the new“Related Source Code” can now be viewed inthe “Issue Details” in the respective issuepage. UI for edit source code (1) Designer 1

UI for setting issue to “Active Issue” (1) Designer 1Link function for “Active Issue” and “Related Issue” inthe “Source Code” and “Source Code” and “RelatedSource Code” in the “Active Issue”. Developer 3

UI for “Issue Details” in issue page Designer 1Update revision or edit function for source code Developer 6Changing the issue function Developer 5



Enables the user to edit a source code andsets one or more issue as “Active Issues”,which will link the active issue and the sourcecode making the list of “Active Issues”becomes a list of “Related Issues” in the“Source Code” and now the “Source Code”

becomes a “Related Source Code” in each ofthe “Active Issues”; the new “Related SourceCode” can now be viewed in the “IssueDetails” in the respective issue page. UI for edit source code (1) Designer 1

UI for setting issues to “Active Issues” (1 or more) Designer 1Link function for list of “Active Issues” and list of“Related Issues” in the “Source Code”, and the“source code” and “Related Source Code” in each ofthe “Active Issues”. Developer 4-UI for “Issue Details” in the Issue Page Designer 1Updating revision function for source code Developer 4Changing the issue function Developer 5

Enables the user to edit one or more sourcecodes and sets an issue as an “Active Issue”,which will link the active issue and the sourcecode making the “Active Issue” becomes a listof “Related Issue” in each of the “SourceCodes” and now all of the “Source Codes”becomes a “Related Source Codes” in the“Active Issue”; the new “Related SourceCodes” can now be viewed in the “IssueDetails” in the respective issue page. UI for edit source code(1 or more) Designer 1

UI for setting issue to “Active Issue” (1) Designer 1

Link function for the “Active Issue” and the list of“Related Issues” in each of the “Source Codes”, andall of the “Source Codes” and “Related Source Code”in the “Active Issue” Project Manager 5UI for “Issue Details” in the issue page Designer 1Updating revision/edit function for source code Project Manager 6Changing the issue function Tester 4



Enables the user to edit one or more sourcecodes and sets one or more issue as “ActiveIssues”, which will link the active issue andthe source code making the list of “ActiveIssues” becomes “Related Issues” in each ofthe “Source Codes” and now all of the“Source Codes” becomes a “Related Source

Codes” in each of the “Active Issues”; the new“Related Source Codes” can now be viewedin the “Issue Details” in the respective issuepage. UI for edit source code (1 or more Designer 1

UI for setting issue to active issue (1 or more) Designer 1Link function for the list of “Active Issues” and“Related Issues” in each of the “Source Codes” and allof the “Source Codes” and “Related Source Codes” ineach of the “Active issues”. Project Manager 4UI for “Issue details” in the issue page Designer 1Updating revision/edit function for source code Developer 4Changing the issue function Tester 5

Enables the user to be informed on the resultof his/her executions in the system; thenotification would either be notice, warning,success, and failure and it will be shownthrough a pop up in the upper right corner ofthe existing page.

UI for notification pop-up- notice, warning, successand failure in an existing page after execution done inthe system. Designer 2

Enables the user to close notificationsparticularly the “sticky” toast notificationswhere in it would only be closed by pressingthe “Close” button of the notification, but in“non-sticky” notifications, it will eventuallydisappear.

-UI for “sticky” notifications that needs to have a“Close” button that requires to be pressed in order toget rid of the notification in an existing page afterdoing executions in the system. Designer 3

UI for “non-sticky” notifications that would eventuallydisappear after it pops up in the existing page afterdoing executions in the system. Designer 4

Create a feature that will authenticate theaccess of the users to the system by loggingin. Log-in page Project Manager 2

Develop objects to access the database Project Manager 1JS prompt error message Tester 1



Create session for user Developer 1Create a feature that will allow the users whohave logged in the system to leave theworkspace. (log-out) User Interface for Log-Out button Designer 1

Remove User from the session Developer 1Create a feature that will enable the users torequest access to the system. (register) Registration Form Project Manager 3

JS prompt error message Tester 1Develop the objects to access the database Project Manager 2Develop a database to store information Project Manager 2Prompt user if there are empty fields Tester 1

Display All Issue Design the user interface of issue tab and page. Designer 2Create the functionality of pagination Developer 6Sort the issues by ID, tracker, status, subject,progress, assignee and update date Developer 7Create the search function that allows the user tosearch through ID, tracker, status, subject, progress,assignee and update date Developer 6

Create Issue/Created related issue

Design the form which will be used by the user inorder to input the information needed in creating anissue. Designer 5Storing the created issue to the database of thesystem Project Manager 6

Updating issue/Updating related issueDesign the interface where user can view the issuehe/she wanted to make changes. Designer 4Retrieve the full detail from the database Project Manager 7Enable user to make all the necessary changesexcept for the create date Project Manager 6Storing of the new data by replacing the old one. Project Manager 4

Refresh IssueRetrieving the new created or updated data from thedatabase and displays it on the screen. Developer 3

Issue: FilteringCreate interface where the user is ask to enter keyword/s Designer 5Look throughout the enter l is t of the issue and findissues that have the keyword/s Developer 6Display the result Developer 5



Give user the option to choose what type of searchhe/she wants : “Assigned to Me” or any Developer 4

If “Assigned to Me” is selected, sort out all the issuesthat are assigned to the specific user. Developer 4Hide the issues that are not related to action beingperformed. Developer 4

Set/Unset Active Allow user to manipulate active issues Developer 6Create option for set active issue and unset act iveissue Developer 6Show a notification to notify the user if the request issuccessfully done. Project Manager 7

Jump to IssueCreate a list of issue and let user be able to select theissues he/she want to go Project Manager 8Open the selected issues into separate tabs Project Manager 2Design the interface for showing the issues Designer 2

Display All Related IssueCreate the interface that will show all the relatedinterface Designer 1Look through the ent ire l is t of issues and sort out allthe related issues Developer 2

Arrange the sort out issues in a table form having thefollowing attributes: highlights, ID of the issue, tracker of the issue and subject of the issue. Developer 8

Relating issue: two way relation Link issues to related issues and vice versa Project Manager 2 Allow adding and removing of issue Developer 5Design the interface for the functionality Designer 1

Project Members: Add Members Design the user interface for adding members Designer 1Create forms that will be used to take the necessaryinformation from the user Designer 2Display a list of members that are registered in thesystem Developer 2Update the database Tester 5

Project Members: Remove MembersDesign the functionality for remove members from aproject Designer 5Code the functionality of removing members Developer 3Disable the accessibility to the said project if themember has been removed. Developer 8Update the database Tester 3



Project Members: View MembersDesign the interface of showing the members in aproject Designer 1Code the functionality of viewing Developer 3Retrieve data/information about the members to beviewed in the interface Project Manager 2

Set/Unset Member rolesCreate the functionality of setting and unsetting rolesof a member in a project. Developer 5

Allow only the functionality that should be access bythe member according to his/her role Developer 6Design the interface on how to notify the user if theaction is completed. Designer 2

Display Related Source Code Retrieve information from issues table in database Project Manager 3Create objects to access the database Project Manager 1UI of the file information pane Designer 1UI of the button Designer 1Formulate a matching algorithm to match source code Developer 8Create the project tree that contains the folders and Developer 5UI of project tree Designer 1

Open Related Source Code Retrieve information from issues table in database Project Manager 2Create objects to access the database Project Manager 1UI of file information pane Designer 1

Algorithm on how to associate source code and issues Developer 9Retrieve information from source code table in Developer 9Close related source code Developer 1UI of close button Designer 1

Display diff o UI of color segment depending on the rule given Designer 1o Retrieve information from issues table in database Project Manager 1o Create objects to access the database Project Manager 2o UI of diff pane Designer 1o Logic to match and search issues associated withsource code Developer 9o Retrieve information about revisions and link them Project Manager 4Jump to related issue Tester 2o UI of button Designer 1o Redirect the current page to issues page Developer 1

Open Related Source Code to editor o Retrieve information from issues and source code Developer 2o Create objects to access the database Project Manager 3o UI of open related source code pane Designer 2o Linking source code to editor page Project Manager 1



o Developing database to changes of the source code Project Manager 4o Creating a backup code when source code has Developer 6Display related issue of related source code Developer 3o Retrieve information from issues and source code Project Manager 4o Create objects to access the database Project Manager 2o UI of issue and source code pane Designer 5o Link related source code with related issue Project Manager 1

Display Issue Activity o UI of issue details pane Designer 2o UI of button Designer 1o Create objects to access database Project Manager 2o Retrieve information about issue activities in Developer 3o Update issue details if there is an activity/change Developer 4o Notify user No Activity Details if there are no Developer 2

Display Related Issue o UI of related issues table/window Designer 2o Retrieve information about related issues indatabase Project Manager 2o Notify user if there are no related issues Developer 2

Jump to related issue o Redirect current page from issue page Developer 3Display total time spent o UI of time log window Designer 1

o Compute the sum of the time a user has consumed Developer 4o Delegate time according to different issue under the Project Manager 4o Add information to the database Project Manager 2Display breakdown of time spent Project Manager 1o Compute the hours consumed by the user upon Developer 2o Subtract hours from the user who is responsible for Developer 3o Develop database to add and edit information Project Manager 2

Home o UI of home page Designer 1o Linking the UI of log in form or register form Designer 2

Dashboard o UI of overview of projects Designer 1o UI of navigation bar Designer 3o UI of overview of issues Designer 2

o UI of widgets Designer 4o UI of log out Designer 1Editor o UI of console Designer 3

o UI of project explorer Designer 4o UI of database Designer 3o UI of menu bar Designer 1o UI of toolbar Designer 2o UI of work pane Designer 3



Settings o UI of workflow Designer 2o UI of edit membership Designer 2o UI of add/delete members of a project Designer 1o UI of workflows Designer 2

Issues o UI of detailed table of all issues Designer 2o UI of create new issue button Designer 1

EDITOR - Retrieve Source Code Use Source Code DAO which was created Developer 1

Algorithm for opening source code Developer 2 Algorithm for closing a source code Developer 1 Algorithm for saving source code Developer 3 Algorithm for editing source code Developer 1Create UI to show source code in the editor pane Designer 1Develop UI to be able to handle scrolling when source Designer 1

EDITOR - Java Interpreter Import library and functions on java interpreter Project Manager 1Create UI of console showing results Designer 1

Algorithm to integrate interpreter when running asource code Developer 2

Algorithm to check whether java code is correct or not Developer 1

Create UI depending on what result the code executes Designer 1Function to save code everytime user runs the file Project Manager 2Determine whether what language the code is in Project Manager 1Import all library APIs to be able to read code Project Manager 1

Algorithm for reading source code Developer 2EDITOR - File Type Reader Develop DAO in order to handle different file types Project Manager 1

Create separate database for different file types andassociate each with the appropriate libraries neededfor execution Project Manager 1 execute commands (e.g semantic coloring) for sourcecode Developer 1

Algorithm to read that certain file type and not label itas unknown Developer 1UI of folder icons, if icons will be different depending Developer 1

EDITOR - Language Reader Import libraries needed to help read built in languagesin the system Project Manager 1Create DAO associated with languages that are onlycompatible with the system Project Manager 1



Error handling algorithm if language in a code doesn'texist in libraries Developer 1

Algorithm for determining what kind of language thecode is in after reading it Developer 2Generate MIME type recognizer Project Manager 2

EDITOR - Load and Unload LibraryDevelop DAO of projects in order to add and deletelibraries associated in a project Project Manager 1

Create UI of library icons in project explorer Designer 1Link project DAO with libraries that are already in thedatabase if not create another schema for newlibraries to be added Project Manager 2

EDITOR - Plugin Manager Develop DAO for plugins so that user can add, edit, ordelete a plugin in a project Project Manager 1

Algorithm to link plugin in a project Developer 2 Algorithm for adding a plugin Developer 2 Algorithm for deleting a plugin Developer 1UI for the plugin manager pane in order to navigatethrough the different plugins Designer 1

EDITOR - Intelligent EditorCreate a GUI for the window/ workspace for the usersto type on. Designer 1Create a project explorer wherein users may see whatfiles are inside a folder or what projects have alreadybeen created in a form of a tree. Developer 2

Allocate space in the database that will store the Project Manager 1Import existing APIs inside the project explorer to beaccessed by the users. Project Manager 1

reate a met o t at wou e a e to rea w at scurrently being typed by the user to be able to give Developer 2

- ent y w at s current y e ngtyped

EDITOR - *Semantic ColoringCreate a method that will recognize fields, parameteror local variables specific to a language. Developer 1Create a method that will distinguish instancemembers. Developer 1Create a method that will serve as a checker whetherthe user is using a current method in the API ordeprecated ones. Developer 1



Create styles that are specific to certain keywords,fields, parameters or instances. (E.g. italicizeinstances; when there is a keyword that has beencoded, change color of code to blue; strikethrough fordeprecated members) Designer 1mport rar es t at w a ow access to t e s t okeywords/fields/parameters/variables specific to a

certain language. Project Manager 1reate a ata ase ta e t at w store t e st o

keywords/fields/parameters/variables specific to acertain language. Project Manager 2

EDITOR - *Code Completion

Import libraries so that users would have access to thelist of APIs/ existing methods/ used elements stored inthe database. Project Manager 1Create a database table that will store themethods/variables that you have already used that canbe used for suggesting possible options for codecompletion. Project Manager 1

reate a t at w a ow t e users to ave access

to the API that is stored in the database that he mayhave generated himself. Project Manager 1

reate a too t ptext - e sma wn ow to s owthe list of suggestions that has been identified by thesystem. Designer 1

EDITOR - Code Completion: Parameterguessing

Create a method that would be able to guess whichvariable, parameter or field using the type or similarityof the name as a basis. Developer 2

EDITOR - Code Completion: Ctrl+SpaceShortcut

reate a s ortcut t at w e mporte n t e sourcefiles that will allow the users to view methods that areready to be used (E.g. Ctrl+Space) Developer 1

EDITOR - Code Completion: EndingCharacter

Create a method that would be able to suggest what issuitable according to the ending character. (E.g. "." isequivalent to a method; "," is equivalent to anothervariable that is to be entered etc.) Developer 2

EDITOR - Code Completion: CompletingKeywords

Create a method that will identify which keywords dofit into where you are coding (E.g. extends andimplements keyword after a class name) Developer 2



EDITOR - Code Completion: CompletingField/Variable Names

reate a met o t at w m m c t e type o t e newfield or variable that you have created before hand.(E.g. List<String> Strin….-> StringList) Developer 2

EDITOR - Code Completion: Error Catching

reate a met o t at wou e a e to ent y t oseexceptions that havent been caught yet, therebysuggesting those that can be used to catch thatexception. Developer 2

EDITOR - *Code Generation

Create a method that would be able to retrieve genericcode templates like getters and setters, constructorsand the like. Developer 1Create a GUI that every time a user "right-clicks" themouse, it will show the option to generate the desiredcodes (getters and setters) Designer 1

EDITOR - *Add import statements for one ormore classes

Create a method that would give access to the list ofavailable import statements that can be used by theuser. Developer 2Create a "tooltiptex"-like small GUI window to showthe options as to what imports should be added tomake the code work. Designer 1

reate a t at wou g ve access to poss e sthat were self generated by the users that are stored inthe database. Project Manager 1

Allocate space for the users to store their API in thedatabase. Project Manager 1

Develop code to add import statements for one ormore classes. Developer 3

EDITOR - Add import statements: Use ErrorHints

Create a shortcut that will be imported in the sourcefiles that will allow the users to view suggested files tobe imported by clicking Alt+Enter. Developer 1

Create a method that when an error is detected, it willmatch it to a probable class that has to beimplemented to correct it. (E.g. typing Jtbale withoutimporting javax.swing.Jtable will create a suggestionto import that will be shown inside the "tooltiptext"-likesmall GUI window. Developer 2



EDITOR - Add import statements: UseImport Class Dialog

Create a method that would be able to suggestlibraries to be imported once the user has typed akeyword that is under it. (E.g by typing List<String> xx= new ArrayList<String>(); it will suggest to import anarraylist) Developer 2

EDITOR - Add import statements: Use Smart

Fix Import

Create a shortcut that will be imported in the sourcefiles that will allow the users to fix all imports by

pressing Ctrl+Shift+I. Developer 1Create a GUI (Combobox) that will store the classsuggestions that will be mentioned below. Designer 1 unresolved identifiers in the project and enable theusers to choose which classes to be imported throughthe use of a combo box inside the "tooltiptext"-likesmall GUI window. Developer 1

EDITOR - *Get rid of unused imports

Create a "Tooltiptext"-like small GUI window to showthe option whether to remove a single unused importor to remove all of the unused imports with a lightbulbimage beside the choices. Designer 1

reate a met o t at w st n gu s unuse

methods/classes/variables and fields from those thatare used. Developer 2

Create a style that will remind the users that certainimports/methods/classes/variables or fields areunused. (E.g. coloring them grey, highlighting themyellow and placing a lightbulb beside the linemarker) ds 1Develop code to remove of unused imports Developer 1Close: UI for highlighting code segment/s of the file infocus Designer 1UI for file open Designer 1

EDITOR - Highlighting source code

Create a search functionality that can search through

the entire source code. Developer 3Create a method for tracking the caret Developer 4

Create an interface that allows the user to hightlightparts of the code through marking with a backgroundcolor. Designer 2



Create a method that would read through thehighlighted code of the user and interpret the code Developer 4

Create a method to highlight the identifier where thecaret is being put on it including its occurrences in

the entire source code. Developer 3Create the method that will to highlight all placeswhere the method which was created in the sourcecode can exit through placing the caret on its returntype. Developer 3

Create the method that will to highlight all placeswhere the exception can be thrown if the caret wason an exception in a method declaration throwsclause Developer 3

Create the method that will hightlight all methodswhich override or implement methods in given classor interface when the caret is put on an identifier inthe extends and implements clause of a class. Developer 3

EDITOR - Instant RenameCreate the method that will read through the entiresource code Project Manager 3Search function to search all the occurences of anidentifier when the caret was place on it. Developer 2Highlight all the occurrence of the identifier Designer 2

Create a method that will allow renaming the identifier Project Manager 3

Create the a shortcut key to be use to call the methodfor renaming the identifier Project Manager 2

EDITOR - java syntax Based Selection Intelligent reading of the java syntax Project Manager 5

Create method for selecting text based on java syntax Project Manager 3



Create method for expanding and shrinking of theselection based on the structure of the java sourcecode Project Manager 3Change the background color of the selected javasource code. Project Manager 2

EDITOR - Error stipe

Create method for tracking the location of the sourcecode specifically the current line, errors, warnings,

highlights and places where the code has beenchanged Developer 5Inform the user of the placement of these code byhaving a colored stripe in the right side of the page. Developer 2Direct the user to the code associated with the stripe ifclicked. Project Manager 1

How hightlight can be use to performEDITOR - Code Template Create libraries of templates Project Manager 2

Create method to access these libraries Developer 2Read and searching for related template as the usertype in starting letters of the template Developer 3Display list of related template and allow user to Project Manager 1

By selecting the template, authomatically generate theentire template Project Manager 1Integrate highlight functionality to edit the template Designer 2

EDITOR - Navigation through code Create a method to track the variable and its source. Developer 3 Allow calling of method using shortcut keys or throughmenu bar Developer 2Open th source declaration of the type in the editorwhich the user what to go by placing the caret on thattype and click on the functionality in the menu bar orby pressing the shortcut keys Tester 2Take the user to the declaration Tester 1

EDITOR - Enables the users to identify thenumber of related issues that are related to

Count function for the number of related issues thatare related to the overlapping source code segment/s Developer 4Display close open UI for file open Developer 1Tool tip for count result for related issues inoverlapping source code segment/s Designer 2UI for checkbox in the "highlight" column (2 or morechecks) of the editor's page Designer 1UI for highlighting code segment/s of the file in focus Designer 1



EDITOR - Enables the user to open and view Create object to retrieve data from database Project Manager 2Develop objects to access database Project Manager 2UI for comment popover window Designer 1UI for file open Designer 1

EDITOR - Enable the user to focus theirattention immediately on the part that theywish

Assign a number per line of code that will be entered.The number will increase by 1 as another line is beingentered. Project Manager 2Design User Interface that will be responsible indisplaying the number corresponding to a line of codeand the checkbox that will enable code highlightingonce an issue is selected. Designer 2Identify the last line of code that was edited by thedeveloper. Developer 2

Clicking the marker will bring the developer to the lineof code that it corresponds. Designer 4

EDITOR - Other than being able to jump to asegment of code by clicking on a marker,

Projects that has one or more issues may be viewedby clicking the marker. Project Manager 2 system would identify the code that has a certainissue. Project Manager 4

EDITOR - Enables the user to be informed onthe result of his/her executions in the system;the notification would either be notice,warning, success, and failure and it will beshown through a pop up in the upper rightcorner of the existing page.

UI for notification pop-up- notice, warning, successand failure in an existing page after execution done inthe system. Designer 2

EDITOR - Enables the user to closenotifications particularly the “sticky” toastnotifications where in it would only be closedby pressing the “Close” button of thenotification, but in “non-sticky” notifications, itwill eventually disappear.

-UI for “sticky” notifications that needs to have a“Close” button that requires to be pressed in order toget rid of the notification in an existing page afterdoing executions in the system. Designer 3UI for “non-sticky” notifications that would eventuallydisappear after it pops up in the existing page afterdoing executions in the system. Designer 4







CONTROL SPACE TEST CASES (BAUTISTA, SANCHEZ, TIU, YAP)*all blank boxes will automatically inherit the values in case 1 unless there is a change that is indicated.Scenario Test Case Pre-Condition Steps Test Data Expected Result Actual Result

create project case1: all valid

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.>Windows for project tree andeditor is ready for use.

>user is at any page of the system.>Click on project list displayed inthe navigation bar.>Click "Create New Project" listedin the drop down menu.>Input the needed descriptiondisplayed in the form.>Select "Spring MVC" among thekinds of project that are listed.>Click on the create button.

>Project Name: JavaApplication4>Location:C:\Users\Marie\Documents\NetBeansProjects>Folder:C:\Users\Marie\Documents\NetbeansProjects\JavaApplication4>Checkbox to creating a lib is notselected>Create main class is selected>Setting project as main isselected.>Click “Finish” button.

project is created>does not redirect theuser to the new project if"set as current project"was not checked in the

form that is a pre-requisiteto creating a new project.If the user checked "set ascurrent project", he will beredirected to thedashboard page of thenew project.>Lastly, the new projectwill be added to the"project list" in the dropdown menu located at thenavigation bar.>project tree displays thenew project file togetherwith the package that wascreated.>the default template fora project is displayed inthe editor.>the project should beable to compile.>the project should be

case2:duplicate project

>Project Name: JavaApplication4(given that JavaApplication4already exist in the system)

>prompt showing thatJavaApplication4 alreadyexist and it is not empty.>the “Finish” button isdisabled.

case3:project name is invalid

>Project Name: JavaApplication?

>prompt showng thatproject name containsinvalid characters>the “Finish” button isdisabled.



case4:project location changed

>Location:C:\Users\Marie\Desktop>Folder:C:\Users\Marie\Desktop\JavaApplication4

>the project can becompiled.>the project can be built.>the project can now beseen in the desktop.>project tree displays thenew project file togetherwith the package that was

created.>the default template fora project is displayed inthe editor.>the project should beable to compile.>the project should beable to execute/build thusdisplays build successful.

case5:create main class is notclicked

>Create main class is NOTselected

>Folder for the new JavaApp is created anddisplayed in the project

tree.>The folder does notcontain any packages nordoes it contain any mainclass that was created.>Can build the project>Cannot compile theproject.



case6:use dedicated folder forstoring libraries

>Checkbox to creating a lib ISselected. A name for storage isspecified (E.g. libsee).

>Folder for the new JavaApp is created anddisplayed in the projecttree.>The folder contains thepackages and the mainclass that was created.>Can build the project>Can compile the project.

>A new folder (libsee) willbe created storing the“copylib” where the filecan be seen.

edit project case 1: all valid fields

>The user is logged in thesystem.

>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.>Windows for project tree andeditor is ready for use.

>user is at any page of the system.>select a project from the “projectlist” drop down menu.>when user arrives at thedashboard of the project; he canproceed to the “setting” page ofthe project.

>edit project dialog box willdisplay the form that contains thefields that can be edited.>change the values that you wishto edit.>click finish

>Project Name: JavaApp3 ->JavaApp4>Project Description: ThirdApplication -> 4th Application>Website: www.mumu.com ->www. Momo.com

>Status of Project: finished -> inthe process>Start Date: march 20,2013 ->march 21, 2013>Due Date: march 20, 2014->march 21, 2014

>the system shouldupdate the new attributesthat were provided by the

user.>the project should beable to compile.>the project should beable to execute/build thusdisplays build successful.

case 2: no values changed

>Project Name: JavaApp4 ->JavaApp4>Project Description: ThirdApplication -> Third Application>Website: www.mumu.com ->www. Momo.com

>Status of Project: finished -> inthe process>Start Date: march 20,2013 ->march 21, 2013>Due Date: march 20, 2014->march 21, 2014

>prompt that no changeswere made.>save change button isdisabled.

>no prompt appeared

that no changes weremade>saved without anychanges.>save button is notdisabled.



case 3: invalid inputs (e.gwebsite name invalid)

>Website: www.mumu.com ->ccccccc

>prompt that the newentered valued for thewebsite is invalid>save changes button isinvalid

>accepts input as it is.Saved the invalidwebsite input.>save changes buttonis not invalid.

case 4: illogical inputs (e.g.date out of range)

>Start Date: march 20,2013 ->march 21, 2100>Due Date: march 20, 2014->march 21, 2013

>prompt that to recheck

date that was entered(2100 as start and 2013 asend is not logical;2100>2013)>save changes button isdisabled.

>Does not show a

prompt; it acceptedthe changes as whatthe user haveinputted.>Save changes buttonis not disabled

create newfolder case 1: all valid fields

>The user is logged in thesystem.>Libraries that are needed have

been imported.>Database stores the data thatis to be generated by the user.>Windows for project tree andeditor is ready for use.

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "folder".

4) enter what you want the folderto be called in the folder nametext field provided shown througha prompt.5) Click Finish

TestingFolder is entered as thefolder name; default storage inWebContent

1) prompt that folder wassuccessfully created2) Under sample project in

the project tree, we willsee a folder named"TestingFolder"; and insideit we will also see a foldernamed "WebContent".

same as expected

case 2: invalid characters asinputs ! Is entered as folder name

1) prompt that will informthe user that folder namecan only containspaces,underscores andalpha numeric data.2) no folder will be created

under the "sampleproject"

same as expected

case 3: fields left blankleave the text field for the foldername blank

a yellow caut on mark wllinform the users that it is afield that has to be filledup same as expected



create newpackage case1: all valid

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.

>Windows for project tree andeditor is ready for use.

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "package".4) enter what you want the folderto be called in the package nametext field provided shown through

a prompt.5) Click Finish testagain is entered as the

package name

1)prompt that package hasbeen created successfully2)package named"testagain" has been

added under the "src" ofsample project 1.

same as expected

case 2: invalid characters asinputs ! Is entered as the package name

1) prompt that will informthe user that packagename can only containspaces,underscores andalpha numeric data.2) no package will beadded under the "src" ofsample project

same as expected

case3: fields left blankleave the text field for thepackage blank

a ye ow cau on mar winform the users that it is afield that has to be filledup same as expected

create newenum case1: all valid

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data that

is to be generated by the user.>Windows for project tree andeditor is ready for use.>existing packages available foruse

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "enum".4)Select under what package youwant the "enum" to be stored.4) enter what you want the

"enum" to be called in the nametext field provided shown througha prompt.5) Click Finish

>malt package is selected>"hello" as enum name isentered

1) prompt that hello.javais successfully created2) hello.java is now addedunder package malt which

is under sample project 1.3) package malt; publicenum hello{ } can be seenonce hello.java is viewed.

same as expected



case2: invalid characters asinputs

"@" as enum name is entered

1) prompt that will informthe user that packagename can only containspaces,underscores andalpha numeric data.2) no @@.java will becreated therefore nothingwill be added under

package malt which isunder sample project 1.3) no @@.java can beviewed.

same as expected

case3: fields left blankleave the text field for the enumname blank


create newinterface case1: all valid


1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display a

drop down list of the files that canbe created.3) click on the option "interface".4)Select under what package youwant the "interface" to be stored.4) enter what you want the"interface" to be called in thename text field provided shownthrough a prompt.5) Click Finish

1) malt package is selected2) hellomalt as interface name isentered.

1) prompt informs userthat interface has been

successfully created2) hellomalt.java can nowbe seen under packagemalt which is undersample project 1 in theproject tree.3) once hellomalt.java isopened, it will containpackage malt; publicinterface hellomalt{ }

same as expected



case2:invalid characters asinputs

1) @ as interface name isentered

1) prompt that will informthe user that interfacename can only containspaces,underscores andalpha numeric data.2) no @@.java will becreated therefore nothingwill be added under


same as expected

case3: fields left blankleave the text field for theinterface name blank


Create NewJava Class case1: all valid



drop down list of the files that canbe created.3) click on the option "java class".4)Select under what package youwant the "java class" to be stored.4) enter what you want the "javaclass" to be called in the nametext field provided shown througha prompt.5) Click Finish

1) malt package is selected2) _asf as java class name isentered

1) prompt informs userthat java class has been

successfully created2) _asf.java can now beseen under package maltwhich is under sampleproject 1 in the projecttree.3) once _asf.java isopened, it will containpackage malt; public class

_asf{ }same as expected

case2: invalid characters asinputs 1) ! As java class name is entered

1) prompt that will informthe users that java class

name can only consist ofspaces, underscores andalpha numeric data. 2)no!!!.java class will becreated therefore nothingwill be added in theproject tree same as expected



case3: fields left blank 1)name for java class is left blank


Create newCSS case1: all valid

>The user is logged in the

system.>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.>Windows for project tree andeditor is ready for use.

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "css".

4) enter what you want the "cssfile" is to be located and what the"css file" is to be called in the cssfile location and css filename textfield provided shown through aprompt.5) Click Finish

1) default /WebContent/entered in css file location2) lol entered as css file name.

1) prompt that informsuser that css file hassuccessfully been created

2) lol.css can now be seenunder web-inf which isunder webcontent whichis under sample project 1.3) when lol.css is clicked,@CHARSET "ISO-8859-1"can be seen as template.

same as expected

case2: location of css filealtered

1) /Desktop/ entered in css filelocation

1) prompt that informs theuser the storage location isinvalid therefore the css

file is not saved.2) no lol.css can be foundunder web-inf which isunder webcontent whichis under sample project 1.

1) prompt that showsthe file was closed,but the file wassuccessfully added.

case 3: invalid input of css filename

1) @ entered as css file name.

1) prompt that will informthe user that css name canonly containspaces,underscores andalpha numeric data.2) no @@.css will be

created therefore nothingwill be added under web-inf which is underwebcontent which isunder sample project 1.3) no @@.css can beviewed.

same as expected



case 4: css file name left blank1) text field for css file name isleft blank


Create newHTML case1: all valid

>The user is logged in thesystem.>Libraries that are needed havebeen imported.

>Database stores the data thatis to be generated by the user.>Windows for project tree andeditor is ready for use.

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "html".4) enter what you want the "htmlfile" is to be located and what the"html file" is to be called in the

html file location and htmlfilename text field provided shownthrough a prompt.5) Click Finish

1) default /WebContent/entered in html file location2) design entered as html filename.

1) prompt that informsuser that css file has

successfully been created2) design.html can now beseen under web-inf whichis under webcontentwhich is under sampleproject 1.3) when lol.css is clicked, aprompt will inform theuser that the file has beenopened4) html design template<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html> (…..) </html> canbe seen.

same as expected

case 2: html file locationaltered

1) /Desktop/ entered in html filelocation2) design entered as html filename.

1) prompt that informs theuser the storage location isinvalid therefore the htmlfile is not saved.2) no design.html can befound under web-infwhich is underwebcontent which isunder sample project 1.

1) prompt that showsthe file was closed,but the file wassuccessfully added.But in reality, nodesign.html wascreated nor can beseen in the projecttree.



case 3: invalid html file name

1) /WebContent/ entered inhtml file location2) @ entered as html file name.

1) prompt that will informthe user that html namecan only containspaces,underscores andalpha numeric data.2) no @@.html will becreated therefore nothingwill be added under web-

inf which is underwebcontent which isunder sample project 1.3) no @@.html can beviewed.

same as expected

case4: html file name leftblank

field for html file name is leftblank


Create new JSFile case1: all valid


1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "JS".4) enter what you want the "JSfile" is to be located and what the"JS file" is to be called in the JS filelocation and JS filename text fieldprovided shown through aprompt.5) Click Finish

1) default /WebContent/entered in JS file location2) hihi entered as JS file name.

1) prompt that informsuser that JS file hassuccessfully been created2) hihi.JS can now be seenunder web-inf which isunder webcontent whichis under sample project 1.3) when hihi.JS is clicked, aprompt will inform theuser that the file has beenopened4) JS template// Template file forJavaScript// Contributors:can be seen.

same as expected



case2: JS file location altered

1) /Desktop/ entered in JS filelocation

1) prompt that informs theuser the storage location isinvalid therefore the JS fileis not saved.2) no hihi.js can be foundunder web-inf which isunder webcontent whichis under sample project 1.

1) prompt that showsthe file was closed,but the file was

successfully added.

case3: JS file name invalid1)@ entered as JS file name.

1) prompt that will informthe user that JS name canonly containspaces,underscores andalpha numeric data.2) no @@.js will becreated therefore nothingwill be added under web-inf which is underwebcontent which isunder sample project 1.

3) no @@.js can beviewed.same as expected

case4: JS file name left blank1) leave the text field for namingthe JS file blank




Create JSP file case1: all valid

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.>Windows for project tree and

editor is ready for use.

1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "JSP".4) enter what you want the "JSPfile" is to be located and what the"JSP file" is to be called in the JSPfile location and JSP filename textfield provided shown through aprompt.

5) Click Finish

1) default /WebContent/entered in JSP file location

2) hoho entered as JSP file name.

1) prompt that informsuser that JSP file hassuccessfully been created2) hoho.JSP can now beseen under web-inf whichis under webcontentwhich is under sampleproject 1.3) when hoho.JSP isclicked, a prompt willinform the user that the

file has been opened4) JSP template<%@ page

language="java"contentType="text/html;charset=ISO-8859-1" pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html>(….) </html>

can be seen. same as expected

case2: JSP location altered

1) /Desktop/ entered in JSP filelocation2) hoho entered as JSP file name.

1) prompt that informs theuser the storage location isinvalid therefore the jspfile is not saved.2) no hoho.jsp can befound under web-infwhich is underwebcontent which isunder sample project 1.

1) prompt that showsthe file was closed,but the file wassuccessfully added. Inreality, no hoho.jspwas created nor canbe seen in the projecttree.





case2: servlet name containsinvalid characters

1)@" as servlet name is entered

1) prompt that will informthe user that servlet namecan only containspaces,underscores andalpha numeric data.2) no @@.java will becreated therefore nothingwill be added under


same as expected

case3: servlet name left blank

text field allocated for users toenter servlet file name is leftblank


Create NewFilter case1: all valid


1) click on the editor tab locatedon the nav bar2) click on "new" that w ill display adrop down list of the files that canbe created.3) click on the option "filter".4)Select under what package youwant the "filter" to be stored.4) enter what you want the "filter"to be called in the name text fieldprovided shown through aprompt.5) Click Finish

1)malt package is selected2)"_hello" as filter name isentered

1) prompt that _hello.java

is successfully created2) _hello.java is nowadded under package maltwhich is under sampleproject 1.3)prompt that informs theuser that _hello.java isopened once it has beenclicked.3) template containingimports (IOException,ServletException.HTTPServlet, request andresponse, filter, filterchainand filterconfig) andmethods doFilter anddestroy can be seen insidethe _hello.java filter.

same as expected



case2: invalid characters asinputs

1)"@" as filter name is entered

1) prompt that will informthe user that packagename can only containspaces,underscores andalpha numeric data.2) no @@.java will becreated therefore nothingwill be added under


same as expected

case3: filter name left blanktext field alloted for users toenter filter name is left blank


Create NewListener

case1: all valid (all optionsselected)



drop down list of the files that canbe created.3) click on the option "listener".4)Select under what package youwant the "listener" to be stored.4) enter what you want the"listener" to be called in the nametext field provided shown througha prompt.5) Click Next6) Click Select All (Selects alloptions at Servlet Context Events,HTTP Context Events and SErvletrequest Events)7) Click Finish

1)malt package is selected2)"_lovely" as listener name isentered3) click "select all" button ormanually check all of the optionsunder servlet context events,http context events and servletrequest events)4) click finish

1) prompt that _lovely.java is successfullycreated2) _lovely.java is now

added under package maltwhich is under sampleproject 1.3)prompt that informs theuser that _lovely.java isopened once it has beenclicked.3) template containingimports (that werepreviously selected; whichwas all of the optionsunder servlet contextevents, http contextevents and servlet requestevents)

same as expected



case2: some options selected

1)check random options underServlet Context Events, HTTPContext Events and SErvletrequest Events

1) prompt that _lovely.java is successfullycreated2) _lovely.java is nowadded under package maltwhich is under sampleproject 1.3)prompt that informs theuser that _lovely.java is

opened once it has beenclicked.3) template containingimports (that were onlypreviously selected underservlet context events,http context events andservlet request events)

same as expected

case3: invalid input of listenerfile name

1)"@" as listener name isentered

1) prompt that will informthe user that packagename can only containspaces,underscores andalpha numeric data.2) no @@.java will becreated therefore nothingwill be added underpackage malt which isunder sample project 1.3) no @@.java can beviewed.

same as expected

case4: clear button is pressed

1)random options are checked2) "Clear" button is pressed

1) once clear is entered,what was previouslyselected will be unselected same as expected





DownloadProject

Case1: project downloadedsuccessfully


>select download project from thedrop down list located above theeditor

1) click on a certain project 2)click download

the user may downloadthe project to theirworkstation

case2: project failed todownload

1) click on the download withoutselecting a project

a promp may s ow up

that the user shouldspecify the project that isto be downloaded

Right-Click:New

case1: new(html/css/jsp/js/enum/java …)created successfully


>navigate above the project treeand right click on the locationwhere you want to create a newfile

1) location as to where theaction is to be done is specified

another drop down willshow up letting the userschoose what type of filethey wish to create; andthe next processes arestated above

case2: failed to create a newtype of file that was selected

1) location as to where theaction is to be done is notspecified

another dropdown willshow up letting the userschoose what tyoe f filethey wish to create butthe where the file is to beplaced may not be placedas to where the userdesires it to be

Right-Click:Copy

case1: successfully copied thefile to the desired location

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data that

is to be generated by the user.>Windows for project tree andeditor is ready for use.

>navigate above the project treeand right click on the locationwhere you want to copy a file

1) location as to where theaction is to be done is specified;right clicks the file name to becopied

the file is already copiedand can be pastedanywhere in the projecttree anytime

case2: was not able to copythe file to the desired location


e e a e user maywant to be copied may notbe the one that they havecopied



Right-Click:Cutcase1: was able to remove thefile from the original location


>navigate above the project treeand right click on the locationwhere you want to cut the file

1) location as to where theaction is to be done is specified;right clicks the file name to becut

the file is already cut andcan be pasted anywhere inthe project tree anytime.The icon of the file willlook lighter than usual.

case2: was not able to removethe file from the originallocation


the file that the user maywant to cut may not bethe one that they havecut. The icon of the file willlook lighter than usual.

Right-Click:

Paste

case1: was able to add a filethat was copied/ cut

beforehand


>navigate above the project treeand right click on the location

where you want to paste the file

1) location as to where the

action is to be done is specified

the file can already becopied to where the userwants it to be copied in

the project tree

case2: was not able to add afile that was copied/cut beforehand


the file as to where theuser wants it to be copiedin the project tree may notbe where it was copied

Right-Click:Delete case1: was able to remove a

file

>The user is logged in thesystem.>Libraries that are needed havebeen imported.>Database stores the data thatis to be generated by the user.>Windows for project tree and

editor is ready for use.

>navigate above the project tree

and right click on the locationwhere you want to delete the file


the file can already bedeleted in the project tree

case2: was not able to removea file


the file that the userwants to delete in theproject tree may not bethe file that was deleted



Right-Click:Refresh

case1: was able to retrieve theinformation from the serveronce again


>navigate above the project treeand right click on the locationwhere you want to refresh the file


the file is already updatedwith the changes that aredone by other projectmembers

case2: was not able to bringany updates to the previousstate in the system


e e a e user

wants to be refreshed maynot be the file that wasrefreshed

Right Click:Rename

case1: was able to rename afile in the project tree


>navigate above the project treeand right click on the locationwhere you want to rename the file


a prompt will show up thataccepts a new input toreplace the old file name;then changes that weremade are going to besaved

case2: was not able to alter afile name in the project tree


the f le that the user

wants to be renamed maynot be the file that wasrenamed

Right Click:Import Library

case1: was able to importlibraries that are stored in thesytem to the workspace


>navigate above the project treeand right click on the locationwhere you want to import thelibrary


the libraries will beimported in the projecttree as to where the userclicked

ca se : w as n o a e o

successfully import librariesthat are needed to theworkspace


the libraires may not beimported as to where theuser wants it to be.



Right Click:View RelatedIssues

case1: was able to successfullyview issues that are related toeach other


>navigate above the project treeand right click on the locationwhere you want to view therelated issue


the user can now view therelated issues as a list onthe other tab beside theproject tree

case2: only able to view anissue but not those that arerelated to each other


the user may view otherrelated issue other thanthe related issues that theuser wants to view

Team:RetrieveChanges

case1: was able to retrievechanges that were made byother members of the team


>click on the team icon >click onretrieve changes listed in thedropdown menu

1) project is selected 2) retrievechanges is pressed

the files located in theproject tree which isshared by the projectmembers are nowupdated with the changesthat were made by themembers. Once the filesare opened, changes canalready be seen.

case2: was not able to retrievechanges that were made byother members of the team

1) no project is selected 2)retrieve changes is pressed

no project is selected,therefore no changes arealso available for retrieval

Team: PushChanges

case1: was able to bring aboutchanges that were made byyou to the other members ofthe group


>click on the team icon >click onpush changes listed in thedropdown menu

1) new input is added by the userin the project 2) push changes isselected

the changes that weremade by the user will besaved and it can also beseen by project members

case2: was not able to bringabout any changes that weremade by you to the othermembers of the group

1) no new input is added by theuser in the project 2) puchchanges is selected

no new changes will beupdated and seen by theproject members



Database:View Database

case1: was able to viewexisting database that werestored in the system


>click on the database iconlocated above the editor >selectview database from the dropdown menu

1) select existing database tableis available for viewing 2)selectthe database

the database is displayedon the pop-up window.

case2: was not able to showexisting database that werestored in the system

2) no existing database isavailable 2) view database isselected

no database will appear inthe pop-up window

Database: AddTable

case1: enables users to addtables in the database


>click on the database iconlocated above the editor >selectadd table from the drop downmenu

1) select an existing database isavailable 2) add table is selected(name is also provided for thetable)

a new table would beadded for the databasethat was specified

case2: users are unable to addtables in the database

1 do not select any ex stng

database is available 2) add tableis selected

no table will be added forno database was specified

Database:Drop Table

case1: users may delete tablesthat may to be not userful inthe database


>click on the database iconlocated above the editor >selectdrop table from the drop downmenu

1) select an available existingdatabase that contains tables2)select drop table

the table that wasselected in the databasewill be deleted

case2: users are unable to

remove tables that may seemnot userful in the database

1) do not select any existingdatabase 2) select drop table

no tables will be dropped

for no database wasselected.



SemanticColoring Case 1: colored keywords

>Recognize fields, parameters orlocal variables specific to alanguage>Recognize instance membersCheck whether the user is usinga current method in the API ordeprecated ones>Styles to specific keywords,fields, parameter, variablesspecific to a certain languagehas already been specified>Libraries have already beenimported to allow checking thelist of keywords, fields,parameters, or variables specificto a certain language>Database has been createdthat will store those keywordsthat is specific to a certainlanguage

Steps1. Create a java project2. Type Java related keywords inthe editor3. Observe the change of color

Public, Class, Static, Void

Those keywords that wereentered in the editor willchange in color; normallyfrom black to blue.

Case2: Ignored input aside from keywords

1. Create a java project2. Type non-java related keywordsin the editor3. Observe color will not change

{ , }, string x;

Those brackets, semi-colons and variable namecolors will remain as is. Itwill remain black.Actual Result

Case 3: Color commentsstarting from /* mark until */mark

1. Create a java project2. Type /* in the editor3. Type random words after /*4. End the test data with */ /*test whether this will turn

gray*/

Those comments that areinside the /* */ mark willbe colored gray, includingthe markers itself Actual Result

Case 4: Random words enteredin the editor

1. Create a ava pro ect2. Type asfda in the editor3. Observe how the text will becolored

Asfda

The text that was enteredin the editor will behighlighted red.



Code

Generation Case1: Creation of Constructor

>Method that can retrievegeneric code templates likegetters and setters, constructorsand the like>Once a mouse event (rightclick) has been detected insidethe editor, it will show theoption to generate codes>There is already a class that iscreated.

1. Scroll mouse above the editor2. Right Click to see options3. Choose insert code4. Click create constructor

Mouse Clicks as what was statedin the steps. No keyboard inputs.But there should already be aclass that is created beforehand.E.g. public class className{ };(create if none)

A code like publicclassName(){ }; should becreated.

Creation of Getters and Setters

there is already values that arepresent so as to create gettersand setters (e.g. int x; stringname)

1. Scroll mouse above the editor2. Right Click to see options3. Choose insert code4. Click create all getters andsetters

Mouse clicks as what was statedin the steps. No keyboard inputs.But there should already bevariables that were createdbeforehand E.g. string name;(create if none)

public void setName(Stringname) { this.name = name; }

public String getName(){ return name; }

Add import statements for one

>Access to the list of availableimport statements that can beused by the user is indicated>A “tooltiptext” like small GUIwindow to show the options aswhat is available is functional

1. Start by typing import2. Select what package you wantto import from the list of packagesthat were listed3. Further select from the list afteryou have selected the packagefrom above.

Mouse clicks as what was statedin the steps. No keyboard inputs.But there should already be aline that needs import (E.g.JTable x) so that what you areimporting will not have a redhighlight below.

After the user have wrotethe word import abovethe package where theclass is under, the possibleJava packages that can beused will be listed insidethe “tooltiptext” like smallGUI window for the usersto select; after selecting,there will be another“tooltiptext” like small GUIwindow that will allow theusers to further selectwhat from the package isneeded.



CodeCompletion Parameter guessing

libraries have been imported sothat there will be access to listof APIs, existing methods, andused elements that are stored inthe database.Access to the libraries that havebeen imported is enabled.A “tooltiptext” like small GUIwindow to show the list ofsuggestions that has beenidentified by the system is done.Method that would be able toguess which variable, parameteror field using the type orsimilarity of the name as a basisCodes can already be retrievedonce the desired option hasbeen selected that can be seeninside the “tooltiptext” like smallGUI window.

1. Before going through parameterguessing test, there should alreadybe methods that are presentinside the editor2. Code something familiar

Public codecompletion(){String height=”1”;String width=”1”;Double height=1;Double width=1;Double x=1;Double y=1;Double z=1;Rectangle2d rd=createRectangle(x, y, width, ___}

There should be a“tooltiptext”-like windowsuggesting that height canbe included in theparameter)



CodeCompletion:shortcut Case 1:Alt+Insert Shortcut (valid

>libraries have been importedso that there will be access tolist of APIs, existing methods,and used elements that arestored in the database.Access to the libraries that havebeen imported is enabled.>A “tooltiptext” like small GUIwindow to show the list ofsuggestions that has beenidentified by the system is done.>A source file is imported thatwill allow the users to useshortcuts that are available.>Codes can already be retrievedonce the desired option hasbeen selected that can be seeninside the “tooltiptext” like smallGUI window.

1. Scroll to the editor2. Enter the shortcut “Alt+Insert”and anticipate for the“tooltiptext”-like windowsuggesting what codes to beinserted.

“Alt+Insert” keyboard shortcut

A “tooltiptext”-likewindow will appearcontaining codes to beadded

Case 2: Alt+I (invalid shortcut)

1. Scroll to the editor2. Enter the shortcut “Alt+I” andanticipate for the “tooltiptext”-likewindow suggesting what codes tobe inserted.

“Alt+I”

No “tooltiptext”-likewindow will appearcontaining codes to beadded



CodeCompletion:endingcharacter Case1: valid input (. And, )

>libraries have been importedso that there will be access tolist of APIs, existing methods,and used elements that arestored in the database.>Access to the libraries thathave been imported is enabled.>A “tooltiptext” like small GUI

window to show the list ofsuggestions that has beenidentified by the system is done.>A method has already beencreated to distinguish what theending character means. (“.” Isequivalent to a methods while“,” is equivalent to anothervariable in a parameter that is tobe entered)>Codes can already be retrievedonce the desired option hasbeen selected that can be seeninside the “tooltiptext” like smallGUI window.

1. Prior to pressing “.” And to waitfor the “tooltiptext”-like windowthat will appear after, thereshould be already be a packagethat has been imported in youreditor. (E.g. import

java.util.ArrayList;) and thereshould also be (ArrayList<ArrayList<Integer>> h =newArrayList<ArrayList<Integer>>();)2. Then you can already type h3. Type “.” After the letter h andanticipate for the list of methodsthat can be used.

1. “.”

There should be a list ofmethods that is shown inthe “tooltiptext”-likewindow that includes themethods add, addAll,clear, clone.. and thoseother methods that isunder the arraylistpackage.

Case2: invalid input (‘) “ ’”

There should be an errorstripe under “h,” andthere will be no list ofmethods listed in a“tooltiptext” like window.



CodeCompletion Case 1 : valid keyword

>libraries have been importedso that there will be access tolist of APIs, existing methods,and used elements that arestored in the database.>Access to the libraries that

have been imported is enabled.>A “tooltiptext” like small GUIwindow to show the list ofsuggestions that has beenidentified by the system is done.>A method that would be ableto identify which keywords do fitinto where you are coding (E.g.recommends extends orimplements after a class name)>Codes can already be retrievedonce the desired option hasbeen selected that can be seeninside the “tooltiptext” like smallGUI window.

1. Create a java class2. Enter Ctrl+Space and wait forthe suitable keywords that followsa class Public class codecompletion{ };

(press ctrl+space)

A “tooltiptext”-likewindow will appearcarrying the suggestions orthe list of keywords thatcan be used.



Case1: valid fields/variablenames

>libraries have been importedso that there will be access tolist of APIs, existing methods,and used elements that arestored in the database.>Access to the libraries that

have been imported is enabled.>A “tooltiptext” like small GUIwindow to show the list ofsuggestions that has beenidentified by the system is done.>A method that will mimic thetype of new field or variable thatyou have created beforehand isavailable (E.g. enteringList<String> Strin…..StringList)>Codes can already be retrievedonce the desired option hasbeen selected that can be seeninside the “tooltiptext” like smallGUI window.

1. Create a java class2. Try to type in List<String>myL…in the editor

Type in List<String>myL

There will be a“tooltiptext”-like windowappearing mimicking theprefix that was enteredbeforehand.

Add importstatements:use smart fiximport

Case1: imports added(clickedright)

>Able to identify all unresolvedidentifiers in the project andenables users to choose whichclass to be imported>A table-like GUI that willdisplay the class name and thefully qualified name that needsto be imported.

1. Enter values that is under apackage that has to be imported2. Wait for the yellow light bulbwith a red X mark located besidethe line marker3. Press Ctrl+Shift+I and wait forthe window that can fix all of theimports

1. Enter JTextField jf;2. Press Ctrl+Shift+I and wait forthe fix all imports window3. Click OK and see if those thatwere listed were all imported

Those that were listed inthe fix all import window(JTextField->

javax.swing.JTextField)were all imported andwere fixed.



Add importstatements:use error hints

Case1: imports added(clickedright)

Pre-condition:Users can view suggested files tobe imported by clickingAlt+Enter“tooltiptext”-like windowdisplays the suggested importsto counter the errorIf an error has been detected, itcan match it to a probable classthat has to be implemented tocorrect it (E.g. typing Jtablewithout importing

javax.swing.Jtable will create asuggestion in the “tooltiptext”like GUI window

1. Enter values that is under apackage that has to be imported2. Wait for the yellow lightbulbwith a red X mark located besidethe line marker3. Click on the yellow lightbulbwith a red X mark, and see thesuggested package that has to beimported.4. Click on the suggested packagedisplayed in the “tooltiptext”-likewindow5. Wait for the packages to beimported

1. Enter “JTextField jf;”2. Click on the yellow lightbultwith a red X mark3. Choose from the packagesthat are listed(javax.swing.JTextField)

JTextField/ the packageshould be imported afterselecting from the optionslocated in the “tooltiptext”-like window

Get rid ofunusedimports

Case1: unused imports wereremoved (right clicked)

>“tooltiptex”-like GUI to displaythe option whether to remove asingle unused import or allunused imports.>Able to distinguish unusedmethods/classes/variables andfields from those that are usedAble to display yellow light bulbbeside the line marker wherethe unused imports are located

1. Search for unused imports bylooking at the line markers thathas yellow light bulbs2. Click the light bulb3. Choose either to remove theselected unused import or all ofthe unused imports.

1. Mouse Click as what wasstated in the steps. Click on theright options.

The editor will be able toidentify which importswere unused and yellowlight bulbs will be placed inthe line marker besidethose unused imports thatwere identified. Onceremove unused imports isclicked that is located inthe “tooltiptext”-likewindow, those unusedimports will be removed.

Add Comment Case 1: if black line is click>User is logged in >Editor isworking

1. click on the line where thecomment will be added

1. a popover window willshow containing thecomment

Case 2: if inputed character isover 200 characters 2. Enter the comment "This part is for editing"

. new commen w eadded to the list ofcomment for the line

ase : ex s proper yinputed 3. click post

Case4: no text input

Case 5: f d fferent type ofcharacter was inputed

Case 6: f multply l ne wasselected



add member Case 1: a user is selected>user is logged in >a project isselected from the project list

1. navigate to the settings page ofthe project click "Kathlyn Sanchez"

list of member in themember tab is updated

ase :no user s ava a e nthe list 2. go to member tab

Case 3: no user selected 3. click edit member button

. seec e user' s name a wbe added

5. click "save changes"

removemembers

Case 1: member can't accessthe project

a project is selected from theproject list

1. navigate to the settings page ofthe project click "Kathlyn Sanchez"

list of member in themember tab is updated

2. go to member tab

3. click edit member button

. c c e u se r' s n am e n e rgto remove

5. click save changes

add memberrole

Case1: successfully addingmember role

a project is selected from theproject list

1. navigate to the settings page ofthe project

The role will be checked inthe drop down

2. go to member tabroe w a so appear n eissue table

3. click the drop down "roles"

. c ec e roe assoca e o emember check "project manager"

5. Click "save Changes"

remove

member roleCase1: successfully removing

member role

a project is selected from the

project list

1. navigate to the settings page of

the project

The role will be unchecked

in the drop down

2. go to member tabro e w e e e e n eissue table

3. click the drop down "roles"

. unc ec e ro e s w c arechecked uncheck "project manager"

5. Click "save changes"

There must be an existing



Create IssueCase1:All required fields areinputted

There must be an existingproject.The user must be loggedin.

The user goes to the issue pageand clicks create issue. Then userfills up required fields

Tracker, subject, status, startdate, due date, assignee

The issue will be listed onthe all issues table

Case2:Required fields are notfilled up Subject, status, notes

There will be a notificationtelling that the issue is notsuccessfully created

Case3: No issue name input

Case 4: If issue name hasduplicate with existing issuename

The issue will still becreated, but in a differenttracker number

Update IssueCase1: If required fields aredeleted

There must be a selected issueto be updated. The user must belogged in and must be in aproject

The user clicks on the update issuebutton and deletes required data

The system wll promptthe user of the missingfields, the user cannotupdate an issue

Case2: if all fields are deletedand replaced with differentdata

The user clicks on the update issuebutton and deletes all data in t heissue

The issue will besuccessfully updated, inthe same tracking numberbut different data fields

Case 3: updated issue willappear on the different usersin a project, and assigned taskwill be highligted to thespecific user

The user clicks on the update issuebutton and assigns a task for aspecific user in a project

The updated issue willappear on the all issuespage, and assigned taskswill appear on the userassigned to him/her

Active IssueCase1:Set active issue

There must be an issue, the usermust be logged in, and theremust be a project

The user can check the checkboxin the all issues page, or click theset as active issue button

There will be a notificationprompting that the issuehas been set to active, anda notification like counterin the issue tab will appearrepresenting the numberof active issues of the user

Case2:unset active issue

The user can uncheck thecheckbox in the all issues page, orclick the unset as active issuebutton

There will be a notificationprompting that the issuewas set to unactive, andthe counter in the issuetab will be removed orreduced.

The user wll be red rected



View issueCase1: if the user clicks on theissue tab

There must be an issue, the usermust be logged in, and theremust be a project The user clicks on the issue tab

to the all issues tablewhere all the issues arelisted

Case2: if the user clicks onactive issue under the issue tab

The user clicks on the active issuesunder the issue tab

The user will see only theactive issues in the project

a se : e u se r c c s o n eunactive issue under the issuetab

The user clicks on the unactiveissues under the issue tab

e user w see ony eunactive issues in theproject

Case4:if the user clicks on theheaders of the all issues table

The user cl cks on the all ssues tab

in the issue tab, then clicks on anyheader depending on whatcategory the user has to sort thetable

Id, Tracker, subject, status,progress, assignee, updated

The issues will be sortedaccording to the headerclicked.

View activityCase1:if the user has no linkedissues in one issue

There must be an ssue, the usermust be logged in, and theremust be a project

The user clicks on the issue underthe all issues table

There wll be no d splay ofdata in the activitycategory

Case2: if the user has linked anissue in an issue

A list of linked issues willbe displayed along withthe active issues, andremoved issues done

View Issue:Related Issue -DisplayRelated Issue

case 1: display

>User is logged in>project from the project listis selected>current page of user is issuepage>must be issues created>must be a project created

1) select issues from "all issues"table2)open issue selected3)collapse the "related issue"section of the page

> the list of "relatedissues" of the selectedissue is displayed

case 2: nothing is displayed-no related issue

> no reate ssues nthe content of thesection is displayed

case 3: no issues created

> a prompt t at says noissues made will bedisplayed or thereneeds to be an issue

case 4: no project created

> a prompt t at says noproject made will bedisplayed or thereneeds to be a project

>User is logged in



View Issue:Related Issues-Jump toRelated Issue case 1: jump

>User is logged in>project from the project listis selected>current page of user is issuepage>must be issues created>must be a project created>must be at least one"related issue"

>select issues from all issyestable>open issue selected>collapse related issue sectionon the page>click on the subject of therelated issue

>user is redirected tothe "related issue" page

case 2: nothing to jump on-no related issue

>promp a says no

related issue isdisplayed

case 3: collapsable "relatedissue" section of the page

> rea te ssue s ec tonmust collapse whenclicked

case 4: navigatable tab>ta s w en c c e mustbe functional

View Issues:Time Log-DisplayBreakdown ofTime Spent case 1: display

>User is logged in>project from the project listis selected

>current page of user is issuepage>must be issues created>must be a project created>must be tasks assigned tothe members of the project

>select issues from all issuestable

>open issue selected>collapse time log section onthe page

> the breakdown of thetime spent will bedisplayed

case 2:nothing to display-notime log

>prompt that says "notime logs" is displayed

View Issues:

Time Log-Display TotalTime Spent case 1: display

>project from project list hasbeen selected>current page of the user isthe issue page>must be issues created>must be a project created>must be tasks assigned tomembers of the project

>select issues from all issuestable

>open the issue selected>collapse the time log sectionon the page

>the total time spent byall users in a project willbe displayed

case 2:nothing to display-notime log

>prompt that says "notime logs" is displayed



Relating

Issues: AddRelated Issue case 1: add

>user is logged in>project from project list hasbeen selected>current page of the user isthe issue page

>must be issues created>must be a project created

>click create new issue button>scroll at bottom of dialogs>enter query/search string inthe related issues search field>select issue to be added (twoways)a) press up or down arrow keysto navigate to the desired issue

and press enterb) click on the desired issue> click create button

> enter a string in the textfield

> displays updated listof related issues

case 2: duplicate input> enter a string in the textfield

> promp s spayewhen same relatedissue is createdconsequentially

case 3: input error-lacksinput in some field


> promp s spayethat says fields lackinput

case : utton or n s sdisabled when fields lacksinformation


> uttons are notclickable unless all fieldshave input

case 5: no project created> enter a string in the textfield

> a prompt t at says noproject made will bedisplayed or thereneeds to be a project

case 6: no issues> enter a string in the textfield

> a promp a says noissues made will bedisplayed or thereneeds to be currentissues

case 7: update issue> enter a str ng n t e textfield

> spays up ate s tof related issues

case : arrow eys arenavigable

> enter a str ng n t e textfield

> arrow eys arefunctional

case : t e scro s seen anfunctional

> enter a str ng n t e textfield

> scro s v s e anmoveable



> u ons a aref nctional after the



case 2: buttons disableduntil the process is notfinished

functional after theprocess must bedisabled during theprocess

case : w gets t at can eunticked is displayed

>unt c t e w gets t atneeds to be removed

>w gets can eunticked when clicked

case 4: one or more widgetscan be unticked >untick multiple widgets

>w gets t a t can eremoved should bemore than one

Rearrange/Reorder Widget case 1: reorder

>user s ogge n>project from project list hasbeen selected>user is in the dashboardpage of the current selectedproject

>click and hold on the headerof the widget>drag widget to desiredposition>release the widget

>drag widgets to desiredposition

>new position ofwidgets is displayedafter refreshing thepage

View RelatedSource Code-DisplayRelatedSource Codes case 1: display

>user is logged in>project from project list hasbeen selected

>current page of the user isthe issue page>must be issues created>must be a project created

>select issues from all issuestable>open the issue selected

>collapse activity section on thepage>navigate active issues tab inthe activity section

> if there are selectedissues, then a "projecttree" is displayed that isthe same with the"project tree" of the onein the "editor" page of

the project >the relatedsource code is displayedaccording to its filestructure

case 2:nothing is displayed

> t e name o t eproject will not bedisplayed if there are norelated source code inissues

case 3: no issues created

>prompt t at no ssuescreated will bedisplayed

case 4: no project created

>prompt t at noproect

created will bedisplayed



View RelatedSource Code-Open RelatedSource Code case 1: open

>user is logged in>project from project list hasbeen selected>current page of the user isthe issue page>must be issues created>must be a project created

>select issues from all issuestable>open the issue selected>collapse source section on thepage>click on the related sourcecode in the project tree

>"file information"dialog of the file isopened >dialog contains2 tabs a)related issuesof source codeb)changes of the sourcecode of the previousand lastest project

case 2: nothing to open

>not ng s spaye n

the dialog

case 3: collapsable "source"section of the page

>t e source sect on othe page can becollapsed

case 4: navigable tab>ta s are c c a e anfunctional

View RelatedSource Code-close relatedsource code case 1:close

>user is logged in>project from project list hasbeen selected>current page of the user isthe issue page

>must be issues created>must be a project created

table>open the issue selected>collapse source section on thepage>2 ways in closing the dialoga)click the close button of the

dialogb) press escape button >dialog box is closed

View RelatedSource Code-display relatedissues of the

related sourcecode case 1:display


>select issues from all issuestable>open the issue selected>collapse the source section onthe page>click on the related sourcecode in the project tree>navigate the related issues tabof the file information dialog

>list of related issues ofthe related source codeis displayed >3 fields areshown a) id of the issueb)tracker c)subject

case 2: nothing to display>no st o re ate ssuesshown


> e s ource sec on othe page can becollapsed

case 4: navigable tabs>ta s are c c a e anfunctional



case 4: navigable tabs functional

View relatedsource code-

jump torelated issue case 1: jump

>user is logged in>project from project list hasbeen selected>current page of the user is

the issue page>must be issues created>must be a project created

>select issues from all issuestable>open the issue selected>collapse the source section onthe page>click on the related sourcecode in the project tree>navigate the related issues tab

of the file information dialog>click on the related issue > redirected to the issue

page

case 2: nothing to jump on> stays on t e currentpage


>t e source sect on othe page can becollapsed


View Relatedsource code-open relatedsource code ineditor case 1: open


>select issues from all issues

table>open the issue selected>collapse the source section onthe page>click on the related sourcecode in the project tree>navigate the related issues tabof the file information dialog>click on the edit source code

> redirected to the"editor" page of theproject >file is opened

case 2: nothing to open>stays on t e currentpage

case 3: collapsable "source"

section of the page

>t e source sect on othe page can be

collapsed


>select issues from all issues



View Relatedsource code-display

difference case 1: display

>user is logged in>project from project list hasbeen selected>current page of the user isthe issue page>must be issues created

>must be a project created

table>open the issue selected>collapse the source section onthe page>click on the related sourcecode in the project tree>navigate the related issues tabof the file information dialog>navigate to the diff tab of the

file information dialog

> diff of the previous fileand the current is

displayed

case 2: no difference > no diff is displayed


> e s ource sec on othe page can becollapsed
