Copenhagen School of Design and Technology

da

T05: Dynamic Prototypes (EN)

2018/2019
Danish title
T05: Dynamiske prototyper (EN)
Study programme
Multimediadesign and Communication
Type of education
Full time education
Level of education
Academy Profession
Semester
2. semester
Duration of the subject/module
4 Weeks
Ects
6
Programme elements
Compulsory
Language
English
Start time
Autumn
Spring
Location
Lygten 16, København NV
Subject number
3273251
Responsible for the subject(s)/modul(es)
Alan Engelhardt
Herman Bailey
Jens Christian Stanek
Jonas Fannikke Holbech
  • Content and learning outcomes

    Purpose
    The theme builds upon the HTML, CSS and JS skills you have gained throughout 1 st semester, and develop them further by working with more complex multimedia productions.

    Moving from static sites, with static content, we’ll move on to building sites based on dynamic content, content that could change at anytime, content that is hosted separately.

    User tests, in various forms are introduced and conducted as you work on qualifying your designs and tailor the user experience.

    We’ll work with CSS grid and the HTML <template> tag and we’ll make JavaScript do the heavy lifting.

    Finally, we’ll use Git as a collaboration tool by introducing merging and branching.

    The theme is divided into two sections. During the first two weeks we dive into the technical aspects needed for dynamic sites, and in the final two weeks, we do three iterations on the case.

    User interface development :
    The 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:
    • More HTML <template>
    • Vanilla Javascript (arrays, loops, objects literals, DOM manipulation)
    • JSON
    • AJAX
    • intro til API's and Git.

    Content production:
    The 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:
    - A vast amount of digital content is still written words - even though video and
    other content formats are rapidly taking over. Therefore knowledge about how
    to build text and write for interactive digital media is(still) a must - and as such
    writing for web will be a part of the teaching (and your learning) throughout
    this theme. An essential part of generating content for digital, interactive
    media is an understanding of the “nature” of interactive media - in essence
    the interactive part. Therefore a part of the teaching will also deal with how to
    generate a chose about information hierarchy (information architecture). As
    helping tools for getting to know about this and being able to frame your
    findings and knowledge we will also teach Flowchart and Wireframes.

    Technology:
    The subject area comprises understanding and exploration of technologies that form
    part of digital media products and digital media production.

    Here you’ll learn:
    • JSON
    • AJAX
    • Introduction to API's
    • Git as a collaboration tool

    All:
    Here you’ll learn:
    How to build more complex multimedia productions based on dynamic content which
    is hosted separately. More specifically you will learn how to present dynamic
    content/data via templates, json and ajax.

    Knowledge

    User interface development :
    • of key methods and tools related to project management and estimation of digital media productions.
    • of key and current programming paradigms for programming complex digital user interfaces, and the ability to account for the choice of programming practice based on practice.
    • of the methods and theories applied in the profession for the presentation of data.

    Content production:
    • of the methods and theories applied in the profession for complex digital content production.

    Technology:
    • understanding of the technologies used to store and exchange data, and the ability to account for the choice of technologies based on practice.

    Skills

    User interface development :
    • assess and argue in favour of the value-adding nature of solutions for digital user interfaces.
    • select and apply key principles, technologies and methods to the programming of complex digital user interfaces.
    • assess and process given visual material to ensure consistency in a digital media production.
    • apply key technologies, methods and formats for exchanging and presenting data.

    Competences

    All:
    • identify relevant theories, methods and tools for the execution of complex
    digital media productions.
    • acquire new knowledge and skills within the programming and design of
    complex user-centred user interfaces.
    • identify relevant theories, methods and tools for the production of complex
    digital content in teams.
    • acquire new knowledge, skills and competencies within the design and
    production of complex digital content.

  • Type of instruction
    This theme consists of two to-week modules. The first two weeks will focus on the “technical” part of creating a dynamic website (JS, JSON and AJAX), while the last two weeks will focus more on how to create content for this type of website and you will be working on an interdisciplinary group project creating a dynamic online version of the MMD curriculum. For more details, see the schedule.

    You will be working individually on most of the exercises during the first two weeks while the last two week is organized as an interdisciplinary group project.
    Individual modules includes both various smaller exercises and tasks, as well as two larger assignments. Requirements for and details on what, how, and where to hand-in tasks and assignments will be described in the task and assignment descriptions found on Fronter after having been presented in class. Short overview listed below.

    Between lectures you are expected to work on theme-related activities. Lectures are Monday, Tuesday, Thursday, and Friday. There are no lectures on Wednesdays, but Tutors will be present in the cantina. 40 hours per week is the work norm.
  • 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 students understanding of theory, methods and tools gained through participation in the mandatory programme elements: Design and programming of digital user interfaces 2 and Design and programming of digital content 2.

    The exam must demonstrate the students' ability to:
    • communicate with partners,
    •develop an interactive digital product, taking into account the stakeholders
    • complete a project in a team.
    Type of exam
    Combined written and oral examination
    The exam covers national programme elements of the second semester and is based on the product, report and process.

    The exam consists 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 and communicated til the co examiner.
    Type of assignment
    The project work must be interdisciplinary and problem oriented. It must result in a functional digital prototype and a report documenting the development work and the product.

    The detailed requirements for the project are dechribed on the learning platform for Multimedie Design and the discription must ensure wide combination of significant areas of the second semester teaching. The project description defines the requirements for group size product scale and process documentation. The project description will be available to students examiner and external examiner at the start of the project period.
    Formal requirements
    A functional digital prototype and a project report must be handed in. The report must not exceed 18 standard pages for one student+ 8 standard pages for each additional group member. Front page, table, of contents, bibliography and appendices are not included in the maximum number of pages.

    A standard page is 2,400 characters including spaces and footnotes. For reports prepared in a group the individual student's contribution must appear clearly from the report.
    Individual exam or group exam
    Individual or group, 1-5 max participants
    Exam languages
    English
    Type of evaluation
    7-point grading scale
    Examiners
    External censure
    Exam criteria
    The exam is assessed by an examiner and an external examiner according to the 7 point grading scale. Students are given one grade based on an overall assesment of the report, digital prototype, presentation and individual performance at the exam. The performance is assessed in relation to the fulfilment of the learning objectives in the second semester described in the curriculum.
  • Additional information
    Hand-ins and feedback
    05.01.01. Link to Static Restaurant Site.
    05.01.02. Link to Dynamic Restaurant Site.
    05.02.01. 1 st Iteration (structure + content incl. wireframes)
    05.02.02. 2 nd iteration (incl. BERT test documentation/results)
    05.02.03. 3 rd iteration (incl. Think aloud test documentation/results)

    Assessment
    Evaluation of the students:
    Each of the three iterations are evaluated.
    1 st iteration, Expert Review. Each project is presented briefly to the teachers, and they provide their opinion on the current state, as well as suggestions for the next iteration.
    2 nd iteration, user test. The 2 nd iteration is evaluated by conducting tests. One tests is
    conducted on your fellow students, another on 1st semesters students.
    The final and 3 rd iteration is a pitch. You pitch your project to the class/teachers. Due to the high amount of students, the class is separated in two.
    Theme evaluation:
    The standard theme evaluation will be used.
54
hours of teaching
110
hours of preparation
The figure shows the extent of workload related to the subject divided into different study activities.

In the subject T05: Dynamic Prototypes (EN) you will receive 54 hours of instruction, which corresponds to 72 lessons (1 lesson = 45 min.) and 33% 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