pPour la sortie de la version 1.1 de Jelix, je suis en train de faire quelques retouches sur le design du site web jelix.org. Je suis loin d'être un as du web design, de maitriser Gimp ou autre comme un pro, alors j'essaye de m'amuser avec les dernières propriétés CSS implémentées dans Firefox 3.1 qui arrive./p pVoici ce que ça donnenbsp;:/p pimg src=http://ljouanneau.com/var/blog/css/jelixorg_css3.png alt=jelixorg_css3.png style=display:block; margin:0 auto; title=jelixorg_css3.png, dec 2008 //p pSur cette page web (pas encore en ligne), il y a seulement deux imagesnbsp;: le logo en haut à gauche, et le chevron blanc (que l'on ne voit pas..) dans la barre du haut. Le reste, c'est pure CSSsup[a href=http://ljouanneau.com/blog/post/2008/12/04/#pnote-805-1 id=rev-pnote-805-11/a]/supnbsp;:/p ul licodetransform/code pour la rotation des trois boites en bas./li licodetext-shadow/code pour les effets de blur sur les textes dans les boites inclinées./li licodebox-shadow/code pour les ombrages sur ces mêmes boites, mais aussi sur la barre du haut./li licodeborder-radius/code pour tout les coins arrondis./li /ul pEn quelques lignes de CSS j'ai pu réaliser des effets plutôt sympa, alors qu'il m'aurait fallu beaucoup de temps à manipuler un logiciel de dessin, à faire les découpes d'images, à rajouter des balises superflues dans la page, pour finalement faire pareil, voir moins bien (Les boites inclinées, c'est du pur HTML, donc le texte reste sélectionnable, accessible...)/p pBien sûr, dans les navigateurs ne supportant aucun de ces styles, ça fera un peu carrénbsp;:/p pimg src=http://ljouanneau.com/var/blog/css/jelixorg_nocss3.png alt=jelixorg_nocss3.png style=display:block; margin:0 auto; title=jelixorg_nocss3.png, dec 2008 //p pMais à la limite quelle importancenbsp;? La page reste propre, lisible./p pVoilà donc des styles que vous pouvez utiliser dés maintenant sans risque. Lancez vousnbsp;!/p pPS: si vous trouvez vraiment ce design moche, envoyez vos maquettes à laurent at jelix point org :-p Je suis ouvert à toute proposition graphique ;-)/p div class=footnotesh4Notes/h4 p[a href=http://ljouanneau.com/blog/post/2008/12/04/#rev-pnote-805-1 id=pnote-805-11/a] la plupart des propriétés utilisées sont en fait préfixées par -moz- et -webkit- vu que leurs spécifications ne sont pas complètement validées au W3C/p/div

Omnipresence qu’est-ce que c’est ?

Omnipresence est un logiciel dont j’ai déjà parlé indirectement ici, il s’agit du logiciel qui fait tourner Presence.jabberfr.org. Pour ceux qui ne suivent pas, il s’agit d’une petite application pour Jabber permettant d’afficher vos informations de présence Jabber sur une page web. On peut comme ça mettre une petite icône disant si on est connecté, afficher son avatar Jabber, bref plein de petites choses qui a défaut d’être très utiles sont sympathiques.

Nouveautés

Ces nouveautés ne sont pas nouvelles pour tout le monde, il s’agit en fait des améliorations que j’ai faites au cours des derniers mois.

• Intégration de PEP : j’en parlais cet été, omnipresence permet d’afficher la musique qu’on écoute, son humeur et son activité.
• Internationalisation : une grosse partie du code a été revu pour permettre la traduction de l’application. Pour l’instant seul le français et l’anglais sont disponibles. Le choix de la langue est automatique, votre client jabber et votre navigateur annoncent normalement qu’elle langue vous préférez.
• L’export : alors ça par contre c’est vraiment une nouveauté, vu que ça a été codé hier soir. C’est une petite fonctionnalité permettant d’intégrer plus facilement omnipresence dans vos applications.

L’export

Comme je disais donc, l’export permet d’intégrer plus facilement omnipresence dans une applications, notamment dans les applications web. Avant, pour récupérer des informations comme le message d’état, il fallait interroger la page http://presence.jabberfr.org/[hash-md5]/text-fr.txt. Si on voulait récupérer l’humeur il fallait interroger une autre page, et ainsi de suite. Donc si on voulait avoir toutes les informations possibles il fallait demander pleins de page. Maintenant on peut demander une page d’export qui permet d’avoir toutes ces informations dans un format exploitable.

Pour l’instant 3 types d’exports sont supportés :

