Projet

Général

Profil

Development #38711

intégration graphique pour le département du Gers (32)

Ajouté par Nicolas Roche il y a plus de 4 ans. Mis à jour il y a plus de 4 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
26 décembre 2019
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

A partir de leur site https://www.gers.fr/


Fichiers

Screenshot_big.jpg (859 ko) Screenshot_big.jpg Nicolas Roche, 27 décembre 2019 16:39
Screenshot_medium.jpg (1,59 Mo) Screenshot_medium.jpg Nicolas Roche, 27 décembre 2019 16:39
Screenshot_small.jpg (1,5 Mo) Screenshot_small.jpg Nicolas Roche, 27 décembre 2019 16:39
0001-add-theme-for-gers-cd32-38711.patch (36,5 ko) 0001-add-theme-for-gers-cd32-38711.patch Nicolas Roche, 27 décembre 2019 16:42
0001-gers-header-proposition-reduce-header-height-38711.patch (1,97 ko) 0001-gers-header-proposition-reduce-header-height-38711.patch Thomas Jund, 09 janvier 2020 12:00
0001-add-theme-for-gers-cd32-38711.patch (36,5 ko) 0001-add-theme-for-gers-cd32-38711.patch Nicolas Roche, 09 janvier 2020 14:36

Demandes liées

Lié à Intégrations graphiques Publik - Development #38712: police Montserrat (complément)Fermé26 décembre 2019

Actions

Révisions associées

Révision 9398acbb (diff)
Ajouté par Nicolas Roche il y a plus de 4 ans

add theme for gers (cd32) (#38711)

Historique

#2

Mis à jour par Nicolas Roche il y a plus de 4 ans

#3

Mis à jour par Nicolas Roche il y a plus de 4 ans

fpeters‎: gers, l'intégration graphique le propos il doit être que sur la grc l'accès au contenu est primordial, qu'il y aura un bandeau moins haut, et puis dans le bandeau on tape photo + un logo gers.fr les démarches; et pour le burger en desktop, on a déjà ça à fontenay-sous-bois.

Je ne suis vraiment pas inspiré et j'ai essayé de coller à l'existant (dans l'immédiat, je n'ai pas réduit la taille du bandeau).
Après, les grids (cellules, pieds de page) ne se comportent pas comme le flex du site d'origine.

#4

Mis à jour par Nicolas Roche il y a plus de 4 ans

  • Assigné à changé de Nicolas Roche à Pierre Cros
#5

Mis à jour par Pierre Cros il y a plus de 4 ans

  • Assigné à changé de Pierre Cros à Nicolas Roche

Je vois que le ticket m'est assigné mais moi je ne peux pas dire grand chose tant que le truc n'est pas sur la recette.

Enfin, je peux dire que je ne vois pas de gros problème avec les captures, ça m'a l'air très bien, mais je ne sais pas ce qui sera éditable ou pas (genre le pied de page qui chie un peu en version intermédiaire), donc ça m'irait bien que tu passes ça sur la plate-forme de recette.

#6

Mis à jour par Thomas Jund il y a plus de 4 ans

Quelques retours perso après avoir installé le thème:

  • Je trouve assez inutile de surcharger page-template.html et forker le code du block user-info juste pour ajouter un bonjour et 2 icônes. On pourrait s'en rapprocher avec le code existant.
  • Le header desktop est trop volumineux en hauteur. Aucune obligation à respecter la hauteur de celui du site du département.
  • Le main est assez austère. En particulier les pages wcs. Pourquoi ne pas reprendre les lignes grises utilisées en background sur le site du département ?
  • Je ne partirais pas sur une disposition de cellules avec une grille float, la grille casse trop vite. Plutôt un template en 3 cols.
  • augmenter $width (le site du département est en 1260px).
  • Je baisserais la taille des titres des catégories, surtout si les titres sont forcés en capitale.
  • Trouver un :hover plus visible sur les liens dans les cellules ?
  • Je chercherais une unité graphique entre les titres des pages et le titre d'une démarche dans les pages wcs.
  • Dans le header, je ne suis pas fan du titre "Mes démarches" en blanc sur fond bloc rouge. Mauvaise idée que de reprendre le design du champ de recherche. Bien meilleur impact: reprendre simplement 'Mes démarches' en rouge et bold ?
  • différencier les style de $button et $cancel-button
#7

Mis à jour par Pierre Cros il y a plus de 4 ans

Je ne doute pas que ce que pointe Thomas fasse partie des bonnes pratiques à respecter et c'est utile d'avoir tout ça, mais pour rassurer Nico tout de même c'est un POC, il n'y aura pas un niveau d'exigence élevé.

#8

Mis à jour par Nicolas Roche il y a plus de 4 ans

  • Assigné à changé de Nicolas Roche à Serghei Mihai

Merci Thomas pour ce retour super détaillé.
Je suis à peu près d'accord sur tout,

Je ne partirais pas sur une disposition de cellules avec une grille float, la grille casse trop vite. Plutôt un template en 3 cols.

sauf là où je ne comprend pas de quoi il s'agit.

J'aurais aimé aussi avoir l'avis de Serghei pour savoir si l'ajout du template pour le bandeaux ne cassent pas trop de choses et peut néanmoins passer pour une intégration graphique standard (parce que c'est border line).

