General information


Subject type: Mandatory

Coordinator: Jorge Oter Gonzalez

Trimester: Second term

Credits: 4

Teaching staff: 

Oscar Garcia Subirana

Teaching languages


  • 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.

Skills


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

Description


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. Mouse events
  5. Typography and use of images

Unit 3: Audiovisual media

  1. Audio management
  2. Video Management
  3. Extra: buttons

Evaluation system


The grade of each student will be calculated following the following percentages:

  • A1. Lab Practice 1: Visual and Creative Coding Assignment (10%)
  • A2. Laboratory exercises 2: building an interactive program (10%)
  • A3. Lab Practice 3: Designing a Meaningful Web-Based Video Game (15%)
  • A4. Class exercises: short practical exercises (5%)
  • A5. Exercises at home: practical exercises (10%)
  • A6. Final theoretical exam (50%)

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

Considerations:

  • It is necessary to obtain a mark higher or equal to 5 in the final exam A6 to pass the subject.
  • An activity not delivered or delivered late and without justification (court summons or medical matter) counts as a 0.
  • Identification of plagiarism is considered a serious circumstance that may result in a failing grade for an activity. In case of detection of plagiarism, the coordination of the degree will be informed so that the corresponding disciplinary measures can be taken.

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 and A5 cannot be recovered.
  • The make-up exam grade replaces the A6 activity grade only. This theory grade must be higher than a 5.

REFERENCES


Basic

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

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

Complementary

JavaScript Guide

P5js API (Application Programming Interface)

w3Schools API (Application Programming Interface)

StackOverflow forum