Professional Documents
Culture Documents
org:
An Online Photographic Food Diary
for Middle Childhood
Digital Media Master’s Project Design Document
Submitted April 15, 2009
by Jisun An
Welcome to
Lunch Log
Committee Members
Carl DiSalvo, Chair
Fox Harrell
Janet Murray
Table of Contents
1. Abstract 1
2. Introduction 2
2.1. Understanding Users
2.2. The Problem
2.3 Proposed Solution
3. Related Works 5
3.1. myca Nutrition
3.2. Learn to be Healthy for Kids
3.3. flickr
3.4. Imbee
3.5. handipoints
3.6. Food Pyramids
3.6.1. Food Guide Pyramid ; old USA food pyramid
3.6.2. MyPyramid ; current USA food pyramid
3.6.3. MyPyramid for Kids
3.6.4. Other food Pyramids
3.6.5. Healthy Eating Pyramid
4. Research Approach 11
4.1. Food Diaries as Intervention Tools
4.2. Computer Supported Cooperative Work (CSCW)
4.3. Technology in Childhood
4.4. Visual Communication for Children
4.5. Food pyramid
4.6. Usability for Children
5. Design Description 14
5.1. Basic Activities
5.2. Requirements
5.3. Example Questions for “Analyze Lunch” Page
6. System Design 19
6.1. System Diagram
6.2. Data Model
6.3. Technical Description
7. Scenarios 22
8. Evaluation/Assessment 27
9. Conclusion 29
12. References 54
1. Abstract
As the childhood obesity rate grows dramatically, we need to help children gain
a greater awareness of their eating habits and its nutritional context. In this paper,
I propose Lunchlog.org, an online food diary that helps children between the ages of
nine and eleven years old visualize their personal eating habits and learn about the
nutritional value of the food they consume for lunch. Lunchlog.org adopts a photo-
graphic food diary method inspired by Lydia Zepeda’s research. Her research finds that
photographic food diaries are more likely to raise personal awareness and change
eating behavior than written diaries.
Unlike other food diaries, Lunchlog.org takes a visual approach to data entry, navigation,
and review in a social context. It allows children to post photos of the lunches they
consume and review their eating habits by collectively categorizing their lunch photos.
Teachers post several categorization questions. Children answer these categorization
questions by selecting the lunch photos that fit the criteria.
Lunchlog.org deploys a graphical user interface for data entry, navigation, and review
that exploits design conventions familiar and appealing to children.
1
2. Introduction
One of the world’s most pressing health problems is obesity. In the U.S., obesity
accounts for nearly 65 percent of the population between the ages of 20 and 74, and
half of that group are overweight (1). Unfortunately, a large percentage of obese
individuals are children, and it is growing at an alarming rate. Currently, about one-
third of all children in the U.S. are either overweight or obese (2), and the percentage is
expected to increase to nearly half by 2010. Obese children ten years old or older tend
to become overweight adults whether or not their parents are overweight (3). This
suggests that health education for children will have a great influence on their future
life. To help children gain a greater awareness of their eating habits and its nutritional
context, I propose Lunchlog.org.
While children in middle childhood can develop bad eating habits from friends and
family, they still have the cognitive ability to improve their eating habits. According to
Bruckman’s interpretation of Piaget, children aged between seven to eleven years old,
those in the concrete operational stage of cognitive development, can group and cat-
egorize items. This suggests that children can learn to group food items into nutritional
categories (5).
Furthermore, Bruckman claims that “concrete operational children are old enough to
use relatively sophisticated software, but young enough to appreciate a playful ap-
proach” (5). This suggests that nutritional information with a playful approach would
still be appreciated by children in middle childhood.
Lydia Zepeda identifies a major problem with promoting healthier dietary behaviors.
Although scientists have developed “the greatest advances in nutrition knowledge”,
Lydia Zepeda argues that our current nutritional information is not effective at
changing our diet behaviors because many people do not see a personal connection
between health knowledge and their own eating behavior (6).
To build personal awareness of eating habits, doctors and nutritionists ask their
patients to document what they eat everyday and recommend a new diet style to im-
2
prove patients’ eating habits. Tracking patients’ eating habits, doctors and
nutritionists ask patients to use food diaries. Food diaries provide a scientific way to
record and compare food consumption (6). It helps people track what they are eating
and allows people to see their eating habits. Food diaries have been used as self-aware-
ness tools to monitor people’s eating habits.
While food diaries can increase personal awareness of eating habits, they often do not
do this. In order to keep a food diary, people often engage in the cumbersome task of
entering numerical nutritional data with paper-based food diaries or online diet plan-
ning tools, such as nutritiondata.com and sparkpeople.com.
Even if data entry is not a problem, food diaries can be difficult to review. For example,
physicians rarely review nutritional data entered by the their diabetic patients either
in notebooks or in a computer database because they have difficulty navigating and
analyzing the data (7).
My project focuses on how to design food diaries for children so that they can become
more personally aware of their eating habits. My design must address problems with
data entry, navigation, and review for users who are children. Dealing with children
also requires an aesthetic that is simple to understand and can visually capture their
attention.
3
2.3. Proposed Solution
(1) Input
Children post their lunch photos based on their lunch assignment
received from their teacher.
(2) Analysis/Review
Children categorize their food into food groups or nutrition topics given in
the teacher’s assignment.
(3) Feedback/Review
Lunchlog.org determines a winning lunch. For example, when children have
“the most nutritiously balanced lunch” assignment, Lunchlog.org determines
the most nutritiously balanced lunch based on the teacher’s and our
choices.
Children receive a message about the lunches from their teacher and email
the winning lunch to their parents.
4
3. Related Works
The following online tools help children and adults understand their diets and the
nutritional value. These tools were selected based on health related information — not
because they only target children. The strengths and weaknesses of each tool helped to
influence the features of Lunchlog.org.
myca Nutrition is a web and mobile video communications platform for registered
nutrition professionals. Nutrition analysts counsel their clients on how to change their
eating habits in order to reach their health goals. Clients send food photos to their nu-
tritional analysts through a camera phone or digital camera. Clients ultimately build an
online food journal for their nutrition counselors. The site provides practical informa-
tion and personal encouragement through one-on-one video chat. However, children
cannot use this site because it requires complex dialogue with adults. Furthermore,
there are no kid friendly graphics that communicate nutritional information.
Learn to be Healthy for Kids is a Flash web site for children that provides health informa-
tion. The site mainly organizes health and science educational games. The site also of-
fers educational tools, which can be defined as “Computer as Tutor”; these tools mainly
quiz children on their health knowledge. (8)
In this site, the Eating Healthy tab has a variety of sub links where children can play
games, view videos, and eventually answer quizzes. Another distinctive feature is
the Health Log which is more of a diary than a game. This Health Log does not allow
children to record detailed information about what they ate. Each day, children are
required to enter only the number of items that they ate from each food group. Food
groups include grains, veggies, fruits, milk, meats + beans, oils, and water. The children
can only record the food category and not the specific food they ate. Also, since most of
the food groups are nutritious, children cannot record many of the unhealthy foods they
eat. For example, there is no sugar food group, so children cannot record eating candy
bars.
5
3.3. flickr (www.flickr.com)
“Flickr is an image and video hosting web site, web services suite, and online commu-
nity platform”(9). This is a great photo-sharing tool for post-event networking. Flickr
Flickr provides a way to tag photos collaboratively.
Flickr allows users to post photos of what they eat but it was not designed to raise
awareness of nutritious eating habits. Users can add comments about the nutrition,
but it does not require users to enter nutrition information about the photos.
Teachers have posted pictures of school lunches. Many other users, including the owner
of picture, tagged and left comments about the photos. For example, users offered com-
ments like, “Steak fingers? That sounds awful.”, “Prison Food?”, “And they wonder why
our kids eat junk food and are overweight. Questions, questions, questions.”, and “That’s
what we call ‘mystery meat’”. These examples suggest that people are willing to post
and tag school lunch photos. By posting and tagging school lunch photos, people were
able to talk and raise awareness about how children eat school lunches. These school
lunch food photos helped people talk about unhealthy eating habits.
Flickr enables users to add notes to specific food items in an image, but these notes do
not contain standardized nutrition information.
6
3.4. Imbee (www.imbee.com)
Imbee is a free social network for kids, teachers, and parents. Children are the
primary users for this site. Children can create blogs, upload pictures, and form groups.
Parents also have access to a control panel which lets them set limitations on what
their children can do on the site. Every time children use the site, parents receive email
reports about the activities of their children.
Each group discusses a specific topic created for children. There are 21 different groups.
Some of the topics are Animals, Art, Fashion, Movies, and Food. The site contains more
than 180 sub groups related to food. Although a few groups are related to cooking and
healthy eating, many of them are connected with what children would like to eat, such
as Flavor Tasters, Cookies or Cake, Cotton Candy Yum Yum, and KFC. Children can cre-
ate as many groups as they would like to create. This causes the site to have too many
groups and too few members per group. Thus many groups are not active and lack dis-
cussion between members. Specifically, discussion about nutritious food is missing.
handipoints is a web site for children allowing them to manage their goals and tasks.
Parents build task charts and goals with their children. Then parents grade their
children’s tasks. “Kids save points to buy rewards from Parents.” (10)
With points they’ve earned, children can play games, purchase reward items through
an e-commerce site, give money to a charity group, and buy a leisure activity. The task
chart contains six categories of tasks: Happy Tasks, Healthy Tasks, Smart Tasks, Most
Popular Tasks, and Demerits.
Healthy Tasks has another six sub-categories and one of them is Eat Healthy. Eat
Healthy has more than 20 tasks, such as, “Don’t eat too many sweets” and “Don’t over-
eat.” Each of these sub-tasks has points. The tasks do not explain why each particular
food item is nutritious or not nutritious.
7
3.6. Food Pyramids
Pyramid diagrams are often used to illustrate healthy eating plans. Traditionally, food
pyramids organize types of food into sub-regions of an isosceles triangle. Foods that
belong to smaller regions should be eaten less than foods that belong to larger regions.
However, it is difficult to know how much one should eat from each sub-region because
the sub-regions have similar sizes.
8
3.6.3. MyPyramid for Kids
Two versions of MyPyramid for Kids are provided in a PDF format for posters. “For
younger children, the pyramid highlights a simplified MyPyramid for Kids graphic.
For advanced elementary students, it features both the MyPyramid for Kids graphic and
healthy eating and physical activity messages” (15).
9
Mediterranean diet pyramid
10
4. Research Approach
4.1. “Food Diaries as Intervention Tools”
According to Lydia Zepeda, our current nutritional information is not effective at chang-
ing our diet behaviors although scientists have developed “the greatest advances in
nutrition knowledge” (6). For example, many people do not see a personal connection
between health knowledge and their own eating behavior. In other words, although
they understand the concept for others, they may not see the relevance of their own
eating habits on their health (6).
Food diaries provide a scientific way to record and compare food consumption (6).
Comparative surveys show that photo diaries of food are better at raising dietary
awareness than written diaries of food. Specifically, users of photo diaries track their
diets by taking photos of the foods they eat. “For many, this visual form of self-mon-
itoring result[s] in the recognition of unhealthy aspects of their diet and changes in
their behavior” (6).
The act of taking a photo changes the behavior of some participants because it forces
them to think about their food decisions. Moreover, “the timing of the recording
method serve[s] to raise awareness of behavior.” On the other hand, many participants
say that they skip a snack or a candy treat because it is inconvenient to take photos of
them. However, in the end, the inconvenience of such an activity forces them to rethink
their choice and help them realize that the snack or candy was not a good idea.
The result of the photos is the diary, but the process teaches participants where and
when they make poor dietary decisions (6).
Based on Lydia Zepeda’s research, I adopted the photo diary method for lunchlog.org.
I believe that if children record their own lunch, the imagery will help children become
aware of their eating habits in the real word. By doing this, children might see
a personal connection between health knowledge and their own behavior.
Jeana Frost and Brian Smith point out that physicians and diabetic patients rarely
review nutritional data entered by the physician’s patients either in notebooks or on a
computer database because people have difficulty navigating and analyzing data (7). In
addition, online diet planning tools designed for adults such as nutritiondata.com and
sparkpeople.com require the cumbersome task of entering numerical data. As I previ-
ously mentioned, lunchlog.org uses a food diary method of documenting meals, which
this study hypothesizes will work with children. That is, while neither existing paper-
based food diaries nor online diet planning tools are effective, this system is designed
to motivate students use it.
11
“Researchers in human-computer interaction and computer-supported collaborative
work have described the use of ‘video as data’ as a means to facilitate and organize
activity vs. simply presenting factual information.” Jeana Frost and Brian Smith
discovered that collaborative critique among young patients in a hospital while they
observed and shared meal photographs established a new understanding of patients’
behaviors as well as refined beliefs. The research suggests that “social support is impor-
tant when dealing with diabetes and other behavioral ailments” (7).
• Children share “meanings or histories” by sending and receiving a note from a teacher,
emailing and sharing a lunch photo with parents, and reviewing past winning lunches
of friends (25).
• Children deal with multiple goals. A child may want to know what lunches friends ate,
who is getting a prize, who is earning the most peas, or which lunch meals appeared as
a top lunch.
• “Incentives are critical.” Peas or pea pods can be earned in two ways, and having a win-
ning lunch. Children trade peas and pea pods to buy snacks and furniture to decorate
their kitchens. A child whose lunch is chosen by a teacher also receives a prize (25).
12
4.3. Technology in Childhood
When technology focused on children is used properly, computer and software can be
used “as catalysts for social interaction and conversations related to children’s work”
(18).
Carolyn Miller, a game designer points out that one of the biggest mistakes of game
design for children is over-explanation. Children are good at figuring things out. She
suggests that games for children use as few words as possible and use spoken and
visual communication as much as possible (8).
As described above in related works, different versions of food pyramids, which use the
conventional shape of the pyramid to provide nutrition knowledge by illustrating differ-
ent food groups. My initial design concept (please refer to wireframe design in design
proposal document) started from using the Harvard Food Pyramid, which is considered
the most scientifically designed (12). I explored how this food pyramid might help
children compare food photos and understand their nutritional value. I realized that a
child using one specific food pyramid would not provide interactions to motivate
a child. Nutrition knowledge can also be somewhat subjective.
13
4.6. Usability for Children
If children cannot use a technology tool then they will never be able to learn from
using it (10). In this project, usability is defined by three major areas (22).
4.6.1. Ease of Learning
Ease of learning is the most important aspect of usability for children. The proposed
system is designed to help children learn about their eating habits and understand
the nutritional value of the foods they eat.
4.6.2. Flexibility
The system should support multiple ways of doing tasks. Children will be learning by
uploading photos and reading nutritional information. Children receive points by up-
loading food photos and answering nutrition quizzes.
4.5.3. Robustness
Children have a short attention span, so they are likely to leave the site if the content
and interaction do not capture and hold their attention. The content that is entertain-
ing, funny, and colorful, and that uses multimedia effects hold children’s attention (23).
Nevertheless, for homepage design and navigation systems, the user interface should
be unobtrusive and let kids get to the content as simply as possible” (23).
14
5. Design Description
Lunchlog.org raises children’s awareness of their own eating habits for lunch. Lunch
assignment is designed to use in a classroom environment. Children between nine and
eleven years old are the primary users. In addition, multiple users can participate on
Lunchlog.org (Please refer to 7. System Diagram). A teacher consults with a nutritionist
to create a lunch assignment. Children earn peas by posting a lunch photo and answer-
ing nutritional quizzes. A Child whose lunch is chosen by a teacher receives a prize.
Basic activities of Lunchlog.org for a child can be divided into three categories:
(1) Input
Children post their lunch photos based on their lunch assignment
received from their teacher.
(2) Analysis/Review
Children categorize their food into food groups or nutrition topics given in
the teacher’s Assignment.
(3) Feedback/Review
Lunchlog.org determines a winning lunch. For example, when children have
“the most nutritiously balanced lunch” assignment, Lunchlog.org determines
the most nutritiously balanced lunch based on the teacher’s and friends’
choices.
Children receive a message about the lunches from their teacher and email
the winning lunch to their parents.
15
5.2. Requirements
16
“Analyze Lunch” page
Objective The page displays a set of questions generated
by a teacher. Based on a set of questions in a
sequence, the page asks a child to find the right
pictures. The pictures are anonymous.
The user needs Answering questions
1. A child clicks a desirable lunch photo and
drags it to the drop box. She can drag as many
photos as he or she wants.
2. A child reads a “Hint” section if a child does
not know how to find the right photos or does
not understand the question.
3. A child clicks the “Next” button or the “Previ-
ous” button in order to read the next question
or a previous question.
4. If a child goes back to the previous question,
she or he will see the previous selection saved
in the drop box and can change the selection.
5. Upon clicking a lunch photo, the child views a
larger size version of the photo in order to see
it in detail.
Reviewing the results of the lunch analysis
1. Upon answering the last question, a child
clicks the “Finish” button in order to see the re-
sults of the Analyze Lunch activity. If everyone
has not completed the Analyze Lunch activity,
a child sees a message saying “Come back after
oo-oo-oooo. We will show who’s lunch won the
prize.”
2. After answering a set of questions, a child
views the lunch choices of the teacher and the
friends along with the child’s lunch. The child
has two options: “View Teacher’s” and “View
Friends’ Choice”, each with a corresponding but-
ton that generates a picture with a note from
the teacher.
3. A child views the Lunch Choice results of the
“Analyze Lunch” activity.
17
“Report Card” Page
Objective The page summarizes all of the lunches
selected by a teacher in the past. The page
categorizes the previous winning lunches by
into two lists: the child’s winning lunches and
friends’ winning lunches.
18
5.3. Example Questions for “Analyze Lunch” Page
The Lunchlog.org concept lends itself to a variety of lessons for educators. The topics
and questions seen in this project were developed as examples from my research of nu-
trition education books for children. The questions were designed to promote children’s
awareness about their lunches. In an ideally situation, an educator consults with
a nutritionist to create and customize questions.
19
!DD SEVERAL
DEFAULTS WITH
DIFFERENT GOALS
!DD KEY MESSAGE
#ONSULT WITH .UTRITIONIST (EALTH 3CIENTIST &OOD .UTRITION
3PECIALIST
.OTE
(EALTH 3CIENTIST )MPLEMENTATION
4EACHER
#REATE
&ORM A LUNCH ACTIVITY
A SMALL GROUP
!SSIGN
ASSIGNMENT
A LUNCH
ACTIVITY
2EVIEW STUDENTS
BY DIET STYLE ALLERGY 3ET UP FOR REQUIRING
AND CULTURAL EATING STYLES TO POST "EFORE !FTER ,UNCH
OR "EFORE ,UNCH /NLY
3ETUP
MEASUREMENTS
0OINTS FOR DIFFERENT CATEGORIZATION
0OINTS FOR REWARDING
! TEACHER NOTIFIES TO PARENTS
3ET UP WHAT ASSIGNMENT WAS RELEASED
AN ASSIGNMENT SCHEDULE
EX ONCE A WEEK
6.1. System Diagram
$ECIDE !NALYZE ,UNCHES
REWARDING
ITEM
$ATABASE
2EVIEW CHILDREN´S ANALYSIS
,EAVE COMMENTS
6. System Design
#HILDREN
3CHOOL
"EFORE !FTER !NALYZE ,UNCHES -ENU
3ITE
!NONYMOUS
)NTERACTION
4AKE A LUNCH PHOTO 0OST A LUNCH PHOTO
"EFORE !FTER
#OLLECTION )MAGES
This diagram illustrates overall design system of Lunchlog.org
$ATABASE
4AKE A LUNCH PHOTO
,UNCHLOGORG ,OCAL
"EFORE !FTER
4AKE A LUNCH PHOTO 2EVIEW THEIR CHILDREN´S LUNCHES
%MAIL A WINNING LUNCH
TO THEIR PARENTS
0ARENTS
20
6.2. Data Model
The first question that the teacher created is, “Which lunches have at
least 1 cup from the Vegetable group”. The teacher made this question
worth 3 points. Then second question that a teacher created is, “Which
lunches have at least 1 ounce from the Meat and Bean Group?”. For the
second question, the teacher made it worth 2 points.
Connor, Sora, and Austin goes through the same process as Avery by
answering Question 1 and Question 2. Also, the teacher answers
Question 1 and Question 2.
The student’s average points for Sora’s lunch is 3.5, which is the sum
of the points from all 4 students divided by 4.
In the end, this paper prototype indicates that the children chose Sora’s
lunch (Photo 1) and the teacher chose Avery’s lunch (Photo 3) as the most
nutritiously well-balanced lunch.
21
#ATEGORY -OST NUTRITIOUSLY WELL
BALANCED LUNCH #ATEGORY -OST NUTRITIOUSLY WELL
BALANCED LUNCH
7HICH LUNCHES HAVE AT LEAST CUP FROM 7HICH LUNCHES HAVE AT LEAST OUNCE FROM
1UESTION THE 6EGETABLE 'ROUP 1UESTION THE -EAT AND "EAN 'ROUP
0OINT 6ALUE 0OINT 6ALUE
,UNCH
0HOTO 0HOTO 0HOTO 0HOTO
3TUDENT 3ORA´S ,UNCH !USTIN´S ,UNCH !VERY´S ,UNCH #ONNOR´S ,UNCH
!VERY
#ONNOR
3ORA
!USTIN
4EACHER
The final version of Lunchlog.org will be built in Flash, Action Script 3, PHP, MySQL, Im-
ageMagick, CSS, and HTML.
PHP will be used to manage the web site content. This program is an easy scripting
language that creates data driven web pages. PHP also connects to a MySQL database,
which stores user input, and creates HTML pages that embed a Flash movie clip.
Flash and Action Script 3 will be used to create vector and bitmap based graphics with
animated motions. Flash works on most web browsers.
MySQL will be used as the database to store nutritional information, user profiles, and
photos. It is often used in conjunction with PHP.
ImageMagick will be used to frame and juxtapose lunch photos because Lunchlog.org
illustrates actual lunch photos with children-friendly graphics. This program “creates,
edits, and composes bitmap images” (24).
While the final version of Lunchlog.org will be built in Flash, PHP, MySQL, ImageMagick,
CSS and, HTML, in my working prototype, I used Flash, Action Script 3, and HTML to dem-
onstrate the following:
• Logging in Lunchlog.org
• Reviewing a new lunch assignment
• Walk-through of answering a nutrition questions and receiving points
• Reading a message from teacher
• Sending an email to a parent
23
7. Scenarios
Scenario 1
User System
Avery is nine years old. She attends Morningside Elementary School
in Atlanta. She brought her PowerShot SD100 digital camera to
school to take some pictures. Yesterday, her teacher, Ms. Smith, re-
minded the class that everyone has to post a lunch photo by today
at www.Lunchlog.org. Avery goes to the school cafeteria for lunch
with her friends. The menu for the day was a corn dog, potato chips,
macaroni and cheese, sweet peas, and chocolate milk.
When she returns home, Avery talks to her Mom about her day.
They also talk about her lunch. Mom asks about the topic of the
lunch assignment. Avery explains that she has to take a photo of
her lunch, post it, and then answer questions about it.
Avery logs into the site on her dad’s laptop. She uploads a photo of The system checks the database of a user’s as-
the meal at school. signment. The system stores a picture of the
user’s lunch.
After she posts the picture, she gets a “Start” button on the screen. The system allows a user to start “Analyze
She sees six different lunch photos with her lunch photo. The first Lunch.” The system outputs a set of questions
question was “Which lunches have at least 1 cup from the Vegetable and hint information. Questions and Hint were
Group?” She wasn’t sure what 1 cup of vegetables looks like. She stored in the database of a user that was writ-
clicks a Hint button. Then the hint says, “A cup is about the size of ten by a teacher. The system stores the user’s
a baseball.” She clicks and drags the two photos from the photo answers to each question.
boxes that have 1 cup of vegetables.
She clicks the “Next” button to go to the next question. She an- The system reads the database to generate the
swers the second question by clicking and dragging photos. She second question. It stores the user’s answers.
clicks the “Previous” button to see that she selected the correct The system talks to the database to get the pre-
pictures. vious choices to generate pictures in the previous
question.
User finishes the remaining questions. Then she sees a text mes- The system gives one point (one pea) to the user
sage saying, “You’ve completed analyzing lunches. You’ve received and stores it in her profile. The system checks
1 pea. Please come back on Thursday, July 23 to see the winning whether the remaining users completed the
lunch. We will discuss the results in class on Friday!” “Analyze Lunch” activity. If someone finishes
his or her homework, the system generates a
message telling the student to check back at a
certain time to see which lunch was chosen as
the winning lunch.
She logs into the system right before she goes to bed. She has a The system stores the teacher’s choice. The sys-
note from her teacher. The note says, “Hi Avery! Good job! You tem also stores the scores from all the students
posted your picture on time!” User clicks “View the Winning Lunch.” and presents one meal as the top choice among
User notices that the winning lunch had a lot of fruit. Then she the students. The system reads the database of
clicks the note icon to read the teacher’s message: “Hi everyone, teacher notes and sends them to the students.
this week Starskey has the winning lunch and is going to receive a
cookbook. This meal has five food groups from the food pyramid.
Starskey’s meal contained chicken, tofu fried rice, asparagus, broc-
coli, melon slices and strawberries, green salad, and milk. We will
talk more about the food groups this Friday in class.”
She clicks a “My Page” tab to check her virtual “Kitchen” space. User The system reads the user’s “Kitchen” database.
has earned 4 peas and 1 pea pod. A pea is worth five peas.
Last month, Avery’s teacher chose her lunch for which she received
1 pea pod. She hasn’t spent the 1 pea pod yet. She clicks “My Page”
then checks her “Kitchen” to decorate her “Kitchen” space. She buys
for furniture to see if there is any new furniture.
24
Scenario 2
User System
Mrs. Smith teaches 11-year-old children at Cliff Valley School in
Atlanta, Georgia. She wants to teach about local and seasonal
fruits during the late spring in Georgia. She’s been enjoying using
Lunchlog.org as one of her teaching tools in a classroom.
She spoke with a health scientist at the Centers for Disease Control The system checks the database of a user’s as-
and Prevention for information to create a lunch assignment. She signment. The system stores a picture of the
plans to ask her students to take photos of before-dish and after- user’s lunch.
dish.
She designs a set of questions for her students to answer. The topic
of this assignment is Fruits.
Mrs. Smith wants her students to research and consume lunches
that contain local and seasonal fruits produced during the late
spring in Georgia.
She logs into Lunchlog.org and opens her students’ profiles. The The system shows the students’ user profiles by
students are categorized by dietary styles, allergies, ethnic back- accessing database. It stores the groups and the
grounds, and other characteristics. She clicks on four names of lunch assignment.
students to make one group. She creates a “New Lunch Assignment
Message” with details of the deadline of the assignment and prize.
She decides not to enter any hints at this time.
The teacher forms three more groups by copying the existing The system stores a point value for each ques-
groups and changes the students’ names. tion.
In class, she tells her students about a new lunch assignment. This The system gives one point (one pea) to the user
time, she tells the student to take a before and after lunch photo of and stores it in her profile. The system checks
a meal that includes fruits. whether the remaining users completed the
“Analyze Lunch” activity. If someone finishes
A student, Austin, asks what local and seasonal vegetables and his or her homework, the system generates a
fruits are grown during the late spring in Georgia. She smiles and message telling the student to check back at a
says this time she is not giving any hints. She suggests asking certain time to see which lunch was chosen as
parents or older sisters/brothers for the information. She says, the winning lunch.
“Make sure to take before and after pictures of your meal. The top
lunch will be the student who eats fruit, not the one who takes the
photo”
A few days later, Mrs. Smith receives an email from Lunchlog.org The database stores images on each student’s
that one of the groups has completed posting their photos. She database. When a group of users posts photos,
logs into the site and starts answering questions. After selecting the system allows the teacher to start analyzing
photos from the sets of questions, she sees Avery’s lunch is her the pictures. The database stores points for each
choice lunch. She approves the result. of the photos selected based on the questions.
Then it totals the points from given questions for
each photo. The system will determine the one
with the highest number of points, which will
be the winning photo. The system requires the
teacher to confirm the winning lunch.
She clicks on Avery’s profile and writes a message to the group. “Hi, The system reads the user’s “Kitchen” database.
everyone, Avery2000 had blueberries, peaches, and strawberries.
These are seasonal fruits grown in Georgia during late spring. Good
job! Also, you guys guessed it right! We will talk more about local
vegetables and fruits in class.”
Mrs. Smith starts viewing the lunch photos of the groups. She sees The database stores a message from the teacher
that two children posted their salad dishes. Avery posted a fruit to the message database. The system adds one
bowl picture filled with blueberries, peaches, and strawberries. point (one pea) to Avery’s database. Also, stu-
Another student posted only a before-dish photo. dents who guessed the right lunch receive one
point (one pea).
25
Scenario 3
User System
Melissa and Susan work together. Both are full-time working
mothers. Susan has been talking with her friends and other
family members about wanting to adopt a healthy diet for her
children. Susan says she would like to know what her children
eat at school for lunch, but she sometimes forgets to ask them.
26
8. Evaluation/Assessment
8.1 Method
I am currently waiting for the IRB protocol to be approved. After the IRB protocol is ap-
proved, I plan to run evaluation sessions of Lunchlog.org. This evaluation is for finding
whether the initial interface and representation of nutrition information is understand-
able to the users. A website prototype will be presented to children to test whether or
not they understand the nutrition information from their lunch photos. I plan to run
the evaluation session of the Lunchlog.org with five children. Each child participant will
be between the ages of nine and eleven years old.
I aim to evaluate the visual nutrition information of the Lunch Log site. After the evalu-
ation, I plan to improve the graphical user interface and its content based on partici-
pants’ feedback.
27
8.2 Protocol
2. Gender:
[ ] Female
[ ] Male
4. If yes, what food groups are in the food pyramid? (Check all apply)
[ ] Fruits
[ ] Milk
[ ] Meat & Beans
[ ] Grains
[ ] Vegetables
[ ] Chocolate
[ ] Exercise
8. How much did you like learning about the ingredients from your lunch photo?
[ ] Didn’t like it
[ ] Liked it just a little
[ ] Liked it
[ ] Liked it a lot
9. How easy was it to use the food pyramids to find out about the ingredients in your
lunch?
[ ] Not easy
[ ] Ok
[ ] Easy
[ ] Don’t know
10. What web sites are you currently using (Check all apply)
[ ] Club Penguin
[ ] Dress Up Girl
[ ] Gaia Online
[ ] Webkinz
[ ] Other
28
9. Conclusion
Lunchlog.org deploys a graphical user interface for data entry, navigation, and review
that exploits design conventions familiar and appealing to children in the context of
nutritional knowledge. Although Lunchlog.org focuses on how children understand
their nutrition, the concept of documenting and sharing photos can be developed and
used in other contexts. For example, NYTimes.com recently launched an Interactive
photo album, “Picturing the Recession” that allows online users to document and share
photos about the effects of the recession in the world. The goal of the album is to
show how creative individuals see the recession playing out in their communities in
different ways. Similarly, the goal of Lunchlog.org is to show how children understand
the food around them (26).
1. to create a prototype for teachers that demonstrates how they would create
questions, form a group, and leave an educational messages to children.
29
8. Appendix 1: Wireframe
Main navigation tabs for Home Page Key Message from a teacher
Highlights a particular
What are the 5 Food winning lunch
1. Take a picture of your lunch and post it Winning Lunch Featured
Groups?
2. Analyze friends' lunches
4. Receive a prize
Eat five to nine servings of fruits and vegetables every day! Drink 10 cups of water a day Move more, aim for at least 60 minutes everyday, or most days. Rotating dynamic text
related to food and
Home Teachers Children Parents Nutritionists Contact Us Join for Free nutrition
©2009 onlinelunchlog.com All Rights Reserved.
30
Personalized Kitchen A child decorates the Home Space by spending their After a teacher chooses a lunch,
Space pea-coins. A child receives pea-coins by earning peas a child clicks View the lunch results
and pea pods. The number of peas are equivalent with from the previous assignment.
the pea-coins. The peas and pea pods were earned from
completing the lunch assignment and winning the activity.
Logout
31
A child receives a new assignment message Prize for the lunch assignment.
from a teacher and reads it. A teacher offers or does not offer a prize
for each assignment.
Logout
32
A child view all the lunches
that he/she posted
Logout
z
A teacher did not require to
post a After Lunch Photo for
Note
1 Pea this assignment
33
A child leaves a note for teacher and parents
Logout
Note:
z
Picture: Browse
Preview Submit
34
Set of nutrition or
food-related questions
from a teacher
A teacher consults with
a Food & Nutrition specialist/ Inform a child about Textual information that slides
Enlarge picture size 6 children are participating Food health scientist how many questions from the top of the screen
about creating questions. the child has to answer when a child clicks the Hint button
Logout
Question 1 of 5
Which lunches have
at least 1 cup from the Vegetable Group?
Hint
Choose as many pictures as you want
What is the Vegetable Group?
and drag here.
Vegetables are plants with
edible parts. They have many The Hint section provides
z nutrients in them that are in-depth information
good for you. You should get related to the questions
2 to 3 cups of vegetables a when a child needs help.
day. It's important to eat a mix
of vegetables, including green
and orange ones.
Next
35
Decrease
picture size
Logout
Question 2 of 5
Which lunches have
at least 1/2 cup from the Fruit Group?
Hint
Choose as many pictures as you want
and drag here What is the Fruit Group?
Fruits are food that comes
from trees and vines. They
z have many nutrients that
make your body healthy.
You should have 1-1/2 to 2
cups of fruit a day. It's good
to eat a variety of fruits so
that you get all the important
nutrients your body needs.
36
Logout
Question 3 of 5
Which lunches have
at least 1 ounce from the Meat and Bean Group?
Hint
Choose as many pictures as you want
and drag here. What is the Meat and
Bean Group?
Meats, beans, nuts, and fish
z are in the same group
because they have many of
the same nutrients. You should
have 4 to 6 ounces of items
from the food. It's best to boil,
grill, or roast meat instead of
frying it in fatty cooking oil.
Previous Next
37
Logout
Question 4 of 5
Which lunches have
at least 1 ounce from the Whole Grain Group?
Hint
Choose as many pictures as you want
and drag here. What is the Whole Grain
Group?
Grains are seeds from plants.
z Your body needs the fiber and
nutrients found in grains to
stay healthy. It's important to
eat foods that are made from
whole seeds, so choose food
that say "whole grain" on the
package. It's good to eat 3 to 3
1/2 ounces from the whole
grain group a day.
38
Logout
Question 2 of 5
Which lunches have
at least 1 cup from the Milk Group?
Hint
Choose as many pictures as you want
and drag here. What is the Milk Group?
Milk products are food made
from cow's milk. Milk has
z vitamins and minerals that
help build strong teeth and
bones. Low-fat and fat-free
milk products are the best
choices. You should have 2 to
3 cups from the milk group a
day.
Previous Finish
39
If not all members finished analyzing the A child receives one Pea (equaling one Pea coin) A child can compare Teacher's meal selection—
lunch assignment, a child receives "Come after completing one lunch assignment. his/her own lunch with The student that posted this
back on ( ) to see the winning lunch. We The more peas a child earns the more the teacher!s choice. meal receives the prize.
will discuss the results in class on ( )." items a child can purchase to decorate
his or her personalized home space.
Note
40
The Pea Records chart Selected lunches are
shows who currently has chosen by a teacher
the most peas.
Logout
1. Ruby2 22
3 peas
1 pea pod 2. SpongeBob00 20
Total of 8 Peas Enlarge picture size
3. LadyAvery 15
z
4. FitBean 14
5. Snowbug 11
A child receives one Five different food groups
pea after completing
one lunch assignment
and one pea pod when
their lunch is chosen
by the teacher.
41
11. Appendix 2: Screenshots
42
43
44
45
46
47
48
49
50
51
52
53
12. References
(1) Severson, Kim. (2005, April 24). The Government’s Pyramid Scheme. The New
York Times, Retrieved October 7, 2008 from http://www.nytimes.com/2005/04/24/
weekinreview/24seve.html?pagewanted=all&position=
(2) Gavin, Mary. (2008, June). Overweight and Obesity. October 7, 2008
from http://kidshealth.org/parent/nutrition_fit/nutrition/overweight_obesity.html
(3) Berger, Kathleen. The Developing Person Through Childhood and Adolescence, Sixth
Edition, Worth Publishers
(4) Centers for Disease Control and Prevention. Child Development (Last Updated Sep-
tember 20th, 2005) Accessed September 7th, 2008 from: http://www.cdc.gov/ncbddd/
child/middlechildhood9-11.htm
(5) Bruckman, Amy. & Bandlow, Alisa. (2002) HCI for Kids. The Human-Computer Interac-
tion Handbook: Fundamentals, Evolving Technologies, and Emerging
Applications.
(6) Zepeda , Lydia. & Deal, David. (2008). Think before you eat: photographic food
diaries as intervention tools to change dietary decision making and attitudes.
International Journal of Consumer Studies, 32, 692 - 698.
(7) Frost, Jeana.& Smith, Brian. (2003) Visualizing Health: Imagery in Diabetes
Education, 8.
(8) Bruckman, Amy. & Bandlow, Alisa. (2002) HCI for Kids. The Human-Computer Interac-
tion Handbook: Fundamentals, Evolving Technologies, and Emerging
Applications.
(13) Mayo Clinic. (2006, January 11). CNN: Healthy diet basics: Using a food pyramid. Re-
trieved October 21, 2008, from http://www.cnn.com/HEALTH/library/NU/00190.html
54
(15) USDA (2005). MyPyramid for Kids Poster. Retrieved October 14, 2008,
from http://www.fns.usda.gov/TN/Resources/mypyramidforkidsposter.html
(20) Jennifer R. Shapiro, et al. Use of Text Messaging for Monitoring Sugar-sweetened
Beverages, Physical Activity, and Screen Time in
Children: A Pilot Study, 2008
(21) An, Jisun., Baumer, Allan., DeVries, Matthew., Radu, Iulian., Engaging Children in
Environmental Activities
Phase 1: Understanding Conservation in America. 2008
(22) Dix, Alan., Finlay, Janet (2003) Human-Computer Interaction (3rd ed.).
England:Harlow. 261.
(23) Nielsen, Jakob. (2002, April 14). Kids’ Corner: Website Usability for Children.
Retrieved September 10, 2008, from http://www.useit.com/alertbox/children.html
(24) ImageMagick Studio LLC. (1999-2009) ImageMagick. Retrieved October 21, 2008,s
from http://www.imagemagick.org/script/index.php#books
(26) Huang. Jon, et al. (April 2, 2009 ). Picturing the Recession. Retrieved April 07, 2009,
from http://www.nytimes.com/interactive/2009/04/02/business/economy/economy-
user-photos.html
55