T01: Basic Web (EN)2018/2019
- Content and learning outcomes
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
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.
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.
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.
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.
User interface development :Skills
• 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
• an understanding of the methods applied by the profession in connection with
user testing of digital productions
• knowledge of digital media and digital media platforms used by the profession
• knowledge of the multimedia designer’s role in the value chain in digital
• 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
User interface development :Competences
• 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.
• 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
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.
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
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 examCombined written and oral examinationAn oral individual exam based on one or more of the product examples handed in during the first semester.
The exam consist of three elements:
The details of the duration of the exam will be published on the learning platform for Multimedia Design.Individual exam or group examIndividualExam languagesEnglishType of evaluation7-point grading scaleExaminersInternal censureExam criteriaThe 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
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.
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