Les WIDGETS : des briques pour nos sites web

[james]

Bonjour mes amis,

Sans y faire trop attention on croise régulièrement sur des blogs et autres (micro-blogs, réseaux sociaux, etc ...)
de ces petites "fenêtres/visualiseurs" ... je ne sais pas trop comment qualifier cela, bref, une zone dans la page qui a quasiement tout du petit site web : des onglets, des (micro) pages avec texte et images, des diaporamas avec des (micro) photo, des vidéos, des liens, etc ...

Même comme juke-box audio (ce n'est que l'image car je teste un autre player-audio
pour le groupe de jazz dans lequel je joue (la jazz compagnie), un peu plus bas
et il serait désagréble d'avoir deux player qui jouent en même temps dans le même post !) :



Voila le code en reserve avec des "-" à enlever en cas de besoin)
[-flash(425,371)]http://farm.sproutbuilder.com/52594/load/OAAYqvJIAGeFFVwO.swf[-/flash]


Je viens d'en tester un : SPROUT (oui, je sais nos amies "ass'mat" vont penser que le nom, en français, fait penser à autre chose ...)

C'est un service en ligne (web 2.0 comment avez vous deviné ?)
Hébergé en ligne (avantages et inconvénients qui vont avec : pérénité, qualité ...)

Assez simple à construire en quelques minutes.

Et, une fois fait, eh bien on peut le mettre en ligne sur l'un de ces services (si l'on fait partie des geeks/ados/... bref de ceux qui trouvent tout ces services "évidents" ... je laisse à votre appréciation ...) :




ou, pour les ceusses qui ne sont pas à la fois en twitter-micro-blogging, en facebook, en myspace, en ...
eh bien, ouf ! on a un un bout de code que l'on peut inclure tout simplement dans une zone html (Cari par exemple)

Voila le service : http://sproutbuilder.com/

Voila le petit test que j'ai fait sur page "Cari" : CLIC



Cordialement
.

[james]

Re-bonjour mes amis,

On peut faire encore plus fort !

CARTFLY : un éditeur en ligne qui permet de réaliser des mini-boutiques que vous pouvez encapsuler un peu partout (blog, page MySpace…) !

http://www.cartfly.com/

