iEat Mealplan Example

iEat5 by Mr. Gik

How to make the 'Meal Plan' & 'Meal Info' files

Step 1: Write your 'Meal Plan'

Enter your diet, or 'Meal Plan', using any text editor or word processor.

I use TextEdit (any text editor/word processor will do) and I set it up like the image on the right.

Note #1: If you can, clearly separate the 5 meals, like I show in the example.

Note #2: The given example file is bilingual (English & Greek). If you can't read the Greek text, just ignore it. (anyway, the Greek text is the same as the English one)

Note #3: You can have as many 'Meal Plan' images as you want, but you need (at least) 1 image to get rid of the annoying message when the App starts.

Download template

Step 2: Create your 'Meal Plan' image^*

Once you have everything written and checked, take a screen-shoot of your window.
On the Mac, you just press CMD-Shift-4 and you select the area you want (or CMD-Shift-3 and all your screen will be captured).

Then you open the screen-shoot with any graphics program and trim the image to (exactly the size given by the table bellow, or at the "Load Diet Plans" screen), for example (for the iPhone 3GS), 320 pixels wide by 411 pixels in hight (416 for iOS6). (any resolution (with these proportions) can be used, but it's not recommended)

The file must be saved as a PNG image format, under a name that starts with the letter P and has the extension .png. If you have (or plan on having) more than 1 'Meal Plan' files, they will be presented to you in the reverse alphabetical order of their filenames.

(ex: if you have the files:: P2012-01-09.png; P2012-03-21.png; P2012-03-26.png
the App will show you plan file P2012-03-26.png first and plan file P2012-01-09.png last) (The filenames can be (almost) anything. The App only cares for the 1st letter and the extension. You have to name them in the (reverse) order you want them to appear.)

^*Images size info (versions 1.16 & 2.11 and higher)
(for best results use the exact sizes corresponding to your device)

iPhone 3GS	: 320 pixels wide by 411 pixels high (416 for iOS6)
iPhone 4 & 5 (all)	: 320 pixels wide by 449 pixels high (454 for iOS6)
iPad (all models)	: 768 pixels wide by 948 pixels high (960 for iOS6)

(Multiply by 2 if you have a 'Retina' display)

^*Images size info (versions 1.14 & 2.04 to 1.15 & 2.10)
(for best results use the exact sizes corresponding to your device)

iPhone 3 & 4

:

  320 pixels wide by 416 pixels high

iPad

:

  768 pixels wide by 960 pixels high

iPhone5
iPhone5

iEat5 only

:

  320 pixels wide by 454 pixels high

iEat5! only

:

320 pixels wide by 504 pixels high

^*Images size info (up to versions 1.13 & 2.03)
(any size can be used - for best results use the dimensions corresponding to your device)

iPhone

:

320 pixels wide by 416 pixels high

iPad

:

768 pixels wide by 960 pixels high

Download template (iOS 7)

Download template (iOS 6)

Step 3: Create your five (5) 320x140 'Individual Meal' images (for all devices)

Using your graphics program, you must "cut" the (current) 'Meal Plan' file to 5 smaller images, one for each meal.

The individual meal files, must be 320 pixels wide by 140 pixels in hight. And you MUST create ALL 5 images - the App will not load less than 5 images!

The 5 images MUST be named: t1u.png for the 'Breakfast' image,; t2u.png for the 'Snack' image,; t3u.png for the 'Lunch' image,; t4u.png for the 'Tea or Evening Snack' image and; t5u.png for the 'Dinner' image.

Download 'Snack' template

Download 'Dinner' template

Step 4: Upload the (1+5) images in the App

Place your images in a (shared) folder of your computer, turn on (if required) your computers web server ('Web Sharing' in the 'Sharing' preference pane on the Mac) and from the App, enter the URL of the Pxxx.png file (for the 'Meal Plan' image). Press the (large) button to download the 'Meal Plan' image.

Then, just enter the directory name (as a URL) (for the 5 'Individual Meal' images) where your images are and press the (smaller) button.
(Even if you keep the same URL (of the 'Meal Plan' image) the App is smart enough to remove the Pxxx.png part and try to load the 5 images - as long as all (6) of them are in the same web folder.)

To download the 'Meal Plan' image press:

To download the 5 'Individual Meal' images press: