tflucke
/
iEat


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>Screen shots</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<link rel="stylesheet" type="text/css" href="whoosh-eat.css"/>
</head>
<body>

<div id="nav-frame">
	<div class="frame-t">
		<img class="frame-tl" alt="frame" src="img/tb_03.gif" />
		<img class="frame-tr" alt="frame" src="img/tb_06.gif" />
	</div>
	<div class="frame-m">
		<div class="section"><a href="index.html">Home</a></div>

		<div class="section-selected">Screen Shots</div>

		<div class="section"><a href="download.html">Download</a></div>

		<div class="section"><a href="credits.html">Credits</a></div>

		<div class="section"><a href="developers.html">Developers</a></div>
	</div>
	<div class="frame-ml"></div>
	<div class="frame-mr"></div>
	<div class="frame-b">
		<img class="frame-bl" alt="frame" src="img/tb_24.gif" />
		<img class="frame-br" alt="frame" src="img/tb_26.gif" />
	</div>
</div>

<h1><a name="top"></a>Screen shots</h1>

<p class="intro">Here are some screen shots that highlight some of the features of iEat. Please note that some screens might be outdated as they were taken in older versions of iEat.</p>

<table class="thumbs">
	<tr>
		<th>
			<a href="img/home-anon.png">
			<img src="img/home-anon-icon.png" alt="iEat Home (anonymous user)" width="240" height="158"/>
			</a>
		</th>
		<th>
			<a href="img/home-user.png">
			<img src="img/home-user-icon.png" alt="iEat Home (logged in user)" width="240" height="158"/>
			</a>
		</th>
	</tr>
	<tr>
		<td>
			<strong>iEat Home (anonymous user):</strong> This is 
			what you see when you first visit iEat. From here you 
			can browse all the recipies currently in the database
			or login to access more features.
		</td>

		<td>
			<strong>iEat Home (logged in user):</strong> Once you 
			log in you have access to more features, like adding 
			your own recipes and updating your iEat account 
			settings.
		</td>
	</tr>
	<tr>
		<th>
			<a href="img/recipe-index.png">
				<img src="img/recipe-index-icon.png" alt="Browse all recipes alphabetically" width="240" height="158"/>
			</a>
		</th>
		<th>
			<a href="img/view-recipe.png">
				<img src="img/view-recipe-icon.png" alt="Viewing a recipe" width="240" height="258"/>
			</a>
		</th>
	</tr>

	<tr>
		<td>
			<strong>Browse all recipes alphabetically:</strong> You can 
			always browse all available recipes via the recipe 
			index. 
		</td>
		<td>
			<strong>Viewing a recipe:</strong> recipes are displayed in 
			a clean and simple way.
		</td>

	</tr>
	<tr>
		<th>
			<a href="img/kitchen-search.png">
				<img src="img/kitchen-search-icon.png" alt="Search for recipes by ingredients" width="240" height="162"/>
			</a>
		</th>
		<th>
			<a href="img/recipe-rating.png">
				<img src="img/recipe-rating-icon.png" alt="Rate recipes" width="240" height="181"/>
			</a>
		</th>
	</tr>

	<tr>
		<td>
			<strong>Kitchen search:</strong> Besides a simple full-text search, you
			can search for recipes by any number of ingredients. This lets you find 
			recipes you can make with what you have available in your kitchen.
		</td>
		<td>
			<strong>Rate recipes:</strong> once logged in you can rate any recipe
			on a 1 to 5 star scale.
		</td>

	</tr>
	<tr>
		<th>
			<a href="img/recipe-of-recipes.png">
				<img src="img/recipe-of-recipes-icon.png" alt="Recipe using other recipes as ingredients" width="240" height="304"/>
			</a>
		</th>
		<th>
			<a href="img/register.png">
				<img src="img/register-icon.png" alt="Registering for iEat account" width="240" height="158"/>
			</a>
		</th>
	</tr>
	<tr>
		<td>
			<strong>Recipe using other recipes as ingredients</strong> iEat 
			supports recipes that use other recipes as ingredients. For example 
			this screen shot shows a recipe that uses two other recipes, 
			<i>Mushroom Stock</i> and <i>Tart Dough</i> as ingredients. When you 
			generate a shopping list from recipe like this, the referenced 
			recipe ingredients are added to your list, too.
		</td>

		<td>
			<strong>Registering for iEat account:</strong> In order to 
			create your own recipes, you must register. Registration is 
			easy.
		</td>
	</tr>
	<tr>
		<th>
			<a href="img/create-recipe-1.png">
				<img src="img/create-recipe-1-icon.png" alt="Creating a new recipe, part 1" width="240" height="152"/>

			</a>
		</th>
		<th>
			<a href="img/create-recipe-2.png">
				<img src="img/create-recipe-2-icon.png" alt="Creating a new recipe, part 2" width="240" height="304"/>
			</a>
		</th>
	</tr>
	<tr>

		<td>
			<strong>Creating a new recipe, part 1:</strong> iEat supports 
			multiple measurement systems. When you create a new recipe 
			you choose what system the recipe uses (i.e. metric, US).
		</td>
		<td>
			<strong>Creating a new recipe, part 2:</strong> Creating 
			a new recipe is simple to do. You just fill in the form, 
			adding as many ingredients and instructional steps as needed.
		</td>
	</tr>
	<tr>

		<th>
			<a href="img/convert-recipe.png">
				<img src="img/convert-recipe-icon.png" alt="Convert recipe measurement system" width="240" height="258"/>
			</a>
		</th>
		<th>
			<a href="img/meals.png">
				<img src="img/meals-icon.png" alt="Create meal plans" width="240" height="158"/>
			</a>

		</th>
	</tr>
	<tr>
		<td>
			<strong>Convert recipe measurement system:</strong> For any 
			recipe you can display it in an alternate measurement system. 
			For example you can display a metric recipe using US 
			measurements.
		</td>
		<td>
			<strong>Create meal plans:</strong> meal plans let you 
			group multiple recipes together, and from there generate 
			shopping lists.
		</td>

	</tr>
	<tr>

		<th>
			<a href="img/view-meal.png">
				<img src="img/view-meal-icon.png" alt="Viewing a meal" width="240" height="158"/>
			</a>
		</th>
		<th>
			<a href="img/shopping-list.png">
				<img src="img/shopping-list-icon.png" alt="Generate a shopping list" width="240" height="289"/>
			</a>

		</th>
	</tr>
	<tr>
		<td>
			<strong>Viewing a meal:</strong> Here you can see a meal plan 
			that uses three recipes.
		</td>
		<td>
			<strong>Generate a shopping list:</strong> you can let iEat 
			generate a shopping list of all ingredients for all recipes 
			used in your meal. The list will consolodate all the ingredients 
			from each recipe and display them in alphabetical order.
		</td>

	</tr>
	<tr>

		<th>
			<a href="img/import-recipeml.png">
				<img src="img/import-recipeml-icon.png" alt="Import RecipeML files" width="240" height="188"/>
			</a>
		</th>
		<th>
			<a href="img/import-recipe-ingredients.png">
				<img src="img/import-recipe-ingredients-icon.png" alt="Importing recipe ingredients" width="240" height="219"/>
			</a>

		</th>
	</tr>
	<tr>
		<td>
			<strong>Import RecipeML:</strong> you can import <a class="external" title="Link to RecipeML specification" href="http://www.formatdata.com/recipeml/">RecipeML</a> recipes by simply uploading a RecipeML file.
		</td>
		<td>
			<strong>Importing recipe:</strong> while importing a recipe iEat helps you map the imported data to iEat values.
		</td>

	</tr>
	<tr>

		<th>
			<a href="img/export-recipe.png">
				<img src="img/export-recipe-icon.png" alt="Export recipe files" width="240" height="190"/>
			</a>
		</th>
		<th>
			<a href="img/recipe-comments.png">
				<img src="img/recipe-comments-icon.png" alt="Add comments to recipes" width="240" height="171"/>
			</a>
		</th>
	</tr>
	<tr>
		<td>
			<strong>Export recipes:</strong> you can export recipes as either <a class="external" title="Link to RecipeML specification" href="http://www.formatdata.com/recipeml/">RecipeML</a> (good for sharing with other recipe programs) or as plain text (good for pasting in an email).
		</td>
		<td>
			<strong>Add comments:</strong> once logged in you can add comments to any recipe (even 
			ones you did not create).
		</td>
	</tr>

	<tr>

		<th>
			<a href="img/advanced-search.png">
				<img src="img/advanced-search-icon.png" alt="Advanced search" width="240" height="185"/>
			</a>
		</th>
		<th>
			<a href="img/edit-recipe-image.png">
				<img src="img/edit-recipe-image-icon.png" alt="Add image to recipe" width="240" height="142"/>
			</a>
		</th>
	</tr>
	<tr>
		<td>
			<strong>Advanced search:</strong> once logged in you can use the advanced search form to search for recipes by any combination of a number of search criteria. This lets you find, for example, your favorite pie recipes (i.e. <em>recipes rated higher than 3 that contain the phrase "pie"</em>).
		</td>
		<td>
			<strong>Add image to recipes:</strong> you can add a GIF, JPEG, or PNG image to any recipe you create.
		</td>
	</tr>

	<tr>

		<th>
			<a href="img/recipe-with-image.jpg">
				<img src="img/recipe-with-image-icon.png" alt="Recipe with image" width="240" height="188"/>
			</a>
		</th>
		<th>
		</th>
	</tr>
	<tr>
		<td>
			<strong>Recipe with image:</strong> here is an example of a recipe with an image.
		</td>
		<td>
		</td>
	</tr>
</table>

</body>
</html>