Copenhagen School of Design and Technology

da

T01: Basic Web (EN)

2018/2019
Danish title
T01: Grundlæggende web (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
4 Weeks
Ects
6
Programme elements
Compulsory
Language
English
Start time
Autumn
Spring
Location
Lygten 16, København NV
Subject number
3273152
Responsible for the subject(s)/modul(es)
Kenny Marek Møller
Gullan Strøm Christensen
Birgitte Bay Overgaard
Julio Garrido
  • Content and learning outcomes

    Purpose
    Basic Web will give you a basic but intensive introduction to some of the primary
    "tools" of the MMD professional within the MMD course subjects.

    You’ll be introduced to the basic terminology within user interface design, digital
    communication, user testing, and responsive web design. You will also get your
    hands on html and css coding as well as basic image processing (Photoshop) and
    vector drawing (Illustrator). During this theme we’ll cover basic web design from
    research and idea generation to design and communication on the web.

    Basic Web will content following subjects:

    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:
    To structure content using basic semantic markup (HTML5), and presenting content using CSS3 in order to create a simple website and webpages. You’ll learn to use FTP to upload and update the website you’re developing, including how best to handle files locally on your computer and remotely online. Validating your code according to current web standards (W3C) is also part of developing basic web design. You’ll code in Brackets (text editor), inspect in Developer Tools (Chrome), upload files using Cyberduck (FTP).

    Another part of user interface design is learning basic colour theory, typography, design principles and layouts for web in the multi-device world of digital media. You’ll get acquainted with the process of designing from coming up with an idea and sketching it to developing the final digital product. Also part of the design process is working with project files, exporting to web formats, and documenting your design. You’ll work up the skills to: edit images, export image assets, and optimise images in Photoshop; use tools for drawing, colouring, and working with graphics in Illustrator, and document your work process in PDF format using InDesign.

    And, finally, you’ll make your web design responsive using responsive design patterns, responsive grids, responsive images and media queries. When you know the basic principles you’ll be able to analyse a website with the purpose of making an improved redesign as well as create a new visua

    User experiences:
    The 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.l design for the website.

    Here you’ll learn
    About user-centered design and to test different aspects of design that influence user
    experiences. This involves how to prototype the right things the right ways, and
    testing usability of a website and the emotional impressions of the visual design with
    the user, including how to analyse, conclude, and use test results (incl. test report).
    You’ll be working with different kinds of fidelity when making prototypes with different
    purposes at different points in the process of developing for good user experiences.

    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:
    What digital media, communication and content is, as well as the basics of how to
    research, collect, optimise, and produce images and text for the web. You’ll learn to
    look at digital media and its content from a professional point of view.

    Business:
    The 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:
    What a multimedia designer is and how do you fit into the world of digital media
    where productions add value both to the users, the clients, and the development of
    digital design solutions.

    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:
    About how your web design when uploaded online as a website on a domain is part
    of and influenced by a system of technologies and computers that make The World
    Wide Web, The Internet and your digital solution work the way it does.
    Also, you’ll get acquainted with tools and technologies of the industry that are
    “standard” or dominant in best practices of doing digital multimedia design.

    Knowledge

    User interface development :
    • knowledge of basic principles for the composition and layout of digital media productions
    • 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
    • knowledge of key forms of expression and content in digital media

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

    Content production:
    • knowledge of digital media and digital media platforms used by the profession

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

    Technology:
    • knowledge of key technologies applied, including client-server relations, and
    their impact on the development of user interfaces.
    • 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
    • apply and assess basic technologies and development environments for the development of user interfaces, including methods and technologies for version control.

    Competences

    All subjects:
    • 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.

  • Type of instruction
    This theme consists of four one-week modules, alternating between design and communication weeks and coding weeks. For more details, see the schedule.

    You will be working individually on most of the exercises and all tasks in this theme.

    All modules include both various smaller exercises and tasks and all submissions are individual. Requirements for and details on what, how, and where to hand-in tasks and assignments will be described in the task descriptions found on Fronter after having been presented in class. See a short overview 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 in total is the work norm.
  • Subject/module requirement for participation

    Equipment needed to participate
    We expect that you have general IT skills and understanding of your operating system, its file structure and making special characters on your keyboard. You’re expected to be able to install programs, download and save files on your computer.

    You must also have the necessary software and online access to produce multimedia content (Adobe Photoshop, Illustrator, XD, login to lynda.com, personal web domain, and access to personal web hosting) before the first module of this theme starts.

    In addition, we highly recommend that you have your software and interface set to English as its language. Also, consider bringing an external mouse and/or a pen tablet to use with Illustrator and Photoshop.

    You’re expected to have:
    ● installed Adobe Photoshop, Adobe Illustrator Adobe InDesign, Adobe XD, and an FTP-client.
    ● access to your KEA-mail and the 1st-semester Fronter room.
    ● created a login to Lynda.com
    ● acquired a personal domain name and web hosting to which you can upload web productions and project made during your education.

  • 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
    01.01.01. Mood board (5 Sep, 20:00 on Fronter): Approved/Not Approved
    01.01.02. Project Document (9 Sep, 22:00 on Fronter): A/NA
    01.02.01. Your basic mobile website (16 Sep, 22:00 on WISEflow & Fronter): Written
    01.03.01. Design and process document (23 Sep, 22:00 on Fronter): Written
    01.04.01. Responsive website (30 Sep, 22:00 on Fronter): A/NA

    Assessment
    Tasks and assignments will be evaluated in different ways. Some days feedback will
    be given in written form on Fronter, other days feedback will be given in class.
    You can also evaluate the theme! By the end of the theme you’re given time in class
    to give written and anonymous feedback using an online survey. Results and our
    interpretations will be presented and discussed in class. During the theme you’ll also
    regularly be asked in class about positive and negative aspects, and other feedback.
60
hours of teaching
104
hours of preparation
The figure shows the extent of workload related to the subject divided into different study activities.

In the subject T01: Basic Web (EN) you will receive 60 hours of instruction, which corresponds to 80 lessons (1 lesson = 45 min.) and 37% 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