Note - for assignments 2-4, each group will receive a single grade, so everyone in the group will be awarded the same grade.
NAVIGATION
  1. Website
  2. Comic
  3. Sound
  4. Video, Animation, & Effects
  5. Portfolio
ASSIGNMENT #1: 30MFF WEB SITE top
Due Week 4 - Present Project in Class
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? Any "interactivity" on the page? Your final site with video embed should be uploaded and live on your dreamhost account. 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 when a user clicks a programmatic animation
  • 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 legibile, well-managemd, 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?
DOCUMENTATION
In the Homework section of your IM website provide documentation of your project. Documentation should include:
  • 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. Please cite any resources, media, code snippets, tutorials, etc that you levereaged along with links to their page.
  • 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.
Documentation is counted as part of your Homework grade.
ASSIGNMENT #2: COMIX STRIP top
Due Week 7 - Present Project in Class
PROMPT
Create a 6 panel "interactive" comic using 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.
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 "comic principles" per McCloud's "Understanding Comics"?
  • 10 - Creativity - Are you pushing yourselves creatively?
  • 10 - Web Interactivity - How well is interactivity integrated into your site and experience?
DOCUMENTATION
In the Homework section of your IM website provide documentation of your project.
Documentation should include:
  • 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. Which part did each team member carry out and what was your role within the team? Please cite any resources, media, code snippets, tutorials, etc that you levereaged along with links to their page.
  • 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.
Documentation is counted as part of your Homework grade.
ASSIGNMENT #3: SOUNDS LIKEtop
Due Week 11 - Present Project in Class
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.
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 - User Experience - Whether it's a web-based experience or a mobile/ambulatory site-specific experience, how well is this designed, implemented, and executed?
  • 10 - Creativity - Are you pushing yourselves creatively?
  • 10 - Web Implementation - How well is your project integrated into a web page?
DOCUMENTATION
In the Homework section of your IM website provide documentation of your project.
Documentation should include:
  • 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. Which part did each team member carry out and what was your role within the team? Please cite any resources, media, code snippets, tutorials, etc that you levereaged along with links to their page.
  • 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.
Documentation is counted as part of your Homework grade.
ASSIGNMENT #4: VID-E-OH!!!top
Due Week 15 - Present Project in Class
PROMPT
Create a 4-6 minute Video + Animation/Effects piece that lives on a web page, tells a story, has an identifiable main character, is based on originally filmed/created content, and demonstrates use of both Adobe Premiere and Adobe AfterFX. Your webpage should also have some form interactivity incoprorated into the experience. Choose one of the following 3 options for the direction of your video:
  • Option 1: Tell a story about a specific location in Abu Dhabi. It can be about a street, a building, a business, a house, or even a workplace. It can be fiction or non-fiction or in-between, but it must center around a specific place in Abu Dhabi.
  • Option 2: Create a behind-the-scenes documentary about a real (or fake) event happening on campus or in Abu Dhabi. 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, 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.
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?
DOCUMENTATION
In the Homework section of your IM website provide documentation of your project.
Documentation should include:
  • 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. Which part did each team member carry out and what was your role within the team? Please cite any resources, media, code snippets, tutorials, etc that you levereaged along with links to their page.
  • 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.
Documentation is counted as part of your Homework grade.
FINAL ASSIGNMENT: WEB PORTFOLIO top
Due Week 16 (Finals Week)
PROMPT
Make a well-designed, personalized, interactive 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 - Markup/Code Quality - Legibility, management, clarity, comments
  • 10 - Technical Implementation - Demonstrate 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, does it tell your individual story?
  • 10 - Interactvity - Is there any interactivity? Does the interaction speak to who you are and your story
  • 10 - Creativity - Demonstration of personal expression
DOCUMENTATION
In the Homework section of your IM website provide documentation of your project.
Documentation should include:
  • 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. Please cite any resources, media, code snippets, tutorials, etc that you levereaged along with links to their page.
  • 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.
Documentation is counted as part of your Homework grade.