[Commande codage] [Sans rép - Miettes] Albums individuels modifiables à volonté sur les pages html du forum à partir d'un formulaire

[fascicularia]

Bonjour à tous,
Pénélope m'ayant généreusement proposé son aide, je vous présente un projet que j'ai considéré comme irréalisable jusqu'à présent.

Ayant une imagination assez fertile, n'hésitez pas à me dire si certaines parties de la demande sont de l'ordre de l'utopie (il faut savoir faire la part entre les rêves et la réalité).

Alors  trêve de blabla.
Il s'agirait de donner la possibilité aux membres de constituer des albums individuels modifiables à volonté sur les pages  html du forum à partir d'un formulaire

l'album

cet album permettrait :

• 1 un affichage direct de l'ensemble des  images
  
  2 de constituer des dossiers
  
  3 de pouvoir afficher individuellement ces dossiers et les images correspondantes
  
  4 d'avoir la possibilité de légender l'image avec deux champs :
    a/ le nom de la plante ou l'intitulé de la photo (en dessous de l'image)
  
     b/ un petit explicatif permettant d'apporter des informations supplémentaires qui apparaîtrait en passant le curseur sur l'image
  
  5 d'afficher l'url bbcode de l'image pour que le membre puisse faire un copier/coller s'il souhaite l'utiliser sur un autre sujet.
  
  6  une possibilité d'agrandir l'image
  

Pour ce qui est de ce mode de fonctionnement, j'ai travaillé il y a peu sur une page html répondant à ces critères. Le code d'origine provient d'un code trouvé sur codepen dont je vous avouerai avoir perdu la trace .

voici le fichier html archivé chez archive host


et une version améliorée avec appel des fiches du forum

Ce dernier est une véritable usine à gaz  

un visuel du rendu final de l'album tel que je l'imagine :

Le formulaire

le formulaire devrait permettre :

• 1 de rappeler le contenu d'un album au cas ou le membre souhaiterait faire des rajouts ou supprimer des images
  
  2 de pouvoir lier les pages html utilisées par un seule membre
  
  3 d'afficher un visuel sans html lors de l'utilisation ou de la modification d'un album
  
  4 de pouvoir envoyer le document modifié directement sur la page html
  
  5 vu qu'il s'agit d'un album de pouvoir uploader l'image à insérer.
  

voici le script que j’utilise sur certains de mes formulaires.

Désolé d'avoir mis le code en hide mais il contient mes identifiants servimg.

ps pour le staff : si vous voulez en faire un tuto pour le reste de la communauté, n'hésitez pas. Ce code m'est d'une grande utilité et, je suppose qu'il sera utile à d'autres

Ce que j'ai à ma disposition

1/ un compte chez archive host (je vous avouerai ne pas savoir s'il est possible  de donner accès au compte à des tiers)
2/ du temps et de la volonté

Merci par avance pour cette aide et votre disponibilité.

ps : rien ne presse. Il s'agit d'un codage qui va demander un très, très gros effort de codage et, il ne manquerait plus que je vous mette la pression  
.

[PêpêcheMascotte]

Coucou

Alors effectivement, c'est une grosse demande, et je ne sais pas si on va pouvoir le faire. Cela dit, on peut toujours essayer de faire un truc qui y ressemble.

Voici à quoi je pense :

1) On crée une zone sur ton forum où les membres déposeraient un code généré par un formulaire. Sur le sujet, le code ne voudrait rien dire. Cependant, si tu vas sur la page html adéquate, il transformerait les messages en album photos un peu comme on le fait avec les badges

2) On aura une page commune, par exemple :
http://tonforum.com/album-photos
qui affichera un album par défaut (par exemple celui d'un admin), mais si tu ajoutes une information précise, par exemple
http://tonforum.com/album-photos?t2525
ça irait récupérer les infos du sujet créé dans le point 1 et ça l'afficherait comme il faut sur la page.

3) Ensuite, on aurait un formulaire qui permettrait aux membres de modifier tout ça, de changer l'ordre des images, etc. et de regénérer le code à aller copier/coller

---

Dans les faits, ça semble possible. Mais dans la réalité...