• L’export XML : http://presence.jabberfr.org/[hash-md5]/export/xml.xml . Cela donne les informations dans un petit fichier XML, facilement lisible dans n’importe quel langage de programmation.
• L’export JSON : http://presence.jabberfr.org/[hash-md5]/export/json , également lisible avec à peu près n’importe quel langage.
• L’export Javascript : http://presence.jabberfr.org/[hash-md5]/export/javascript.js c’est comme l’export en JSON sauf que ça met la valeur directement dans une variable JavaScript, très pratique pour l’afficher avec du JavaScript ensuite.

L’export Javascript

Concrètement pour intégrer omnipresence dans une page web avec l’export javascript vous pouvez faire un truc du genre :

Cela va afficher votre message d’état. Ce bout de script utilise la bibliothèque omnipresence.js, qui permet de se simplifier un peu la vie (même si elle n’a rien d’extraordinaire), l’objet Omnipresence à aussi d’autres méthodes, comme get_mood(), get_tune() et get_activity().

Widget Jabber pour wordpress

A la base je voulais faire un article juste pour parler de ça, je me rends compte que j’ai pas mal divergé sur mon but initial, mais c’est pas forcément un mal.

Il y’a déjà quelques temps j’avais fait un petit plugin pour afficher un widget Jabber dans wordpress, ce plugin utilise Omnipresence. Suite à un changement de la politique de Free j’ai été obligé de le recoder un peu pour qu’il utilise Javascript pour afficher les infos et plus PHP directement. Ce plugin utilise la nouvelle fonction d’export JavaScript d’omnipresence pour fonctionner. Vous pouvez le télécharger là.

A vous de jouer !

Comme vous l’avez vu intégrer omnipresence dans une page web avec du JavaScript n’a rien de compliqué, lancez-vous donc ! Cette intégration est une occasion de parler de Jabber à vos visiteurs qui ne connaissent pas encore.

Billet original de Omega.Votez pour cet article sur le Planet Libre.

pTout le monde connaît bA HREF="http://www.wikio.fr/news/Google" class="deep u"Google/A/b. Par contre, il est peut être utile de rappeler ce qu’est un wiki. Un wiki est une page web que tous les internautes peuvent éditer, c’est à dire modifier, pour y ajouter du contenu, faire des corrections etc. L’exemple le plus connu est Wikipedia, l’encyclopédie en ligne, entièrement réalisée par [...]/ppSource : a href="http://agorad.wordpress.com/" target="_blank"Blog de l'agence Agorad/a (a href="http://www.wikio.fr/subscribe?url=http://feeds.feedburner.com/Agorad" target="_blank"s'abonner/a)/ppExplorer : a href="http://www.wikio.fr/high-tech/internet" target="_blank"Internet/a, a href="http://www.wikio.fr/high-tech/internet/moteurs_de_recherche" target="_blank"Moteurs de recherche/a, a href="http://www.wikio.fr/high-tech/internet/web_2.0" target="_blank"Web 2.0/a, a href="http://www.wikio.fr/high-tech/internet/web_2.0/wiki" target="_blank"Wiki/a/p

Travailler dans le web, ce n’est pas seulement occuper une fonction opérationnelle, produire du contenu ou gérer une boutique en ligne. Il existe des métiers en amont de la production, peu connus et moins visibles, dans lesquels la réflexion et la créativité sont les deux principaux moteurs. C’est une fonction de ce type qu’occupe Damien Douani, responsable marketing développement produits et expérience digitale chez Orange Labs, la division d’Orange qui imagine et invente les usages de demain.

Bon alors Damien, qui es-tu et c’est quoi ce job ?

Je suis Damien Douani, j’ai 33 ans, je vis à Paris, et je travaille chez Orange Labs. Nous avons plusieurs activités, du test produit auprès de panels de consommateurs, à la recherche et développement, en passant par les idées à décanter pour un dernier “dégrossissement” avant commercialisation, ou la publication s’il s’agit d’un service web. Nous avons à la fois “la tête dans les nuages et les pieds dans le marché”.

Comment fabrique-t-on une idée, ou comment la met-on en application ?

J’ai l’habitude de dire que nous partons de la page blanche pour aller à la page web. Nous utilisons différentes phases et méthodes d’innovation, avec un mode de fonctionnement en projet : 5 personnes constituent une petite équipe, nous sélectionnons une idée et nous la faisons mûrir. Cette méthode est propre uniquement à l’explocentre, qui est l’une des divisions de Orange Labs à laquelle j’appartiens.

D’où viennent les idées ?

Les idées viennent potentiellement de partout, de la structure même, voire de tout le Groupe Orange. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.

