This production course explores how activists and artists employ the web browser as a platform for social engagement and as a creative medium. The course employs popular code-based techniques for web production including HTML, CSS, and JavaScript to present a clear understanding of how they interrelate to produce creative web content. Documentary-related media forms will be generated (including research, photography, audio and video content) to consider creative and documentary processes for web dissemination. Throughout the semester readings relating to internet history and critical analysis, net culture, and net art will be required.
Due to COVID-19, this course is entirely online. The first half of each class will be live demonstration and discussion. The second half of each class may be asynchronious - I will remain online, available to work with students individually or in groups. Students may elect to log off and work independently.
Students who participate in this class with their camera on or use a profile image are agreeing to have their video or image recorded solely for the purpose of creating a record for students enrolled in the class to refer to, including those enrolled students who are unable to attend live. If you are unwilling to consent to have your profile or video image recorded, be sure to keep your camera off and do not use a profile image. Likewise, students who un-mute during class and participate orally are agreeing to have their voices recorded. If you are not willing to consent to have your voice recorded during class, you will need to keep your mute button activated and communicate exclusively using the "chat" feature, which allows students to type questions and comments live.
Reading Partners - read the other person's blog entry and comment:
Gigi / Sage
G-man / Crystal
Chris / Poojith
Audrey / Dylan
Jojnsy / Sophia
Course Projects will be evaluated by three components equally: Creativity, Technical Breadth, Professional Presentation. Completed projects should reflect a sense of ambition and dedication toward realization.
Please arrive to class on time. Please do the assigned readings and come to class prepared to share your reflections - active and informed discussion makes the course more interesting for everyone. Active participation to all classes is required.
USB flash drive or external hard drive. BACK UP ALL YOUR WORK!
Required chapters and essays will be provided from the following books:
Net Works: Case Studies in Web Art and Design edited by xtine burrough 2011
The Rise Of the Network Society by Manuel Castells
The Social Media Reader, edited by Michael Mandiberg 2012
Race After Technology, by Ruha Benjamin 2019
Ours To Hack and To Own, edited by Scholz & Schneider 2016
A selection of other short stories, articles and essays from various sources will be provided.
JavaScript for Cats
p5.js Tutorials - JavaScript, HTML, and CSS
DIVE INTO HTML5 by Mark Pilgrim
Academic Integrity Statement
Academic integrity is a guiding principle of the Hunter College learning community because all students should have the opportunity to learn and perform on a level playing field. Academic dishonesty includes, but is not limited to, cheating, plagiarism, obtaining an unfair advantage, and falsifying records or documents whether intentional or not.
Hunter College upholds the right to promote academic integrity on its campus as an educational institution of the City University of New York. The College has the responsibility to review all charges of academic dishonesty and implement sanctions, including, but not limited to, failing the course, official transcript notation, suspension or expulsion from the College when it has been determined that academic dishonesty did occur..
ADA Statement
In compliance with the American Disability Act of 1990 (ADA) and with Section 504 of the Rehabilitation Act of 1973, Hunter College is committed to ensuring educational parity and accommodations for all students with documented disabilities and/or medical conditions. It is recommended that all students with documented disabilities (Emotional, Medical, Physical, and/or Learning) consult the Office of Accessibility located in Room E1124 to secure necessary academic accommodations. For further information and assistance, please call (212) 772-4857 or (212) 650-3230. If you have registered with the Office of Accessibility, please let me know at the start of the term.
Hunter College Policy on Sexual Misconduct
In compliance with the CUNY Policy on Sexual Misconduct, Hunter College reaffirms the prohibition of any sexual misconduct, which includes sexual violence, sexual harassment, and gender-based harassment retaliation against students, employees, or visitors, as well as certain intimate relationships. Students who have experienced any form of sexual violence on or off campus (including CUNY-sponsored trips and events) are entitled to the rights outlined in the Bill of Rights for Hunter College.
a. Sexual Violence: Students are strongly encouraged to immediately report the incident by calling 911, contacting NYPD Special Victims Division Hotline (646-610-7272) or their local police precinct, or contacting the College's Public Safety Office (212-772-4444).
b. All Other Forms of Sexual Misconduct: Students are also encouraged to contact the College's Title IX Campus Coordinator, Dean John Rose (jtrose@hunter.cuny.edu or 212-650-3262) or Colleen Barry (colleen.barry@hunter.cuny.edu or 212-772-4534) and seek complimentary services through the Counseling and Wellness Services Office, Hunter East 1123. CUNY Policy on Sexual Misconduct
Emergency/Crisis Info: A division of Student Affairs Counseling & Wellness Services provides resources aimed at enhancing student quality of life, including crisis counseling. Counseling Services is operating remotely for counseling services at no cost to all Hunter students. You can make an appointment or via email at PersonalCounseling@hunter.cuny.edu.
The schedule and course outline is subject to change.
NOTE: HTML5 does not require the forward slash for empty elements. For example <br /> is simply <br> in HTML5. The same goes for meta, img, hr... Use of foward slash to close empty tags follows XML rules and is used by frameworks such as React.