Création de page personnelle

Pour quoi faire ?

Présenter ses images avec du texte, souvent des images stéréo, mais pas que…
    Les images stéréo peuvent être présentées de différentes manières à partir du même couple
    Les modes de présentations sont ceux des albums, côte-à-côte parallèle ou croisé, compressé, anaglyphe, …
   Ces présentations sont réalisées par le système à partir du couple initial)
Mais on peut mettre d’autres images par exemple pour expliquer la façon d’opérer
Et du texte peut être écrit avec un véritable éditeur de texte , ou par copie à partir d’un document tel que word

Comment créer une page personnelle d’adhérent du SCF ? .

Il faut initialiser la page  en étant reconnu comme “Auteur”:
 – demander l’ouverture d’une page personnelle à un administrateur du site (actuellement webmestre@image-en-relief.org)
   l’adhérent s’engage à rester civil et à ne traiter que de sujets en rapport avec l’objet et l’activité du SCF
 – l’administrateur du site vous déclare comme “Auteur” c’est à dire adhérent habilité à écrire des articles sur le site.

 – une page vierge est créée à votre Nom (orthographe normale)
 – un espace est créé pour y mettre vos images
          C’est un répertoire à votre nom (suivi du prénom, sans espace, ni accent, ni signe de ponctuation)
           Situé sous le répertoire “adhérents”
           Voir plus loin “Images: contraintes, chargement et insertion dans un texte”

NOUVEAU présenter ses images stéréo avec les Nouveaux Modèles de Pages Personnelles

Commencer à écrire

Vous accédez à votre page personnelle (encore vierge)
 – vous êtes connecté
 – dans le Sommaire, cliquez sur “Espace Membre > Pages personnelles”
 – vous voyez une liste de pages personnelles dont la votre, cliquer sur “modifier (à droite)
     ou ouvrez votre page, et vous devez voir en haut à droite un icone de crayon avec un lien “Modifier”, cliquez sur ce lien,
vous voyez apparaître un espace de traitement de texte.

N’oubliez pas de Sauvegarder … Aller toute en bas de la page du navigateur , en dessous de la zone d’édition., en utilisant l’ascenseur, tout à droite de votre navigateur
Et si vous ne changez rien après avoir ouvert l’éditeur, utilisez le bouton “Annuler” tout en bas.

Accès par tout public ou réservé aux seuls adhérents :
Repérer l’onglet “Publication” à coté de l’onglet “Contenu”,
Aller à cet onglet et, tout en bas, sous “Accès” choisissez un des 2 items “Public” ou ” Adhérent” (les autres choix sont pour des usges très particuliers).
Vous pouvez aussi choisir d’attendre pour rendre votre page visible, notamment en cours de création, dans le même onglet mettre le “statut” en “Dépublié”, vous pourrez y revenir.

Éditeur de texte

Vous pouvez créer du texte directement dans l’éditeur de texte propre au système (éditeur JCE pour le gestionnaire de contenu Joomla) .
Vous pouvez aussi préparer du texte sur votre ordinateur, puis le mettre dans l’éditeur par copier-coller. (attention voir le paragraphe coller un peu plus loin).

Trois choses à bien repérer : l’aide en ligne, le mode “abc”, le mode plein écran.
   Et ne pas oublier de sauvegarder !

Aide en ligne de l’éditeur de texte .

Pour vous familiariser avec l’éditeur de texte du système , passez votre pointeur sur tous les icônes-outils sur 4 rangées : des info -bulles indique la fonction correspondante
ce premier icône de la barre d’outils conduit à une aide,t en anglais pour l’essentiel
Aide partielle en français par un utilisateur : https://blog.tribu-and-co.fr/2014/03/11/editeur-de-texte-jce-pour-joomla-3-x/
Aide en ligne JCE – PDF par Marcel Couchot avec table des matières en français à deux niveaux.

Mode “abc” dernière ligne : 2 réactions très différentes pour des actions usuelles
Activez ce mode : enfoncez le bouton!
Si ce mode est activé – bouton enfoncé-grisé –  On a droit au correcteur orthographique et à la fonction coller avec le menu du clic droit.

Si vous êtes en mode “abc”, pour coller :  clic droit et choix de “Coller” dans le petit menu
Pas ergonomique.