Qui intervient dans cette phase de maturation ?

Plusieurs intervenants prennent part à cette étape, d’abord l’idée va être travaillée sous différents angles, avec des marketeurs et des sociologues par exemple, puis des premiers tests vont être menés sous forme de focus groups auprès d’un panel de clients types. Ces clients sont réguliers et connus de nous afin que nous ayons un point de référence. Nous organisons ensuite des réunions de créativité avec des clients, encore bien en amont du lancement. Mais il faut surtout citer les designers, qui tiennent un rôle crucial dans notre process de maturation des idées.

Quand décidez-vous qu’une idée devient un “produit” potentiellement viable ?

Une application devient stratégique quand elle a un potentiel d’audience, et donc de revenus, davantage que d’image. J’interviens dans cet échelon intermédiaire où il faut savoir démontrer. Nous sommes alors très proches du modèle d’un incubateur dans la maturation des idées.

Tu occupes cette fonction depuis quand ?

Depuis 3 ans. Avant cela je n’étais pas dans le web mais déjà chez Orange. En fait avant je traitais déjà de web, mais aussi de mobile. Donc je n’étais pas “que” dans le web, mais aussi dans le mobile. Aujourd’hui ce sont surtout les applications web qui m’intéressent, davantage que les produits.

Comment organises-tu ton travail, et quelles sont les qualités requises ?

Je fais beaucoup de veille, je suis les tendances et je m’intéresse à la sociologie. Je picore un peu “Les idées viennent potentiellement de partout, de la structure même, voire de l’extérieur. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.”partout et je conceptualise mes trouvailles. Je suis sur les réseaux sociaux, les blogs, je suis abonné à de nombreux fils RSS mais aussi à des sites plus classiques, je teste de nombreux produits, je suis sur Twitter, Facebook, Plaxo et même les mondes virtuels. Je dois dire que le fait que je sois blogueur moi-même vient indéniablement nourrir mon terreau di’idées.

Concernant les qualités requises, contrairement à ce que l’on pourrait penser, il faut de la méthode, mais aussi savoir se forger des convictions et étayer ses arguments. Bien sûr il faut aussi faire preuve d’une certaine ouverture d’esprit et accessoirement savoir se faire comprendre. Je dirais que le reste est aussi affaire de pif et de feeling, et savoir aussi comprendre les autres. Et ne pas être… trop en avance.

Peux-tu me citer un exemple concret d’application web directement issue d’Orange Labs ?

Il y en a plusieurs, mais je pourrais citer Katoa.com. C’est un site social qui permet de mixer ses contenus personnels. Une idée originale inspirée d’un concept que j’avais découvert en Corée.

• Le site Orange Labs
• Le blog de Damien
• Et son profil Twitter

Article original écrit par Eric et publié sur Presse-Citron, le 04/12/2008. | Lien direct vers cet article | Si vous lisez cet article dans son intégralité sur un autre site que Presse-Citron c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le signaler à son auteur original en cliquant ici | © Presse-citron.net - 2008

Travailler dans le web, ce n’est pas seulement occuper une fonction opérationnelle, produire du contenu ou gérer une boutique en ligne. Il existe des métiers en amont de la production, peu connus et moins visibles, dans lesquels la réflexion et la créativité sont les deux principaux moteurs. C’est une fonction de ce type qu’occupe Damien Douani, responsable marketing développement produits et expérience digitale chez Orange Labs, la division d’Orange qui imagine et invente les usages de demain.

Bon alors Damien, qui es-tu et c’est quoi ce job ?

Je suis Damien Douani, j’ai 33 ans, je vis à Paris, et je travaille chez Orange Labs. Nous avons plusieurs activités, du test produit auprès de panels de consommateurs, à la recherche et développement, en passant par les idées à décanter pour un dernier “dégrossissement” avant commercialisation, ou la publication s’il s’agit d’un service web. Nous avons à la fois “la tête dans les nuages et les pieds dans le marché”.

Comment fabrique-t-on une idée, ou comment la met-on en application ?

J’ai l’habitude de dire que nous partons de la page blanche pour aller à la page web. Nous utilisons différentes phases et méthodes d’innovation, avec un mode de fonctionnement en projet : 5 personnes constituent une petite équipe, nous sélectionnons une idée et nous la faisons mûrir. Cette méthode est propre uniquement à l’explocentre, qui est l’une des divisions de Orange Labs à laquelle j’appartiens.

D’où viennent les idées ?

Les idées viennent potentiellement de partout, de la structure même, voire de tout le Groupe Orange. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.

Qui intervient dans cette phase de maturation ?

