Copenhagen School of Design and Technology

da

T03: Basic Animation (EN)

2018/2019
Danish title
T03: Grundlæggende animation (EN)
Study programme
Multimediadesign and Communication
Type of education
Full time education
Level of education
Academy Profession
Semester
1. semester
Duration of the subject/module
5 Weeks
Ects
7,5
Programme elements
Compulsory
Language
English
Start time
Autumn
Spring
Location
Lygten 16, København NV
Subject number
3273154
Responsible for the subject(s)/modul(es)
Gullan Strøm Christensen
Julio Garrido
Alan Engelhardt
Birgitte Bay Overgaard
  • Content and learning outcomes

    Theme description
    The theme contains both individual and group productions. The theme will end out with a small set of interactive animations, an interactive story with focus on the story, a style, character design, animations and interactivity designed for a specific target group. The production will be documented and tested on different stages of development. There will be fundamental teaching in group processes and iterative development.

    Purpose
    The module aims at introducing concepts of basic animation, classic storytelling and character design as well as work with CSS animations and enhanced interactivity through Javascript.

    User interface development
    “This subject area comprises the design and development of digital solutions with special emphasis on the production of user interfaces. The focus is on all aspects of the development process based on common development methods, including planning, design and production of digital media tasks”.

    Here you’ll learn:
    • Drawing graphics with a consistent visual expression and a specific style
    • Sketching and drawing of graphics in Illustrator and Photoshop, that are open for further editing and used in a multimedia production
    • Preparation of storyboard, dramaturgical elements, character sheets and animation principles as the fundament for design decisions in the team and feedback from the teachers.
    • Visual research and inspiration online etc
    • Ideation and brain storming
    • CSS animations and basic Javascript to enhance interactivity
    • Theories and methods used include: pseudo-code and sequence diagrams.
    • Procedural programming, browser’s developer tools, and code flow will be covered, with an emphasis on the students being able to produce their own code
    • Controlling and using videos, audio and images of various types

    User experiences
    “This subject area comprises the design and development of digital experiences with a focus on understanding the user, the user’s interaction with solutions as well as on evaluating and testing solutions, including the use of data”.

    Here you’ll learn:
    • Peer review as a preliminary test (conducted with fellow students)
    • Production of animations that enhances the user experience and communication

    Content production
    “This subject area comprises content production for selected digital media. The focus
    is on understanding digital media and relevant types of content as well as on the
    dissemination and use of data”.

    Here you’ll learn:
    - Production of spritesheets to be animated with CSS
    - Revisit the production and edition of sound and video

    Business
    “This subject area comprises business models, data understanding, the basis of
    existence of a business and the multimedia designer’s role in the value chain”.

    Here you’ll learn:
    • Start using Kanban Charts (as part of the SCRUM method)
    • The first few collaboration rules for successful teamwork
    • Work with multimedia designers central work areas like: Define, plan, design,
    implement and test a simple multimedia production.

    Technology
    “This subject area comprises understanding and exploration of technologies that form part of digital media products and digital media production”.

    Here you’ll learn:
    To code CSS animations and access the browser’s DOM to enhance interactivity. To use Illustrator to create characters for a story. To use screen recording to document the developing process and the digital production.

    All
    Here you’ll learn:
    The basics of group dynamics and teamwork. Ideation process in teams. Work with
    sketches, worksheet, storyboard and Kanban chart to document and plan the digital
    production..

    Knowledge

    User interface development
    • knowledge of a practice-oriented development methods for digital media production
    • knowledge of practice-oriented design processes and documentation forms used in digital media productions
    • knowledge of digital exchange formats currently used in digital media productions
    • knowledge of basic methods for modelling, structuring and developing digital user interfaces

    User experiences
    • an understanding of the methods applied by the profession in connection with user testing of digital productions

    Content production
    • knowledge of basic methods and theories regarding user understanding within digital content production.

    Business
    • knowledge of the multimedia designer’s role in the value chain in digital productions

    Technology
    • knowledge of the key technologies applied by the profession in connection with the production of digital content

    Skills

    User interface development
    • apply basic theories, methods and tools to the design and development of user interfaces
    • apply basic modelling and structuring methods in the development of digital user interfaces

    User experiences
    • plan and conduct user tests of digital media productions, including selection of the right user test for a given digital media production

    Content production
    • produce basic-level digital content based on user understanding and based on a given strategic brief

    Business
    • apply basic theories, methods and tools for managing simple multimedia productions of relevance to professional practices in the field

    Competences

    All
    • participate in interdisciplinary work processes in connection with the design and development of digital content
    • under supervision, acquire basic knowledge, skills and competencies within the design and development of digital content .
    • participate in interdisciplinary work processes in connection with the design and development of digital user interfaces
    • under supervision, acquire basic knowledge, skills and competencies within the design and development of digital user interfaces .

  • Type of instruction
    In this theme you’ll work with many small individual assignments and there will be in class some time to work on them with teachers present to coach you. The assignments will take you through most of the tools and methods to use in development of multimedia. There will also be a group project were you’ll practice to develop an interactive multimedia production in collaboration with team members.

    You can only learn code if you actually code. Therefor the coding part will, apart from traditional teaching, use a lot of external, self-teaching resources, among others:
    ● freecodecamp.com, the JavaScript track as the primary source
    ● Lynda.com as secondary
    ● Various interactive tests, such as http://flukeout.github.io/
  • Subject/module requirement for participation

    Academic requirement for participation
    We expect that you know:
    Basic html and css
    How to record sound and do some basic video editing.
    How to sketch ideas
    Some ways of testing your ideas and the suggestions for solutions.

    Equipment needed to participate
    You must also have the necessary software and online access to produce multimedia
    content (Photoshop, Illustrator, Adobe XD, login to lynda.com, personal web domain.

  • Exam

    The learning outcomes of the exam are identical with the learning outcomes of the subject(s)/modul(es)

    Exam in one or more subjects
    Subject/module is tested with the following modules
    The purpose is to test the student's understanding of theory, method and tools gained through participation in the mandatpory programme elements DEsign and programming of digital user interfaces 1 and Design and programming of digital content 1.

    Students are presented with one or more of the product examples handed in during the first semester. Trough the first semester, students work with the creation of a digital portfolio, using products examples from teaching. The protfolio forms the basis of the first-semester exam.
    Type of exam
    Combined written and oral examination
    An oral individual exam based on one or more of the product examples handed in during the first semester.

    The exam consist of three elements:
    1. Presentation
    2. Examination
    3. Grading

    The details of the duration of the exam will be published on the learning platform for Multimedia Design.
    Individual exam or group exam
    Individual
    Exam languages
    English
    Type of evaluation
    7-point grading scale
    Examiners
    Internal censure
    Exam criteria
    The exam will bee assessed by one or more examiners according to the 7-point grading scale. Students are given one individual performance af the exam. The performance is assessed in relation to the learning objectives for Design and programming of digital user internfaces 1 ande Design programming of digital content 1.
  • Additional information
    Hand-ins and feedback
    03.01.01. Your github profile (like: https://github.com/me/): Approved/Not
    Approved
    03.01.02. Link to simple animation: A/NA
    03.02.01 PDF to Final work: A/NA
    03.03.01 Your freecodecamp name & handle: A/NA
    03.03.02 Interactive Animation: A/NA
    03.03.03 ProjectPool day 1: A/NA
    03.03.04 ProjectPool day 2: A/NA
    03.04.01 Collaboration Agreement: A/NA
    03.04.02 Personas collage: A/NA
    03.04.03 Storyboard: A/NA
    03.04.04 Summary of Peer review: A/NA
    03.04.05 Link to final interactive production: A/NA
    03.04.06 Link to screen cast documentation: A/NA

    Assessment
    This theme is assessed through the hand ins during the modules. In the 2 week project module you’ll also create a screencast documenting the development process and showing the final interactive scene. The focus will be on how you integrate the given style and piece of music, how you decided to create the scene to convey the story, how you worked with the characters, how you worked with the main animations, micro animations and micro interactions to make make the scene appealing to the specified target group.
75
hours of teaching
131
hours of preparation
The figure shows the extent of workload related to the subject divided into different study activities.

In the subject T03: Basic Animation (EN) you will receive 75 hours of instruction, which corresponds to 100 lessons (1 lesson = 45 min.) and 36% of your total workload for the subject.

The teaching primarily consists of the following activities: internal lecturers, group work.
The preparation primarily consists of the following activities: reading your own notes, reading the curriculum, group work.

Read about KEAs Study Activity Model

*KEA can deviate from the number of hours if this is justified by special circumstances