Est-ce que déjà, ça irait pour toi ? (si c'est compréhensif )

[fascicularia]

Bonjour Pénélope,

tes explications sont parfaitement claires.

Je ne sais si le mode de fonctionnement ne suscitera pas quelques appréhensions de la part de la communauté mais, la seule façon de le savoir, c'est de tenter. Un peu de soutient à ceux qui n'y arrivent pas ne sera pas une chose insurmontable.

Ce que je peux t'assurer c'est qu'un tel codage ne restera pas inusité. Au niveau de la modération, nous constituons fréquemment des photothèques à thématique. Un système de mise en forme sera très certainement apprécié.

si cela peut aider, j'ai un formulaire qui répond aux critères de mise en forme, de l'affichage d'un visuel et de sa trame html :
https://altitudetropicale.forums-actifs.com/h62-formulaire-fiche-de-plante

Au final, on peut partir sur un système tel qu'il a été décrit.

Un grand merci pour cette proposition et pour cette aide (en tout honneur)

[PêpêcheMascotte]

Hello

Je vais essayer de regarder ça dans le courant de la semaine prochaine alors =) voir ce qu'il est possible de faire. Mais ça me parait bien complexe quand meme :/

[fascicularia]

bonjour et merci Pénélope,
il n'y a rien qui presse;vous avez d’autres demandes en attente et, la vie privée prime sur le reste.

Pour faire bref, il ne faut pas se mettre de pression.

[PêpêcheMascotte]

Coucou @fascicularia

Tu saurais me préciser la version de ton forum stp ?

[fascicularia]

Bonjour Pénélope,
le forum est sous phpbb2.

Merci par avance pour le travail en cours.

[PêpêcheMascotte]

Ok d'acc

J'ai commencé à bidouiller des trucs.

http://bidouilles-miettes.forumactif.com/h1-commande-fascicularia?idSjt=8
http://bidouilles-miettes.forumactif.com/h1-commande-fascicularia?idSjt=7
http://bidouilles-miettes.forumactif.com/h1-commande-fascicularia (page par défaut si aucune info à récupérer n'est indiqué)

Pour chacune de ces pages, je récupére les infos qui sont déposées ici :
http://bidouilles-miettes.forumactif.com/f7-forum-1

Est-ce que, dans le principe (pour le moment), ça correspond à ce que tu recherches ?

[fascicularia]

Bonjour Pénélope,
c'est tout bonnement parfait. Je vois que tu as même trouvé le moyen de constituer des albums

Il y aurait- il la possibilité de rajouter le lien bbcode de l'image en dessous de celle-ci ?

Chapeau bas pour ce codage.

[PêpêcheMascotte]

HEllo

C'est ajouté :
http://bidouilles-miettes.forumactif.com/h1-commande-fascicularia?idSjt=8
http://bidouilles-miettes.forumactif.com/h1-commande-fascicularia?idSjt=7

On a donc l'idée de base. Cala dit, je vais devoir travailler encore tout ça, parce qu'on est limité en nombre de caractères/lignes dans un message =) Va falloir que je travaille bien tout ça =)

[fascicularia]

Bonjour Pénélope,
milles excuses pour ce retard dans le suivi de cette demande

C'est tout bonnement parfait       .

Je suis franchement épaté par ce travail de codage    .

Je suis certain que le reste de la communauté appréciera également à sa juste valeur cette nouvelle fonctionnalité.

[fascicularia]

Bonjour Pénélope,
un petit passage rapide pour avertir que je risque de ne pas pouvoir passer pendant quelques jours. Nous avons eu un épisode pluvieux particulièrement important la nuit dernière et, nous sommes en pleine inondation. Le pc qui se trouvait dans une pièce touchée par le sinistre a résisté tant bien que mal. J'ai passé la journée à sécher les composants mais je ne sais s'il ne va pas lâcher d'un moment à un autre (le pavé tactile répond déjà plus ou moins bien).
je passe mardi pour lui faire passer un check-up complet et voir s'il est récupérable. Dans la négative, j’achèterai un nouvel ordi.

[PêpêcheMascotte]

Coucou Stéphane

Oh mince... C'est vrai que j'avais vu à la télé que dans certains coins de France le temps était particulièrement "pourri" en ce moment :/ Bon courage, j'espère que tu n'as pas trop de dégâts quand même et que tout n'est pas foutu :/

Merci de nous avoir prévenu

[fascicularia]

Merci Pénélope,
plus de peur que de dégâts.

Même l'ordi sur lequel j'avais peu d'espoir s'en est presque sorti indemne ; juste le clavier qui a un peu morflé.

