Experimental Type
for the web






Date & Time & Location

Monday 19:00-22:00 
Zoom (Link will be updated)

Instructor

Jialun (Jaylen) Wang
Email: (TBD)

Eager Zhang*




*Eager will cover for Jaylen for the beginning of the semester

Useful Links

Submission Folder (Link will be updated)
Recording Session (Link will be updated)

Course Description

In this course, students will learn the basics of web coding with a focus on typography for the web. Through a series of experiments, the class will provide students with a supportive learning environment for creating responsive and dynamic type compositions. By the end of the course, students will create a “tool kit” that they can continue to use to further develop their coding skills. 

Learning Outcomes 

The nature of this course is to give students familiarity and a level of comfort, on a technical level as well as a creative level, when using type for the web. We are here to make happy mistakes, save as much as we can, and create a tool kit for further exploration beyond this class. As such, you should be engaged, self-motivated, and organized with your work produced in this class. The class has been structured to give students the following outcomes: 
  1. Basic understanding of web coding principles 
  2. Sense of direction for places to search for further developing their coding skills
  3. Understanding of visual communication using styling, interaction, and gesture 
  4. Habitual practice for working iteratively when creative exploratory sketch 
 

Attendance

We will be covering many topics over the course of the semester. As such, it is important that you maintain yourself up-to-date with new material covered in class. In the case that you must miss class, online lectures will be recorded and posted to Nest.

Course Description

In this course, students will learn the basics of web coding with a focus on typography for the web. Through a series of experiments, the class will provide students with a supportive learning environment for creating responsive and dynamic type compositions. By the end of the course, students will create a “tool kit” that they can continue to use to further develop their coding skills.

Grading

30% Class performace (including attendance and class participation)
30% Excersice/Workshop
20% Project 1
20% Project 2

Projects

Project 1: Heading Back to Y2K-Talkomatic


Project 1: Heading Back to Y2K-Talkomatic aims to create a typography site that encapsulates what you have learned in the first half of the semester. In this project, you will create a typographical narrative through customized web building.

Project 2: Speak to Future 


Project 2: Speak to the Future will focus on type design, where you will create a generative type using p5.js.
*Subjects can be changed

Resources

HTML 


List of elements and tags 

CSS 


List of style properties 

General 


https://www.w3schools.com/ 
https://developer.mozilla.org/ 
https://css-tricks.com/ 
https://p5js.org/reference/ 
https://www.youtube.com/c/TheCodingTrain 
https://codepen.io/ 
https://glitch.com/ 
https://www.freecodecamp.org/ 

Editor Suggestions 


https://www.sublimetext.com/ 
https://atom.io/ 
https://glitch.com/ 
https://code.visualstudio.com/

Otis Policy

Diversity, Equity, and Inclusion (DEI) Statement 


This statement is a living document. We acknowledge there is always more work to do to embody and animate our commitment to diversity, equity, and inclusion. We know we need to make the art, design, and scholarship that will bring vibrancy and illumination to this statement. The declarations and commitments put forward here serve to shape our practices and methods moving forward, and to set community expectations. Everyone at Otis, regardless of position, is expected to be accountable to this DEI statement as a compass in our work and to rely on the DEI Council as one of many resources for addressing harms and constructing genuine inclusion. 

Otis's Ten Points: Standing Up For Equity: 


We do not tolerate racism or any other form of violence or discrimination from anyone. 
We expect all Otis community members to work toward dismantling systems of oppression. 
We recognize the College’s historical struggles around equity and the ways those reflect struggles in U.S. culture and beyond. 
We recognize diversity as a reality, a responsibility, and a resource.
We commit to treating every person’s identity with dignity and respect. 
We commit to practicing institutional responsibility to redress unjust histories. 
We commit to an ongoing systemic and structural approach in correcting inequities: this work is collective, not individual. 
We commit to hold ourselves and one another accountable to our collective effort to create an inclusive campus invigorated by difference. 
We commit to honesty, vulnerability, and openness as we dialogue across differences. 
We commit to an intersectional and justice-oriented approach. 
For more information, go to DEI website. 

Course Attendance Policy 


