Demo Structure - bounswe/bounswe2025group8 GitHub Wiki

Introduction

Neighborhood Assistance Board brings back the community spirit of old neighborhoods, powered by modern technology. Whether you need help with grocery shopping, tutoring, minor repairs, or want to volunteer your skills, our web and mobile platform connects neighbors who need assistance with those ready to help. With personalized task feeds, secure communication, verified ratings, and location-based matching, we make neighborhood cooperation simple, safe, and trustworthy.

UX Strategy

To improve the user experience, we made several decisions. For example, in our demo implementation, a help requester can access the Post Request button directly from the main menu with a single click. We also use relevant icons for the main menu pages on both mobile and web. Other UX features we’ve implemented include light/dark mode, a search function, and large, readable buttons and text. In the future, we will also add support for multiple languages and enhance accessibility for blind users.

Scenarios

🧩 Scenario 1 – Volunteering

🎭 Actors

  • Guest User: Ahmet
  • Age: 22
  • Location: Kadıköy, İstanbul
  • Job: University student
  • Situation: Wants to help elderly people in his neighborhood but has never used the app before.
  • Goal: Find a trustworthy request to volunteer for and gain experience through helping others.

✅ Preconditions

  • The Neighbourhood Assistance Board web app is accessible to guest users.
  • There are active requests posted by registered users in various categories (e.g., Elderly Support, Errands).
  • Request detail pages and user profiles are visible to logged-in users.

🧭 Main Flow (Steps)

  1. Exploration as Guest: Ahmet opens the web app and browses the Home Page, viewing active requests.
  2. Interest Sparked: He finds a task titled “Need help with grocery shopping for an elderly person.” Intrigued, he decides to join but must sign up first.
  3. Registration and Volunteering: Ahmet creates an account and returns to the same request detail page to press “Volunteer.” His name is now shown under volunteers.
  4. Profile Verification: He checks the requester’s profile and notices a suspicious photo that does not match the request description (an elderly person). He suspects a fake account.
  5. Withdrawing Decision: To avoid a risky situation, Ahmet uses the “Withdraw” button to cancel his volunteering.
  6. Filtering New Tasks: He navigates to the Categories Page and filters requests under Elderly Support.
  7. Evaluating Before Volunteering: He finds another task, checks the requester’s profile first (this time seeing a genuine photo), and then volunteers confidently.

🧾 Postconditions / Outcome

  • Ahmet is successfully registered and has volunteered for a verified request.
  • The scenario demonstrates how profile transparency, category filtering, and withdrawal features build trust and encourage safe volunteering behavior.

🧩 Scenario 2 – Requesting

🎭 Actors

  • Registered User: Mustafa
  • Age: 68
  • Location: Ümraniye, İstanbul
  • Job: Retired teacher
  • Situation: Lives alone in a house with a large garden and needs help with maintenance.
  • Goal: Create a help request for lawn mowing that requires two volunteers, update it due to weather conditions, and select the most reliable volunteers.

✅ Preconditions

  • Mustafa is a registered and logged-in user.
  • The system allows users to create, edit, and delete requests and to view and select multiple volunteers.
  • There are active volunteers browsing the platform and willing to assist with outdoor tasks.

🧭 Main Flow (Steps)

  1. Creating a Request: Mustafa opens the Create Request page and posts a new task titled “Need help mowing a large garden lawn this weekend (2 volunteers needed).”

    • He specifies that the garden is quite big and the task requires two volunteers to complete efficiently.

  2. Weather Change: A few days later, Mustafa checks the weather forecast and notices that rain is expected on the scheduled day.

    • To avoid wasting volunteers’ time, he decides to postpone the task.

  3. Editing the Request: From the Request Detail Page, he clicks “Edit” and updates the date to the next weekend when the weather is expected to be clear.

    • The system confirms the update, showing the new date on the request.

  4. Monitoring Volunteer Applications: After a few days, Mustafa opens the request again and sees several volunteer applications.

    • He needs to select two suitable volunteers instead of one.

  5. Profile Review: Mustafa carefully reviews each volunteer’s Profile Page — checking their previous tasks, reviews, and profile photos to ensure they are trustworthy and experienced.

  6. Selecting Volunteers:

    • He chooses Ahmet, a university student with positive reviews from similar tasks.
    • Then, he selects Efe, another user with experience in outdoor volunteering.
    • Both receive confirmation notifications that they’ve been accepted as volunteers for the task.

🧾 Postconditions / Outcome

  • The request is successfully updated with a new date and two selected volunteers.
  • Mustafa feels confident that the job will be handled efficiently by a reliable team.
  • The scenario highlights how the platform supports multi-volunteer management, allowing elderly users to coordinate tasks that require more than one helper while maintaining trust and flexibility through profile-based selection.

Sure — here’s your scenario rewritten in Markdown format, cleanly structured and ready for use in documentation, reports, or GitHub project files:

🧳 Scenario 3: Moving Help Request

👥 Characters

Efe Solmaz (23, Male)

  • Student at Istanbul Technical University (ITU)
  • Lives in Kağıthane, Gültepe

Baran Çankaya (24, Male)

  • Student at Boğaziçi University
  • Lives in Kağıthane
  • Has free time, strong build, and enjoys helping others

