What is it?

Handling Customer Complaints for a Store

This is the complete app, model, and example data for a clothing shop, to help staff handle customer complaints professionally.

<a href="/File:ComplaintTrackerStartScreen.png" class="image" data-bs-title="File:ComplaintTrackerStartScreen.png" data-bs-filetimestamp="20170805130226"><img alt="ComplaintTrackerStartScreen.png" src="/images/thumb/c/c6/ComplaintTrackerStartScreen.png/853px-ComplaintTrackerStartScreen.png" decoding="async" width="853" height="403" class="thumbimage" srcset="/images/thumb/c/c6/ComplaintTrackerStartScreen.png/1280px-ComplaintTrackerStartScreen.png 1.5x, /images/c/c6/ComplaintTrackerStartScreen.png 2x" /></a>

<a href="/File:ComplaintTrackerStartScreen.png" class="internal" title="Enlarge"></a>

How to use it

The MDriven database image contains, in addition to the model, the following:

1. User interface messages for all states
2. Two users
   • john@acme.inc (store employee)
   • admin@acme.inc (system manager)
   • The password is "password" for both users
3. 200 fake complaints in various states of handling
4. MDrivenServer log-on
   • User: "a"
   • Password: "password"

Download

You can download the complete database copy here: <a href="/File:StoreComplaintHandling.zip" title="File:StoreComplaintHandling.zip" data-bs-title="File:StoreComplaintHandling.zip" data-bs-filename="StoreComplaintHandling.zip" data-bs-filetimestamp="">File:StoreComplaintHandling.zip</a>

Key Features (For Users)

1. Complaint tracking
2. Tracking what information has reached the customer
3. Internal notes
4. Customer chat using QR-code for easy customer access
5. Tracking the following use cases:
   • The complaint process' current state
   • Decision process:
     • Store decision
     • Supplier decision
     • Manager decision
   • Where the broken product is (complaint product)
   • A replacement product (from the supplier)
   • Exchange product (from supplier or store)
   • Reimbursement for the customer
   • Reimbursement from the supplier to the store
   • Credit tracking
6. Staff to-do list
7. User editable messages
8. Automatic event tracking
9. Multiple stores
   • Address information
   • Logo

Key Features (For Developers)

• Very complex setup of state machines
• Summary views
• Login handling
• User management views
• User rights setup
• Derived attributes and associations to ease user interface creation
• Uploading and showing images
• Automatic logging on state changes
• Binding information to state machines (messages in this example)
• Serverside assignment of numbering
• QR-code setup for linking to applications
• Printing setup of ViewModel
• AngularJS dynamic styling

Content Examples

<a href="/File:StoreComplaintHandling,_main_classes.png" class="image" data-bs-title="File:StoreComplaintHandling,_main_classes.png" data-bs-filetimestamp="20170805132318"><img alt="" src="/images/thumb/8/87/StoreComplaintHandling%2C_main_classes.png/521px-StoreComplaintHandling%2C_main_classes.png" decoding="async" width="521" height="657" class="thumbimage" srcset="/images/thumb/8/87/StoreComplaintHandling%2C_main_classes.png/781px-StoreComplaintHandling%2C_main_classes.png 1.5x, /images/8/87/StoreComplaintHandling%2C_main_classes.png 2x" /></a>

<a href="/File:StoreComplaintHandling,_main_classes.png" class="internal" title="Enlarge"></a>

Main classes

<a href="/File:StoreComplaintHandling,_state_machines.png" class="image" data-bs-title="File:StoreComplaintHandling,_state_machines.png" data-bs-filetimestamp="20170805132120"><img alt="" src="/images/thumb/b/b4/StoreComplaintHandling%2C_state_machines.png/519px-StoreComplaintHandling%2C_state_machines.png" decoding="async" width="519" height="412" class="thumbimage" srcset="/images/thumb/b/b4/StoreComplaintHandling%2C_state_machines.png/779px-StoreComplaintHandling%2C_state_machines.png 1.5x, /images/thumb/b/b4/StoreComplaintHandling%2C_state_machines.png/1038px-StoreComplaintHandling%2C_state_machines.png 2x" /></a>

<a href="/File:StoreComplaintHandling,_state_machines.png" class="internal" title="Enlarge"></a>

State machines

<a href="/File:StoreComplaintHandling,_Complaint_view.png" class="image" data-bs-title="File:StoreComplaintHandling,_Complaint_view.png" data-bs-filetimestamp="20170805133247"><img alt="" src="/images/thumb/1/10/StoreComplaintHandling%2C_Complaint_view.png/677px-StoreComplaintHandling%2C_Complaint_view.png" decoding="async" width="677" height="611" class="thumbimage" srcset="/images/thumb/1/10/StoreComplaintHandling%2C_Complaint_view.png/1016px-StoreComplaintHandling%2C_Complaint_view.png 1.5x, /images/1/10/StoreComplaintHandling%2C_Complaint_view.png 2x" /></a>

<a href="/File:StoreComplaintHandling,_Complaint_view.png" class="internal" title="Enlarge"></a>

Complaint view

<a href="/File:StroeComplaintHandling,_mobile_chat_view.png" class="image" data-bs-title="File:StroeComplaintHandling,_mobile_chat_view.png" data-bs-filetimestamp="20170805133454"><img alt="" src="/images/thumb/e/e4/StroeComplaintHandling%2C_mobile_chat_view.png/300px-StroeComplaintHandling%2C_mobile_chat_view.png" decoding="async" width="300" height="534" class="thumbimage" srcset="/images/e/e4/StroeComplaintHandling%2C_mobile_chat_view.png 1.5x" /></a>

<a href="/File:StroeComplaintHandling,_mobile_chat_view.png" class="internal" title="Enlarge"></a>

Mobile chat view