1 of 43

Gang 73 - 7Tea3

POS & Management System

​

Abhinav Akavaram, Bhavana Venkatesh, Ethan Ma, Avi Kumar, Raj Nallanthighal, Zayna Sayyed

2 of 43

MEMBER INTRODUCTIONS

3 of 43

Gang 73

  • Project Manager: Raj Nallanthighal
  • Full Stack Developer: Abhinav Akavaram
  • Frontend Developer: Bhavana Venkatesh
  • Backend Developer: Avi Kumar
  • Backend Developer: Ethan Ma
  • Frontend Developer: Zayna Sayyed

​

4 of 43

Project Manager: Raj Nallanthighal

  • Deployment
  • Manager page functionality/UI
  • OAuth + route protection
  • OpenAI drink quiz

​

Shared:

  • Project setup
  • Backlogs, work delegation

5 of 43

Full Stack Developer: Abhinav Akavaram

  • Backend API calls
  • Accessibility feature: text-to-speech
  • Customer Rewards

​

Shared:

  • Backend API planning.
  • Features integration.

6 of 43

Front End Developer: Bhavana Venkatesh

  • Overall UI/UX implementation
  • Consistency between interfaces
  • Page flow and contrast

​

Shared:

  • Usability Implementation
  • Features Integration

7 of 43

Front End Developer: Zayna Sayyed

  • Kiosk and Cashier UI/Features
  • Accessibility (Contrast and Font Scaling)
  • Pain points and usability

​

Shared:

  • Usability Implementation
  • Features Integration

8 of 43

Backend Developer: Ethan Ma

  • Accessibility feature: Multi-language translations
  • Kitchen page functionality/UI
  • User feedback changes

​

Shared:

  • Backend API planning
  • Features integration

9 of 43

Backend Developer: Avi Kumar

  • Weather based drink recommendations
  • Kiosk page functionality

​

Shared:

  • Backend API planning
  • Features integration

10 of 43

AGENDA

11 of 43

Agenda

  1. Member Introductions
  2. Problem Statement
  3. Tech Stack
  4. Accessibility Features
  5. Project Management
  6. Usability Reports
  7. Demo

12 of 43

PROBLEM STATEMENT

13 of 43

Product Idea

  • Customers can only order at the registers
    • Major efficiency hit if a register fails
  • Operations and sales are disjoint
    • Less adaptable, less productive

​

  • Solution:
    • Self-serve kiosk, centralized database
    • Improve productivity, and boost sales

​

14 of 43

Project Details

  • Managers:
    • Terminal to monitor performance and update store resources
  • Employees:
    • P.O.S system to quickly take customer orders
    • Kitchen-side screen to manage order fulfillment
  • Customers:
    • Self-service kiosk
  • <Representative image of high-level project diagram>

15 of 43

State-of-the-Art

  • Competition:
    • Relies too heavily on customer-cashier interaction -> can lead to order backup
    • Does not support all users
  • Our product:
    • Redundancy and data centralization -> reliability
    • Support for user personas -> accessibility

16 of 43

TECH STACK

17 of 43

Frontend Development

  • React
    • Interactive, dynamic
  • JavaScript
    • Core logic
  • HTML/CSS
    • Design and styling
  • Axios (HTTP client)

18 of 43

Backend Development

  • Express
    • API framework
    • Handles HTTP requests
  • SQL/PostgreSQL
    • Relational database
  • JavaScript
    • Core logic

19 of 43

Full Stack Development

  • Render
    • Hosting
  • AWS
    • Cloud storage

20 of 43

ACCESSIBILITY FEATURES

21 of 43

1st Persona: Maria

  • Maria
    • Community health worker
    • Bilingual
  • <Corresponding image of persona.>

22 of 43

Accessibility Features for Maria

  • Needs “clearly written information”
    • Labeled buttons, ex. “Checkout”
  • Needs “computer translations”
    • In-browser translation

23 of 43

2nd Persona: Lea

  • Lea
    • Writer and editor
    • Suffers from fibromyalgia
  • <Corresponding image of persona.>