Attendance is critical to learning and academic success. Consistent attendance by all students benefits everyone and allows class communities to learn in an efficient and productive manner without disruption. Nonetheless, we acknowledge that there are times when a student must miss a class meeting. At Otis College of Art and Design, students will take responsibility for their absences and for meeting assignment requirements and deadlines. Student responsibility and proactivity are valued at Otis College of Art and Design. Students who have requests or accommodations related to a disability or religious observance, please refer to the Disabilities/ADA Policy and the Religious Accommodations Policy within the policies section of the Student handbook. 

Students are not expected or required to disclose reasons for their absences. Student absences are determined to be “excused” or “unexcused” per the following criteria. An absence is recorded as “excused” if the student completes and submits course work missed due to an absence. 

An absence is recorded as “unexcused” if the student does not submit course work missed due to an absence. Each instructor will indicate the accepted timeframe for submitting coursework missed due to an absence on the course syllabus. 

Some class meetings or experiences cannot be made up (“excused”), therefore an absence on those dates is automatically recorded as “unexcused.” The instructor determines which and how many class meetings or experiences cannot be made up (“excused”) and indicates them on the course schedule. 

Consequences of “Unexcused” Absences: 


During the fall and spring semesters, students must not incur more than: 
3 “unexcused” absences in a course that meets once per week; 
4 “unexcused” absences in a course that meets twice per week; 
5 “unexcused” absences in a course that meets three times per week. 

During the 10-week summer semester, students must not incur more than: 
2 “unexcused” absences in a course that meets once per week; 
3 “unexcused” absences in a course that meets twice per week; 
4 “unexcused” absences in a course that meets three times per week. 

Students will be automatically notified by email each time they have an unexcused absence.
After a student reaches the maximum number of “unexcused” absences, as quantified above, the student will receive a failing grade for the course. 

Arriving Late or Leaving Early: 


A “tardy” is arriving late for class or leaving class early. The instructor determines the timeframe for a “tardy,” the consequence of a tardy, and includes this information on the course syllabus. 

Behavioral Expectations: All Otis students are expected to assist in maintaining an environment that supports effective teaching and learning, and a culture of civility and respect for others. 

Therefore, any behavior that disrupts or interferes with the functioning of a classroom, studio, or college-sponsored off-campus venue may result in students being asked to leave the class, and where warranted, being referred for possible discipline according to the Otis Code of Conduct (as outlined in the current Student Handbook). The consequences of disruptive behavior may also affect a student’s grade. 

Zoom Guidelines 


Ensure that you have a respectful, school-appropriate background. Be fully dressed. 

Though we appreciate that you are studying from your home or studio and the occasional appearance of a household or studio member may be unavoidable, actual class attendance and participation are limited to enrolled students, faculty, models, and invited visitors. 

While there are some good reasons to participate in class with your camera off, camera-on is preferred. If you will be participating with your camera off, please continue to stay engaged through audio and chat. 

Eliminate distractions. Notifications from messaging applications, ringtones, and applications running on your desktop can be distracting. Mitigating these distractions helps keep the class focused and free from interruption. 

When the class meeting ends, stick around for a bit if you have any questions for your faculty. Zoom is your virtual classroom. Conduct yourself appropriately because you are in class. 

Academic Progress Report 


Succeeding at college does not mean that you don’t struggle in a class or classes or during particular semesters. Please know that all students struggle with challenging coursework at one time or another and that the most challenging classes can be opportunities to develop better learning strategies. Our goal at Otis is to do all we can to support every student and facilitate your success. The Academic Progress Report is one of the ways we try to support our students. It’s a process by which individual courses can link you to campus support and it’s a time for your instructor to let you know what changes you can make toward success in the course. 

If you receive an Academic Progress Report, you are encouraged to take advantage of the campus resources and implement strategies that can help your hard work pay off the most in this and all of your future classes. Your faculty are happy to strategize with you about campus resources and options. 

Getting an Academic Progress Report is not an indication that you will not succeed in the course. It is a call to action. Students who have taken advantage of the resources offered to them are able to move forward and succeed in the course and well into the future. 

Contact and Credit Hour Policy


1 credit unit generates 3 hours of academic engagement (instructional activities + homework). A credit hour is an amount of work represented in intended learning outcomes and verified by evidence of student achievement that is an institutionally established equivalency that reasonably approximates no less than: 

One hour of classroom or direct faculty instruction and two hours of out-of-class student work each week for approximately fifteen weeks for one semester or the equivalent amount of work over a different amount of time; or at least an equivalent amount of work as required in paragraph 1) of this definition for other academic activities as established by the institution, including laboratory work, internships, practica, studio work, and other academic work leading to the award of credit units 