Mais coller est encore moins ergonomique si le mode “abc”  n’est pas activé :
Il y a une fonction Copier et une fonction Coller
Mais quand je clique sur Coller on me dit d’utiliser la séquence de touches Ctrl-V ! Dur Dur
Oui, énervant,…r
Si vous arriver à prendre ce réflexe , faites directement Ctrl+V après avoir copié.

Plein écran : Zone de saisie trop petite ? Passer en plein écran (3ème ligne d’outils)… pour la saisie, puis …
! revenez avec le même outils en écran réduit pour Sauvegarder

Titre et décalages (retraits)  :

Pour un sous-titre, sélectionnez le texte, puis, sur la première ligne de boutons, utilisez la liste déroulante qui commence par “Paragraphe=p” et choisissez le niveau (Titre1, Titre 2, Titre 3 …) et cliquez:

Ceci est un titre de niveau 5

Puis je suis passé à la ligne (touche “Entrée”)
Et encore un simple passage à la ligne (Ctrl+Entrée)
J’ai sélectionné les 3 lignes et utilisé le bouton de décalage => les 3 lignes sont décalées

Puis un simple passage à la ligne (touche “Entrée” sans Ctrl) m’a ramené à un début de paragraphe calé à gauche

Ci-dessous copie d’écran indiquant où se trouvent la liste déroulante et le bouton mentionnés

N’oubliez pas de Sauvegarder … Aller toute en bas de la page du navigateur , en dessous de la zone d’édition., en utilisant l’ascenseur, tout à droite de votre navigateur

Images: chargement et insertion dans un texte

Fonctionnement en 2 actions qui peuvent s’enchaîner dans le même temps:
– charger l’image sur le site dans son dossier personnel (appelé espace dans une première rédaction ;  de plus dossier est équivalent à répertoire dans ce contexte)
– éventuellement préciser des options d’utilisation et insérer l’image

Prérequis : il faut être en mode de modification de sa page.
Se positionner à l’endroit où on veut insérer l’image en cliquant, (le curseur reste positionné à cette endroit quand on déplace le pointeur).

Mettre le pointeur sur le  le bouton “Insére/modifier une image”, et cliquer,
(Attention, viser le bouton de contrôle de l’éditeur , en haut,  et non les images de ce bouton dans cette documentation)

Cela fait apparaître le  panneau  ci-dessous et suivre les étapes 1, 2,3 :

1) Se positionner sur son dossier (=répertoire) :  sous le dossier “adherents”, il y a un dossier à son nom  (ex: “CouchotMarcel”), cliquer sur ce dossier.