24 of 43

Accessibility Features for Lea

  • Difficulty with movement
    • UIs with grouped buttons, elements
    • Minimize button clicks, scrolls

25 of 43

3rd Persona: Vishnu

  • Vishnu
    • Engineer
    • Suffers from glaucoma
  • <Corresponding image of persona.>

26 of 43

Accessibility Features for Vishnu

  • Needs “screen magnifiers”
    • Zoom with font-size scaling
    • Stretch: text-readout
  • Needs “contrast adjustment”
    • High-contrast color-profiles

27 of 43

PROJECT MANAGEMENT

28 of 43

Product Backlog Summary

  • Tasks involve:
    • General app structure
    • Page-specific functionality + UI
    • External API support
    • Accessibility support
    • Additional features
    • Administrative documents

Task Group

Story Points*

Project setup, deploy

5

DB design, internal APIs

3

(2) Customer interfaces

20

(3) Staff interfaces

30

External APIs

5

Additional features

5

Other deliverables

10

*loose estimates

29 of 43

Sprint 1 Status

  • MVP functionality
    • Kiosk
    • Menu
    • Cashier P.O.S
    • Manager
    • Kitchen
  • Exceeded initial Sprint 1 goals

30 of 43

Sprint 2 Outlook

  • Focus
    • Major UI design improvements
    • External APIs
    • Accessibility features
    • Bug fixes

Task

Story Points*

Google OAuth + route protection

2

Menu page UI

3

Manager order history + reports

2

Cashier page UI

3

Google Translate API

4

Fix Kiosk page function

2

OpenAI prototype

1

Voice commands

4

*loose estimates

31 of 43

Sprint 2 Status

  • Features
    • OAuth login/logout
    • In-browser translation
    • Text-to-speech
    • Drink recommender quiz
  • Major UI Updates

32 of 43

Sprint 3 Outlook

  • Final touches and polish
    • Finalize UI across app
    • Safety, performance, race condition testing
    • Additional requirements
    • Stretch goals

Task

Story Points*

Weather API integration

2

Rewards program

4

Safety testing

3

Functionality QA

3

*loose estimates

33 of 43

Sprint 3 Status

  • Finalized
    • Weather API
    • Rewards program
    • Customer login
  • Usability testing
    • Pain points

34 of 43

Overall Project Outlook

  • 3 accessibility features:
    • Text-to-speech
    • Language translation
    • Scalable text size
  • 3 beyond features:
    • Drink recommendation quiz
    • Customer rewards program
    • Best selling drink of the month

35 of 43

Overall Project Outlook (cont.)

  • 4 APIs
    • Google OAuth
    • Google Translate
    • OpenWeather
    • OpenAI (for the drink quiz)

36 of 43

USABILITY REPORTS

37 of 43

Lo-fi Prototyping

  • Drew interface sketches to explore layout and flow
  • Identified basic needs and pages necessary
  • Gathered user feedback
  • Refined Lo-fi prototypes based on the feedback

38 of 43

Hi-fi Wireframes

  • Designed high-fidelity digital mockups
  • Based flow off of lo-fi prototype feedback
  • Implemented more details based off of order needs

39 of 43

User Study Feedback

  • Q: What would you change about the design?
    • A: “Add a way to organize the toppings”

​

  • Q: Did the kiosk system have all the features you expected?
    • A: “Mostly yes… but a confirmation screen would have been nice”

40 of 43

User Study Feedback (cont.)

  • Takeaways
    • Categorical organization improvement
    • Logical options
    • Ability to see “current drink”
    • Order confirmation screen
    • Good “flow”

41 of 43

Pain Points

  • Kiosk takeaways:
    • Scroll position should reset
    • Customization order should be logically sorted
    • Add a “clear all” button
  • Manager takeaways:
    • Search functionality

42 of 43

Pain Points (cont.)

  • Kitchen takeaways:
    • Orders should be “cancelable” or “undone”

43 of 43

DEMO