Go to:
Logótipo
You are here: Start > MM0047

Web Technologies

Code: MM0047     Acronym: TW

Keywords
Classification Keyword
OFICIAL Communication Technology

Instance: 2025/2026 - 1S Ícone do Moodle

Active? Yes
Responsible unit: Department of Informatics Engineering
Course/CS Responsible: Master in Multimedia

Cycles of Study/Courses

Acronym No. of Students Study Plan Curricular Years Credits UCN Credits ECTS Contact hours Total Time
MM 15 Syllabus 1 - 6 45 162
2

Teaching Staff - Responsibilities

Teacher Responsibility
Fernando José Cassola Marques

Teaching - Hours

Recitations: 3,00
Type Teacher Classes Hour
Recitations Totals 1 3,00
Fernando José Cassola Marques 3,00
Mais informaçõesLast updated on 2025-09-12.

Fields changed: Objectives, Resultados de aprendizagem e competências, Métodos de ensino e atividades de aprendizagem, Fórmula de cálculo da classificação final, Componentes de Avaliação e Ocupação, Programa, Obs. da Lingua de trabalho, Software de apoio à Unidade Curricular, Obtenção de frequência

Teaching language

Portuguese
Obs.: Preferably in Portuguese, however, if necessary, contributions may be made in English.

Objectives

Provide students with knowledge and practical skills on:

  • Fundamentals of Web development (HTML, CSS, JavaScript).
  • Multimodal and interactive technologies for the Web (audio, video, sensors, XR, data visualization).
  • Design and development of responsive, interactive, and creative Web applications.
  • Integration of multiple modalities into immersive Web experiences.
  • Critical and responsible use of Artificial Intelligence tools to support Web development.
  • Team collaboration for conceiving, implementing, and presenting a multimedia project.

Learning outcomes and competences

By completing this course unit, students should be able to:

  • Design and implement the information architecture of a Web application.
  • Create valid HTML documents, responsive CSS stylesheets, and interactivity with JavaScript.
  • Integrate audio, video, and sensors into multimodal Web experiences.
  • Produce data visualizations and 3D graphics for the Web.
  • Develop basic Virtual and Augmented Reality experiences with WebXR.
  • Use AI critically to support development, comparing, adapting, and reflecting on its limitations.
  • Work collaboratively and present interactive projects in a clear and creative way.

Working method

Presencial

Pre-requirements (prior knowledge) and co-requirements (common knowledge)

There are no formal prerequisites. However, it is recommended that students have a basic understanding of programming and HTML/CSS, as well as general skills in digital multimedia.

Program


  1. Introduction to Web Technologies: client/server, HTML, CSS, JavaScript.

  2. Responsive design and accessibility.

  3. JavaScript interactivity and DOM manipulation.

  4. Multimedia APIs: Web Audio API.

  5. Video and Canvas/SVG.

  6. Real-time communication: WebRTC.

  7. Sensors and multimodality (voice, touch, motion).

  8. Data visualization (Chart.js, D3.js).

  9. 3D graphics on the Web (Three.js).

  10. Virtual and Augmented Reality on the Web (WebXR).

  11. Final project.

Mandatory literature

Elizabeth Castro; HTML and CSS. ISBN: 0-321-71961-1

Complementary Bibliography

Michal Zalewski; The tangled Web. ISBN: 978-1-59327-388-0
Jakob Nielsen; Designing web usability. ISBN: 1-56205-810-X
Louis Rosenfeld; Information architecture for the World Wide Web. ISBN: 1-56592-282-4

Teaching methods and learning activities


  • Flipped classroom: each week, a group of students introduces the theoretical concepts with a short presentation (10 minutes).

  • Mini-challenge, where students apply concepts and critically reflect on the use of AI.

  • Practical group work for the development of the final multimodal project.

  • Critical discussions and peer-sharing in class.

Software

GIMP
Audacity
Blender
Git
VSCode
Node.js
OBS Studio
Postman
Inkscape

keywords

Technological sciences > Technology > Internet technology

Evaluation Type

Distributed evaluation without final exam

Assessment Components

Designation Weight (%)
Trabalho laboratorial 30,00
Trabalho prático ou de projeto 50,00
Participação presencial 20,00
Total: 100,00

Amount of time allocated to each course unit

Designation Time (hours)
Elaboração de projeto 60,00
Estudo autónomo 60,00
Frequência das aulas 42,00
Total: 162,00

Eligibility for exams

To obtain frequency, students may not exceed the maximum number allowed of missed classes. Attendance will be registered in all classes.

It is necessary to obtain a minimum of 8 (out of 20) in every distributed evaluation components.

Continuous assessment without final exam.

Components

  • Weekly mini-challenges + AI reflection reports → 30%
  • Continuous participation (includes flipped classroom presentations and engagement) → 20%
  • Final project (functionality, creativity, critical use of AI, presentation) → 50%

Final grade = 30% Mini-challenges + 20% Participation + 50% Final Project

Calculation formula of final grade

The final mark will be calculated as follows:

  • Final grade = 30% Mini-challenges + 20% Participation + 50% Final Project

To complete this course unit, students have to reach a minimum grade of 8 (out of 20)in every distributed evaluation components.

Examinations or Special Assignments

Not applicable.

Special assessment (TE, DA, ...)

Students with a special status are assessed as regular students. They have to perform the same assignments within the same deadline as regular students.

Students not required to attend classes need to define ways and a schedule for a weekly status with the teachers.

Classification improvement

Students may improve the grade of the continuous assessment component on the subsequent academic year.

Recommend this page Top
Copyright 1996-2025 © Faculdade de Engenharia da Universidade do Porto  I Terms and Conditions  I Accessibility  I Index A-Z  I Guest Book
Page generated on: 2025-11-15 at 19:52:20 | Acceptable Use Policy | Data Protection Policy | Complaint Portal