Skip to content
Snippets Groups Projects
Commit 6948c309 authored by esomo22e's avatar esomo22e
Browse files

push week 10

parent 3b6c7f7c
No related branches found
No related tags found
No related merge requests found
Pipeline #
Hide whitespace changes
Inline Side-by-side
assignments/week10.html
+ 171
− 0
View file @ 6948c309
<!DOCTYPE html>
<html>
</html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Eunice Esomonu - Week 12: Skin Electronics</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
<!-- Google fonts - Roboto-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic">
<!-- owl carousel-->
<link rel="stylesheet" href="../vendor/owl.carousel/assets/owl.carousel.css">
<link rel="stylesheet" href="../vendor/owl.carousel/assets/owl.theme.default.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="../css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="../css/custom.css">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="../css/week12.css">
<!-- Favicon-->
<link rel="shortcut icon" href="../img/favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<div id="all">
<div class="container-fluid">
<div class="row row-offcanvas row-offcanvas-left">
<!-- *** SIDEBAR ***-->
<div id="sidebar" class="col-md-4 col-lg-3 sidebar-offcanvas">
<div class="sidebar-content">
<h1 class="sidebar-heading"> <a href="../index.html">Eunice Esomonu - Fabricademy 2018-2019 </a></h1>
<p class="sidebar-p">I am an Interactive Designer and Artist who uses tools and materials
to develop enganging work. I use primarily data visualization and
installations to create engaging expriences on various platforms and mediums</p>
<ul class="sidebar-menu">
<!-- Link-->
<li class="sidebar-item"><a href="../index.html" class="sidebar-link active">Home</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="../about.html" class="sidebar-link">About</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="../final.html" class="sidebar-link">Final Project</a></li>
<!-- Link-->
<li class="sidebar-item"><a href="https://gitlab.fabcloud.org/academany/fabricademy/2019/students/eunice.esomonu" class="sidebar-link">Gitlab</a></li>
</ul>
<!-- <p class="social"><a href="#" data-animate-hover="pulse" class="external facebook"><i class="fa fa-facebook"></i></a><a href="#" data-animate-hover="pulse" class="external gplus"><i class="fa fa-google-plus"></i></a><a href="#" data-animate-hover="pulse" class="external twitter"><i class="fa fa-twitter"></i></a><a href="#" title="" class="external instagram"><i class="fa fa-instagram"></i></a><a href="#" data-animate-hover="pulse" class="email"><i class="fa fa-envelope"></i></a></p> -->
<div class="copyright text-center text-md-left">
<p class="credit">&copy;Fabricademy 2018-2019| Template by <a href="http://bootstrapious.com/portfolio-themes" class="external">Bootstrapious.com</a></p>
<!-- Please do not remove the backlink to us, unless you support the development at http://bootstrapious.com/donate. It is part of the license conditions. Thanks for understanding :) -->
</div>
</div>
</div>
<!-- *** SIDEBAR END *** -->
<!-- *** DETAIL ***-->
<div class="col-md-8 col-lg-9 content-column white-background">
<div class="small-navbar d-flex d-md-none">
<button type="button" data-toggle="offcanvas" class="btn btn-outline-primary"> <i class="fa fa-align-left mr-2"></i>Menu</button>
<h1 class="small-navbar-heading"> <a href="index.html">Eunice Esomonu - Fabricademy 2018-2019</a></h1>
</div>
<div class="row">
<div class="col-xl-10">
<div class="content-column-content">
<h1>Implications and Applications</h1>
<p class="lead">For my final project, I want to be able to create a series of body suits (not full suits but focus on the jaw, kneck,
and torso) inspired by data on the black experience. I want to be able to used various types of materials to showcase the visual
representation of data that I'm using and to be felt with the different movement of the fabric. I don't want to show just show
random data or exploit the subjects of the data but tie data with fabrication with emotion and feelings.
</p>
<div class = "goal_container">
<h2>Goal</h2>
<p>The wearable will create body suits from crochet materials (yarn) and/or modular design and use materials such as muscle wire,
led, and thermochromatic materials to alter materials based of the data provided.</p>
</div>
<div container = "inspiration_container">
<h2>Inspiration</h2>
<p>I always wanted to do a physical representation of data and to showcase it in a way that is humanizing and not exploiting of
a subject. It ties into what I'm interested in collecting data and how to show it ethically and effectively. While doing research,
on what I can possibly do with data I just looked up wearable data visualization and found this
<a href = "https://medium.com/@ricardoonascimento/wearables-and-data-visualization-238363b121de">article</a>.
It showcase various artist who have used fabrication to visualize various forms of data. Through this article,
I was inspired by two projects:</p>
<h4>Tremor by Melissa Coleman (NL/UK) and Leonie Smelt (NL)</h4>
<iframe src="https://player.vimeo.com/video/220275371" width="640" height="360" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/220275371">Tremor</a> from <a href="https://vimeo.com/user4309555">
Melissa Coleman</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
<p>Furthermore, I was inspired by <a href = "http://melissacoleman.nl">Melissa Coleman</a>work in general and how she uses social issues
to showcase work.</p>
<h4>Human sensor by Kasia Molga</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/RKwXcrh2k_0" frameborder="0" allow="accelerometer; autoplay; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>Also, I think my idea clicked when I watched performance and sculpture artist Nick Cave present his work and how he created his sound suits.
The emotion he was fillings and the questions he was asking when he created me inspired me to go forward to create a suit using knit and
founded materials.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uDUa1K7fJGk" frameborder="0" allow="accelerometer; autoplay; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>Also, similarly with El Anatsui and his design and work process.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/_d3RIE195JI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>
<p>And for sweater created by Nadine Goepfert in the Cranes in the Sky Video.</p>
<div class="img_des">
<img src="../img/week_10/solange.jpg" alt="solange">
<figcaption class="cap">Solange Pink Jacket in the Crane's in the Sky Video</figcaption>
</div>
</div>
<div container = "res_container">
<h2>Research</h2>
<div class = "res_cont_list">
<p>My research that I looked at these particular things:</p>
<ol>
<li>What type of data I want to show (both seemingly positive and negative)</li>
<li>What materials that I should use</li>
<li>Ways to connect these materials (crochet and modular fashion)</li>
<li>What would happen when realizing the data</li>
<li>Who will wear it.</li>
</ol>
</div>
</div>
<div class = "prot_container">
<h2>Prototyping</h2>
<p>I think I want to be able to develop a smaller prototypes that will allow to see how this project will react on a bigger scale.
I want to be able to create smaller smocks of the project and connect electronics to them to see how they will react to a particular
data. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScript files-->
<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/popper.js/umd/popper.min.js"> </script>
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="../vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="../vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="../vendor/masonry-layout/masonry.pkgd.min.js"></script>
<script src="../js/front.js"></script>
</body>
img/week_10/solange.jpg 0 → 100644
+ 0
− 0
View file @ 6948c309
img/week_10/solange.jpg

23.9 KiB

img/week_10/solangepink.png 0 → 100644
+ 0
− 0
View file @ 6948c309
img/week_10/solangepink.png

1.35 MiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment