Weekly Progress

This week, we have been working on the implementation of the GUI drafts. With the use of Twitter Bootstrap, we have prototyped the interface, which is now accessible via the the browser.

Overview Page

Screen Shot 2015-06-16 at 14.56.45

The overview page lists all the recipes that are in the database. Small icons show the time needed to cook the dish and how many calories each meal has.

Recipe Detail Page

Screen Shot 2015-06-16 at 14.57.00

The recipe detail page shows general information on the recipe. It provides the ingredientslist with small icons depicting the individual ingredient, and infos on the nutritional facts. Next up, we are planning the integrate for the Wolfram Alpha API for information on nutrition.

Recipe Step Page
Screen Shot 2015-06-16 at 14.57.11

The recipe step page show the current step of the recipe and an image showing the actions. At the moment the text and the image are just a placeholder. Next up, we will integrate voice commands to slide between steps.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s