Sylvain et JacintheAprès l’ajout du widget exportable, nous avons décidé de personnaliser Galaxy pour chacun de nos partenaires de contenu, vidéastes et blogueurs.
L’idée est que nous mettons à disposition un widget contenant toutes les vidéos d’un auteur, présentées dans un univers immersif personnalisé selon ses goûts et selon sa charte. Le créateur de contenu choisit aussi le mode de visualisation le plus adapté (anneau, mur ou espace) et le nombre d’étage qu’il veut afficher (1, 2 ou 3).
Son contenu est mis en avant sur la page d’accueil de Galaxy, avec un badge pointant directement sur sa Galaxy, personnalisée de la même manière que le widget.
tKaap Galaxy : Membre “charlimars“
L’innovation est que les auteurs peuvent enfin exporter leur contenu dans un widget à leurs couleurs. Les visiteurs peuvent visionner l’intégralité des vidéos dans un univers qui leur est familier, tout en restant sur leur site. Les plus férus pourrons même à leur tour publiés la Galaxy sur leur blog en récupérant le code du widget :) Bien sûr dans la barre de contrôle, il y a leur logo avec un lien vers leur site.
Des étoiles dans Galaxy !
Nous aimons beaucoup leurs vidéos, ils débarquent dans Galaxy avec leurs univers :
Charlie Mars, Keiro, Le Zapping du Web, RU3 et Patamo.
Retrouvez l’ensemble des auteurs dans un tout nouveau panneau “Contenu”.
Fonctionnement de l’habillage
Dans un soucis d’autonomie graphique, nous avons conçu un fichier XML externe qui nous permet de renseigner les informations de chaque élément visuel correspondant aux différentes personnalisations. La plupart des habillages sont conçues en utilisant plusieurs superpositions et transparences.
- 1 : Fond de couleur uni ou dégradé géré par 2 codes couleurs hexadécimaux
- 2 : Image PNG transparente qui se répète ou non, en abscisse et/ou ordonnée afin de créer un motif
- 3 : Seconde image PNG transparente contenant le logo et divers éléments graphiques
- 4 : Choix d’un thème de couleur appliqué à toute la Galaxy qui permet d’homogénéiser les panneaux et la barre de contrôle
En plus de gérer les différentes couches de fond et les couleurs, nous pouvons personnaliser l’image vierge des pochettes avec des visuels correspondant au thème de l’habillage, changer la couleur du texte, des liens et du player. Enfin, nous ajoutons le logo de l’auteur avec un lien vers son site/blog dans la barre de contrôle.
Par exemple, l’habillage du chanteur -Keiro- :
Vous souhaitez mettre votre contenu en avant dans Galaxy et obtenir un univers personnalisé à vos couleurs ?
Contactez-nous à cette adresse : contact [at] tkaap.com
19 mai 2008 à 14:33
Bien joué, ça commence à ressembler de moins en moins à une démo flex.
J’aime beaucoup l’idée du minimum d’effets, c’est vraiment ce qui fait qu’on a envie de réutiliser l’appli.
A mardi prochain chez les tontons flexeurs.
19 mai 2008 à 18:40
Salut (et merci pour l’email)
Vraiment excellent. On est vraiment immergé dans le monde de l’auteur. D’autant plus qu’ici les thème sont vraiment adaptés. (petit détail: les flèches pour replier les volets, sont souvent nettement moins visibles)
Je pense, par contre, que donner la liberté à l’auteur d’imposer le mode de navigation (1/2/3 lignes) est en trop. Sur Patamoto, je me suis senti frustré de ne pas pouvoir passé sur 2 lignes (qui est ma navigation préférée).
Quand on passe en popular le verso des images repasse en jaune. Mais surtout on ne peut plus accéder au volet “étoiles / partenaires”. Et on ne peut toujours pas ranger le “camembert”.
En fait je verrais plus facilement le camembert à droite comme les informations, ça reste une donnée relative à cette vidéo et je ne comprend pas pourquoi elle est coupée des autres informations. On doit regarder à Gauche et à Droite pour avoir accès à toutes les infos sur une vidéo.
Sinon je trouve la solution de personnalisation vraiment efficace (même si sur une version ouverte, ça risquerais d’entraîner un phénomène “graphisme MySpace” ^^). Tu passe par où pour récupérer les png, ils ne sont pas dans le XML ?
Bonne continuation !
19 mai 2008 à 19:08
@Remi : A enfin quelqu’un qui n’aime pas les effets ! ça fait plaisir ! C’est très difficile de faire comprendre aux gens que le plus utilisable n’est pas forcément le plus joli à voir. La culture “coverflow” des geeks fait que l’on est régulièrement critiqué pour ce choix. On est même à deux doigts de céder… Mais c’est bien de le rappeler, Galaxy n’est pas qu’une démo technologique. C’est un réel outil. Merci ami Flexeur, et rendez-vous mardi IRL.
@Toni : Oui, il est clair que nous avons quelques problème de visibilité des boutons sur certaines skin. Difficile de faire quelque chose qui fonctionne partout sans toucher à la transparence.
Pour le choix du mode de visualisation et nombre d’étage, ils sont modifié lors du chargement de la skin selon les goûts de l’auteur et l’adaptation au nombre de vidéos, mais tu peux toujours cliquer sur les boutons pour modifier à ton tour selon tes préférences.
Sinon, il est normal que le verso des pochettes repassent en jaune en mode popular, puisque c’est la couleur choisi dans la légende pour représentée le nombre de vue. Le module “contenu” se retracte intentionnellement vers la gauche lorsque tu passe en mode popular. Tu verrai plus le camembert à droite ? Ok, mais nous sommes obliger de rétracter le panneau info alors… Pour la dispertion des infos, nous avons volontairement doublé l’affichage du nombre de vue dans le module info pour éviter les aller et retours de gauche à droite.
Cool que cette solution de personnalisation te convienne. Elle n’est pour l’instant pas ouverte, pour justement éviter les dérives à la Myspace que tu connais. Les PNG sont simplement stockés dans des repertoires nommés correspondant au nom de chaque auteur. Ainsi pas de base de données, tout est chargé dynamiquement à la demande côté client.
20 mai 2008 à 10:55
@Sylvain : “mais tu peux toujours cliquer sur les boutons pour modifier à ton tour selon tes préférences.”, quand on est sur une interface personnalisé, le nombre de lignes revient par défaut aux nombre choisit par l’auteur, même si on choisit de changer.
20 mai 2008 à 11:40
@Toni : Ah oui, tu as raison. Grr, je pensai avoir corriger ce bug. Merci pour l’info !