-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
251 lines (248 loc) · 17.3 KB
/
index.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="./main.css">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
<script src="./jquery-3.2.1.min.js"></script>
<title>DESMA 161 / Spring 2023</title>
</head>
<body>
<section>
<header>
<h1>Network Media / DESMA 161</h1>
</header>
<div id="content">
<nav role="navigation">
<ul>
<li class="nav-item">
<a href="./index.html">Syllabus</a>
</li>
<li class="nav-item">
<a href="./projects.html">Projects</a>
</li>
<li class="nav-item">
<a href="./resources.html">Resources</a>
</li>
<li class="nav-item">
<a href="./schedule.html">Schedule</a>
</li>
<li class="nav-item">
<a href="./weeklies.html">Weeklies</a>
</li>
</ul>
<ul class="student-list">
<li class="nav-item">Students</li>
<li class="student"><a href="https://users.dma.ucla.edu/~rayce777/" target="_blank"
rel="noopener noreferrer">Rayce</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~isabellerosea/" target="_blank"
rel="noopener noreferrer">Isabelle</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~ebandouveris23/" target="_blank"
rel="noopener noreferrer">Ella</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~yanwenbuuuuu/" target="_blank"
rel="noopener noreferrer">Yanwen</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~leilanychan/" target="_blank"
rel="noopener noreferrer">Leilany</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~alicechen88/" target="_blank"
rel="noopener noreferrer">Alice</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~jchenwan/" target="_blank"
rel="noopener noreferrer">Joanna</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~jhchoi20/" target="_blank"
rel="noopener noreferrer">Jihee</a></li>
<li class="student"><a href="http://users.design.ucla.edu/~xydong18/" target="_blank"
rel="noopener noreferrer">Jenny</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~nverano2017/" target="_blank"
rel="noopener noreferrer">Nikolai</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~louisgluck/" target="_blank"
rel="noopener noreferrer">Louis</a></li>
<li class="student"><a href="http://users.design.ucla.edu/~jhernandezt11/" target="_blank"
rel="noopener noreferrer">Joseph</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~eleanorkin/" target="_blank"
rel="noopener noreferrer">Eleanor</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~bnelson20/" target="_blank"
rel="noopener noreferrer">Bennett</a></li>
<li class="student"><a href="http://users.dma.ucla.edu/~hannahoh25/" target="_blank"
rel="noopener noreferrer">Hannah</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~pincentvengg/" target="_blank"
rel="noopener noreferrer">Vincent</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~tacypw/" target="_blank"
rel="noopener noreferrer">Tacy</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~lilliansyf/" target="_blank"
rel="noopener noreferrer">Yifei</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~magaliustarroz/" target="_blank"
rel="noopener noreferrer">Magali</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~alexkwu/" target="_blank"
rel="noopener noreferrer">Alex</a></li>
<li class="student"><a href="https://users.dma.ucla.edu/~amiexu/" target="_blank"
rel="noopener noreferrer">Amie</a></li>
</ul>
</nav>
<main>
<p>Mondays and Wednesdays, 9am-11:50am <br> UCLA Broad Art Center, 4220 </p>
<p>Instructor: <a href="mailto:[email protected]">Lauren Lee McCarthy</a> (she/her) <br> Office hours: Monday
12-1pm, or by appointment, Broad 3246
</p>
<p>TA: <a href="mailto:[email protected]">Maya Man</a> (she/her) <br> Office hours: Wednesday 12-1pm, or
by appointment
</p>
<p>Lab Support: <a href="mailto:[email protected]">Patrick Stefaniak</a>, 4th floor lab</p>
<p>
<a href="https://discord.gg/w6f3Ab8fst">Join the class discord server</a>
</p>
<h2 id="description">Course Description</h2>
<p>Network Media explores the creative, technical, and critical tools to realize Internet-based projects. The
course is focused on gaining a deeper understanding of the Internet as a creative platform—where did it come
from, how does it work, how do you make things for it, and what do you want to say? Technical workshops on
HTML, CSS, and design support the development of a series of studio projects on internet based art making and
exhibition. These projects are framed by seminar-style discussions examining the cultural, social, political,
and philosophical implications of the Internet. We’ll consider the roles of race, gender, sexuality,
disability, class, and influence within an increasingly networked world, and strategies of response as artists
and designers. A key goal of the course is to examine and challenge the structuring power relationships,
inequities, and biases embedded within network tools, technologies, and media.</p>
<h2 id="expectations">Course Expectations</h2>
<h3 id="course-goals">Course Goals</h3>
<ol>
<li>Examine the social and political implications of the Internet and related technologies, especially with
its use as a medium for art and design.</li>
<li>Discuss and articulate your viewpoints on these issues and ideas.</li>
<li>Responding to these ideas through writing and making.</li>
<li>Gaining experience with web design, web publishing, and HTML and CSS as mediums for art and design.</li>
</ol>
<h3 id="grading">Grading</h3>
<p>Grades will be determined according to the following breakdown:</p>
<ul>
<li>Project 1—20%</li>
<li>Project 2—20%</li>
<li>Project 3—20%</li>
<li>Net Art Presentation—10%</li>
<li>Weeklies—18%</li>
<li>Participation, Discussion, and Critiques—12%</li>
</ul>
<p>Project grades take into account conceptual, technical, and visual development as well as rigor and
creativity. Outstanding or exceptional work will receive As, good work will receive Bs, sufficient work that
does nothing more than meet requirements will receive Cs.</p>
<h2 id="course-elements">Course Elements</h2>
<h3 id="weeklies">Weeklies</h3>
<p>Weeklies are our readings, and sometimes exercises for each week. Each week revolves around an important
topic related to working with and using the internet in our present moment:</p>
<ol>
<li>Under Construction</li>
<li>How to Internet</li>
<li>Identities online</li>
<li>Interface</li>
<li>Crowds and Gigs</li>
<li>Data</li>
<li>Synthetic Media</li>
<li>Location and Decentralization</li>
</ol>
<p>Each Weekly will be assigned Monday, and due Wednesday. For each one you are asked to open and check out all
posted media; read, watch, or listen to at least one in full, and write a short two to four paragraph
response.</p>
<p>Responses are open ended, you could compare two readings, you could explain how the readings informed your
work in this or another class, you could speak to how it relates to your daily use of the internet, or respond
to, critique or reflect on the reading. Up to you. Also include in your response one discussion question
related to the reading that we could consider in class.</p>
<p>Create an HTML file containing your response, and link to it clearly from your index page. Weekly responses
should be posted by class time Wednesday.</p>
<h3 id="net-art-presentation">Net Art Presentation</h3>
<p>A short, 5 minute, presentation on an artwork found in the <a href="https://anthology.rhizome.org/"
target="_blank">Rhizome Net Art Anthology</a> or the <a href="https://cyberfeminismindex.com/"
target="_blank">Cyberfeminism Index</a> that interests you.
Presentations should include details on the context/time when the work was made, details on the artist(s)
behind the work, and present other works by those artists.
You’ll sign-up for a presentation date and pick your artwork so we see a variety of works as a class.
Once this presentation is assigned we’ll start our class days with presentations by two students each day
throughout the remainder of the course.</p>
<h3 id="projects">Projects</h3>
<p>We’ll have three larger projects throughout the quarter that address different uses of the web as an
artist/designer/maker. Detailed Project info and schedule will be posted to the course website when the
project is assigned.</p>
<ol>
<li>Project 1 focuses on publishing text to the web. This project will serve to introduce HTML and CSS that
we’ll be using throughout the course, and focus on translating skills of typography and graphic design to a
new medium. Readings and discussions will focus on introducing the web as a medium, the ethics of design,
and visions of what the internet is or should be.</li>
<li>Project 2 will be creating a personal portfolio website. We’ll focus on the process of planning a web
design project, and emphasize usability, accessibility, and responsive design. Readings and discussion will
center around representing one’s self online and web interfaces.</li>
<li>Project 3 will explore new web-based AI tools and synthetic media. We’ll focus heavily using the web as an
artistic medium and conceptualizing and realizing web based artwork. Readings and discussions will focus on
immediate issues of today’s internet, such as labor, surveillance, internet infrastructure, and
information/misinformation.</li>
</ol>
<p>Projects are due by the beginning of class time on their respective due date. Projects may be turned in up to
one week late for a one letter grade deduction off the project grade. Work that is more than one week late
will not be accepted. If you are absent, you are still expected to turn in projects online by the deadline.
Extra time will not be given for work lost due to save issues, editor or browser errors, computer crash, etc.
You should regularly backup your files on your desktop, online, and/or on an external harddrive or USB stick
in case your computer is lost.</p>
<h3 id="critique">Critiques</h3>
<p>For critiques, the class will be split into smaller groups for more focused and close discussion of each
student's work. These groups will be decided randomly before our first critique. You’ll only need to attend
class for your group’s critique time on those critique days.</p>
<h2 id="participation">Participation</h2>
<p>Participation is critical to passing and enjoying this class. Do the work, share your thoughts, ask
questions, prepare for meetings, offer feedback during critiques. Please do not use your phones or check
messages, social media, etc during class time.</p>
<p>This class is meant to be a safe space in which you feel encouraged and supported in learning and taking
creative risks. This means being aware and considerate of different backgrounds, perspectives, and identities.
Respect each other and this space we are building together. Don’t assume, ask. Remain open, be willing to take
responsibility, apologize, and learn. Help each other in this. If you have concerns, please let me or the TA
know.</p>
<h2 id="attendance">Attendance</h2>
<p>Communication is key. If there is an emergency and you must miss class, email the TA before class. Absences
will not be excused after the fact except in extreme circumstances.</p>
<p>You can use unexcused absence without it affecting your grade. Each unexcused absence after that will result
in one full letter grade deduction. Three unexcused absences will result in a failed grade in the class.
Illness requires a doctor’s note. If you are more than 10 minutes late, you will be marked late. Three lates
results in one unexcused absence. Any questions about missed classes should be discussed with the TA within
two weeks.</p>
<h3 id="covid">COVID and Other Extenuating Circumstances</h3>
<p>We understand that COVID, Flu, and many other circumstances could lead to prolonged absences and are
committed to helping students keep up with the course when things arise. Please reach out promptly if a
situation arises, and we can help make accommodations as needed.</p>
<h2 id="commitment-to-diversity">Commitment to Diversity and Safer Spaces</h2>
<p>We understand the classroom as a space for practicing freedom; where one may challenge psychic, social, and
cultural borders and create meaningful artistic expressions. To do so we must acknowledge and embrace the
different identities and backgrounds we inhabit. This means that we will use preferred pronouns, respect
self-identifications, and be mindful of special needs. Disagreement is encouraged and supported, however our
differences affect our conceptualization and experience of reality, and it is extremely important to remember
that certain gender, race, sex, and class identities are more privileged while others are undermined and
marginalized. Consequently, this makes some people feel more protected or vulnerable during debates and
discussions. A collaborative effort between the students, TA, and instructor is needed to create a supportive
learning environment. While everyone should feel free to experiment creatively and conceptually, if a class
member points out that something you have said or shared with the group is offensive, avoid being defensive;
instead approach the discussion as a valuable opportunity for us to grow and learn from one another.
Alternatively if you feel that something said in discussion or included in a piece of work is harmful, you are
encouraged to speak with the instructor or TA. <br>
<span class="attribution">[ <a href="https://github.com/voidlab/diversity-statement">voidlab</a> / CC-SA ]
</span>
</p>
<h2 id="land-acknowledgement">Land Acknowledgement</h2>
<p>The University of California, Los Angeles occupies the ancestral, traditional, and contemporary Lands of the
Tongva and Chumash peoples. Our ability to gather and learn here is the result of coercion, dispossession, and
colonization. We are grateful for the land itself and the people that have stewarded it through generations.
While a land acknowledgment is not enough, it is a first step in the work toward supporting decolonial and
indigenous movements for sovereignty and self-determination. <a href="https://native-land.ca/">Read more about
what land you’re occupying.</a>
</p>
<h2 id="disability-services">Disability Services</h2>
<p>UCLA strives to make all learning experiences as accessible as possible. If you anticipate or experience
academic barriers based on a disability, please let me know as soon as possible. It is necessary for you to
register with the <a href="http://www.cae.ucla.edu/">UCLA Center for Accessible Education</a> so that we can
establish reasonable accommodations. After registration, make arrangements with me to discuss how to implement
these accommodations. </p>
<h2 id="notes">[ Note ]</h2>
<p><a
href="https://docs.google.com/document/d/1Lj42Mqa4I3JiMHuP1ausRFX16aKfaRk2SeVWfrNKlr4/edit?usp=sharing">Here
is a doc version of this syllabus</a> with additional information on Academic Integrity and Student Conduct;
Title IX resources; Psychological Health, Well-being, and Resilience Resources.</p>
</main>
</div>
</section>
</body>
</html>