Skip to content

Soft Design Specification

Liunanxin edited this page Jul 12, 2019 · 14 revisions

SDS - Software Design Specification

Introduction Document Goals

Main Product Features & Capabilities

The Orange website has a number of core features:

  • Account registration and login
  • Profile and account editing
  • View users food intake history
  • Add food to users intake
  • View nutritional contents of food
  • Track nutritional content of daily intake against recommended daily intakes or customised daily intakes
  • Scan images of food to automatically add it to user intake
  • View company details and access professional contacts for dietary help

UML Modeling


Deployment Diagrams

Using deployment diagrams, we explicitly describe the physical structure of our software and related hardware. We deployed the first segment on the browser, which combined with the local server. According to the combination of data and background, a series of functions of the software are shown. For example, user login, food nutritional value and so on. Deployment Diagram

Class Diagrams

Using class diagrams, we can better understand the programming requirements and which classes need to be provided to support the connection and operation of the software. We have user Class, nutrition Class, food Class and food diary Class.

Class Diagram

Behaviour : Sequence and/or State Diagrams

Sequence diagrams are used to more visually describe the relevant use cases and show the sequence of steps involved when a web site executes a request. For example, if a user wants to add food, they should first enter the page of adding food, click the food they want to add, send a request, and get the request in the background and other relevant interactions in the foreground, server, database and background.

1.SequenceSequence

Persistence

The model below describes the layout and relationship between all database tables.

Entity Relationship Model

Entity Relationship Model

Relational Mapping

PERSON (Username, FamilyName, GivenName, Address, Phone, Sex, Password, Picture, ProfileID)
PROFILE (ProfileID, Height, Weight, NutritionID)
FOOD (ID, Name, QRCode, NutritionID)
NUTRITION (ID, Calcium, Calories, Fat, SatFat, TransFat, Cholesterol, Sodium, Sugar, Carbs, Fibre, Protein, VitA, VitC, VitE, VitB12, VitB6, Niacin, Thiamin, Phosphorus, Zinc, Magnesium, Folate, Riboflavin)
ATEFOOD (ID, Username, Timestamp)

Wireframes

The wireframes below are the first design iteration of the frontend UI layout.

  1. AboutAbout

  2. AddfoodAddFood

  3. ContactContact

  4. DashboardDashboard

  5. HomepageHomepage

  6. LoginLogin

  7. My profileMy profile!

  8. Sign upSign up