HTML5 Logo

TECFA HTML5

Mattia A. Fritz
TECFA, Université de Genève

Plan du Workshop

  1. HTML5 et TECFA
    Une histoire d'indépendance et décentralisation du pouvoir
  2. Philosophie web du site TECFA
    UX meets opinionated web development
  3. Potentiel techno-pédagogique d'HTML5
    Quelques exemples d'applications simples
  4. Hands-on !
    Éditeur de texte, logiciel SFTP, templates, ...

Première page web

Capture de la première page web
Apparence et code source HTML de la première page web publiée par le CERN en 1990.
TECFA est parmi les premières unités universitaires à adopter le web. Voir par exemple ce Beginner's guide to HTML publiée déjà en 1995.

Philosophie du web

Les trois composantes du web peuvent être vues dans une perspective philosophique :

  1. Uniform Resource Locator (URL)
    Maximiser les routes hypermédia et garantir la stabilité de la cartographie de l'information
  2. HyperText Transfer Protocole (HTTP)
    Minimiser le contact entre le chercheur et le fournisseur de l'information
  3. HyperText Markup Language (HTML)
    Fournir un langage universel machine-machine, personne-machine et personne-personne.

Décentraliser le pouvoir

Distribuer l'information est une manière de se protéger des monopoles, un thème très actuel.

Fediverse désigne une assez large fédération de serveurs formant un réseau social. Elle est construite autour de logiciels libres, [...] la volonté étant de fournir une alternative ouverte et résiliente aux réseaux sociaux captifs, propriétés d'une unique entité.

— Adapté de Wikipedia

Processus de création du site

Processus de création

Travail mené par le groupe du site web en 2019/2020.

Approche centrée utilisateur

Tri de cartes Tri de cartes pour l'organisation des contenus.
Design system Design system avec principes de saillance visuelle

Perspective technique

Développement

Rapport entre expérience et complexité du code Ne pas sous-estimer l'entropie même de systèmes simples.

Site avec CMS

Rapport entre maintenance et temps dans un CMS Fantastique au début, un cauchemar avant la refonte ou l'abandon.

Site avec HTML5

Rapport entre maintenance et temps dans un site HTML5 Une cauchemar au début, mais ensuite on peut l'oublier sans soucis.

Site TECFA = kernel network

Décentralisation du site TECFA Qui s'occupe du kernel ? Stéphane + responsable éditorial.
Qui s'occupe du site TECFA ? Toutes et tous !

Potentiel techno-pédagogique

  • Articles scientifiques
    Meilleur adaptation aux écrans, interactivité, abbreviations, ...
  • Utiliser un site pour piloter un cours
    Example du site du cours ERGO II, avec portfolio des étudiant-es.
  • Hacker des CMS comme Moodle ou Wordpress
    À l'acronyme WYSIWYG il faut souvent ajouter BINWIW !
  • Slides interactives
    Combiner le support traditionnel avec des principes multimédias. Voir par exemple certaines de mes slides.
  • Matériel expérimental
    Créer des contenus ad hoc selon besoins spécifiques. Voir par exemple le matériel expérimental de Julien Venni.

Hands-on !

Merci pour votre attention !

Mattia A. Fritz
TECFA, Université de Genève

Licence Creative Commons
Présentation créée avec Reveal.js.