Professional Documents
Culture Documents
Petree Process Book
Petree Process Book
samantha mak
01
research
background
bonds.
electricity.
others that are distant from us, but they have their
and interactions?
Schedule
process
02
schedule
FEBRUARY
Technological Audit
Research & Analyze Audience
(Behaviors, Needs, Learning)
Concept Function & Capabilities
Blog Post
11
18
13
Scenarios
Interface Research & Audit
Blog Post
Scenarios
Interface Research & Audit
20
Gathern Content
Gathern Content
Blog Post
25
27
Blog Post
Gathern Content
Update Research Book
MARCH
Visual Directions
Blog Post
schedule
11
Midterm Presentation
Visual Directions
13
Technological Audit
Research & Analyze Audience
(Behaviors, Needs, Learning)
18
Spring Break
Visual Directions Application
20
Spring Break
Visual Directions Application
Video Brainstorming
Develop Storyboard
Develop Script
Develop Script
Shoot footage in Dallas if needed
25
27
Animate Designs
Shoot Footage
Record Voiceover
Blog Post
APRIL
Animate Designs
Shoot Footage
Record Voiceover
Animate Designs
Shoot Footage
Blog Post
10
Continued Development
Poster Development
Blog Post
schedule
15
17
Poster Development
22
Final Presentation
Update Research Book
Continued Development
Poster Development
Blog Post
24
Final Presentation
Update Research Book
Blog Post
MAY
29
10
13
17
18
Commencement
Week One
process
03
week one
mind map
Mind Mapping
My focus this week has been on breaking down
my initial question and begin thinking about
possible areas for exploration.
week one
concept
10
week one
technological audit
Ancestry.com
Ancestry.com relies heavily on building one's
family tree based on user input and pulling
data from a collection of government documents.
While the service allows families the ability to
archive new memories and a space to house
different types of media, these features are not
the focus.
Overall, it's very fact driven and somewhat
individually focused. I feel it under-emphasizes
the human dimension of emotion, the power of
shared experiences, and collaborative making.
11
Week Two
process
04
week two
14
research
sakes they really have of the home they left are the
What I didn't realize previously is that the motivation is already there and I have a number of
week two
15
research
Collecting
The other day my cousin who grew up in Boston
began posting photos from his childhood. This
is the first time I have ever really seen a photo of
him as a kid. It's an example of this behavior of
wanting to discover and share the past.
week two
research
Connecting
I think this is the first instance, ever, that
cousins in two different countries attempted to
communicate with each other. Usually the conversation happens between America & Cambodia or America & Thailand. This happened
between Cambodian & Thailand relatives.
16
week two
17
research
Comparing
Photo of my uncle in high school (left) and his
son who is a Cambodian-Elsavadorian American (right). This is an example of this desire
to want to compare and understand how the
people close to relate
week two
research
18
audience
Audience
While I believe this system can be expanded to oth-
technologically literate.
week two
research
key words
Key Words
+ Collaborative Making
+ Archiving past & present moments
+ Shared Experience
+ Exploration, Discovery, & Learning
+ Visualizing family data
+ Fun & Play
19
Week Three
process
05
week three
functions
&
capabilities
21
week three
functions
&
22
capabilities
Direct Interactions
As I've discovered in my research, second gener-
week three
functions
&
23
capabilities
Advance Search
week three
functions
&
24
capabilities
Timeline of Events
instance in time.
Week Four
process
06
week four
26
scenario
Scenarios
In order to give my scenarios a bit more focus,
I've decided to hone in on developing three
concepts: the past, the present, and the future.
These three elements are intertwined and vital
components in creating a holistic story.
As a side note, since so many of us are visual
people, I've pull examples to help explain and
visualize concepts. These inspirations are tools
and by no means the solution to my project.
The Past
My first scenario focuses on showing the
timeline of a family member's journey. In the
example below, as you scroll through the
photographer's adventure on the left, the point
on the map to the left moves as the storyline
progresses. For my family tree, there's opportunity to create more of a storybook like timeline.
Adding the national news layer will help fill in
missing gaps, but also provide global insight of
the experience.
srf seidenstrasse
week four
scenario
27
note to self
My next step is to go ahead and start gathering real and specific data to
work with and begin developing low content wireframes. In writing this
post I've sort of realized how large this could get so I just need to remind
myself to narrow. It may be a situation where I just keep the idea within my
site map and focus on very short, but vital moments.
week four
29
interface research
Interface Research
I believe motion is extremely important in
developing an interface. It's a large part of this
project that I'm wanting to explore. After doing
an audit and thinking back to the MX project
this idea just because more apparent to me.
I need to be thinking in motion so on top of
developing the wireframes I should be doing
motion experiments.
Below are some examples of interfaces I've
gathered in my research that somehow aligned
with the ideas in my head.
Main Space
In my head I've been envisioning how to
visualize my family tree and here's an example
I found that's pretty close to what I've been
tossing around.
universeries
week four
30
interface research
rei project
my provence festival
Week Five
process
07
week five
32
site map
Organizing Experience
This site map has really helped me organize my
features.
week five
concept
33
week five
wireframes
34
week five
wireframes
35
week five
wireframes
36
Week Six
wireframes x formal studies
08
week six
wireframes
38
scenario one
Scenario One
Petree
SHARE
EXPLORE
CONNECT
PROFILE
TIME
TRAVEL
SEARCH
CONCEPT
ARRANGE
FAMILY
week six
wireframes
39
scenario one
Petree
SHARE
EXPLORE
CONNECT
PROFILE
TIME
TRAVEL
SEARCH
CONCEPT
GENDER
LOCATION
RELATIONSHIP
AGE
ARRANGE
FAMILY
week six
wireframes
40
scenario one
Petree
SHARE
EXPLORE
CONNECT
PROFILE
TIME
TRAVEL
SEARCH
CONCEPT
ARRANGE
FAMILY
week six
wireframes
41
scenario two
Scenario Two
Petree
SHARE
Christie Mak
EXPLORE
CONNECT
PROFILE
TIME
TRAVEL
SEARCH
CONCEPT
ARRANGE
FAMILY
week six
wireframes
42
scenario two
Petree
SHARE
Christie Mak
TIME
TRAVEL
EXPLORE
CONNECT
PROFILE
week six
wireframes
43
scenario two
Petree
SHARE
EXPLORE
CONNECT
PROFILE
ADD CONTEXT
Christie Mak
TIME
TRAVEL
AUTO PLAY
week six
wireframes
44
scenario two
Petree
SHARE
EXPLORE
CONNECT
PROFILE
ADD CONTEXT
AUTO PLAY
week six
wireframes
45
scenario two
Petree
SHARE
EXPLORE
CONNECT
PROFILE
ADD CONTEXT
AUTO PLAY
week six
wireframes
46
scenario two
Petree
SHARE
EXPLORE
CONNECT
PROFILE
ADD CONTEXT
AUTO PLAY
week six
wireframes
47
scenario two
Petree
SHARE
EXPLORE
CONNECT
PROFILE
ADD CONTEXT
AUTO PLAY
week six
wireframes
48
scenario three
Scenario Three
Petree
SHARE
STORIES
CONNECTIONS
SNAPSHOTS
BLURBS
EXPLORE
CONNECT
PROFILE
QUESTIONS
SEARCH
week six
wireframes
49
scenario three
Petree
SHARE
STORIES
CONNECTIONS
SNAPSHOTS
BLURBS
EXPLORE
CONNECT
PROFILE
QUESTIONS
SEARCH
week six
wireframes
50
scenario three
Petree
SHARE
STORIES
SNAPSHOTS
BLURBS
EXPLORE
CONNECT
PROFILE
QUESTIONS
CONNECTIONS
SEARCH
week six
wireframes
51
scenario three
Petree
SHARE
STORIES
CONNECTIONS
SEARCH
SNAPSHOTS
BLURBS
EXPLORE
CONNECT
QUESTIONS
PROFILE
week six
wireframes
52
scenario four
Scenario Four
Petree
SHARE
EXPLORE
CONNECT
PROFILE
Kiev Ou
TIME
TRAVEL
SEARCH
CONCEPT
ARRANGE
FAMILY
week six
wireframes
53
scenario four
Petree
CONNECTIONS
SHARE
SEARCH
EXPLORE
CONNECT
PROFILE
week six
wireframes
54
scenario four
Petree
CONNECTIONS
SHARE
SEARCH
EXPLORE
CONNECT
PROFILE
week six
formal exploration
Formal Exploration
One visual directions of the main Petree space
I've been wanting to explore are objects pushing into the z-axis. I needed to figure out the
best way to go about representing this space
and if I'd be able to pull it off before I go any
further. The first thing that came to mind was to
build it in Cinema 4D, but After Effects also has
the ability to extrude and light shapes. Below
are some shots of this exploration.
While I love the way these guys look, I have to
be real. I know i've been wanting to find a reason to use C4D, but it may not be appropriate
right now. I need to also consider my workflow.
I don't know my machine will be able to handle
the rendering especially if and when we hit
crunch time. I think I'll be able to do what I
need to do in after effects. It was nice to play
around while it lasted.
55
Week Seven
process
09
week seven
wireframes
scenario one
Scenario One
The timeline focuses on telling the story of a
family member throughout time in context to
world events.
57
week seven
wireframes
P e tre e
58
scenario one
SHARE
EXPLORE
CONNECT
PROFILE
week seven
wireframes
59
scenario one
P e tre e
SHARE
Christie Mak
PURSAT, CAMBODIA
EXPLORE
CONNECT
PROFILE
week seven
wireframes
P e tre e
60
scenario one
SHARE
EXPLORE
CONNECT
PROFILE
1967
8
1967
week seven
wireframes
61
scenario one
P e tre e
SHARE
EXPLORE
CONNECT
PROFILE
BIRTH
F E B R U A RY 1 2 , 1 9 6 7
1967
1968
7
week seven
wireframes
P et r ee
62
scenario one
SHARE
EXPLORE
CONNECT
PROFILE
1979
8
week seven
wireframes
P e tre e
63
scenario one
SHARE
EXPLORE
CONNECT
PROFILE
1982
1
week seven
wireframes
64
scenario one
P e tre e
SHARE
EXPLORE
CONNECT
PROFILE
HIGH SCHOOL
MARCH 10,1985
1985
4
week seven
wireframes
P e tre e
65
scenario one
SHARE
EXPLORE
CONNECT
PROFILE
1993
2
week seven
wireframes
scenario two
Scenario Two
Petree is focused on exploration. Family members can sort organisms in the dish by age,
gender, location, and even relationship. The
connection feature lets you see snippets of
content relating to an individual beginning with
the most basic details such as where they live,
and how many sibling they have. This scenario
is focused on the curiosity of a kid raised in
America who is interested in learning more
about his cousin in Cambodia.
66
week seven
wireframes
P et r ee
67
scenario two
SHARE
EXPLORE
CONNECT
PROFILE
Arrange
Organisms
GENDER
RELATIONSHIP
LOCATION
AGE
week seven
wireframes
68
scenario two
P etr ee
SHARE
EXPLORE
CONNECT
PROFILE
CHOUR OU
Arrange
Organisms
GENDER
RELATIONSHIP
LOCATION
AGE
week seven
wireframes
P e tre e
69
scenario two
SHARE
EXPLORE
CONNECT
PROFILE
Chour Ou
BATAMBONG, CAMBODIA
Arrange
Organisms
GENDER
RELATIONSHIP
LOCATION
AGE
week seven
wireframes
70
scenario two
P e tre e
SHARE
EXPLORE
Chour Ou
NUMBER OF SIBLINGS
I LIVE IN
Batambong,
Cambodia
AGE
10
YEARS OF AGE
CONNECT
PROFILE
week seven
wireframes
P et r ee
71
05
scenario two
SHARE
EXPLORE
CONNECT
PROFILE
week seven
wireframes
Petree
72
scenario two
SHARE
EXPLORE
CONNECT
PROFILE
Eric Sy
What are those things?
July 3, 2012
Chour Ou
Thats our bed and our kitchen area.
July 3, 2012
week seven
wireframes
scenario three
Scenario Three
Storytelling is such a major part of family and
being able to tell multiple perspectives of a
moment in time is extremely important. If you
haven't already guessed, this scenario is focused on collaborative storytelling. The example below doesn't match this statement, but it's
an example of being within the explore space.
73
week seven
wireframes
P e tre e
74
scenario three
SHARE
EXPLORE
CONNECT
PROFILE
Arrange
Organisms
GENDER
RELATIONSHIP
LOCATION
AGE
week seven
wireframes
P e tre e
75
scenario three
SHARE
EXPLORE
CONNECT
MOVIES
MARCH 10, 2013
PROFILE
week seven
wireframes
76
scenario three
P e tre e
SHARE
EXPLORE
CONNECT
MOVIES
MARCH 10, 2013
PROFILE
week seven
wireframes
P e tre e
77
scenario three
SHARE
EXPLORE
CONNECT
PROFILE
week seven
78
motion test
view here
Motion Test
These are very basic and quick tests to help me
start thinking is motion.
view here
week seven
video concept
Video Concept
I plan to create three short videos from the
perspective of the individual using Petree. They
will be dialogues between two or more people about what they experienced after using
the system. Each video will begins with "Dear
[Insert Name Here]".
05
79
Week Eight
process
10
week eight
81
focus
Weekly Focus
My focus these past weeks has been on producing
the promotion piece for the timeline scenario. I
think doing so will help me gauge realistically how
long it will take me and adjust from there.
timeline script
Dear Grandpa,
I wish we could have met. Mom doesn't remember what you look
like. Did you know she crossed the border into Thailand with phu
and ming (cambodian for aunt & uncle)? She made it to America alright. She told me once that you were kind. I bet you were as funny
as she is. I bet you were loving as she is. If you're anything like her,
then I know for sure that I'd like you to.
week eight
83
motion test
Motion Progress
This past week I've been focusing on exploring
motion and building out the timeline video.
Below is one example of how I'm imagining the
organisms to move.
view here
Week Nine
process
11
week night
focus
Weekly Focus
This week has been about chugging along this
first video and revising my screens.
85
week night
wireframes
timeline scenario
Timeline Revision
86
week night
wireframes
timeline scenario
Timeline Revision
87
week night
wireframes
timeline scenario
Timeline Revision
88
week night
wireframes
timeline scenario
Timeline Revision
89
week night
wireframes
timeline scenario
Timeline Revision
90
week night
wireframes
timeline scenario
Timeline Revision
91
week night
wireframes
timeline scenario
Timeline Revision
92
week night
wireframes
timeline scenario
Timeline Revision
93
week night
94
motion test
Motion Sample
This sample video is still very rough. I need
to re-record to make the overall feeling of the
audio to be not so somber.
The background track is Postcard From 1952
by Explosions in the Sky. The build on the ending half gets a bit intense so I plan to avoid it.
view here
Week Ten
spring break
12
week ten
spring break
#KCAIATX
Enjoying the warm weather in Austin. Degree
Project will be back shortly. I plan to stop by
Dallas and collect anything else I'll need for my
videos such as photos, voiceovers, etc.
96
Week Eleven
process
13
week eleven
animating
Weekly Focus
Still working on animating the various elements
for my first video. It wasn't best use of my time
to try to upload all the clips to vimeo so I've
attached screenshots of my process below. I've
re-recorded my voiceover breaking and have
broken up the various elements of my system
for after effects. I'm about 85% sure i''ll be able
to finish this up by Friday.
98
week eleven
script
molocule scenario
Molocule Scenario
This week I've also been trying to work on the
script and screens for the Present scenario,
which I like to call the Molocule Scenario. It
focuses on the curiosity of child through the
connection feature of the system.
99
molocule script
Dear Anon,
Did you know we're both seven? My mom says your on the other
side of the world from us! That's really far! I saw a picture of your
house. Why is it so tall and what's this thing?! I just got a bike for
my birthday. I wish you could come over so we can ride our bikes
together. But I don't think my mom would let me put baby Dara on
the back like that.
week eleven
wireframes
101
molocule scenario
Molocule Scenario
week eleven
wireframes
molocule scenario
102
week eleven
wireframes
molocule scenario
103
week eleven
wireframes
molocule scenario
104
week eleven
wireframes
molocule scenario
105
week eleven
wireframes
molocule scenario
106
week eleven
wireframes
molocule scenario
107
week eleven
wireframes
molocule scenario
108
week eleven
wireframes
molocule scenario
109
week eleven
wireframes
molocule scenario
110
Week Twelve
process
14
week twelve
112
timeline video
The Past
Here are some quick summarizes of my process
and videos so far...
Promo 1 is a dialogue with the past. There's
some odd audio static happening in the background of my voiceover that I want to fix, but
it's near the bottom half of my priority list right
now. I also originally animated too quickly so
some parts have been time stretched within
final cut pro and may seem a bit laggy. I'm
working out this issue presently.
view here
week twelve
113
molocule video
The Present
Promo 2 focuses on the present. Petree creates
a space that inspires the curiosity of a child and
provides a space for them to fulfill their interests.
view here
week twelve
video process
The Future
Promo 3 focuses on the future. I had my father
read the original voiceover for this clip, but it
didn't have the right tone so I'm working on a
plan B. I'm imagining 23 people reading different sections of an overall paragraph to give the
effect that they're finishing each others sentences. This clip will highlight the "explore" section,
searching capabilities, and adding content.
114
Week Thirteen
f i n a l a rt i fa c t
15
week thirteen
portfolio
behance site
personal site
116
week thirteen
117
senior show
click to view
Resources
research
16
Thank Yous
Voiceovers
Neo Nguyen
Sochebopa Em
Sino Em
Randy Sy
Diana Mak
Sarun Mak
Photographs
Sochebopa Em
The Mak Family
The Sy Family
The Ros Family
The Em & Rodriguez
119