Quelqu'un sait comment générer des filtres #MAVOIX sur photo de profil Facebook ?

Ayé, je crois que j’ai les éléments php voulus maintenant, je vous propose un prototype sans doute dans la soirée. :slight_smile:

1 « J'aime »

Bonjour,

Je suis nouveau ici (premier post sur ce forum). Développeur web (PHP/MYSQL/JS), je maîtrise également assez bien Photoshhop. Je propose mon aide sur le forum uniquement pour l’instant (j’espère pouvoir me libérer un peu plus d’ici le printemps). Hésitez pas si vous avez des questions.

Bon courage !! :slight_smile:

Hop, le prototype : http://bradylogist.info/cgay/mavoix/

Erreur a l upload de l image. As tu des conditions de resolution et de format (png,jpg,gif,svg) pour l upload? C’est genial de faire ca @cgay

Oui pareil ( et merci également de faire ça :wink: )
Ajout de « #MAVOIX » sur une image

Erreur lors du transfert :
UPLOAD ERROR
UPLOAD ERROR : ERREUR LORS DE LA COPIE DU FICHIER

Avec une photo iphone ( je pense soit à un problème de poids a verifier dans php.ini max_upload_filesize si l hebergeur le permet, soit un problème de droit en ecriture sur le dossier temporaire)

Alors bizarre @Sly et @TomMorey : pour moi ça marche à chaque fois. Je suis sur PC (Linux). Mes fichiers sont des jpg ou des png (comme indiqué sur la page, j’impose cette extension). Il y a une limite d’upload size, mais pas gênante en l’occurrence. @TomMorey est-ce que l’iphone conserve l’extension du fichier ou bien il la masque ? Peut-être devrais-je tester le filetype plutôt que l’extension du fichier. J’ai mis une image d’exemple pour vous prouver que je n’ai pas rêvé ! :wink: Question dimension de l’image il n’y a pas de limite basse (je crois, mais je n’ai pas testé). Par contre si c’est trop petit (par exemple 70px de large), les caractères ne sont pas incrustés (uniquement le rectangle grisé en surimpression). Sinon, pour info, j’ai mis un rapport fixe (arrondi à l’entier) entre la largeur de l’image et la hauteur du rectangle (7/40) ainsi qu’entre la largeur toujours et la taille de caractère passée en argument (rapport 6/40).

1 « J'aime »

Ce matin tout marche nickel ! Aussi bien PC qu’avec l’Iphone :slight_smile:

Je propose de reprendre un peu le visuel de l’affiche (couleur et typo) et d’insérer la photo dedans après un recadrage automatique au format carré au centre de l’image. Si ça vous va, je vais demander l’affiche au format PDF sur le Facebook (à moins que quelqu’un l’ait ici ?) et faire un PNG qui puisse servir de masque.

Pour le côté PHP, je file également un coup de main si besoin (la librairie GD inclue dans PHP devrait suffire pour recadrer et superposé la photo de l’utilisateur sur le masque). Je pense que je peux écrire un bout de script qui fait le +/- le job.