Si Serghei valide ce point, alors ce serait à Pierre de me dire si je passe le thème en recette (au plus vite) quitte à devoir corriger les points soulevés par Thomas par la suite.

#9

Mis à jour par Pierre Cros il y a plus de 4 ans

La date pour le ticket Gers c'est le 13 janvier.

#10

Mis à jour par Serghei Mihai il y a plus de 4 ans

  • Assigné à changé de Serghei Mihai à Nicolas Roche

Nicolas Roche a écrit :

J'aurais aimé aussi avoir l'avis de Serghei pour savoir si l'ajout du template pour le bandeaux ne cassent pas trop de choses et peut néanmoins passer pour une intégration graphique standard (parce que c'est border line).

Je suis également d'avis de ne pas surcharger les templates juste pour un Bonjour <user>.
Comme ThomasJ je pense que le header prend trop de place. L'usager doit scroller sur la page pour identifier les démarches qu'il peut effectuer.
Ne pas utiliser l'image csm_defaultImage.png par défaut, qui fait 728px de hauteur mais plutôt fixer une hauteur et caller l'image de la page dessus.

Detail mineur, mais qui peut faire agir inutilement: il faut rajouter quelques pixels d'espace entre les icones des réseaux sociaux.

#11

Mis à jour par Serghei Mihai il y a plus de 4 ans

Aussi, en mobile l'icone "Mes démarches" n'a pas vraiment de sens à mon avis et porte confusion à côté du menu mobile.

#12

Mis à jour par Nicolas Roche il y a plus de 4 ans

Je suis également d'avis de ne pas surcharger les templates juste pour un Bonjour <user>.

En fait je m'en moque de ça. Je réalise que j'aurais du décrire la spécificité de ce thème.

Si j'ai surchargé le template c'est pour avoir le comportement suivant, voir par exemple sur https://www.gers.fr/le-conseil-departemental :
  • en desktop, quand on rétrécie la page, la largeur du bloc de droite du header reste inchangée, et la hauteur du header est définie par la hauteur de l'image requise pour qu'elle s'affiche entièrement dans la largeur restante.
  • en tablette et en mobile le bloc de droite passe au dessus, même comportement pour la hauteur de l'image.

... plutôt fixer une hauteur et caller l'image de la page dessus.

Donc, le comportement décris ci-dessus ne convient pas.
Il faut que je revois ma copie avec une intégration graphique "vraiment" standard (un header pas responsive).
Ça t'ira Pierre ?
Personnellement, je ne le visualise pas.

#13

Mis à jour par Pierre Cros il y a plus de 4 ans

Je viens de discuter avec Nicolas qui ne peux pas faire les modifs demandées et mettre ça en recette pour lundi, date d'échéance du ticket Gers.

Je lui ai donc demandé de mettre sur la recette ce qu'il avait, les modifs viendront plus tard. Et s'il y a régression, j'expliquerai.

#14

