104311 - ELECTRONIC PUBLISHING

Subject type: Mandatory

Coordinator: Jorge Oter Gonzalez

Trimester: First term

Credits: 4

Academic year: 2025

Teaching course: 3

• Spanish

Face-to-face classes and communication through the forum and e-mail will be in Spanish or Catalan. Slides and virtual classroom materials will be provided primarily in Catalan, although English will also be used.

The aim of the subject is for the student to acquire the necessary skills to understand the function of electronic publishing and its fields of application. This subject delves into both the field of web communications design and the production of technological supports that support it. Topics include the structure of the Internet, the history and regulations of publishing content on the web, as well as the techniques and technologies needed to develop interactive content, taking into account usability, accessibility and experience design of user

The teaching methodology includes lectures to introduce key concepts, practical workshops to apply knowledge in real situations and project-based learning to encourage collaboration and creativity.

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.

Unit 1: Publishing content on the Internet

1. Study of the WWW as a medium language
2. Basic concepts of electronic publishing
3. Protocols and technical aspects
4. regulatory framework
5. History and evolution of the Internet and the Web

Unit 2: Tools for web publishing

1. Languages ​​and protocols
2. Features of HTML
3. Features of CSS
4. Dynamic websites and CMS
5. Tools and aids for editing static websites

Unit 3: Usability, accessibility and information architecture

1. User-centered design
2. Information architecture
3. Human-computer interaction
4. Design of interfaces
5. Usability
6. Accessibility
7. Responsive and adaptive design

Unit 4: Interactive development

1.  Introduction to interactive development
2. Distribution, attention and simplicity
3. mental models
4. Learning, prediction and feedback

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 practices 1: web construction with HTML and CSS (12%)
• A2. Lab 2: Building a website using a CMS (12%)
• A3. Lab 3: Mobile Interface Design (12%)
• A4. Class exercise: vocabulary mastery (3.5%)
• A5. Class exercise: HTML and CSS (3.5%)
• A6. Class exercises: heuristic test (3.5%)
• A7. Home exercise: application prototype (3.5%)
• A8. Final exam (50%)
  • Multiple choice test
  • Practical activity or activities related to the course contents

Final grade = A1 x 0.12 + A2 x 0.12 + A3 x 0.12 + A4 x 0.035 + A5 x 0.035 + A6 x 0.035 + A7 x 0.035 + A8 x 0.50

Considerations:

• It is necessary to obtain a grade higher than or equal to 5 in the final exam A8 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, A6 and A7 cannot be recovered.
• The make-up exam grade replaces the A8 activity grade only. This theory grade must be higher than a 5.

Garrett, Jesse James (2010). The elements of user experience: User-centered design for the web and beyond (2nd ed.). New Riders.

Grané, Mariona (2012). Interactive design on the web. Publications and Editions of the University of Barcelona.

Nielsen, Jakob (1999). Designing Web Usability: The Practice of Simplicity. New Riders.

StackOverflow Forum

Get started with Bootstrap

Learn design & design Basicss with figma

w3Schools API (Application Programming Interface)