No name
No country
No term
No term
No language
No academic level
No academic fields

Communications Lab

Instructors

  • Craig Protzel
  • Scott Fitzgerald
  • Sarah Fay Krom
  • Domna Banakou
  • Pierre Depaz

Description

Communications Lab is a production based course that surveys various technologies including web development, sound, 2D design, digital imaging, video, effects and animation. The forms and uses of these communications technologies are explored in a laboratory context of experimentation, collaboration, and discussion. Much of class time will be spent introducing and playing with equipment and software essential to media production and contemporary storytelling. Each technology is examined as a tool that can be employed and utilized in a variety of situations and experiences. Students will gain fundamental experience thinking, writing, and producing across a variety of media. The world wide web will serve as the primary environment for content delivery and user-interaction. Principles of interpersonal communications and media theory are also introduced with an emphasis on storytelling fundamentals, user-­centered design, and interactivity. Outside of the classroom, students will work both individually and in assigned groups on a variety of assignments. Each major assignment will have a written and practical component. In sum, students will be expected to complete weekly readings, homework exercises, four major group assignments, and one final web portfolio project.

Learning Outcomes

  • Develop a fundamental skill set for producing media assets and writing across a variety of media forms (PLOs 5,6)
  • Gain experience and confidence working with media production equipment and software (PLOs 5,6)
  • Learn how to leverage production processes to take an idea and make it come to life (PLOs 5,6,7)
  • Learn how to apply storytelling and user­ centered principles towards media production, writing, interaction design, and web design and development (PLOs 2,3,6)
  • Learn the fundamentals of client-side web development, specifically HTML, CSS and Javascript (PLO 5)
  • Gain ability to design and develop web pages that communicate a story by leveraging media and web-based interactions (PLOs 2,3,5,6,7)
  • Gain experience collaborating with others in both creative and technical processes (PLOs 7,8)

Topic Outlines

  • Web development and design
  • Static and moving illustration
  • Sound recording and design
  • Digital storytelling

Readings

  • Chris Crawford - "Interactive Storytelling"
  • Scott McCloud - "Understanding Comics"
  • Walter Murch -­ "In The Blink Of An Eye"
  • Janet Murray - "Inventing the Medium"
  • Neil Postman -­ "Amusing Ourselves To Death"

Grading Rubric

Grading Breakdown Attendance: 10% Class Participation: 10% Homework: 10% Major Assignments­: Projects (4x15%): 60% Final Assignment: Final Project 10%