Merci d'avoir laissé le topic en attente

[PêpêcheMascotte]

Coucou

Oh ravie de lire que ça n'est pas "si pire que ça" ^^

Pas de souci pour le topic, c'est moi qui suis à la traine ici =) (mais j'avoue que j'ai peu de temps en ce moment :/ )

Faut que je me bouge et que je creuse pour avancer =)

[PêpêcheMascotte]

Coucou

Je suis en train d'avancer un peu sur ta commande et je me demandais quelles infos tu voulais faire apparaitre dans l'album ?

Tout ce qui est indiqué ici ?
https://altitudetropicale.forums-actifs.com/h62-formulaire-fiche-de-plante

Si oui, je pense qu'on va revoir un peu notre truc en faisant :
1 message = 1 fiche

ça sera plus simple à gérer non ?

(fiou ça fait beaucoup de truc à remplir pour faire une fiche mine de rien )

[MävenRâleuse (Admin)]

Hello @fascicularia

As-tu vu la réponse de Miettes ?

[fascicularia]

Coucou

Je suis en train d'avancer un peu sur ta commande et je me demandais quelles infos tu voulais faire apparaitre dans l'album ?

Tout ce qui est indiqué ici ?
https://altitudetropicale.forums-actifs.com/h62-formulaire-fiche-de-plante

Si oui, je pense qu'on va revoir un peu notre truc en faisant :
1 message = 1 fiche

ça sera plus simple à gérer non ?

(fiou ça fait beaucoup de truc à remplir pour faire une fiche mine de rien )

Bonjour Pénélope, Bonjour Mäven,

désolé pour ce retard. les fêtes étant derrière nous, je consacre du temps aux divers forums.

Pour les infos, on ne va pas mettre en relation les fiches et les images contenues dans les albums.

l'annuaire qui a déjà été constituée rempli déjà cette fonction
https://sd-5.archive-host.com/membres/up/22406661265772126/annuaire_complet/annuaire_version__2.htm

Pour les albums individuels, les infos fournis dans le dernier codage sont suffisantes cad :
- un champs pour sous titrer l'image (nom de la plante ou autre)
- un champ explicatif permettant d'apposer un commentaire
- l'url de l'image au cas ou le membre souhaiterait en faire un copier/coller sur un message sans avoir à héberger de nouveau l'image.

En bref, le dernier codage est tout bonnement parfait.

Un grand merci pour votre implication, pour les heures passées à apporter votre aide et, tous mes vœux pour cette nouvelle année

[PêpêcheMascotte]

coucou

Bon je vais voir pour faire le formulaire du coup

Niveau mise en page, je te laisse gérer ça ? Ou tu veux que je m'occupe aussi du style ?

(note pour moi-même : limite caractères FA ~ 65 000 espaces inclus)

[fascicularia]

Bonjour Pénélope,
je me charge de la mise en forme sans aucun soucis.

ps:décidément, je suis toujours à la bourre avec le suivi de cette demande:oops:

[PêpêcheMascotte]

Coucou

Ne t'excuse pas ; je ne suis pas très régulière non plus. J'ai eu pas mal de trucs à faire dernièrement... Logiquement, ça devrait être un peu plus calme et je devrais pouvoir me pencher dessus.

[MiettesRâleuse (Admin)]

Coucou

Je reviens vers toi avec une mauvaise nouvelle. J'ai passé l'après-midi dessus et je ne m'en sors pas. Finalement, c'est bien plus complexe que ce que j'imaginais pour générer un formulaire qui fera le code lui-même...

La seule solution que je peux te proposer c'est de garder le principe de l'album comme je l'ai fait, mais les ajouts/modifications devront être fait à la main par les membres (je ne suis pas sure que ça te convienne...). Je ne peux malheureusement pas en faire plus sans avoir accès à une base de données :/

[fascicularia]

Bonjour Pénélope,
On va essayer la méthode manuelle.

je donnerai un coup de main à ceux qui rencontrent des difficultés. Au pire, si cela est trop complexe, je réserverai la fonctionnalité pour la modération dans le but de créer des photothèques pour la communauté.

Merci en tout cas pour ce travail.

[MiettesRâleuse (Admin)]

Coucou

Allez ! On y va ^^

Une nouvelle zone

Pour commencer, on va créer un nouveau forum qui contiendra tous les topics "album individuel". Ici, il faut obligatoirement que les messages puissent être lu par les invités si tu veux qu'ils puissent voir les albums dans les pages html.

