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.

Projekt Idea: Cooking Aid Application

cooking-aid-logo

Idea

This week our group came up with the wonderful idea of creating a cooking aid application. The main idea behind the application is to have a guide aiding people to cook by providing step by step recipes. An important aspect is that the application can be triggered using voice commands . This feature comes in especially handy when the chef is busy chopping up ingredients or has dirty hands. Chefs can benefit of a hands-free experience!

Technology

technology_stackFor the web client we will be using AngularJS, an MVC Javascript Framework to display the interface of the application and for the communication between our backend and the Google Web Speech API. The Web Speech API converts the voice commands into text so that they can be used in the web client. The JSON server takes care of the data management providing the raw data of the recipies.

Links