General information


Subject type: Mandatory

Coordinator: Jorge Oter Gonzalez

Trimester: First term

Credits: 4

Teaching staff: 

Oscar Garcia Subirana

Teaching languages


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

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

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

Description


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. 

Contents


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

Evaluation system


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

  • A1. Lab practices 1: web construction with HTML and CSS (12%)
  • A2. Laboratory practices 2: application prototyping (12%)
  • A3. Lab Practice 3: Building a Website Using a CMS (12%)
  • A4. Class exercise: vocabulary mastery (3.5%)
  • A5. Class exercise: HTML and CSS (3.5%)
  • A6. Exercise at home: prototype application (3.5%)
  • A7. Class exercises: heuristic test (3.5%)
  • A8. Final exam (50%)

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

REFERENCES


Basic

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

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

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

Complementary

HTML, CSS, and JavaScript Tutorials (W3Schools)

User interface design with Figma