104311 - ELECTRONIC PUBLISHING

Subject type: Mandatory

Coordinator: Rafael Suarez Gómez

Trimester: First term

Credits: 4

The main goal is for the student to acquire the necessary skills to be able 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 necessary technological supports. The first topic of the course focuses on the concepts required to understand the structure that supports the Internet as well as the history and more normative aspects of publishing content on the web. The second topic reviews the possibilities and limitations of the technique that makes it possible to publish content on the web. The third topic focuses on the most relevant theoretical and practical concepts when developing interactive content, as well as the most relevant theories regarding the concepts of usability, accessibility and design of user experiences within the field of online publications.

This subject has methodological and digital resources to make possible its continuity in non-contact mode in the case of being necessary for reasons related to the Covid-19. In this way, the achievement of the same knowledge and skills that are specified in this teaching plan will be ensured.

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: Create small interactive multimedia applications on the web: games, media players, animations, etc.
• LO5: Make use of strategies and processes for creating interactive multimedia products.
• LO6: Explain the function of electronic publishing and its fields of application.
• LO7: Design, edit and maintain dynamic websites (blogs, wikis, digital publications) using content management systems.
• LO8: Build websites based on information architecture and a suitable publishing model.
• LO9: Explain the legislation that affects and regulates electronic publishing.

The subject consists of two different parts:

- Theory sessions with large group (3h / week).

- Practical sessions (small group) (2h fortnightly).

This course, due to the situation generated by COVID, some of the large group sessions will be held in hybrid format: face-to-face and online (via streaming). This will allow students to rotate to face-to-face classes, respecting the maximum number of students per classroom imposed by the distance measures. When they are not in contact, they will be able to follow the class online from home.

With regard to internship sessions in smaller spaces (such as laboratories, studios or sets), where appropriate, work will be carried out simultaneously in several spaces in order to ensure that the conditions established by the safety protocols are met.

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. 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 contents on the Internet 

1.1 Basic concepts of electronic publishing

1.2 Study of the WWW as a language of a medium

2 Web publishing tools

2.1 Operation of the protocols that make the WWW possible

2.2 Features of HTML5

2.2.1 Own elements

2.2.2 Selectors

2.2.3 Organization of styles with CSS

2.2.4 CSS Libraries

2.5 Adaptable web design

3 Usability, accessibility and architecture of information

3.1 Information architecture

3.2 Accessibility

3.3 Usability

3.3.1 Usability tests

3.3.2 Usability heuristics

3.4 User-centered design

4 Interactive development

4.1 Interface Design (HCI)

4.2 Distribution and attention

4.3 Simplicity

4.4 Fitts' law and Hick's law

4.5 Interactive programming on the web

In order to gather evidence of the achievement of the expected learning outcomes, the following evaluative activities will be carried out (related to all the common competences):

A1. Exercise in class: Reading and analysis of an article (Evidence of learning outcome RA1 and RA2)

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

A3. Exercise in class: Heuristic test (Evidence of learning outcome RA6 and RA5)

A4. Exercise at home: Interactive programming exercises (Evidence of learning outcome RA5)

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: Interactive application programming (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.

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

A1. Exercise in class: Analysis of an article 3,5% 

A2. Exercise in class: HTML + CSS exercise 3,5%

A3. Exercise in class: Heuristic test 3,5%

A4. Exercise at home: Interactive programming exercises 3,5% 

A5. Laboratory practice: Web construction with HTML and CSS 12%

A6. Laboratory practice: Application prototyping 12%

A7. Laboratory practice: Interactive application programming 12%

A8. Final exam: 50% 

Final grade = A1 0,035 + A2 0,035 + A3 0,035 + A4 0,035 + A5 0,12 + A6 0,12 + A7 0,12 + A8 0,50

Considerations:

It is necessary to obtain a grade equal to or 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 retrieves the theory note. This theory note must be equal to or greater than 5.

Designing Web Usability: The Practice of Simplicity - Jakob nielsen, 1999 - https://www.amazon.com/dp/156205810X?tag=useitcomusablein

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)