Plusieurs intervenants prennent part à cette étape, d’abord l’idée va être travaillée sous différents angles, avec des marketeurs et des sociologues par exemple, puis des premiers tests vont être menés sous forme de focus groups auprès d’un panel de clients types. Ces clients sont réguliers et connus de nous afin que nous ayons un point de référence. Nous organisons ensuite des réunions de créativité avec des clients, encore bien en amont du lancement. Mais il faut surtout citer les designers, qui tiennent un rôle crucial dans notre process de maturation des idées.

Quand décidez-vous qu’une idée devient un “produit” potentiellement viable ?

Une application devient stratégique quand elle a un potentiel d’audience, et donc de revenus, davantage que d’image. J’interviens dans cet échelon intermédiaire où il faut savoir démontrer. Nous sommes alors très proches du modèle d’un incubateur dans la maturation des idées.

Tu occupes cette fonction depuis quand ?

Depuis 3 ans. Avant cela je n’étais pas dans le web mais déjà chez Orange. En fait avant je traitais déjà de web, mais aussi de mobile. Donc je n’étais pas “que” dans le web, mais aussi dans le mobile. Aujourd’hui ce sont surtout les applications web qui m’intéressent, davantage que les produits.

Comment organises-tu ton travail, et quelles sont les qualités requises ?

Je fais beaucoup de veille, je suis les tendances et je m’intéresse à la sociologie. Je picore un peu “Les idées viennent potentiellement de partout, de la structure même, voire de tout le Groupe Orange. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.”partout et je conceptualise mes trouvailles. Je suis sur les réseaux sociaux, les blogs, je suis abonné à de nombreux fils RSS mais aussi à des sites plus classiques, je teste de nombreux produits, je suis sur Twitter, Facebook, Plaxo et même les mondes virtuels. Je dois dire que le fait que je sois blogueur moi-même vient indéniablement nourrir mon terreau di’idées.

Concernant les qualités requises, contrairement à ce que l’on pourrait penser, il faut de la méthode, mais aussi savoir se forger des convictions et étayer ses arguments. Bien sûr il faut aussi faire preuve d’une certaine ouverture d’esprit et accessoirement savoir se faire comprendre. Je dirais que le reste est aussi affaire de pif et de feeling, et savoir aussi comprendre les autres. Et ne pas être… trop en avance.

Peux-tu me citer un exemple concret d’application web directement issue d’Orange Labs ?

Il y en a plusieurs, mais je pourrais citer Katoa.com. C’est un site social qui permet de mixer ses contenus personnels. Une idée originale inspirée d’un concept que j’avais découvert en Corée.

• Le site Orange Labs
• Le blog de Damien
• Et son profil Twitter

Article original écrit par Eric et publié sur Presse-Citron, le 04/12/2008. | Lien direct vers cet article | Si vous lisez cet article dans son intégralité sur un autre site que Presse-Citron c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le signaler à son auteur original en cliquant ici | © Presse-citron.net - 2008

Travailler dans le web, ce n’est pas seulement occuper une fonction opérationnelle, produire du contenu ou gérer une boutique en ligne. Il existe des métiers en amont de la production, peu connus et moins visibles, dans lesquels la réflexion et la créativité sont les deux principaux moteurs. C’est une fonction de ce type qu’occupe Damien Douani, responsable marketing développement produits et expérience digitale chez Orange Labs, la division d’Orange qui imagine et invente les usages de demain.

Bon alors Damien, qui es-tu et c’est quoi ce job ?

Je suis Damien Douani, j’ai 33 ans, je vis à Paris, et je travaille chez Orange Labs. Nous avons plusieurs activités, du test produit auprès de panels de consommateurs, à la recherche et développement, en passant par les idées à décanter pour un dernier “dégrossissement” avant commercialisation, ou la publication s’il s’agit d’un service web. Nous avons à la fois “la tête dans les nuages et les pieds dans le marché”.

Comment fabrique-t-on une idée, ou comment la met-on en application ?

J’ai l’habitude de dire que nous partons de la page blanche pour aller à la page web. Nous utilisons différentes phases et méthodes d’innovation, avec un mode de fonctionnement en projet : 5 personnes constituent une petite équipe, nous sélectionnons une idée et nous la faisons mûrir. Cette méthode est propre uniquement à l’explocentre, qui est l’une des divisions de Orange Labs à laquelle j’appartiens.

D’où viennent les idées ?

Les idées viennent potentiellement de partout, de la structure même, voire de tout le Groupe Orange. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.

Qui intervient dans cette phase de maturation ?

