T05: Dynamic Prototypes (EN)2018/2019
- Content and learning outcomes
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.
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>
• intro til API's and Git.
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.
The subject area comprises understanding and exploration of technologies that form
part of digital media products and digital media production.
Here you’ll learn:
• Introduction to API's
• Git as a collaboration tool
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.
User interface development :Skills
• 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.
• of the methods and theories applied in the profession for complex digital content production.
• understanding of the technologies used to store and exchange data, and the ability to account for the choice of technologies based on practice.
User interface development :Competences
• 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.
• 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.
The learning outcomes of the exam are identical with the learning outcomes of the subject(s)/modul(es)Exam in one or more subjectsSubject/module is tested with the following modules
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 examCombined written and oral examinationThe exam covers national programme elements of the second semester and is based on the product, report and process.
The exam consists of three elements:
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 assignmentThe 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 requirementsA 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 examIndividual or group, 1-5 max participantsExam languagesEnglishType of evaluation7-point grading scaleExaminersExternal censureExam criteriaThe 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)
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.
The standard theme evaluation will be used.
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