In eLearning Classes: 


One credit unit is awarded for 3 hours of academic engagement (instructional activities + homework). Instructional activities can be completed either face-to-face, synchronously, and/or asynchronously, and constitute attendance during virtual instruction. Students in eLearning courses are responsible for the completion of all required academic engagements (instructional activities + homework). 

Safety and Health Classroom Guidelines – COVID-19 Pandemic 


As members of the Otis College community, faculty, students, and staff are expected to contribute to maintaining a safe and healthy campus at all times. The College expects and trusts all community members to assist in cultivating and maintaining a culture of care and safety for themselves and all others. Therefore, the college requires everyone to exercise the following best practices to maintain safe and healthy classrooms. 

Preferred Name Policy 


At Otis College, students may request a preferred first name and preferred pronouns. The link to update your preferred first name and pronouns can be found on The Dashboard - my.otis.edu. Otis College reserves the right to remove or deny the preferred first name if used inappropriately. This includes, but is not limited to, names using foul or inappropriate language, names submitted to avoid a legal obligation, and names used to create misrepresentation. Each individual may request one preferred first name change during each twelve-month period. https://www.otis.edu/registration-records/preferred-first-name-policy 

Pronouns 


Otis College of Art and Design is committed to fostering an inclusive campus that values self-expression and respect for the variety of communities it serves. The College recognizes each community member’s gender pronouns, which may be the pronoun or set of pronouns that an individual would like others to use when talking to or about them. 

It is a firm expectation that Otis community members recognize and use an individual’s pronouns and preferred first names when that information has been provided to them. Pronouns and preferred first names should be used whenever speaking with, or referring to, any member of the Otis College community who has indicated such a preference. 

Mistakes may happen, and in those situations, we encourage individuals to apologize and rephrase what they were saying or asking. However, intentionally using incorrect pronouns to refer to someone, or refusing to acknowledge an individual’s pronouns or name, may constitute a violation of the College’s Non Discrimination Policy. Referring to people using the wrong pronouns, especially on purpose, is disrespectful and can lead to feelings of alienation, exclusion, and overall dysphoria, and community members should not hesitate to report such behavior using the College’s Bias Incident Report Form. 

Academic Integrity Policy 


Otis College of Art and Design students are expected to express themselves in their own unique voices and to develop original ideas and perspectives that address the research and/or histories that are connected to a discipline, medium, or format. 

Specific practices that support the creation of original work include: 


Brainstorming to generate ideas. 

Seeking out diverse perspectives and credible sources of information. 

Documenting one’s process to show progress toward the final product. 

Developing one’s skills and expanding one’s creative explorations. 

Adhering to guidelines around proper citation. 

Guidelines for Proper Citation and Attribution (Acknowledging Sources of Information) 

We expect all students engaged in critical work to adhere to proper citation practices and to provide attribution for any ideas or information that are not their own. Proper citations in MLA style and a Works Cited page should accompany all work as needed. You can find detailed citation information on the Library website. 

Information that is common knowledge, such as historical facts or widely accepted scientific theories, does not need to be cited. 

Text/Media created in generative AI is not considered one’s own work. We expect substantial changes to be made to any AI generated material before it is submitted as a response to an assignment. The majority of any submitted work should come from individual students. 

Use of AI must be cited/acknowledged in your process. 

We expect students who utilize generative AI to retain earlier versions of their text/media works in order to demonstrate their original contributions to submitted work. It is also valuable for students to save the prompt histories they have used within the relevant generative AI application(s) – ChatGPT, Midjourney, etc. Failure to cite/acknowledge or to retain these work process histories will render students vulnerable to charges of academic misconduct.

Plagiarism and Academic Misconduct

 
Plagiarism occurs when a person deliberately uses concepts, language, images, music, or other original (not common knowledge) material from another source without acknowledging that other source and/or without making substantial modifications to that source content enough to view it as original or authentic work. This applies to the production of art and design just as it applies to writing. 

While referencing or appropriating may be part of a studio or Liberal Arts and Sciences assignment, it is the student’s responsibility to acknowledge and/or substantially modify the original material, including instances in which the material is generated by AI. 

Specific examples of plagiarism and/or cheating include but are not limited to: 