Voila un exemple (ce n'est pas une image ... passez votre souris au dessus, vous allez voir ... et ... cliquez sur les onglets !)



Cordialement
.

[james]

Re-re-bonjour mes amis,

J'avais pas fait bien attention, mais ... cela fleurit pas mal par les temps qui courent ...
Le powerpoint (ou son équivalent open-office) passé en flash et que l'on peut inclure en widget (olé !)

http://www.slideshare.net/

[passez votre souris, sur la partie droite ou gauche et cliquez]



Cordialement

[james]

Bonjour mes amis,

... je fais juste un petit test d'un player audio que j'essaye de mettre au point pour le groupe de jazz dans lequel je joue ...
NB : on peut mettre le player directement dans un email, mais, pour l'instant, il ne s'ouvre qu'une seule fois à la première lecture de l'email, et après, plus rien ... à éclaircir ...

Mais, dans un blog ou un forum, cela a l'air fiable ...
... euhhhhh ... vous pouvez couper le son en cliquant sur le haut-parleur, bien sûr !

Test ci-dessous :



Cordialement
.

[jmj]

ah ben non! on ne va pas couper le son!!
félicitations pour le groupe!
c'est toi qui a réalisé le joueur "aquarellé"?

[james]

Bonjour Jean-Michel,

Oui, c'est moi qui ait peint le joueur. Comme je vois que tu t'y connais, c'est bien aquarellé, enfin c'est un lavis fait à l'encre de stylo Waterman sur un coin de table en moins de deux minutes. J'aime beaucoup les esquisses/croquis, même si je pratique rarement.

Cordialement
.

[jmj]

j'aime aussi beaucoup le travail à l'aquarelle que j'ai délaissé depuis pas mal de temps au profit de réalisations à l'aide de l'informatique, je regrette un peu d'avoir arrêté et je vais m'y remettre car l'informatique est irremplaçable certes, mais la spontanéité et le geste du travail au pinceau sont bien plus précieux.

[james]

Bonjour Jean-Michel,

As tu monté une galerie virtuelle sur internet de tes anciennes aquarelles ? Et sinon, envisgaes tu d'en monter une pour celles à venir ?

Cordialement
.

[jmj]

j'ai fait il y a 4 ans une expo, j'ai donné tous les tableaux mais il me reste quelques photos, je finis le site que j'ai en cours et me remets à une expo que j'ai en tête depuis un moment (disons deux thèmes plus exactement que je souhaite développer).
Effectivement j'aimerai faire quelque chose en ligne, ce doit être sympa ne serait ce que pour montrer à des amis ou des gens à qui l'on propose ses services.

[james]

Bonjour mes amis,

Un autre ... avec des possibilités très très nombreuses, il faut aller voir pour entrevoir ... y sont fous ces jeunes du web 2.0 !

http://www.vuvox.com/

Voila un exemple bricolé en quelques minutes à partir de ce que j'avais sous la main,
vous pouvez cliquer sur les vignettes ...
et ... cliquer sur le haut parleur pour baisser le son qui tourne en boucle !



Cordialement
.

[OdWeb]

Bonjour James.
Simple et joli semble-t-il.
Juste un bémol à mon gout, ce n'est pas hébergé en local mais chez vuvox. Il faudra que je finisse quand même à m'y résoudre
Bonne journée !
Amicalement.

[james]

Bonjour mes amis,

[N'oubliez pas de couper le son de tous les posts ci-dessus pour ne pas être envahi par la cacophonie ! ]

Et encore un autre !

La encore, beaucoup, beaucoup de possibilités ...

http://www.rockyou.com/



Cordialement

[Emilio]

Un petit air de "confirmation" James ?
C'est toi ?

[james]

Non Emilio,ce n'est pas moi (au saxophone).
Je suis au piano derrière.

[james]

Bonjour les amis :

Une mine de widgets.
Photos (albums, diaporamas ... bien sûr), sondage, chat, répondeur vocal,
magazine en flash, musique (votre musique), carte de visite, dessins animés (les votres),
et même une horloge des marées (Sitolip, si tu nous écoutes ... l'Estuaire ?)

<--- ce n'est pas une image, c'est vraiment les horaires du jour ! (et c'est cliquable)


Bref, vous rêvez d'un widget qui ferait ... vous avez une bonne chance que cela existe !
Cela provient des outils "Jimdo".
(rappel : pour se faire un site en ligne en deux temps trois mouvements, voir topic sur ce sujet)

http://fr.jimdo.com/outils/

Ah ! tenez un autre : "smartclip" : http://www.jimiishappy.com/index_fr.html

Cordialement
.

[sitolip]

Sitolip est tout ouïe, James.

Pour l'estuaire, mon cher James, bonne idée, la marée étant le souci numéro un de tout navigateur sur l'estuaire, quelle que soit son embarcation ; voir à ce sujet Les aventures nautiques extraordinaires de Jean-Bernard Forie :
http://estuairegironde.net/est/navig/navig-0.html

Bonne idée, donc ! La meilleure preuve étant que j'y pense depuis près de deux ans mais je ne sais pas trop comment m'y prendre car il y a un problème... de taille. Mais tu auras, ou quelqu'un ici aura peut-être une idée pour le contourner, c'est pourquoi je me permets d'en parler, au risque de raser la grande majorité (et que celle-ci veuille bien me pardonner).

Le problème : quand on parle de marée, ce n'est pas à l'estuaire administratif -de Cordouan à Ambès- qu'il faut penser. Quand on parle de marée, il s'agit de l'estuaire géo-physique, en partie fluvial. La marée se fait sentir sur la Garonne au moins jusqu'à Saint-Pardon (au-delà de Langon), et sur la Dordogne au moins jusqu'à Saint-Sulpice-de-Faleyrens (au-delà de Libourne). A 150 kms de l'embouchure.
Oui, et alors ? Alors, eh bien, de loin on pourrait penser que l'heure de la marée est partout la même dans l'estuaire. Quelle erreur ! Il y a environ 5h30 d'écart entre Royan et Libourne : quand la marée est haute à Royan, elle est basse à Libourne, et inversement.

Il faut donc donner l'heure de la marée en de multiples endroits de l'estuaire, pratiquement à chaque port connaissant un peu de trafic estuarien. Soit Royan, Saint-Georges-de-Didonne, Le Verdon, Meschers, Talmont, Mortagne, Saint-Ciers, Pauillac, Blaye, Lamarque, Bourg, Ambès, Bassens, Bordeaux, Libourne, etc. (et coetera par diplomatie pour les 25 ports non cités). La marée met, en moyenne, plus de 3 minutes pour franchir deux points distants d'un malheureux mille marin. Il s'agit pourtant d'une vitesse très respectable (20 noeuds) que peu d'engins flottants peuvent se targuer de maintenir sur cette surface liquide traîtresse.

J'avais pensé faire une carte de l'estuaire, et y faire figurer les heures de haute et basse mer en chacun des ports cités ci-dessus.
Un truc du genre de la carte des balades-nature, voir http://estuairegironde.net/est/carte/balades-nature.htm
Un clic sur le repère figurant un port provoquerait l'affichage du widget-marée associé à ce port.
Ou mieux, un widget unique dont le contenu correspondrait au port cliqué.
Je confirme: une seule page, une seule carte, un seul widget, dont le contenu dépendrait du port cliqué. Je ne veux pas avoir à calculer les marées (pas encore fou !), juste récupérer l'info fournie par le widget.
Peut-on échapper à l'écriture de javascript ? Tel est le défi qui vous est lancé, chers Piraboostiens, en ce 1er avril de l'an de grâce 2009, et rien à voir avec l'anguille, la lamproie, l'alose, le maigre, ou la chevrette pêchés en Gironde.

[james]

Eh bien, j'ai l'impression que tu es mal barré !
Le widget ne donne que des "grands" ports et on n'a pas accès même par le site
aux horaires des marées en fonction des coordonnées Lambert !
Sur le site officiel de la SHOM peut être ?

A moins d'écrire un javascript qui prenne l'heure à Royan et qui ajoute
une constante pour chaque port, en précisant que l'heure indiquée
est très approximative dans la bulle d'affichage du résultat !

Et poser le problème à la SHOM, peut être ..?

[sitolip]

Mal barré, oui. Et être mal barré sur l'estuaire, c'est le chavirage assuré

[sitolip]

Blague à part, les infos pour un bon nombre de ports estuariens, je peux les avoir par Meteo Consult
http://www.meteoconsult.fr/mar/marees/sommaire_maree.php?langue=fr&id_zone=6
Il resterait plus (yaka) les présenter via l'interface de l'horloge de marée...

[Emilio]

Je me mêle de ce qui ne me regarde pas. Mais si j'avais à faire un truc pareil je penserais plutôt à un API Google map et je rentrerais les infos sur des POIs.
Heureusement que je n'ai pas à le faire !!!
A moins de mettre la répercussion des marées sur la Seine à 240 km du Havre !!! Mais tout le monde penserait à un poisson d'avril non ???

[sitolip]

Bonjour Emilio, on est bien d'accord, c'est à cela que je pense, selon un modèle voisin de celui des Balades-nature citées plus haut. Sauf qu'il devrait être à double détente, je m'explique.

Dans les Balades-nature, l'info pour chaque POI est constante, alors qu'ici elle varie dans le temps, et je n'ai pas les moyens de la calculer.
Il faut donc coder, dans chaque POI, de quoi aller chercher (sur Meteo Consult ou ailleurs) l'info actualisée au moment où on l'affiche. Suis-je t'y clair ?
Comment faire, that's the couestchieune.

Ne crains rien de la marée sur la Seine, elle ne se fait pas sentir bien loin, résultat de travaux réalisés il y a trente ans. Alors que pour la Gironde, 150 kms de l'embouchure, ce n'était pas un poisson d'avril, c'est du quotidien même si le phénomène n'est évidemment pas spectaculaire tous les jours. Un jour par mois, et plus encore aux environs des équinoxes, le mascaret attire des surfeurs venant parfois de loin. Saint-Pardon est devenu célèbre pour cela, même si ce ne sont pas les vagues d'Hawaï

[sitolip]

Bon, mais je ne voudrais pas détourner la vocation de ce topic d'intérêt général, alors que mes problèmes estuariens...

Peut-être pourrait-on déjà répondre à la question : comment faire pour passer d'un widget paramétré de façon constante (horloge-marée de Brest), à un widget (unique) affichant l'horloge pour Brest par défaut, mais Saint-Malo ou Saint-Jean-de-Luz etc., par simple clic du visiteur sur le POI associé. Je n'ai pas vu le sujet traité dans le Forum, mais j'ai peut-être mal cherché.
Ah mais saperlipopette, pourquoi n'y ai-je pas pensé plus tôt ? La réponse est php !

[Emilio]

Bravo !!
Quelques docs alors ?
http://www.journaldunet.com/developpeur/tutoriel/dht/061222-google-maps-api/0.shtml
http://www.phpcs.com/tutoriaux/API-GOOGLE-MAPS_878.aspx
Et pour l'ephemeride...
http://www.touraineverte.com/

En route vers de nouvelles aventures ....