General information

Subject type: Mandatory

Coordinator: Rafael Suarez Gómez

Trimester: First term

Credits: 4

Teaching staff: 

Marco Antonio Rodríguez Fernández

Teaching languages

Les classes de l'assignatura es faran principalment en català, tot i que la bibliografia i el material de suport podran ser en altres llengües (castellà i anglès)


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

  • E17_Write journalistic pieces of different genres with their headline systems and express themselves correctly both in writing and orally


The aim of the course is for students to acquire the necessary skills to understand the function of electronic publishing and its fields of application. This subject delves both into the field of web communications design and into the field of the production of technological supports that support it. The first topic of the course reviews the concepts needed to understand the structure that supports the Internet as well as the history and the most normative aspects of the publication of content on the web. The second topic analyzes the possibilities and limitations of the technique that makes it possible to publish content on the web. The third delves into the most relevant theoretical and practical concepts when developing interactive content. And at the same time reviews the most relevant theories regarding the concepts of usability, accessibility and design of user experiences in the field of publications. on the Net.

Learning outcomes

At the end of the course students must be able to:
LO1: Use web, email, ftp and www services.
LO2: Know and be able to correctly apply the information representation languages ​​on the HTML and CSS web.
LO3: Create, edit, publish and maintain basic multimedia websites following current design patterns.
LO4: Make use of strategies and processes for creating interactive multimedia products.
LO5: Explain the function of electronic publishing and its fields of application.
LO6: Design, edit and maintain dynamic websites: blogs, wikis, digital publications using content management systems.
LO7: Build websites based on information architecture and a suitable publishing model.
LO8: Explain the legislation that affects and regulates electronic publishing.

Working methodology

The course is structured in 3h / week of theory sessions and 2h / fortnight of practical work in the laboratory.

Theoretical classes: In theory classes, teachers combine master classes with problem solving and the presentation of theoretical contents necessary for their solution. The student has the support material within the virtual campus. The solution to the problems posed is published a few days later and discussed in class. This will allow the student to go to class having made a previous reading of the topics.

Practical classes: Although these classes will be held in the laboratories, it is recommended that the student use his own laptop for greater comfort. Some of the practices can be individual, although usually the students are grouped in teams of 3 or 4 people. The dynamics of the activities consist of an explanation of the work to be carried out over the next two weeks and personalized attention to resolving doubts.



1. Publication of content on the Internet 

1.1. Study of the WWW as a language of a medium

1.2. Basic concepts of electronic publishing

1.3. Protocols and technical aspects

2. Tools for web publishing

2.1. Languages ​​and protocols

2.2. HTML5 features

2.3. Dynamic websites and CMS

2.4. Regulatory Framework

2.5. Tools and aids for editing static websites

2.6. Examples of CMS

3. Usability, accessibility and architecture of information

3.1. User-centered design

3.2. Information architecture

3.3. Computer person interaction

3.4. Interface design

3.5. Usability

3.6. Accessibility

4. Interactive design and application prototyping

Learning activities

With the aim of collecting evidence of the achievement of the expected learning outcomes, the following activities of an evaluative nature will be carried out (related to all the common competences):


A1. Exercise in class: Vocabulary mastery (Evidence of learning outcome RA5)

A2. Exercise in class: HTML + CSS exercise (Evidence of learning outcome RA2 and RA1)

A3. Exercise in class: Animations for the Web (Evidence of learning outcome RA2)

A4. Exercise at home: Heuristic test (Evidence of learning outcome RA7)

A5. Laboratory practice: Web construction with HTML and CSS (Evidence of learning outcome RA2 and RA1)

A6. Laboratory practice: Application prototyping (Evidence of learning outcome RA4 and RA5)

A7. Laboratory practice: Construction of a website using a CMS (Evidence of learning outcome RA3, RA8 and RA7)

A8. Final exam (Evidence of all learning outcomes)  


General criteria of the activities:

The teacher will present a statement for each activity and the evaluation and / or rubric criteria.

The teacher will inform of the dates and format of the delivery of the activity.

Evaluation system

The grade of each student will be calculated following the following percentages:
A1. Classroom exercise: Vocabulary mastery 3,5% 
A2. Exercise in class: HTML + CSS exercise 3,5%
A3. Exercise at home: Animations on the Web 3,5% 
A4. Exercise in class: Heuristic test 3,5%
A5. Laboratory practice: Web construction with HTML and CSS 12%
A6. Laboratory practice: Application prototyping 12%
A7. Lab Practice: Building a Website Using a 12% CMS
A8. Final exam: 50% 

Final grade = A1x0,035 + A2x 0,035 + A3x0,035 + A4x0,035 + A5x0,12 + A6x0,12 + A7x0,12 + A8x0,50

It is necessary to obtain a mark higher than 5 in the final exam to be able to pass the subject.
An activity not delivered or delivered late and without justification (court summons or medical matter) counts as a 0.
It is the responsibility of the student to prevent plagiarism in all its forms. In the case of detecting plagiarism, regardless of its scope, in any activity it will correspond to having a grade of 0. In addition, the teacher will inform the head of studies of the situation so that applicable measures can be taken in the matter of sanctioning regime.
Attendance at laboratory practices is mandatory.
The retake exam only recovers the theory note. This theory note must be higher than a 5.



Designing Web Usability: The Practice of Simplicity - Jakob nielsen, 1999 -

Nielsen, J. (1999). Designing web usability: The practice of simplicity. New Riders Publishing.

Interactive design in the Publications and Editions network of the University of Barcelona - Grané, M. (2012)

CSS, HTML, JS Reference - w3 schools 


McCarthy, L., Reas, C., & Fry, B. (2015). Getting Started with P5. js: Making Interactive Graphics in JavaScript and Processing. Maker Media, Inc.

Elements of user experience - Garrett, J (2010)