Submitting someone else’s work in whole or part (including copying directly from a source without documentation and/or alteration, or turning in studio work that is not your own). 

Submitting work that was primarily produced, revised, or substantially altered by another person or generative AI. 

Cutting and pasting any textual or image-based work from the internet without proper documentation or clarification of sources. 

Failure to cite sources. Proper citations in MLA style and a Works Cited page must accompany all papers. You can find citation information through the Library website. 

Using the writing, editing, or creative services of another person who quantitatively and/or qualitatively revises the paper and/or studio work significantly. An editor often fixes the paper without the writer learning how to do it him/herself. Sometimes the editor changes so much of the paper that it is no longer the student writer’s work and thus plagiarized. A trained tutor helps the writer to learn how to revise the papers and eventually not need the tutor’s assistance. 

Presenting the same (or substantially the same) work for more than one course or within the same course without obtaining approval from the instructor of each course. 

Acting dishonestly or conveying information that the student knows or is known to be false, by actions such as lying, forging or altering any document or record in order to gain an unfair academic advantage. 

Consequences for Academic Misconduct 


Instances of alleged plagiarism or academic misconduct are reported to the Academic Integrity Committee for review on a case-by-case basis. For a complete description of the Academic Integrity Committee process, please refer to the Academic Misconduct Complaint Website 

The Chair of the Academic Integrity Committee and Dean of Student Affairs or designee are the first points of contact for the College in processing alleged cases of student plagiarism and/or academic dishonesty. According to the Otis College Code of Conduct, “All forms of academic misconduct, including but not limited to cheating, fabrication, plagiarism, or facilitating academic dishonesty” are direct violations of the code. 

Instances of plagiarism will not be tolerated and may result in consequences including, but not limited to: A failing grade on the assignment. 

A lowered overall course grade. 

Disciplinary action as determined by the Academic Integrity Committee.

Notification of academic misconduct to relevant parties. 

Students who engage in plagiarism are often given the opportunity to revise their work and resubmit it for evaluation. We view revision as an educational opportunity and encourage students to reflect on their work and learn from their mistakes. 

We believe that promoting originality and creativity while also providing guidelines for responsible academic conduct is essential to maintaining academic integrity and supporting our students in their academic goals. 

STUDENT SUPPORT SERVICES 

Disability Accommodations 


If you are a student with a documented disability (physical, learning, or psychological) requiring reasonable academic accommodations, you must fill out the online accommodation application on the Owl Care Portal and contact ds@otis.edu for a meeting before you need any accommodations. Retroactive accommodations are not provided, so please be sure to make your request early in the semester. All discussions will remain confidential. 

For more information, please visit the Disability Services website. 

Student Health and Wellness Center 


The Student Health and Wellness Center (SHWC) is available for all currently enrolled students if any medical or counseling needs arise. Medical services include acute, chronic and preventive care which includes sick visits, physical exams, lab work, and immunizations. 

Therapeutic counseling services are offered Free and Confidential to all enrolled students. Common topics include generalized anxiety, depression, social anxiety, adjustment, and relationship concerns. When a student is in significant emotional distress or experiencing a crisis, we also have same-day appointments available. 

The SHWC is located on the first floor of Ahmanson, room 107; hours of operation are 9am-5pm, Monday through Friday. Appointments can be made in person or by calling (310) 846-5738. In a life-threatening emergency, students should call 9-1-1 and Campus Safety and Security: (310) 665-6965. 

*As a reminder, the Student Health and Wellness Center does not provide excuse notes for missing class. SLC Tutoring 

The Student Learning Center (SLC) seeks to provide Otis' diverse student population with the support tools they need in order to grow as individuals, scholars, and artists. Support is offered by peer writing consultants and tutors to assist students in improving their academic performance. 

Schedule a tutor 


Location: Library, room 100 E 

SLC Assistant Director: Lorinda Toledo (ltoledo@otis.edu) 

Basic Needs


Resources and services are available through the College to address and provide support for some challenges that many students face, such as food insecurity, housing insecurity, and lack of access to basic needs.

Visit the Otis College website to view offered resources and services.








































































































































































































































*** Note: Aspects of this policy were written in conversation with ChatGPT. ChatGPT, 13 Feb. version, OpenAI, 16 May 2023, https://chat.openai.com/auth/login