TecnoCampus Foundation
eCampus
University Business
eCampus

What are you looking for?

General information

Subject type: Mandatory

Coordinator: Jorge Oter Gonzalez

Trimester: Second term

Credits: 4

Teaching staff: 

Oscar Garcia Subirana

Academic year: 2025

Teaching course: 1

Languages ​​of instruction

  • Spanish

Face-to-face classes, as well as communication through the forum and e-mail, will take place in Spanish or Catalan. Virtual classroom slides and materials will be provided in English.

Competencies / Learning Outcomes

Specific skills

  • E1_Design and program the graphical interfaces of static or dynamic web portals, interactive applications and video games, following usability and accessibility criteria

  • E4_Design, plan, edit, program and market interactive multimedia applications

Transversal competences

  • T1_That students know a third language, which will be preferably English, with an adequate level of oral and written form, in accordance with the needs of the graduates of each degree

  • T2_That students have the ability to work as members of an interdisciplinary team either as one more member, or performing management tasks in order to contribute to developing projects with pragmatism and a sense of responsibility, making commitments taking into account the available resources

Presentation of the subject

There are more and more tools in the audiovisual environment that incorporate concepts of computational thinking and algorithmic thinking in a very diverse way. On the one hand, algorithmic is necessary for the construction of interactive projects, for the creation of non-linear or interactive narratives, to algorithmically express dynamic behavior (movement) both in motion graphics environments and in animation or visual effects, and of course for the design and prototyping of interfaces, applications and web environments. On the other hand, the work methodology of computational thinking structures and provides the student with resources both to be competent in the management of different technological tools, and to solve challenges in a structured way. The subject includes learning activities with group projects designed to apply the concepts learned in the classroom. These activities allow hands-on learning of concepts and encourage collaboration and creativity in an audiovisual environment.

Therefore, the subject has two main objectives:

  • The acquisition of skills in basic algorithms by the student.
  • The integration of the methodology of computational thinking when solving and raising challenges of various kinds.

safe spaces:

The classroom (physical or virtual) is a safe space, free of sexist, racist, homophobic, transphobic and discriminatory attitudes, either towards students or teachers. We trust that together we can create a safe space where we can make mistakes and learn without having to suffer the prejudices of others. 

Contents

Unit 1: Introduction to algorithms and programming

  1. Algorithms and programs
  2. Statements and functions
  3. Drawings, shapes and colors
  4. Abstraction and decomposition
  5. Variables, animations and random numbers

Unit 2: Graphic programming and interaction

  1. Program structure
  2. conditional
  3. Interaction with the keyboard
  4. Typography and use of images
  5. Mouse events

Unit 3: Audiovisual media

  1. Audio management
  2. Video Management
  3. Buttons

Activities and evaluation system

Each student's final grade will be calculated by combining continuous assessment, based on group work, together with an individual final exam. The percentages for each activity are as follows:

  • A1. Lab Practice 1: Visual and Creative Coding Assignment (10%)
  • A2. Laboratory exercises 2: building an interactive program (10%)
  • A3. Lab 3: Designing a web-based video game (15%)
  • A4. Exercises in class and at home: short practical activities linked to the first unit (5%)
  • A5. Exercises in class and at home: short practical activities linked to the second unit (5%)
  • A6. Exercises in class and at home: short practical activities linked to the third unit (5%)
  • A7. Final theoretical exam (50%)
    • Multiple choice test
    • Practical activity or activities related to the course contents

Final grade = A1 x 0.10 + A2 x 0.10 + A3 x 0.15 + A4 x 0.05 + A5 x 0.05 + A6 x 0.05 + A7 x 0.50

Considerations:

  • It is necessary to obtain a grade higher than or equal to 5 in the final exam A7 to pass the subject.
  • An activity not delivered or delivered late and without justification (court summons or medical matter) counts as a 0.
  • The identification of plagiarism is considered a serious breach of academic integrity and may result in a failing grade for the affected activity. In these cases, the degree coordination will be informed to assess the relevant disciplinary measures.
  • Any form of academic fraud will be sanctioned in accordance with the center's assessment regulations. If signs of fraud are detected, including the improper use of generative artificial intelligence tools, the subject's teaching staff may call the student for an individual interview with the aim of verifying their authorship.

Recovery:

  • Only students who sit the final exam who do not pass the minimum grade (5) in the final grade or in the exam can be retaken.
  • Activities A1, A2, A3, A4, A5 and A6 cannot be recovered.
  • The make-up exam grade replaces the A7 activity grade only. This theory grade must be higher than a 5.

Bibliography

Basic

McCarthy, Lauren; Reas, Casey; Fry, Ben (2015). Make: Getting Started with p5.js: Making Interactive Graphics in JavaScript and Processing. Maker Media.

Rubiales Gómez, Mario (2021). Web development course: HTML, CSS and JavaScript. Anaya.

Shiffman, D. (2012). The nature of code: Simulating natural systems with Processing. D. Shiffman.

Complementary

StackOverflow forum

JavaScript Guide

P5js API (Application Programming Interface)

w3Schools API (Application Programming Interface)