Assignments

  • ASSIGNMENT #1: 30MFF WEB SITE top PROMPT Create a web page to house and debut your 30MFF. Think about how you want to "brand" the film. What is the story? The title? The tag line? The font? The colors? Reviews? Bios for the actors? Behind the scenes photos? Your final site with embedded video should be uploaded and live on your GitHub pages. It should include a .html file, a .css file, and a .js file. You should incorporate at least one element of "interactivity" on the page. Examples of interactivity include but are not limited to the following: a "photo carousel" where images change upon clicking a DOM change based on mouse position/scroll a slider to control the look of the page GRADING RUBRIC 10 - Storytelling - Does the website tell the "story" of the film? 10 - Markup/Code Quality - Is the code legible, well-managed, clearly written, and commented? 10 - Technical Implementation - Does the site show an understanding of the material, specifically the use of HTML, CSS and JavaScript? 10 - User Experience - Does the site make sense, is it well designed? 10 - Creativity - Is there demonstration of personal expression? 10 - Documentation DOCUMENTATION Writeup a documentation of your project on your GitHub account by editing the README file, and including the following: Project Name Project Description: what is the project, what is the overall concept and theme, and what kind of experience you were striving to create. Process: How did you go about implementing the concept. Reflection/Evaluation: This should bookend the initial concept and talk about whether your expectations and goals were met in the process of building the final working version.
  • ASSIGNMENT #2: COMIX STRIP top PROMPT Create a 6 panel "interactive" comic using 2D software such as Adobe Illustrator and/or Photoshop to create the content. Your comic can include drawings, photographs, mixed-media, whatever you like. But there MUST be some original content. Also, your piece must tell a story, live on a web page, and include some form of interactivity. Possible interactivity includes, but is not limited to, adding sound, offering different display options, triggering animation, or "choose your own adventure" features. Think about how to evolve the conventions of sequential art to the dynamic space of the web page. GRADING RUBRIC 10 - Storytelling - Is there a well-written story being told? 10 - 2D Design Work - Did you create original content? Did you utilize Photoshop and/or Illustrator? 10 - Comic Sensibility - Did you incoporate and/or adapt "comic principles" (per McCloud) for the web? 10 - Creativity - Are you pushing yourselves creatively? 10 - Web Interactivity & Implementation - How well is interactivity integrated into your site and experience? 10 - Documentation DOCUMENTATION Writeup a documentation of your project on your GitHub account by editing the README file, and including the following: Project Name Project Description: what is the project, what is the overall concept and theme, and what kind of experience you were striving to create. Process: How did you go about implementing the concept. Describe your role and what your contribution was. Reflection/Evaluation: This should bookend the initial concept and talk about whether your expectations and goals were met in the process of building the final working version.
  • ASSIGNMENT #3: SOUNDS LIKEtop PROMPT Create a 2-3 minute sound piece that "takes us on a journey". Your piece should be structured as a story (i.e. have a beginning, a middle, and an end) and ultimately live on a web page. It can take many forms including but not limited to an interview, a song, a soundscape, a remix, a site-specific experience, or a combination of any of these. It is up to you to decide! You are free to use any sounds you like or find, but your piece MUST INCLUDE some originally recorded audio. Your final piece should be experienced on a web page that captures the theme and tone of the audio. GRADING RUBRIC 10 - Storytelling - Is there a well-written story being told? 10 - Sound Work - Did you record original sounds? Did you utilize audio editing software? Did you leverage any effects/plug-ins/extra features to manipulate and/or remix the audio? 10 - Design & User Experience - How is the experience designed with the user in mind? How well does the design of the site align with the tone and content of the audio? 10 - Creativity - Are you pushing yourselves creatively? 10 - Web Implementation - How well is your project integrated into a web page? 10 - Documentation DOCUMENTATION Writeup a documentation of your project on your GitHub account by editing the README file, and including the following: Project Name Project Description: what is the project, what is the overall concept and theme, and what kind of experience you were striving to create. Process: How did you go about implementing the concept. Reflection/Evaluation: This should bookend the initial concept and talk about whether your expectations and goals were met in the process of building the final working version.
  • ASSIGNMENT #4: VID-E-OH!!!top PROMPT Create a 4-6 minute Video piece that lives on a web page, tells a story, has an identifiable main character or characters, and is based on originally filmed/created content. You may use Animation and/or Effects to help realize the story. The video should demonstrate use of editing or effects software, such as Adobe Premiere and After Effects (you can use other video editing software if you wish). Your webpage should have some form interactivity incorporated into the experience, appropriate for the theme and aesthetic direction. Choose one of the following 3 options for the direction of your video: Option 1: Tell a story about a specific location and the characters who visit or live there. It can be about a street, a building, a business, a house, or even a virtual space. It can be fiction or non-fiction or in-between, but it must center around a specific place. Option 2: Create a behind-the-scenes documentary about a real (or fake) event happening on campus or in a prominent public space. The piece should include some build-up to the event, the event itself, and post-event aftermath. Possible events include concerts, festivals, talks, performances, dinners, interviews or anything else you can imagine happening here. Option 3: produce a 3 part video series that teaches us "How To..." do something. That "something" is up to you to decide. Let your imagination run wild. But whatever it is, you must teach us how to do it and how it can be done in 3 steps! Each step should be no more that 2 mins in length for a video that is max length of 6 minutes. The parts should feel cohesive, balanced, and connected. Option 4 (Pandemic Special): Tell a story that mixes video shot at different locations into a cohesive whole. For example the story could unfold in different places at the same time, or combine footage shot at different locations in a way that makes it seem like it's all part of the same story. GRADING RUBRIC 10 - Storytelling - Is there a well-written story being told? 10 - Video + Animation/Effects Production - Did you invest time and energy into the production? 10 - Video + Animation/Effects Editing - How well is the content edited and post-produced? 10 - Creativity - Are you pushing yourselves creatively? 10 - Web Implementation/Interactivity - How well Is your project integrated into an interactive web page? 10 - Documentation DOCUMENTATION Writeup a documentation of your project on your GitHub account by editing the README file, and including the following: Project Name Project Description: what is the project, what is the overall concept and theme, and what kind of experience you were striving to create. Process: How did you go about implementing the concept. Reflection/Evaluation: This should bookend the initial concept and talk about whether your expectations and goals were met in the process of building the final working version.
  • FINAL ASSIGNMENT: WEB PORTFOLIO top PROMPT Make a well-designed, personalized, home page for yourself. The page should have links to all 4 of your Communications Lab Assignments. GRADING RUBRIC The grading rubric for the final assignment is the following: 10 - Theme & Design - Is there a cohesive look and feel to the site? Is there a sense of design? 10 - Technical Implementation & Markup Code Quality - Demonstrate an understanding of the material, specifically the use of HTML, CSS and JavaScript. Legibility, management, clarity, comments in markup. 10 - User Experience - Does the site make sense, does it tell your individual story? Is the navigation understandable? 10 - Interactivity - Is there any interactivity? Does the interaction speak to who you are and your story? Does it integrate well with the theme, look and feel? 10 - Creativity - Demonstration of personal expression

Other

This course takes a project-based active learning approach with the intention of providing students with as much hands ­on experience as possible. Classes move quickly through each technology, first providing a theoretical foundation along with technical instruction, and then encouraging students to learn through play, experimentation, collaboration, and exploration. Individual classes will include lectures, discussions, examples, workshops, group work, and presentations. Outside of the class, students will engage in both individual and group work. Group collaboration is a fundamental component of this course. The overall intention is not mastery in any one domain, but meaningful and tangible exposure to a range of processes, technologies, and media. Upon completion of the major in Interactive Media at NYU Abu Dhabi, all students are expected to have fulfilled the following: Research and Understanding: IM students will cultivate a substantive understanding of the past, present, and future landscape of Interactive Media. Analytical Thinking: IM students will be challenged to answer fundamental questions relating to the field of Interactive Media. Conceptual Thinking: IM students will develop conceptual skills through the use of computational and interactive media tools to create project-based work and project oriented research. Critical Thinking: IM students will refine their critical thinking skills by analyzing and critiquing work in cultural, social, historical, ethical, and aesthetic contexts. Technical Implementation: IM students will cultivate technical skills with contemporary media technologies to execute their coursework. Creative Processes: IM students will gain the ability to explore, innovate, and realize creative ideas in multiple fields of inquiry and interest. Organization and Communication: IM students will develop professional practices of delivering and sharing their work. Collaboration: IM Students will gain experience in collaboration through active participation in group and team-based work.

Course Resources

Course website

Full website with schedule, resources and assignments
Uploaded by Pierre Depaz on 2023-07-03