AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Améliorons ForumActif ensemble.

    Partagez
    avatar
    Alzufen
    MasculinAge : 21Messages : 2103

    le Mar 5 Avr 2016 - 15:08

    Salustucru !

    Je vais essayer de ne pas faire un pavé césar pour une fois (ceux qui me connaissent sont sans doute au courant de ma réputation pour en faire. Ayé, je m'égare ça commence mal...) et expliquer les choses clairement et simplement.

    L'idée est simple : Améliorer le ForumActif que nous connaissons, ou plutôt améliorer notre confort, notre quotidien, etc. en tant que membre de forum ou même que fondateur. J'essaye de réaliser des codes en JS (ou CSS quand cela est possible) de manière à remanier certains affichage des forums ou simplement certaines fonctions.

    Bref, si je viens poster ici c'est dans un premier temps pour vous demander votre avis sur quelques codes que j'ai réalisé (pour le moment un notamment, qui est terminé, testé, et fonctionnel) mais aussi savoir si vous n'aviez pas des suggestions, des idées de code à réaliser, et peut-être même recevoir des conseils ou des aides si je planche sur un code.

    Bon, je voulais poster des choses comme "C'est tous ensemble qu'on ira vers un ForumActif nouveau" ou des phrases du genre, mais ça fait très propagande ou quoi donc bon...

    Si le topic marche un peu (j'avouerais que je ne savais pas où le poster) et qu'on me fourni des idées, je me servirais peut-être de ce premier post pour y recenser toutes les idées, les projets, en cours, terminés, les liens vers les LS achevés correspondant, etc. bref pour tout ça.

    Dans un premier temps, je viens vous demander votre avis sur deux codes :

    Notifications

    Le premier est une amélioration du système de Notification, ou plutôt deux améliorations.
    Le but est simple : Rendre les notifications un peu plus indispensable à n'importe quel forum mais aussi plus efficace.


    ¤ La première fonction permet, à la manière des nouveaux message d'une Chatbox, de détecter lorsqu'une notification arrive et de modifier l'onglet en conséquence. L'onglet devient alors "(X) - Nom de l'Onglet", X étant le nombre de notifications non lues. Cette fonction marche sur n'importe quel onglet du forum installé, mais il est possible de la rendre effective que sur l'index par exemple. Elle s'actualise automatiquement dès l'arrivée d'une nouvelle notification, intéressant quand on fait d'autres choses sur le navigateur en étant sur le forum mais qu'on attend une réponse à un de nos topics sans vouloir être spammé d'un Email.

    ¤ La seconde fonction permet, à la manière de Gmail, d'afficher une notification bureau (aussi appelée "Web"). Pour ceux qui utilisent Gmail et se servent de la fonction, celle-ci permet d'afficher une notification sur l'écran de l'utilisateur lorsqu'il reçoit un email si son compte Gmail est ouvert. Cette fonction marche sous autorisation d'afficher les notifications de l'utilisateur, cela peut être par la suite modifié dans les paramètres du navigateur. L'apparence de la notification varie en fonction du navigateur utilisé. Elle est liée aux notifications de ForumActif et affiche donc celle-ci dans l'encart des notifications Web. Elle y affiche un titre "Nouvelle Notification" personnalisable, avec le contenu de la notification reçue (ça peut aussi être personnalisé mais sans intérêt) avec l'image de l'onglet du forum (ça marche que sous Chrome ça, et ça peut être personnalisé) ainsi que le nombre de notification non lues sur le forum (personnalisable tout autant) et en dessous le lien du forum/lien de l'onglet (non personnalisable). Au clic sur celle-ci elle renvoi vers le lien que renvoi la Notification, s'il s'agit d'un MP par exemple, ça ouvre un nouvel onglet avec votre boîte à MP. A l'heure actuel, pour éviter le spam de Notification, si vous avez plusieurs onglets ouvert ou que vous recevez plusieurs notifications en même temps, seule la dernière s'affichera.

    Chatbox

    Le second est une amélioration de la CB. Ce n'est pas le premier code que je cherche à faire touchant à la CB mais ce n'est pas simple. Il est pour le moment effectif uniquement sur petite CB par défaut affiché en haut ou en bas du forum par FA.
    Le but est aussi simple qu'en haut : Permettre une modification complète des messages prédéfinis de la CB


    Pour faire simple, il permet de modifier les messages de "connexion/déconnexion/kick/ban/clear/timeout" tous indépendamment les uns des autres et ceux sans retirer les pseudo, la date, l'heure, le jour, etc. Par exemple, pour le message de connexion vous aurez le message par défaut, mais au lieu d'avoir "Machin s'est connecté" vous pourrez mettre "Machin est entré" la suite du message est identique à la normal (Le jour, l'heure, etc.). Pour un Timeout vous pourrez même changer le "Session Timeout" à la fin, pour le retirer, de plus, vu que le message est "a été déconnecté" au lieu de "s'est déconnecté" vous pourrez personnalisé celui-ci à votre guise en mettant par exemple "a été viré" pour le Timeout. Cette fonction est surtout utile pour les Roleplayer/Rôllistes fous qui souhaitent faire les choses à fond.

    Voilà voilà, j'ai fait un pavé quand même mais c'était pour expliquer les codes, sans ça, je trouve pas le message trop long (a)

    Je souhaiterais donc votre avis car ses codes sont uniquement en JS et donc ils peuvent prendre un peu de poids sur la page, de plus, ils ne sont pas forcément facile à personnaliser pour tout le monde. Ce qui risque de me donner du boulot en plus si je le poste en LS pour bien tout expliquer histoire que les gens ne fassent pas bugger le code. J'attends donc surtout de savoir vos avis pour voir si ça vaut le coup de prendre du temps pour en faire un LS ou non.

    Tchaô ! Bonne journée/soirée aux lecteurs Very Happy

    P.S : Désolé pour la mise en page rustique, on verra pour améliorer ça plus tard peut-être Very Happy



    avatar
    Youp
    FémininAge : 22Messages : 579

    le Mar 5 Avr 2016 - 20:10

    déjà je tiens à dire que ton initiative est excellente ! Je vais tâcher de te donner mon avis, j'espère qu'il te sera utile.

    Les notifications


    J'avoue ne pas avoir tout compris. Pour la première fonction, qu'entends tu par onglet ? Je n'ai vraiment pas saisi cette fonction là. Pour la deuxième, je pense avoir saisi et cela me semble super pratique. ça dynamiserait vraiment les notifications. De ce que j'ai compris, cela fonctionne un peu comme facebook ? Personnellement, lorsque j'ai une notification fb concernant les messages, une petite fenêtre à droite de mon écran s'ouvre pour m'en parler. Si je clique, elle amène directement au lien. Ai-je bien compris ? Ce serait bien de n'axer ces notifications que sur les sujets suivis par contre (mais je pense que c'est ce que tu veux faire, non ?), parce que si je reçois une notification parce qu'on a répondu à mon sujet sur le flood, ça me gaverait bien. Surtout si c'est le jeu du ping pong mwahaha.

    Sinon globalement, pour les notifications, je trouve que ta volonté de les optimiser, de les rendre plus efficace, plus visible est extrêmement louable et utile.

    La chatbox


    C'est trop chouette ! Même si ça relève un peu du détail, du "superflu", j'adore ce genre de petite personnalisation. ça peut amener à des choses très très drôles. Franchement j'approuve à fond ! J'ai un petit souvenir de mes errances sur N-U qui me fait dire que Nihil voulait travailler sur cette fonctionnalité aussi (dans un tuto sur la couleur des messages de connexion/déco il me semble). Si jamais tu veux faire un brainstorming, il pourra t'aider je pense. Avec mes capacités, je ne pourrais pas t'aider en terme de code mais si je trouve des idées, je te les communiquerais ^^ Je vais me répéter mais je trouve ton initiative excellente !



    avatar
    valtena_ethan
    MasculinAge : 26Messages : 414

    le Mar 5 Avr 2016 - 21:07

    A vrai dire, avec des phrases genre "Améliorons ForumActif ensemble", j'ai cru que tu allais nous proposer un projets commun entre plusieurs acteur(type les gros forum d'aide/ gros plublieur de LS) du genre un site qui serait un gros répertoire de plugin et un lien vers le forum s'occupant du support. Donc ça n'aurait pas fait propagande selon moi. Juste trompeur x)

    Sinon pour le script de notification, j'aime bien la modification de l'onglet (enfin du titre de page). Et pour la deuxième solution, je pense que tu ne devrais pas t'embêter avec l'image car ça ne fonctionne que sur chrome.

    L'histoire de la chatbox est ultra superflue. Puis, j'ai un peu de mal avec l'intérêt de changer ses petits phrases qui sont un standart. On se retrouve avec des horreurs d'un point de vu UI. Un Exemple à la con mais remplacer "chatbox" par "tigerbox"... Bon j'ai cherché un moment le moyen d'accéder à la CB et j'y allais car je connais l'url. Je suis persuadé qu' une part non négligeable des visiteurs de NU ne la trouve pas juste pour ça. Si le principe est bon. Je suis assez mitigé sur la légitimité de le laisser faire tant que la communauté confondra graphisme et design.



    avatar
    Nihil Scar Winspeare
    Messages : 4792

    le Mar 5 Avr 2016 - 22:37

    @Youp a écrit:J'ai un petit souvenir de mes errances sur N-U qui me fait dire que Nihil voulait travailler sur cette fonctionnalité aussi (dans un tuto sur la couleur des messages de connexion/déco il me semble).
    En fait, c'était une démarche différente, je l'avais fait en CSS seulement, pas en JS. C'est pas encore totalement au point, et ça demande plus de personnalisation de la part de la personne qui le met en place que simplement modifier un JS (^-^).

    avatar
    Alzufen
    MasculinAge : 21Messages : 2103

    le Mer 6 Avr 2016 - 11:53

    Youp,

    Pour les Notifications, je parle simplement de l'onglet de la page. Il y a un code qui traîne qui permet la même chose avec la Chatbox. Lorsqu'un message est reçu et que la personne n'est pas sur l'onglet de la CB ou du forum s'il est connecté à la CB et qu'un nouveau message arrive dessus (même une connexion/déconnexion), le l'onglet change et alterne entre le nom de l'onglet et message typé choisi, de base c'est un truc style "nouveau message". L'importance n'est pas énorme mais c'est toujours ça de pris, pour le moment il agit même si tu te trouves sur l'onglet, mais bon.

    Pour la seconde fonction, Facebook utilise la même fonction aussi je crois mais sans certitude. En gros c'est à peu près ce que tu dis. Par contre, les deux fonctions sont liés au système de Notification de ForumActif, le système fonctionne comme suit :

    La Toolbar FA est actif, tu reçois une Notification pour un sujet suivis ou un nouveau MP (ça ne marchera donc pas avec ton topic dans le flood si tu ne le suis pas), tu n'es pas sur la page du forum alors ça va t'afficher la notification pour te signaler une réponse à un topic ou un nouveau MP. Après, le hic pour le moment, c'est que déjà si tu as plusieurs onglets la notification va être compté plusieurs fois (même si elle s'affichera qu'une fois au final sur ton écran), de plus, si genre tu es sur le forum, sur un topic mais qu'à côté tu as un lien de l'index d'ouvert, ça va t'afficher la notification quand même. Un soucis qui peut être réglé sans trop de difficulté je suppose mais que je n'ai pas encore fait ^^

    Je n'ai pas poussé le code au maximum non plus, déjà parce que ça reste du JS donc ça peut demander pas mal de ressources à charger. Avant, quand je testais toutes les fonctions du Forum des Forums de FA sur la CB avec mon vieux PC ça mettait du temps à charger la page. Enfin bon, pour ce qui est d'améliorer les notif' on peut imaginer pas mal de choses ^^

    Valthena,

    Bah, ça reste un projet commun en quelque sorte. Après oui, je me propose de prendre les idées et de réaliser les codes, mais tout sera posté en LS sur le forum si ça intéresse des gens, donc au final ça reste un grand partage. Sachant que mes crédits vont toujours à NU uniquement, j'en ai que faire de mettre mon pseudo Razz Après, si quelqu'un trouve une idée ici et veut réaliser le code correspondant que ce soit en JS ou juste en CSS, qu'il le fasse, ça ne m'embête pas. J'ai juste récemment réveillé mon envie de coder, mais... le hic c'est que j'arrête pas de me dire "je ne sais pas quoi" donc voilà. J'ai trouvé quelques idées pour améliorer FA et je voulais voir si d'autres personnes en avait mais aussi les avis sur ce que j'ai déjà réalisé ^^

    J'ai mis la possibilité de prendre l'icône (donc de l'onglet) du forum par défaut en tant qu'Image pour la notification ou de mettre sa propre image malgré tout. J'ai bien remarqué que ça ne marchait que sur Google Chrome vu que j'ai testé avec quasi tous les navigateurs, mais bon. Beaucoup de personnes utilises Chrome, il n'est pas rare de voir un forum opti surtout pour Chrome, etc. Du coup, ça fait un petit plus, et puis, ça viendra peut-être pour les autres un jour Razz

    Je suis d'accord avec toi, mais après c'est un plus, il y a pas mal de demandes, et la version CSS de ce code permettant de changer le message de co/déco était pas mal apprécié lors de son partage. Bien que déprécié par la suite à cause du fait qu'on n'avait pu les pseudo des gens, et qu'on savait pu quand il s'agissait d'un Timeout ou non. Le but est là de palier à ce problème en gardant les pseudo, et certaines parties types du message. Après, je pense que ça peut intéresser des gens mais je n'oblige personne à s'en servir de toute façon.

    Puis, le code ne permet pour le moment pas de personnaliser les couleurs ou quoi, c'est déjà réalisable en CSS pour la connexion/déconnexion, pour le reste, ce serait faisable en JS. Après, pour ceux qui me connaissent, j'ai toujours voué un énorme culte à la CB de FA à tenter de la bidouiller dans tous les sens même en tant que simple membre, donc bon XD

    Nihil,

    Mais en CSS Only tu avais trouvé le moyen de modifier les phrases en gardant quand même les mots clés pour que ça reste compréhensible ou ? A moins que l'idée soit différente de celui du code déjà existant et donc que le but était de faire autre chose que juste afficher une autre phrase ? J'ai essayé de pousser la CB dans ses limites avec mes connaissances en CSS, mais si tu m'apprends qu'on peut faire plus, j'ai du louper un passage XD

    Merci de vos réponses en tout cas, je pensais pas forcément en avoir, et encore moins des réponses formulées ainsi Razz



    avatar
    Nihil Scar Winspeare
    Messages : 4792

    le Lun 30 Mai 2016 - 13:18

    Hello o/

    Youp, si tu veux mieux visualiser le changement de titre de l'onglet dont parle Alzufen, voici un exemple tiré de codes du FdF pour la CB (source) :

    Pour ce qui est des notifications web, je m'y suis intéressée à un moment et au final je trouve souvent ça imbuvable en "vraie" utilisation, c'est plus envahissant qu'autre chose :/

    Bon par contre y a une phrase qui m'étonne un peu :
    @Alzufen a écrit:Je n'ai pas poussé le code au maximum non plus, déjà parce que ça reste du JS donc ça peut demander pas mal de ressources à charger.
    Tu parles de temps de chargement ou de ressources utilisées par le navigateur ? Par ce que bon, un code JS est toujours infiniment petit par rapport aux poids des bannières et autres images sur les forum xD. Dans les codes proposés par le FdF, celui qui je pense peut le plus ralentir c'est "Ajouter les avatars où ils ne sont pas".
    Pour les ressources utilisées par le navigateur, ça dépend vraiment de ce que tu veux faire, mais s'il s'agit de modifier le titre de la page, c'est pas forcément hyper "gourmand" lors d'une nouvelle notif. Les animations CSS par exemples sont parfois une horreur bien pire Rolling Eyes

    Valtena, je suis d'accord qu'il peut effectivement y avoir des dérives, mais là chacun est responsable de ce qu'il fait sur son forum :hum:
    Pour un forum de RP, ou même un event de temps en temps, je trouve ça hyper sympa de modifier les phrases. Par contre, il est impératif de dire aux admins que cela peut causer une confusion chez les membres (qui ne sont pas forcément habitués) et leur recommander de fournir un topic où ils précisent la signification de chaque phrase ou bien où ils préviennent qu'il va y avoir du changement si c'est pour un event. (^__^)
    De toutes les façons, si c'est fait en js, il suffit d'aller sur adresse/chatbox et voilà, on en est débarassé Rolling Eyes
    Certes, le nom Tigerbox n'est pas forcément intuitif (même si c'est trow meugnon), mais cela peut se contrebalancer en faisant un peu plus de designer pour compenser. Par exemple, un truc qui aurait à mon avis bien aidé c'est simplement qu'au survol de Tigerbox il y ait clairement précisé dans le cadre qu'il s'agit de la chabox du forum. ^___^

    @Alzufen a écrit:Nihil,

    Mais en CSS Only tu avais trouvé le moyen de modifier les phrases en gardant quand même les mots clés pour que ça reste compréhensible ou ? A moins que l'idée soit différente de celui du code déjà existant et donc que le but était de faire autre chose que juste afficher une autre phrase ? J'ai essayé de pousser la CB dans ses limites avec mes connaissances en CSS, mais si tu m'apprends qu'on peut faire plus, j'ai du louper un passage XD

    Alors, je m'étais principalement concentrée sur la phrase de connexion si je me souviens bien (même si j'avais aussi fait mumuse avec la déconnexion xD) et on perdait l'information de la fin (l'heure de connexion). Après.... C'est écrit juste devant normalement, donc je ne trouve pas forcément ça trop handicapant Rolling Eyes
    Le seul soucis que j'ai avec ce code CSS, c'est qu'il faut en faire un tuto assez expliqué, on ne peut pas le mettre directement en LS. Ill y a plusieurs petites choses à adapter pour que ça marche niquel sur son forum. ^^

    Sinon du coup je viens aux nouvelles, tu es où pour tout ça ? :)

    avatar
    Alzufen
    MasculinAge : 21Messages : 2103

    le Lun 30 Mai 2016 - 13:54

    Bah pour l'heure ça va encore, c'est surtout le pseudo qui m'interroge en fait... Tu arrivais à garder le pseudo tout en modifiant la phrase de connexion et uniquement en CSS ? Parce que des codes de ce genre il en manque pas mais le défaut c'est que tu n'as plus non plus le pseudo. Tu as quelque du genre "Quelqu'un est parti" à la place, mais tu ne sais pas vraiment qui c'est déconnecté. De plus, en général, le message de Timeout est identique à celui du départ.

    Je l'avais déjà utilisé sur un de mes nombreux anciens forums RP mais le problème c'est que ça devenait invivable avec plusieurs membres entre les Timeout, les vrais déconnexion, et connexion on se retrouvait avec 50 "Quelqu'un est parti" "Quelqu'un est arrivé" ou quoi et on savait pas qui... Je me fis souvent au message de connexion pour savoir qui arrive ou se déco donc voilà XD

    Sinon, pour les ressources tu as raison, mais je trouve que le navigateur met plus de temps à charger la page (C'est de l'ampleur de quelques millisecondes voire secondes après donc c'est pas énorme) plus le code JS est long et gourmand. Peut-être juste dû au fait que je charge souvent plusieurs codes JS sur mon forum test en même temps histoire de les conserver tous au même endroit Razz

    Pour terminer par le "Où ça en est", ça a pas vraiment avancé depuis le premier message. En réalité, en soit, les codes sont déjà assez complet, j'aimerais juste plus d'avis de membres pour savoir leur attentes, leur envies, et l'utilité de la chose.

    Si ça ne sers à personne, je préfère autant les gardes pour moi et faire un peu d'originalité sur mes forums (Ouais, bouuh l'exclusivité c'est mal) mais à l'inverse si ça intéresse des gens j'aimerais le savoir avant. Déjà pour savoir leur envie/attentes vis à vis des codes, histoire de pouvoir éventuellement plus détailler sur la modification d'une certaine partie du code ou me concentrer sur améliorer ci ou ça.

    En bref, les codes sont prêt, j'attendais juste plus d'avis mais pour le coup je suppose que les simples membres en recherchent de code ne viennent pas trop dans le coin et préfèrent les LS Razz

    Si ta question était donc "Ce qu'on fait du topic" tu peux très bien l'archiver, j'ai eu deux avis et c'est déjà pas mal. J'aviserais ensuite si l'envie de me replonger dans ses codes me reviennent et je verrais pour les poster en LS malgré tout puisque j'ai quand même l’occasion d'avoir l'avis de certains personnes externes à NU Razz

    J'avouerais quand même qu'en ce moment je me concentre sur mon forum RP (Nouveau design, amélioration, etc.) qu'autre chose Razz



    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Nov 2017 - 16:51