Yusuf Öksüz (25, Male)

  • Student at Yıldız Technical University (YTU), Electrical & Electronics Engineering
  • Lives near Kağıthane

📖 Story

Efe has recently bought a large refrigerator and needs help moving it to his home one street away. He logs into the Neighborhood Assistance Board app and creates a new help request:

  • Title: Need help moving a refrigerator
  • Description: Need assistance moving a large refrigerator one street away.
  • Category: Moving Help
  • Urgency: Medium
  • Number of people needed: 2
  • Photo: None
  • Date: 23.10.2025
  • Time: 17:00
  • Address: Efe’s address in Kağıthane, Gültepe

After creating the request, Efe logs out and waits for volunteers.

Baran Çankaya, a nearby student, opens the app in his free time. He browses the Feed Page, finds Efe’s moving request, views the details, and decides to volunteer.

Later, Yusuf Öksüz also checks the feed, sees the same task, opens its details, and volunteers as well.

Efe receives a notification that volunteers have joined his request. He logs back in, goes to Manage Volunteers, and reviews their profiles. He visits Baran’s and Yusuf’s profile pages, sees their phone numbers, and calls them to coordinate the move.

✅ Outcome

Efe successfully finds two volunteers — Baran and Yusuf — to help him move his new refrigerator. The Neighborhood Assistance Board effectively connects community members who need assistance with others willing to help.

Scripts

Intro — Ali (≈40–50s)

  • “Hi, we’re Neighborhood Assistance Board—we connect neighbors who need help with neighbors who want to help.”
  • “The problem: it’s hard to find reliable, nearby help in noisy group chats. Trust and safety are unclear.”
  • “Our approach: location-aware feeds, verified profiles/ratings, and a clear task flow: post → review → volunteer → select → coordinate.”
  • “UX highlights in this build: one-click ‘Post Request’ on the home menu, consistent icons, search, light/dark mode, and large, readable controls.”
  • “Coming next: multi-language and better screen-reader accessibility.”
  • “We’d love feedback on trust cues, volunteer selection clarity, the withdrawal flow, and accessibility.”
  • “Let’s see it live. Musa, take us through Volunteering.”

Web Demo — Scenario 1 (Guest → Volunteer safely) — Musa Kaan (≈2–3 min)

  • “[Home] I’m Ahmet, a guest. I can already browse active requests.”
  • “[Open request] This one: ‘Need help with grocery shopping for an elderly person.’ I’ll Volunteer.”
  • “[Blocked → Sign up] I’m prompted to sign up—doing that now.”
  • “[Back to request] Signed up. Now I tap Volunteer; I’m listed under volunteers.”
  • “[Open requester profile] The photo looks suspicious for this task—I’ll play it safe and Withdraw.”
  • “[Categories] Filtering by Elderly Support for better matches.”
  • “[Open another request → check profile] Profile looks genuine with positive reviews. I Volunteer confidently.”
  • “That’s how transparency, withdrawal, and filters keep new users safe.”
  • “Over to Ahmet for multi-volunteer management.”

Web Demo — Scenario 2 (Create, edit for weather, pick 2 volunteers) — Ahmet Eren (≈2–3 min)

  • “I’m Mustafa. I’ll Create Request: ‘Need help mowing a large garden lawn (2 volunteers needed).’”
  • “Plans changed—rain is expected. I Edit the date to next weekend.”
  • “[Volunteers list] Applications are in. I open profiles, check past tasks and reviews.”
  • “I select Ahmet and select Efe—both get accepted.”
  • “Now my request is staffed with two reliable volunteers.”
  • “We’ll switch to mobile for a moving-help story. Ali?”

Transition — Ali (≈10–15s)

  • “On mobile: Efe posts a moving request; Baran and Yusuf volunteer; Efe reviews and calls them to coordinate. Three phones, real time. Abdullah, you’re Efe.”

Mobile Demo — Scenario 3 (Create + 2 volunteers + coordinate)

Abdullah as Efe (Requester)

  • “[Create] Title ‘Need help moving a refrigerator’, Moving Help, Urgency: Medium, People: 2, 23.10.2025 – 17:00, Kağıthane, Gültepe. Post.”
  • “I log out and wait.”

Batuhan as Baran (Volunteer 1)

  • “[Feed → open request] Looks good. I tap Volunteer.”

Alperen as Yusuf (Volunteer 2)

  • “[Feed → same request] I also Volunteer.”

Abdullah as Efe (Back to manage)

  • “[Log in → Notifications/Request → Manage Volunteers] I see Baran and Yusuf.”
  • “[Open profiles] Ratings and past tasks look solid. I Accept both.”
  • “I tap the phone number to coordinate the move.”

Close — Ali (≈20–30s)

  • “That’s Neighborhood Assistance Board: quick posting, safe volunteering, and confident selection.”
  • “Feedback welcome on: trust signals, selection flow, withdrawal clarity, and accessibility.”
  • “Thank you—happy to take questions.”

Roles

Present Introduction: Ali

Run Live Demos: Abdullah , Batuhan, Alperen, Musa Kaan, Ahmet Eren

Observers : Eren , Erdem , Üveys

Note-taker: Yusuf Kaan