Software Design

This page includes a short description of the overall architecture style of the system, its high-level system components, and their logical (what data they exchange) and control (how they invoke each other) dependencies.


Architecture Diagram

The architecture diagram outlines the layered flow of the applications from the database, to the back end framework, to the front end framework. It is important to separate these layers to maintain independence.

layered architecture diagram


UML Class Diagram

The UML class diagram describes the most important classes within the application.

Backend Classes

uml class diagram

Frontend classes

uml class diagram


UML Sequence Diagrams

Multiple sequence diagrams depicting the most important scenarios.

User Diagrams

These sequence diagrams are for users of the mobile application - parents or daycare workers.

uml sequence diagram part 1


Admin Diagrams

These sequence diagrams are for users of the administration web application - only management users.

uml sequence diagram part 2


Low-Fidelity User Interface

Since we have three types of users (daycare management, daycare workers, parents), we have three prototypes for their respective user interface. Workers and parents will be using a mobile application, while daycare management will be using a web application.

Admin/Manager Interface

admin interface

Daycare Worker Interface

worker interface

Parent Interface

parent interface