2) Utiliser le bouton “Envoyer”   (au milieu en hauteur du panneauqui vous propose de télécharger un fichier image soit en parcourant l’arborescence de son poste de travail, soit par glisser-déposer.
Remarque  : on peut télécharger plusieurs images à la suite

3) Sélectionner l’image en cliquant sur son nom: son adresse (sur le site doit apparaître en haut dans la zone URL
Vous pouvez obtenir un affichage en taille réduite en fixant lea “Dimension”.
Puis cliquer sur “Insérer” (en g=bas du panneau).

Présentation d’une image avec un affichage en réduction dans la page .

Avec l’outils “image” on récupère une image de son poste de travail 
Pour un couple stéréo, il est bon de fournir uncôte-à-côte non compressé 2x1920x1080 ; La limite de taille est à 2Mo ce qui doit suffire
Au moment de l’insertion, on peut  modifier la largeur d’affichage sur la page proprement dite  (par exemple  à 800px au lieu de 3840px ) et cliquer sur la case “proportionnelle” : il faut que la machine calcule la hauteur.
On aura ainsi récupéré un couple stéréo présenté de façon réduite dans la page et qui pourra être affichée plein écran ,.

Commentvoir cette image en pleine grandeur, en vision croisée, en côte-àcôte compressé (pour TV) ou en anaglyphe ?
Ill faut dompter la machine  … page suivante

Pour que l’image, vue de façon réduite, sur la page puisse être vue en grand  et selon le mode stéréo voulu

Une fois l’image affichée dans la page, on a cliqué sur l’image puis sur “Inserer/Modifier un Lien”  et on a collé le lien, et choisi pour la “Cible ” : “Afficher dans une nouvelle fenêtre”.

Puis on sauvegarde.

Résultat : quand on clique sur l’image dans la page, on la voit en largeur admise par le navigateur :
Inconvénient : on n’a pas une présentation stéréo adaptable. Mais on peut déjà la glisse/déposer sur SPM déjà ouvert !

Avec un complément très simple, un clic sur l’image l’ouvrira dans un visualiseur analogue à celui des albums, proposant plusieurs présentations possibles

 Revenons sur le lien : on ajoute “3d”, à la fin du nom de fichier, l’extension devient “.jpg3d” au lieu de “.jpg”; alors le système traite l’image comme une image 3d
Attention, il ne faut pas modifier le nom du fichier dans le gestionnaire de média …

(Dans la zone d’adresse du navigateur vous verrez alors quelque chose comme cela 🙂
(“https://www.image-en-relief.org/stereo/voir3D/imageStereoSolo.php?src=/stereo/images/adherents/Testeur_page_perso/IMG_2828_31.jpg”)

La vidéo-tutoriel ci-dessous montre comment on procède :

Pour qui : Montrer sa page, choix du public

Votre page personnelle peut être visible par tout public ou par les seules adhérents du club.
Dans ce cas son titre ne sera affiché qu’aux adhérents connectés.

Repérer l’onglet “Publication” à coté de l’onglet “Contenu” (au dessus de la zone de titre de la page),
Aller à cet onglet et, tout en bas, sous “Accès” choisissez un des 2 items “Public” ou ” Adhérent”.
(les autres options sont pour des usages très particuliers)

Si vous voulez communiquer l’adresse de votre page à des proches ou autres, vous pouvez copier l’adresse dans la zone ad hoc du navigateur
Mais seulement quand vous êtes en consultation de votre page, et non en cours d’édition..

Mais il faut aussi que cette page soit “publiée”
C’est maintenant (1/9/2019) le cas par défaut pour une page personnelle initiée à votre demande
Et aussi si vous créez une nouvelle page.

Mais, dans l’onglet “Publication”, zone “Statut”, vous pouvez mettre la page en “Dépubliée”.
Elle ne sera alors visible que par les auteurs.
Utilisez cette option en cours de travail … vous pourrez remettre le statut à “Publié” plus tard

En effet le système de gestion de contenu (CMS Joomla) a plusieurs niveaux de droits,
Pour écrire il y a  « Auteur » qui peut corriger ses propres articles, mais pas ceux des autres.
Puis le niveau « Correcteur » qui peut tout corriger.
Et le niveau « Publisher » que je traduits en « publicateur, (car « éditeur » renvoie, en informatique  au traitement de texte).
Ce publicateur peut bloquer une page en cas de problème grave !

Questions soumises par les utilisateurs et réponses soit des utilisateurs eux-mêmes soit de l’administrateur du site.

>> Comment écrire  E en majuscule avec un accent : É  ?
Procédure : Cliquer sur l’icône affichant le caractère grec Oméga à la fin de la ligne 2 d’icônes : Insert custom character = Insérez le caractère personnalisé
Le tableau comporte 10 lignes de 20 caractères. Cliquer sur le caractère approprié, ici : É

>> Version en français de l’éditeur pour les info bulles , Installée, source : JCE Editeur – Le portail francophone (https://www.sarki.ch/jce/index.php)

>> aide en ligne de l’éditeur de texte .  un outils premier icône de la barre d’outils . elle est en Anglais pour l’essentiel
Aide partielle en français par des utilisateurs : https://srst17.org/regates-saint-trojan-aide-editeur.html?showall=1
https://blog.tribu-and-co.fr/2014/03/11/editeur-de-texte-jce-pour-joomla-3-x/

>> PROBLEME : une fois choisie une police, par exemple Bold, il faut ensuite recliquer sur l’icône Bold pour revenir en “normal”.
A voir plus précisément, et tester

>> Correcteur orthographique : Cliquer sur l’icône “abc“, des mots sont  soulignés en rouge , clic droit sur un mot souligné puis utiliser le mot proposé.

>>PROBLEME : il y a une fonction Copier et une fonction Coller
>>Mais quand je clique sur Coller on me dit d’utiliser la séquence de touches Ctrl-V ! Dur Dur
Oui, énervant,… Voir Page Éditeur de texte, paragraphe Copier-Coller

—————————————————————————————————————————-

Autour de la zone de saisie

Mode “Affichage’ (Préview). Il faut cliquer sur “Edition” (Editor) pour revenir en édition.

>>En dessous, il y a un menu avec 7 options, à quoi les options correspondent-elles.
Ce sont des fonctions d’insertion de lien et/ou d’éléments. Mais il y a des correspondants dans les boutons du haut (du moins pour ce qui est utile et autorisé à un simple « auteur »)

>> Avec SCFWiki, on pouvait faire une arborescence de paragraphes avec plusieurs niveaux et un sommaire.
>> Je ne sais pas si c’est possible, et comment. J’ai aperçu une fonction indent, mais ne l’ai pas essayée
La fonction « indent » correspond à l’introduction d’un décalage du paragraphe vers la droite
Mais Il y a une possibilité de pagination de l’article, c’est-à-dire d’insérer des « sauts de page « 
On est dans un article au sein de la page globale avec ses menus ….
Cette pagination crée un petit menu en haut à droite avec la liste des pages
Pour cela on utilise le dernier bouton « Insert/ Edit Pagebreak »

——————————————————————————————————————-

Codage HTML et Styles

>>J’ai essayé le mode Code et le mode Preview – Affichage.
>>Je n’ai pas essayé d’ajouter directement du code. Du HTML5 ?
Pour des raisons de sécurité, le code saisi peut être éliminé à la sauvegarde ; et il y a un paramétrage de balises Html admissibles selon l’éditeur de texte.
Mais pour du code HTML avancé, il faut passer en back office avec un rôle d’administrateur et un éditeur de texte html direct brut .

>> En bas de la page, je lis :la mention Path: p = à quoi cela correspond ?
Cette mention correspond à « vous êtes dans un paragraphe (HTM : <p> … </p>
On a des icônes pour faire des titres  Cf. la zone de la première barre d’outils … mais il ne faudrait commencer qu’au niveau 3 (H3) car le titre de l’article est déjà en niveau 2)

>>J’ai l’habitude en HTML de la police COMIC Sans MS. Je suis revenu en Times New Roman.
Sur ma machine on me propose du COMIC Sans MS. ? curieux

>>Il y a une “brosse” Cleanup HTML. Dans Word, il y a une fonction : Reproduire la mise en forme.
>>Dans mes pages HTML, j’ai l’habitude de mettre un fond coloré jaune paille.
>>J’ai repéré une fonction “Select background coloré, mais je n’ai pas réussi à l’utiliser.
Il n’y a que des « styles » prédéfinis (sans doute dans le ccs du Template (= Modèle).
L’éditeur de texte purge le code HTML pour des raisons de sécurité
On peut insérer une page  HTML complète créée par ailleurs, exemple : les archives de photos anciennes numérisées
ou mettre un lien vers un ensemble de pages, exemple :
Dans « Comprendre >  Documentation en ligne » (https://www.image-en-relief.org/stereo/comprendre/documentation-en-ligne)
il y a un lien vers l’ancien site de Marcel Couchot  (transporté sur le nouveau)
Quand on reste dans le système, on ne peut pas interférer sur l’ensemble de la page (y compris entête, menus , …)
  … sauf à modifier le Template ;
  … ou à créer un Template personnalisé ; pour que tous les articles de ce template utilisent une feuille de style spécifique

Par contre on peut  créer un tableau à une seule cellule, y mettre un fond coloré, et la remplir avec du texte et toutes choses admises.

>>Fonctions Insert/Edit anchor et Insert/Edit link. ?
Fonctions de HTML (c’est du HTML qui est généré)
Voir exemple dans « https://www.image-en-relief.org/stereo/comment-faire/techniques-specifiques/146-cameras-et-casques-vr 
On a mis des ancres sur les titres des sous-parties, et un liste de ces titres en haut de page avec les liens vers ces ancres 

>>J’ai essayé d’insérer une image, mais je ne sais pas comment accéder à mes dossiers.
>>Et je ne sais même pas si c’est possible !
Voir la première copie d’écran dans la page « Création de page personnelle – test » (  https://www.image-en-relief.org/stereo/espace-membres/pages-personnelles/169-testeur-de-page-personnelle )
Il montre le bouton à utiliser ; il faut d’abord se positionner à l’endroit d’insertion.
la deuxième copie d’écran montre l’enchaînement des premières actions.