Plusieurs intervenants prennent part à cette étape, d’abord l’idée va être travaillée sous différents angles, avec des marketeurs et des sociologues par exemple, puis des premiers tests vont être menés sous forme de focus groups auprès d’un panel de clients types. Ces clients sont réguliers et connus de nous afin que nous ayons un point de référence. Nous organisons ensuite des réunions de créativité avec des clients, encore bien en amont du lancement. Mais il faut surtout citer les designers, qui tiennent un rôle crucial dans notre process de maturation des idées.

Quand décidez-vous qu’une idée devient un “produit” potentiellement viable ?

Une application devient stratégique quand elle a un potentiel d’audience, et donc de revenus, davantage que d’image. J’interviens dans cet échelon intermédiaire où il faut savoir démontrer. Nous sommes alors très proches du modèle d’un incubateur dans la maturation des idées.

Tu occupes cette fonction depuis quand ?

Depuis 3 ans. Avant cela je n’étais pas dans le web mais déjà chez Orange. En fait avant je traitais déjà de web, mais aussi de mobile. Donc je n’étais pas “que” dans le web, mais aussi dans le mobile. Aujourd’hui ce sont surtout les applications web qui m’intéressent, davantage que les produits.

Comment organises-tu ton travail, et quelles sont les qualités requises ?

Je fais beaucoup de veille, je suis les tendances et je m’intéresse à la sociologie. Je picore un peu “Les idées viennent potentiellement de partout, de la structure même, voire de tout le Groupe Orange. Nous montons alors un dossier d’opportunité afin de valider la pertinence de l’idée et la transformer en projet.”partout et je conceptualise mes trouvailles. Je suis sur les réseaux sociaux, les blogs, je suis abonné à de nombreux fils RSS mais aussi à des sites plus classiques, je teste de nombreux produits, je suis sur Twitter, Facebook, Plaxo et même les mondes virtuels. Je dois dire que le fait que je sois blogueur moi-même vient indéniablement nourrir mon terreau di’idées.

Concernant les qualités requises, contrairement à ce que l’on pourrait penser, il faut de la méthode, mais aussi savoir se forger des convictions et étayer ses arguments. Bien sûr il faut aussi faire preuve d’une certaine ouverture d’esprit et accessoirement savoir se faire comprendre. Je dirais que le reste est aussi affaire de pif et de feeling, et savoir aussi comprendre les autres. Et ne pas être… trop en avance.

Peux-tu me citer un exemple concret d’application web directement issue d’Orange Labs ?

Il y en a plusieurs, mais je pourrais citer Katoa.com. C’est un site social qui permet de mixer ses contenus personnels. Une idée originale inspirée d’un concept que j’avais découvert en Corée.

• Le site Orange Labs
• Le blog de Damien
• Et son profil Twitter

Article original écrit par Eric et publié sur Presse-Citron, le 04/12/2008. | Lien direct vers cet article | Si vous lisez cet article dans son intégralité sur un autre site que Presse-Citron c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le signaler à son auteur original en cliquant ici | © Presse-citron.net - 2008

Salut,

Vous voyez souvent écrit en commentaire suite à un lien posté vers une petite vidéo au format flash que “flashçapucestpaslibre“, et bien, j’ai découvert ce site francophone, Theora Sea, où il est possible de mettre en ligne facilement ses vidéos au format libre Theora.

Voici un aperçu de la description du site :

“Theora Sea est un espace de partage de vidéo. Cet espace se résume à un annuaire de liens pointant vers des vidéos distantes, il ne s’agit en aucun cas d’un site d’hébergement de vidéo.
Vous ne pouvez donc proposer que des vidéos que vous hébergez vous-même ou que vous hébergez par l’intermédiare d’un service tiers. (suivez ce lien pour en savoir plus sur la philosophie du site)

Si vous ne savez pas où héberger vos vidéos, vous pouvez utiliser un compte chez Blip.tv ou Archive.org ou encore, créer un espace web sur n’importe quel service d’hébergement de site web.” (lire la F.A.Q pour plus de renseignements)

La lecture des vidéos se fait très facilement. J’ai pour ma part, testé avec le navigateur Firefox associé au MPlayer-plugin mais il est également possible de les lire avec le logiciel player web ITheora (logiciel libre sous licence GPLv3) et également possible de détacher le lecteur de la page web.

Les vidéos sont classées par thèmes, voici quelques exemples de ce que l’on peut trouver :

• Humour
• Musique
• Film - Animation
• ...

Un nuage de tags vous permettra aussi de repérer les thèmes les plus abordés (logiciels libres, Stallman, ...)

Bref, à utiliser, je pense, sans modération

Billet original de Fredg.Votez pour cet article sur le Planet Libre.