Update Deliverable_2 authored by Hakeem Hannoon (kst768)'s avatar Hakeem Hannoon (kst768)
[[_TOC_]]
# Part 1
# Tasks 1-6:
## UML Use Case Diagram
## Team UML Class Diagram
### Peter
## Team SW Architecture
### Charles
## Matt:
* Use case for communication feature.
* The **Tool Loop Communication System** enables users, such as Lily and the Other User, to engage in real-time messaging and coordinate tool-sharing arrangements. Lily can initiate a **real-time chat**, which includes the ability to **view past messages** for reference. The system also allows both users to **receive real-time messages**, ensuring smooth and instant communication. Additionally, users can **customize their notification settings** to control how they receive alerts for new messages. If necessary, within the chat, users can **coordinate tool-sharing arrangements**, allowing them to organize and confirm the exchange of tools efficiently. The system enhances collaboration by integrating messaging, history tracking, and scheduling features into a seamless user experience.
### UML Use Case Diagram
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXflBVYEWHssBmmpYgWYeVj-hq5PIAuJ5Dag4wF_TtUCbwiJNV-qKR_7xkoxDqWBXWYGFDQ6IMar_6C_kxfV0_8IQtJC2jzeSY3CnO74N0TasvwKgbVeQ35HdsoZ0QEvQEgWH9PL4Q?key=j3RL-QDGquSDnMsiC5thvPsC){width="533" height="510"}</span>
### Storyboards
### Sequence Diagram
### Activity Diagram
## Peter:
### UML Use Case Diagram
### Storyboards
### Sequence Diagram
### Activity Diagram
## Charles:
### UML Use Case Diagram
### Storyboards
Story board for the Chat box feature. From the select chat button, finish chatting with another user.
**<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXceFjkpcV7rbZ9_57UXzamHEZ1IggJ8zmCf3ttT58ypaCjriiIksVi1bZiBi0lQJj0nY6VFn_fZ_XluZgHzlssu29yciFB0MRP28Ulcz7mGinwTVRURhlZ2C1VeM14sT6CCsgOzaw?key=j3RL-QDGquSDnMsiC5thvPsC){width="624" height="663"}</span>**
### Sequence Diagram
This sequence diagram illustrates the **push notification flow** in a messaging system. The **actor** enables notifications in the settings, prompting the **system** to send push notifications to the **device** when a new message arrives. Upon receiving a notification, the system updates the message status. The actor then clicks on the notification, triggering the system to mark the message as read and display any unread messages. This process repeats in a loop whenever a new notification is received, ensuring that the user stays informed of new messages.
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeXHv-FAms5rMrpjzA3PtDp-QXPGxtkgPhk6EGjTmtzI2btXG7unrclALh8-xPm1442zfC2buqMXgD0QT3AE0wpGjpsPHb2Wn8uDSdS4ObsXV6kFzGQPZV7Gp0PdSBhn5TtMSa9?key=j3RL-QDGquSDnMsiC5thvPsC){width="501" height="380"}</span>
### Heer
### Activity Diagram
### Matt
This **activity diagram** represents the process of initiating and conducting a chat conversation within a messaging app.
The flow begins when **Lily opens the app**, displaying the “Chats” section. She then **selects a user to chat with**, leading to the **chat window opening**. Lily proceeds to **send a message** (e.g., “Hey, is the drill available?”), prompting a response from the other user (e.g., “Yes, you can pick it up at 5 PM”). The conversation concludes with confirmation, ensuring both parties are aligned on the next steps. This structured flow ensures smooth communication and decision-making between users.
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfZgtMhvjSOaUFECJEEdjWHEmshkC7pYXKj4SuucF338S3sRDvPgFoVp_T832dospa2Q2lBOc2S6uDcv3F46Peq2binmdXnhFbyimxKXtYpZ4Nx0ciy7ugctQYc0Bi0ZlsACrE-?key=j3RL-QDGquSDnMsiC5thvPsC){width="624" height="376"}</span>
## Heer:
### Haidari
### UML Use Case Diagram
### Storyboards
### Sequence Diagram
### Activity Diagram
## Haidari:
### UML Use Case Diagram
ToolTara's use case diagram [here](https://editor.plantuml.com/uml/VPB1QiCm38RlUWhHUmfjcXn6AOLrE-qmnhAx5okfmRM2hT33jdTVN18sPoC-6NqVbdxRno3AIt-nOAaH54PlshEWDfvgCUn0rS8Ugq1-t9wKg7SL220gohMMy9NPFZ5t-04uh3vGFHYuUg7M124VAtw5Ac1rlqcLDqDNx3mtnj9eR5FZGHkP33IkuL7BKwtgB2kDV7NOdLauZDfkhcabXCz9no9rJcHfSDAfIlW2YFU0MNQ8EV0E7uqFmwsP2zqI_iRR0K_nIV_1-JBUBUDY6PV_O8WZhTUVK_EzSRNjDHqYoN6VPJyl6_lF2iMyKCuBcoduxRmn1i2Hd8x_wni0).
### Hakeem Hannoon
### Storyboards
ToolTara's storyboard [here](https://freeimage.host/i/2y917Xs).
### Sequence Diagram
ToolTara's sequence diagram [here](https://editor.plantuml.com/uml/ZP792eD038RlynJ1ko_WeGYLGczIyG62ndR0MJgJEVZshWDLkbtpB_b2Si_eEAXUOCF6GUt92JkDP2CjQeQaTAQJFK69TqhsKZLu9fK8CQSWFHtC6Tpe6SWpnF5LTqRiJKjiAyhWGjmy5WWea5541TAtxHoSVdKVcgVCB6PGI6zx7FOS7wbhsoBJ_z0LwJQ6jek_Wv-DxgHJM-OtzkfhLv9ysZR_QmG0).
### Activity Diagram
ToolTara's activity diagram [here](https://editor.plantuml.com/uml/RL3BRi903BplL_WOVY4vb1Ouz528Ybg9eyawYQLb7QqDYB_7vN6YFetiiSSpSpKiTZoaS0EXVkywKeMsIC-9O4jcd0Tlu41Dg5UH3JvOG0hyJ4ammfhEq8vYqWJkeThYYM0nOXv8tsPW8sMeTgIp05xradLAUF7bY4OHFdClvO36afj0IGcgjJou2ymTfUSn7-V8VQY_wSJgRonHnxrWYNVX1mrQAifg_sW_6R--ldTp9h1nJj4NvLKfRl3BaxZPlWkhoHJcZl_Y2bS0).
## Hakeem
### UML Use Case Diagram
We build a use case diagram for my [first user story](https://git.cs.usask.ca/vrl968/cmpt370/-/wikis/Deliverable_1#user-story-1-3).
......@@ -29,10 +89,6 @@ We build a use case diagram for my [first user story](https://git.cs.usask.ca/vr
**Actors**: Website user (primary), website data base (secondary).
**Version**: 1.2
**Person in Charge**: Hakeem Hannoon
**Preconditions**: The character limit for a review is 250.
After submitting the review, the rating of the item/user will be updated in the system, and the comment (if the user left one) will be added to the item posting/user profile.
......@@ -61,27 +117,7 @@ Scenario example: Leaving, deleting or editing a review on a tool
![Use_Case_Diagram](uploads/fed444af10b4b800c844c7e8e5fdfcc4/Use_Case_Diagram.png)
## UML Class Diagram
## Design Storyboard
### Peter
### Charles
Story board for the Chat box feature. From the select chat button, finish chatting with another user.
**<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXceFjkpcV7rbZ9_57UXzamHEZ1IggJ8zmCf3ttT58ypaCjriiIksVi1bZiBi0lQJj0nY6VFn_fZ_XluZgHzlssu29yciFB0MRP28Ulcz7mGinwTVRURhlZ2C1VeM14sT6CCsgOzaw?key=j3RL-QDGquSDnMsiC5thvPsC){width="624" height="663"}</span>**
### Heer
### Matt
### Haidari
ToolTara's storyboard [here](https://freeimage.host/i/2y917Xs).
### Hakeem
### Storyboards
Now we design the story board for our [first user story](https://git.cs.usask.ca/vrl968/cmpt370/-/wikis/Deliverable_1#user-story-1-3). We start **displaying the reviews on a given product** with the option of adding or deleting an existing review.
......@@ -95,50 +131,15 @@ Now we turn to another acceptance test, where the user is able to **see their pr
![image](uploads/896eb10846d9de46d72ec7b0853470d6/image.png){width="1141" height="839"}
## Software Architecture
## Sequence Diagram
### Peter
### Sequence Diagram
### Charles
This sequence diagram illustrates the **push notification flow** in a messaging system. The **actor** enables notifications in the settings, prompting the **system** to send push notifications to the **device** when a new message arrives. Upon receiving a notification, the system updates the message status. The actor then clicks on the notification, triggering the system to mark the message as read and display any unread messages. This process repeats in a loop whenever a new notification is received, ensuring that the user stays informed of new messages.
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeXHv-FAms5rMrpjzA3PtDp-QXPGxtkgPhk6EGjTmtzI2btXG7unrclALh8-xPm1442zfC2buqMXgD0QT3AE0wpGjpsPHb2Wn8uDSdS4ObsXV6kFzGQPZV7Gp0PdSBhn5TtMSa9?key=j3RL-QDGquSDnMsiC5thvPsC){width="501" height="380"}</span>
### Heer
### Matt
### Haidari
ToolTara's sequence diagram [here](https://editor.plantuml.com/uml/ZP792eD038RlynJ1ko_WeGYLGczIyG62ndR0MJgJEVZshWDLkbtpB_b2Si_eEAXUOCF6GUt92JkDP2CjQeQaTAQJFK69TqhsKZLu9fK8CQSWFHtC6Tpe6SWpnF5LTqRiJKjiAyhWGjmy5WWea5541TAtxHoSVdKVcgVCB6PGI6zx7FOS7wbhsoBJ_z0LwJQ6jek_Wv-DxgHJM-OtzkfhLv9ysZR_QmG0).
### Hakeem
## Activity Diagram
### Peter
### Charles
This **activity diagram** represents the process of initiating and conducting a chat conversation within a messaging app.
The flow begins when **Lily opens the app**, displaying the “Chats” section. She then **selects a user to chat with**, leading to the **chat window opening**. Lily proceeds to **send a message** (e.g., “Hey, is the drill available?”), prompting a response from the other user (e.g., “Yes, you can pick it up at 5 PM”). The conversation concludes with confirmation, ensuring both parties are aligned on the next steps. This structured flow ensures smooth communication and decision-making between users.
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfZgtMhvjSOaUFECJEEdjWHEmshkC7pYXKj4SuucF338S3sRDvPgFoVp_T832dospa2Q2lBOc2S6uDcv3F46Peq2binmdXnhFbyimxKXtYpZ4Nx0ciy7ugctQYc0Bi0ZlsACrE-?key=j3RL-QDGquSDnMsiC5thvPsC){width="624" height="376"}</span>
### Heer
### Matt
### Haidari
ToolTara's activity diagram [here](https://editor.plantuml.com/uml/RL3BRi903BplL_WOVY4vb1Ouz528Ybg9eyawYQLb7QqDYB_7vN6YFetiiSSpSpKiTZoaS0EXVkywKeMsIC-9O4jcd0Tlu41Dg5UH3JvOG0hyJ4ammfhEq8vYqWJkeThYYM0nOXv8tsPW8sMeTgIp05xradLAUF7bY4OHFdClvO36afj0IGcgjJou2ymTfUSn7-V8VQY_wSJgRonHnxrWYNVX1mrQAifg_sW_6R--ldTp9h1nJj4NvLKfRl3BaxZPlWkhoHJcZl_Y2bS0).
### Hakeem
### Activity Diagram
We create our activity diagram for the [second user story](https://git.cs.usask.ca/vrl968/cmpt370/-/wikis/Deliverable_1#user-story-2-3). Here the user goes through the process of reporting an item or another user in the website. The user has multiple options for the reason of the report, and the admin has options to take action based on the total number of reportings. The user can also submit multiple reports for each item/user.
![Activity_diagram](uploads/f29c7984d61ecb0c7e94e7a730ec6da3/Activity_diagram.png){width="450" height="1944"}
* Use case for communication feature.
* The **Tool Loop Communication System** enables users, such as Lily and the Other User, to engage in real-time messaging and coordinate tool-sharing arrangements. Lily can initiate a **real-time chat**, which includes the ability to **view past messages** for reference. The system also allows both users to **receive real-time messages**, ensuring smooth and instant communication. Additionally, users can **customize their notification settings** to control how they receive alerts for new messages. If necessary, within the chat, users can **coordinate tool-sharing arrangements**, allowing them to organize and confirm the exchange of tools efficiently. The system enhances collaboration by integrating messaging, history tracking, and scheduling features into a seamless user experience.
<span dir="">![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXflBVYEWHssBmmpYgWYeVj-hq5PIAuJ5Dag4wF_TtUCbwiJNV-qKR_7xkoxDqWBXWYGFDQ6IMar_6C_kxfV0_8IQtJC2jzeSY3CnO74N0TasvwKgbVeQ35HdsoZ0QEvQEgWH9PL4Q?key=j3RL-QDGquSDnMsiC5thvPsC){width="533" height="510"}</span>