Niveau interface hésite pas également à demander de l’aide si besoin (je pense à notamment à une interface responsive avec bootstrap, et du jquery (+ plugin toastr) pour les messages d’erreur et/ou de confirmation.

Bonne journée !

Ok ca arche ce matin :thumbsup:, ce que je verrai bien en plus :

  • permettre d ajouter un texte personnalisé en plus de #MaVoix.
  • pouvoir generer un avatar au Format Facebook rendant lisible le layer ajouté
  • pouvoir generer un fond de mur Facebook.
  • proposer plusieurs Layer (affiche, texte custom, just #MaVoix en horizontal, juste #MaVoix en vertical, juste un logo)
  • pouvoir manipuler l image uploader (recadrage, zoom rotation)
  • afficher un apercu un peu plus dynamique :slight_smile:

On est sur la bonne voie :kissing:

Ahahah. Il a proposé de faire cabane, on lui demande un château là ^^.

Blague appart bien d’accord avec tes remarques @Sly, je pense qu’on peut faire ça en étape. Commencer par le recadrage automatique et rajouter les options au fur et à mesure.

Pour le textes personnalisés, je pense que sur une photo de profil c’est un peu petit, par contre OK pour le fond de mur.

@cgay si on veut retrousser nos manches à plusieurs on s’organise comment ? un idée ? (Sachant que je me répète sur mon manque de dispo pour vraiment « gérer le truc » et j’en suis désolé, mais aucun problème pour filer des coups de main ! Surtout que je pense l’outil super important pour interpeller les gens sur Facebook.

Autre chose, concernant l’utilisation. ca pourrait être intéressant qu’on se coordonne un minimum pour l’utilisation du module à son lancement. Je veux dire par là qu’on essai d’être un maximum à basculer nos photos profils dans un même laps de temps assez cours. Peut-être idem sur twitter avec le Hashtag #MAVOIX ? (si on remonte en trending topic on a tout gagné :slight_smile: )

1 « J'aime »

@Sly @TomMorey pour s’organiser, le mieux c’est qu’on corresponde tous les trois par mail à mon avis. Vous trouverez facilement le mien chez ouvaton ou chez paris-diderot.
Mon script est actuellement techniquement moche. C’est un php simplifié à partir d’un truc plus complet de passe-plat donc il reste des trucs qui ne servent à rien. Dans ce php j’ai inséré des appels à du bash car c’est ça que je connais (donc pas de souci bien sûr pour que Tom tu bascules en GD, après l’ergonomie en détail ce n’est sans doute pas crucial mais bon).
Dans l’immédiat c’est facile pour moi de faire plusieurs options différentes. J’oublie pour l’instant l’incrustation inverse de la photo dans le miroir de l’affiche. Je vais essayer de faire tout de suite : plusieurs formats d’un coup d’incrustation du texte unique #MAVOIX en plusieurs taille et à deux endroits différents (haut et bas).
Une fois que l’utilisateur a ce résultat sous les yeux, on peut lui proposer de faire un truc plus personnalisé où il choisit un texte, une grosseur et un positionnement.
Mais dans le 1/4h que j’ai maintenant j’essaie de faire déjà quatre trucs automatique : haut, bas, petit, gros.
Je ne posterai pas ici après : pas le temps.
Cyprien.Gay

Edit. C’est presque bon. J’ai perdu le rectangle gris. Pour le haut il faut régler le positionnement.

2 « J'aime »

Voilà @Sly @TomMorey il y en a déjà quatre qui fonctionnent : http://bradylogist.info/cgay/mavoix/
Le src est en lien.

2 « J'aime »

Merci. Je suis en déplacement jusqu’à lundi. Je regarde des que possible. J ai bien trouvé ton mail, je te donnerai le mien en te contactant :slight_smile:

Salut, J’ai pu regarder (télécharger les src). Je suis parti sur un truc du coup (Bootstrap+GD) ^^ (j’ai un peu de temps là :D)
Je reviens vers vous rapidement.

1 « J'aime »

Bon j’y suis presque … au début :stuck_out_tongue:
http://www.carbone-communication.fr/mavoix/
(Ce nom de domaine correspond à rien, le projet de boite derrière a été abandonné)

Pour moi, il manque :

  • les fonctions de rotations de l’image
  • les fonctions de textes (je veux bien qu’on discute du besoin ? parce qu’au final, je suis pas sûr de savoir ce que je dois faire ?)
  • des bugs … (surtout au niveau de l’outil de recadrage … qui déconne complet sur mobile et une fois sur deux sur pc, il faut changer de plugin, celui que j’ai utilisé est un peu viellot)
  • Revoir des problème graphique (surtout sur mobile)
  • Évidement une phase de test :wink:

Voila le resultat chez moi : (trois format pour l’instant) :

MUR FACEBOOK :
<img src="/uploads/mavoix/original/1X/35f98fb8390cecdd84cc2e9b3b78fa67556eaf1c.png" width=300" >

PROFIL FACEBOOK/TWIITER :

AFFICHE :

Les sources : @cgay je t’envoi le lien par mail, @Sly (pareil si tu me communiques ton mail)

Mon hébergement est à chié ^^, si @cgay peut l’héberger ailleur c’est cool, faut juste mettre le répertoir tmp en 777 et jeter un oeil au fichier de config pour les limitations si besoin)

REFLEXION DU SOIR : Je pense qu’il faut qu’on fasse à gaffe aux options qu’on propose sur le texte personnalisé, faudrait pas que le message soit détourné.

Ok effectivement j’ai testé sur mobile et l upload marche pas. Mais ca a vraiment l air prometteur!
Pour le texte personnalisé c’est parce que chacun au debut proposait d afficher un texte en plus du logo et donc pour permettre a chacun de le faire je proposais d avoir une entrée formulaire de texte pour personnaliser son portrait. Ca n’a pas de sens de limiter le texte, si quelqu un veut mettre un texte qui divague il peut le faire avec Paint. Ce qu on peut faire c’est :

  • proposer une liste de textes existant
  • « hacker l an en juin 2017 »
  • « Nous sommes celles et ceux… »
  • proposer de personnaliser le texte ( limite de caracteres pour que ca passe)

On se fait un hangout si vous voulez cette semaine?

Ok, pour le menu déroulant avec les textes. Faudra réfléchir à la mise en page sur l image finale (peut-être faire ce texte sur un seul format d image, spécifique et adpaté ?)

Ok pour le hangout cette semaine pour moi.

Pour les bugs mobile, je pense avoir un problème d hébergement aussi, parceque l upload devrait fonctionner … je regarde ça quand j ai un moment ( je sais pas du tout quand :cry:)

Mercredi soir pour le hangout?
Pour le format de sortie ca me semble logique qu il soit fixe, (extension du fichier, resolution=preco facebook, taille de police fixe mais texte limité ou taille de police adaptative mais la ca devient chaud…)
C’est quoi les prerequis pour l hebergement? On peut essayer de mettre cette demo sur un serveur mavoix direct peut être ?

1 « J'aime »

Bonsoir,

Je viens de mettre en ligne une nouvelle version (qui fonctionne sur mobile + outil de rotation).
Toujours sur la même adresse :
http://www.carbone-communication.fr/mavoix/

Pour moi tout est censé être OK pour une démo en tout cas (perso j’ai des problème de chargement sur ce serveur, des fois les images ne partent pas :confused: , mais quand je suis sur mon serveur local de développement j’ai pas de souci, donc je crois que c’est un prob de connexion de mon côté).

Je vais réfléchir à truc pour les textes quand j’ai le temps (ça se gère la police adaptative, mais ca peut être un peu casse pied ^^). pour la mise en forme je propose une espèce de bulle un peu carré lié à la photo … dans ce genre (mais je vois pas trop pour l’utilisation … à quoi ca sert ? ) :

Je ne sais pas qui s’occupe du serveur mavoix. Perso, je pense que ca serait effectvement bien de l’héberger dessus (avec un lien d’accès sur le site). Les prérequis dépendent juste du nombre de personnes et de la taille des images qu’on veut pouvoir traiter… mais en bref, faut tester… (Pas besoin de "beaucoup de place, le script supprime les images au fur et à mesure pour nettoyer le disque) J’ai cru comprendre qu’il y avait des hangouts le lundi soir. Je ne suis pas dispo demain, et je ne sais pas comment ça se passe. Mais faudrait peut-être en parler à ce moment là ?

Je suis dispo Mercredi soir normalement (idéalement vers 19h je pense, mais je suis flexible, même tard).

3 « J'aime »

Je crois que je viens d’identifier mon bug de chargement. Il faut attendre un peu avant de cliquer sur le premier bouton « suite » après avoir chargé la photo. Je pense que je sais pourquoi et ce qu’il faut faire, mais j’ai plus le temps là. donc en bref, pour l’instant, n’allez pas trop vite :wink:

1 « J'aime »