-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindexDC.html
102 lines (92 loc) · 5.2 KB
/
indexDC.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<title>M-Double Consciousness</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<body id="full" >
<div id="wrapper">
<div id="nav"><a href="index.html"><img src="images/logo.png" width="150px" height="90px" alt="logo" class="logo"></a>
<ul>
<li class="home"><a href="index.html">Home</a></li>
<li class="about"><a href="about.html">About</a></li>
</ul>
</div>
<div id="container-work">
<div class="project-head">
<div class="Eboxin">
<img src="images/doublec.png" width="70%">
<p class="breakdown">
<strong>Role</strong>: Interactive Installation, User Experience Design, Programing,<br>
<strong>Tools Used</strong>: Adobe Illustrator, Processing, Mirrors, Monitor
</p>
<div class="zoom"
<div class="Eboxin-info">
<h1 class="headerT2">Double Consciousness</h1>
<h3> Is an interactive experience that reveals the ways in which the American system judges skin color... and questions it. </h3>
</div>
</div>
</div>
<div class="project-container">
<div class="project-description">
<h1 class="ProjC">Context</h1>
<div class="Epara">
<p> There is a three part progression which leads to the mental and physical instability of the black mind and body.
<br><br>
<strong>The first: Surface Judgments.</strong> This form of judgement is the root of the oppression of black bodies. What is most noticeable on the surface is color.
<br><br>
<strong>The second: Double Consciousness.</strong> Double consciousness is the idea that as a black American, we can not live our lives expecting others to see the way we see ourselves. We have to consider how the “other” sees and perceives us in order to survive within the American way of life.
<br><br>
<strong>The third: Body Dysmorphia.</strong> Body dysmorphia is a mindset where an individual mainly sees flaws within their physical appearance. As black Americans, body dysmorphia is a mindset we are born with and sadly its manifestation within our brains can be enhanced by the “other’s” perception of black bodies. This three part progression leads to one common conclusion, that black minds and bodies are not safe in America.
</p>
</div>
</div>
<div class="project-description">
<h1 class="ProjC">Research</h1>
<div class="Epara">
<p> Throughout the creation of this installation, I researched the history behind the oppression placed on black bodies in America.
<br><br>
So, I read texts such as 'The Souls of Black Folk' - W.E.B Dubois | 'Killing the Black Body' - Dorothy E. Roberts | 'See Yourself Sensing: Redifining Human Perception' - Madeline Schwartzman</p>
<img src="images/dcresearch.png" width="90%">
</div>
</div>
<div class="project-description">
<h1 class="ProjC">Ideation</h1>
<div class="Epara">
<p> This was an emotional process.
<br><br>
I started with wanting to creating a VR experience that shows the different angles of a protest, in order to show how a black individual living in America needs to understand how other might perceive them. Having it be a VR experience would make people feel the anxiety, fear, confusion, and assumption made on both sides of a protest.
<br><br>
With feedback that, idea crashed and burned. Then finding solace in my Fine Arts and Art History background, I thought to turn this into an installation.
<br><br>
With the installation idea, I new I wanted to implement mirrors because mirrors are an object that show you who you are without judgement. </p>
<img src="images/dcsketches1.4.png" width="90%">
<img src="images/dcsketches2.png" width="90%">
<p>
I then went on to prototype the technology side of the experience. Knowing that I wanted a surveillance piece to this installation I started working with: ml5, javascript, Openframeworks, Unity.
</p>
<img src="images/dctech.png" width="90%">
</div>
</div>
<div class="project-description">
<h1 class="ProjC">User Testing</h1>
<div class="Epara">
<p>
<strong>Step one:</strong> you first aproach the mirrors on the wall and look at yourself.
<br><br>
<strong>Step two:</strong> you then go behind the monitor and place your hands in front of the camera. The screen in front of you asks the question, "Living in America is my life in danger?"
<br><br>
<strong>Step thee:</strong> Once the surveillance system collects and determines the result of your skin color, the screen will then navigate you to a web page that proves why you are either, 'Unsafe' | 'Good to Stay' | 'Nah Your Safe' | through data.
</p>
<img src="images/dcproto4.png" width="90%">
<img src="images/dcusertest.png" width="90%">
</div>
</div>
</body>
<footer>
<p id="footer">Copyrite © 2018 Milan Gary. Front and Back End Developed by Milan Gary.</p>
<p id="footer"><a href="mailto:mgary44@gmail.com">
mgary44@gmail.com</a>.</p>
</footer>
</html>