Restaurant Recommendation System
Design Document
By Kevin Grondin, Parthil Jagani, Isaac Miller, and Jacob Miller
Faculty Sponsor: Dr. Bhattacharyya
Table of Contents
1 Overview
2 System Architecture Diagram
2.1 Original Diagram
2.2 Updates to Diagram
3 UI Mock-Ups
3.1 Login Screen
3.2 Group Homepage
3.3 Sample Group Chat
3.4 Recommendation System Decision Page
3.5 Recommendation System Results Page
3.6 Settings Page
3.7 Add Friends Page
3.8 Meal Lobby Page
1 Overview
This document outlines the overall design of the Restaurant Recommendation System application. It discusses the layout of the system architecture and how/when different components communicate with each other as well as illustrations conveying our general ideas for various parts of the app. Note that this document and its designs are subject to change; it is almost certain that we will discover reasons to change aspects of our design during the development process, so the contents of this document are not necessarily final.
2 System Architecture Diagram
2.1 Original Diagram
2.2 Updates to Diagram
3 UI Mock-Ups
3.1 Login Screen: This is the page users will be greeted with when they open the app for the first time. Here, they can log into their account or create one if they haven’t yet. If the app remembers the user from previous logins, this page is omitted and replaced with a preloader.
3.2 Group Homepage: This screen is what returning users will see upon opening the app. Here, the various groups a user is in can be seen, as well as the option to create new ones. Groups will be ordered in order of activity (groups with the most recent activity will be at the top).
3.3 Sample Group Chat: This is an example of what users will see once they enter a group chat they are in. The creator of the group chat can name the group to anything they’d like, but the default option sets the name to a list of the group members.
3.4 Recommendation System Decision Page: This is an example of what users will see once the app has begun surveying them. It showcases various details about the location provided, and prompts users to swipe right for yes or left for no.
3.5 Recommendation System Results Page: This is an example of what users will see upon completing the recommendation system process. Once a decision has been made by the system, it will be sent to all participating users, highlighting some of the key benefits (dictated by user choice trends). Users can then also copy the address of the restaurant to their clipboard for easy navigation.
3.6 Settings Page: This is an example of what users will see when they access their user settings. It gives users the ability to change some conveniences as well as basic information about their profile. As the app grows more complex with development, the list of settings will grow to be scrollable, and categorization / organization of settings will change to whatever is best for conveying that information.
3.7 Add Friends Page: This is an example of what users will see after first creating an account, or if they choose the option to add a friend in the main menus. Users can add a phone number that will attempt to auto-complete from contacts, as well as choose recommended accounts that either added you already, are from your contacts, or share mutual friends with you.
3.8 Meal Lobby Page: This is an example of what users will see upon creating or joining a Meal Lobby. User status will be displayed on the right so progress can be seen, friends can be invited, and users can start their decision process at any time. The host has the option to force kick a user if they go inactive. Once all statuses are “DONE”, users will be brought to a results screen.