Maintenant que je peux consulter une copie de ma généalogie depuis le navigateur internet d'un ordinateur, j'ai voulu tester ce que ça donnait dans le navigateur internet d'un smartphone.

Hélas, comme le logiciel Genanet n'est pas "responsive", sur le smartphone, soit les caractères affichés sont microscopiques, soit il faut faire glisser l'écran en permanence pour passer de la partie gauche à la partie droite de la page.

Je me suis dit que la solution la plus simple était de transférer toute ma généalogie dans Geneanet
J'ai déjà un arbre sur ce site dans lequel je n'ai transféré que les Personnes décédées.
L'idée de transférer mes informations et celles de mes proches encore vivants sur un espace web que je ne maîtrise pas n'étant pas compatible avec ma conception de la confidentialité, j'ai renoncé à cette éventualité.

Je me suis dit qu'il serait peut-être intéressant d'installer la dernière version de Geneanet, mais sur la page https://geneweb.tuxfamily.org/wiki/TODO je vois dans la roadmap, que "Work on accessibility and responsiveness" fait partie du "Works in progress for next releases", en clair la dernière version disponible (7.1.0) n'est pas "responsive".
Donc il ne reste qu'une seule option: voir comment on peut améliorer la version 6.07

Adaptation des <fichier>.txt
Lorsqu’une page de Geneweb 6.07 est affichée dans un navigateur internet, le nom du <fichier>.txt utilisé par le logiciel est généralement visible dans les premières lignes du code source de la page (Ctrl-U sous Firefox).

Il suffit donc d'aller dans le répertoire gw/etc et d'éditer le <fichier>.txt correspondant pour y ajouter dans le <head> la ligne
<meta name="viewport" content="width=device-width, initial-scale=1.0">
et l'affichage de la page sur smartphone est considérablement améliorée.

Après avoir surfé sur les différentes pages que j'utilise, je fais cet ajout sur:

  • welcome.txt (page d’accueil)
  • advanced.txt (Rechercher ... requête évoluée)
  • stats.txt (Outils … Statistiques)
  • annivmenu.txt (Outils … Anniversaires)
  • calendar.txt (Outils … Calendriers)
  • perso.txt (page des Personnes)
  • anctree.txt (arbre des ascendants)
  • dag.txt (arbre des descendants)
  • ancmenu.txt (ascendants du tableau navigation en bas de page)
  • desmenu.txt (descendants du tableau navigation en bas de page)
  • relmenu.txt (Calcul de parenté du tableau navigation en bas de page)

Comme je ne fais pas de mise à jour via le web, je n'ai pas modifié les pages utilisées lors de la mise à jour (updind.txt, updmenu.txt, updfam.txt)

Adaptation des tableaux de la page welcome.txt
Les tableaux Rechercher et Outils s'affichent avec une largeur fixe, ce qui pose problème sur les smartphones.
Le paramétrage de la largeur de ces tableaux se trouve dans le fichier css.txt:

  • Ligne 214: width: 750px; est remplacé par width: 100%%; (Properties of the search block. Page welcome.txt)
  • Ligne 280: width: 750px; est remplacé par width: 100%%; (Properties of the tools block. Page welcome.txt)

Reste un petit problème avec la largeur du champ Nom public, Alias ... du tableau Rechercher qui se résout en modifiant la ligne 165 de welcome.txt dans laquelle on remplace size="53" par size="38"

Adaptation du tableau de la page perso.txt
Le tableau Navigation en bas de page s'affiche avec une largeur fixe. Cela se résout en modifiant la ligne 353 de perso.txt dans laquelle on remplace <div id="navigation"> par <div id="navigation" style="width: 100%%;">

Adaptation des pages qui affichent les résultats des Recherches
Les pages qui affichent les résultats des Recherches sont générées directement par l'exécutable gw/gwd
Il n’est donc pas possible d’y ajouter la ligne <meta name="viewport" ...

Il faut donc envisager de repartir du source, de le modifier et de le recompiler
Pour cela j'ai téléchargé le fichier tar.gz de la version 6.07 à partir de la page geneweb.tuxfamily.org/wiki/download/fr et j'ai vite compris que modifier le source de gwd et le recompiler était au delà de mes compétences.

Restait plus qu'à essayer de "bricoler" l'exécutable gw/gwd avec un éditeur type Notepad++
On ouvre le fichier gwd (taille 2 414 020 octets) avec Notepad++

  • On fait une recherche sur <meta http-equiv="Content
  • A l'aide de la touche Inser du clavier, on enlève le mode INSertion et on passe en mode OVR (visible à droite dans la ligne d'état en bas de page)
  • on remplace
    <meta http-equiv="Content-Style-Type" content="text/css"%s> par
    <meta name="viewport" content="width=device-width"      %s>
    Attention à bien mettre des espaces entre le device-width" et le %s> pour que la longueur de la nouvelle chaîne soit exactement la même que celle de la chaîne d'origine.
  • On enregistre la modification (la taille du fichier ne doit pas avoir changé, soit 2 414 020 octets)
  • On transfert le fichier gwd modifié sur le serveur dans gw/ (Après chaque modification, il ne faut pas oublier de modifer les droits du fichier gwd pour les repasser à 705 sous peine de voir s'afficher le message Internal Server Error )

Ligne 12817 avant modification
gwd avant modif

Ligne 12817 après modification
gwd apres modif

Pour ceux qui préfèrent travailler en hexadécimal, il est possible d'utiliser le module HEX-Editor de Notepad++ (installation par Modules d’extension … Gestionnaire des modules d’extension ... Cocher HEX-Editor)

 

Normalement les résultats des Recherches et l'ensemble des pages de Geneweb doivent maintenant s'afficher de manière lisible sur votre smartphone.