Mis à jour par Frédéric Péters il y a plus de 4 ans

Il faut que je revois ma copie avec une intégration graphique "vraiment" standard (un header pas responsive).

Alors clairement toutes les complications/spécificités mises en place pour une intégration graphique sont des trucs qui pèsent derrière lors de de la maintenance, et c'est pour ça qu'on essaie de les éviter, mais comme rappelé plus haut on est ici sur un POC, on peut se dire que ça aura une durée de vie limitée et moins s'en soucier. (?).

Aussi, je n'ai absolument pas cherché à comprendre l'explication de pourquoi c'était nécessaire de taper des gabarits spécifiques; si quelque chose d'utile ne peut pas être fait de manière simple avec les gabarits de base, exprimons ça dans un ticket dédié pour améliorer les gabarits de base.

#15

Mis à jour par Pierre Cros il y a plus de 4 ans

Je pense qu'il n'était pas plus compliqué pour Nicolas de faire les choses d'emblée de manière standard, il y a donc juste un problème de communication / formation entre devs.

Alors oui, POC, ça pourrait ne pas durer. Mais je vais essayer de faire financer à un moment une vraie intégration graphique qui permettrait de revenir dans les clous.

#16

Mis à jour par Thomas Jund il y a plus de 4 ans

en desktop, quand on rétrécie la page, la largeur du bloc de droite du header reste inchangée, et la hauteur du header est définie par la hauteur de l'image requise pour qu'elle s'affiche entièrement dans la largeur restante. En tablette et en mobile le bloc de droite passe au dessus, même comportement pour la hauteur de l'image

J'ai tenté un truc qui respecte le comportement décrit ci-dessus tout en réduisant la hauteur du header.
Voici un petit patch qui
  • utilise background-image et background-size cover pour l'image.
  • en desktop la hauteur du header est dicté par la hauteur bloc blanc (bloc logo).
  • limitation de la hauteur de l'image en mobiel à 350px.

Libre d'utilisation si jamais :)

#17

Mis à jour par Nicolas Roche il y a plus de 4 ans

Merci Thomas, je regarde.

si quelque chose d'utile ...

non, c'est une catastrophe ergonomique, à cause de la taille du/des bandeau(x)

Encore une fois, j'ai fais ça parce que je n'étais pas du tout inspiré et que j'ai donc plagié leur site.
Je n'avais pas compris que l'intégration graphique n'avais vraiment aucune importance sur ce projet, je ne sais pas pourquoi je n'ai pas imprimé que c'était un POC.

Pour ma défense (après coup), j'ai l'impression que cette intégration "inutilisable" correspondrait à leur premières attentes.
mail de SEDDAOUI Karim :

Pour le moment, ce n'est pas responsive.

#18

Mis à jour par Frédéric Péters il y a plus de 4 ans

Je pense qu'il n'était pas plus compliqué pour Nicolas de faire les choses d'emblée de manière standard, il y a donc juste un problème de communication / formation entre devs.

Il y a toujours, et chez tout le monde, une facilité à copier/coller plutôt que faire des tickets d'évolutions globales. Sur le cas précis de la zone connexion/inscription, je viens de créer #38856.

~~

  {% if idp_account_url %}
  <a class="account" href="{{idp_account_url}}" title="Accéder à mon compte">
  {% endif %}

mais euh, ce <a> est pas fermé.

#19

Mis à jour par Nicolas Roche il y a plus de 4 ans

(patch où j'ai juste fermé la balise <a>).

#20

Mis à jour par Thomas Noël il y a plus de 4 ans

  • Statut changé de Solution proposée à Solution validée

Je valide (parce qu'il faut le présenter lundi matin) mais il faut la semaine prochaine supprimer les html de ce thème (au moins).

#21

Mis à jour par Nicolas Roche il y a plus de 4 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit 9398acbb0c8082fc090a02a380428bde08ee35d3
Author: Nicolas ROCHE <nroche@entrouvert.com>
Date:   Tue Dec 17 16:20:36 2019 +0100

    add theme for gers (cd32) (#38711)

#22

Mis à jour par Frédéric Péters il y a plus de 4 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF