P1.6

Personal Mirror

Members & Responsibilities:

	Team Member	Responsibilities
	Hannah Estes	Github Repository Menu Content: News Feed, Messages, Social Media and Music Player
	Hriddhi Kulkarni	Presentation Page Always On Content: Clock, Weather, Notifications
	Tasnia Heya	Always On Content: Calender Events Navigation: Menu, Control Panel Other Features: Webcam Capabilities
	Jeffrey Lance	Health Content: Weight, Sleep, Steps, Mirror Stats
	Katrina Bueno	Sketch/Wire Frames Other Features: Light Source, Drag & Drop/Customization Feature

Sketch:

Link

Main functionality:

Most important information will be displayed on the 'Always On content'
Access 'Health content' and 'Menu content'
User friendly and customizable

Implementation status:

Collected the data required for individual tasks
Work on implementing the source code

Plan ahead:

Implementing the interface using Cordova/p5.js
Work on the development phase

Final Implementation:

Integrated P5.js with an Angular project

The mirror performs basic functionalities like displaying

• Calender events
• Clock
• Time
• Weather
• Personalized news feed, text messages, social media notifications
• Play music
• Time spent using the mirror contents

The mirror also provides health related information like

• Number of hours slept
• Current body weight
• Daily actitivy data like exercise and number of steps walked

The mirror also performs other functionalities like

• Drag and drop widget icons

Final interface gif:

Why our design is different:

• Applied Golden rules of interface design principles
• Adhered to the less than 7 rule and rule of thirds
• Customizing icon location using 'Drag and drop' option
• Use the interface in light and dark mode

Presentation page:

Link

Github repository link:

Link