Sur mon forum de test, il s'agit de la zone Commande fascicularia

Un topic de base

ensuite, on va créer un premier topic, celui qui s'affichera par défaut si rien n'est précisé, par exemple :
https://commandes-tambouille.forumactif.com/h1-commande-fascicularia

qui affiche les infos de ce topic.

Le premier message = le pseudo + les catégories

Celui-ci contiendra :
• le pseudo du membre (pour l'afficher dans le titre),
• les différentes catégories.

Il se présentera de cette façon :

Code:

"pseudo": "Zzvkf",
"categories": [
{
"id": 0,
"nom": "Zone 1"
},
{
"id": 1,
"nom": "Zone 2"
},
{
"id": 2,
"nom": "Zone 3"
},
{
"id": 3,
"nom": "Zone 4"
},
{
"id": 4,
"nom": "Zone 5"
}
]

pour le pseudo, c'est assez simple, je ne m'attarde pas. Pour les catégories, chacune devra se présenter de cette façon :

Code:

{
"id": X,
"nom": "Blabla"
}

et elle seront séparées les unes des autres par une virgule.

Le X sera un nombre uniquement qui augmentera de 1 pour chaque nouvelle catégorie.

Le blabla correspond au nom de la catégorie. Il peut contenir du BBcode, des caractères spéciaux mais pas de retour à la ligne.

Les messages suivants : les photos

Les messages suivant contiendront, eux, les différentes photos.

Le second message...

... doit obligatoire commencer par :

Code:

"photos":[

Le dernier message...

... doit obligatoire se finir par :

Code:

]

Entre deux

Pour ajouter une photo, voici un exemple de code :

Code:

{
"nom": "photo 1",
"idCate": 1,
"url": "https://i.servimg.com/u/f74/11/93/85/24/actimi11.jpg",
"description": "blablabla img1"
}

En gros, chaque code doit contenir :
> le nom
> l'id de la catégorie à laquelle l'image appartient
> l'url de l'image
> une description

Et chaque photo doit être séparé par une virgule :

Code:

{
"nom": "photo 1",
"idCate": 1,
"url": "https://i.servimg.com/u/f74/11/93/85/24/actimi11.jpg",
"description": "blablabla img1"
},
{
"nom": "photo 2",
"idCate": 1,
"url": "https://i.servimg.com/u/f74/11/93/85/24/actimi11.jpg",
"description": "Lorem ipsum dolor sit \"amet\", consectetur adipisicing elit. Dolorum, labore fugiat quia! Velit delectus, nemo! Asperiores maxime in sequi facilis minima sit sapiente minus doloremque reiciendis dolorum tenetur, deleniti, soluta!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore fugiat quia! Velit delectus, nemo! Asperiores maxime in sequi facilis minima sit sapiente minus doloremque reiciendis dolorum tenetur, deleniti, soluta!"
},

Par exemple, sur le forum de test, voici le contenu du second message

Code:

"photos":[
{
"nom": "photo 1",
"idCate": 1,
"url": "https://i.servimg.com/u/f74/11/93/85/24/actimi11.jpg",
"description": "blablabla img1"
},
{
"nom": "photo 2",
"idCate": 1,
"url": "https://i.servimg.com/u/f74/11/93/85/24/actimi11.jpg",
"description": "Lorem ipsum dolor sit \"amet\", consectetur adipisicing elit. Dolorum, labore fugiat quia! Velit delectus, nemo! Asperiores maxime in sequi facilis minima sit sapiente minus doloremque reiciendis dolorum tenetur, deleniti, soluta!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, labore fugiat quia! Velit delectus, nemo! Asperiores maxime in sequi facilis minima sit sapiente minus doloremque reiciendis dolorum tenetur, deleniti, soluta!"
},
{
"nom": "photo 3",
"idCate": 0,
"url": "https://2img.net/u/4014/30/77/56/avatars/48-49.jpg",
"description": "blablabla img3"
}
]

---

Attention, les indications d'écriture données ici sont obligatoirement à respecter, sinon, ça ne fonctionnera pas.

Je te propose de faire un premier album avant de faire la suite (et je reste à ta dispo si besoin)

[MiettesRâleuse (Admin)]

Coucou @fascicularia

As-tu vu mon message ?

[Contenu sponsorisé]