J'entends et je lis de plus en plus d'articles sur Foursquare, qui est en quelque sorte un jeu basé sur la géolocalisation. Le marketing s'empare de ce jeu pour inciter les utilisateurs à venir dans des lieux et se voir offrir des offres. Mais voyons pourquoi nous pouvons nous intéresser à Foursquare et comment l'utiliser. (Ceci est une première approche de ce que l'on peut en faire)
un bouton "I Like" de facebook dans SPIP
23 avr. 2010
Par @matiasgrenn - réseaux sociaux
Partons de l'article de la ferme du web "comment mettre en place le bouton j'aime de facebook..." pour le compléter et l'adapter à SPIP.
En fait le principe est très simple. Vous allez sur l'API de facebook concernant les boutons "i like". Ensuite vous copiez le code en fonction des options choisies (le code qui nous intéresse est celui de l'iframe et vous le copiez dans votre squelette article.htlm en remplaçant l'url par [(#URL_ARTICLE|url_absolue)] comme dans l'exemple ci-dessous :
Pour suivre un peu les "Like" sur votre site, il suffit d'aller sur le site Like Button et de vérifier sur le nom de domaine ciblé (voir aussi en français quelques explications).<iframe src="http://www.facebook.com/plugins/like.php?href=[(#URL_ARTICLE|url_absolue)]&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:80px"></iframe>
Et aussi un tuto pour installer un bouton facebook partager avec un compteur, voir sur le site de 360kmh.com. Vous pouvez néanmoins, sur spip, ajouter plus simplement le plugin Social Tags qui a l'avantage de ne pas se limiter à facebook !
Un code plus simple proposé par facebook qui permet d'ajouter un bouton partager qui ouvre une fenêtre où l'internaute peut ajouter un commentaire avant de partager le lien sur son mur facebook :
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Réaliser un SMS Wall
14 avr. 2010
Par @matiasgrenn - Tutoriels
C'est un peu l'article et l'application que j'aurais aimé vous écrire et vous présenter (dans l'ordre), mais faute de temps et surtout parce que ça ne rentre pour le moment pas dans le cadre de mon travail, je ne me suis pas investit dans un projet de ce type.
Heureusement, il y a des personnes, comme Hugobiwan Zolnir et Dweez pour les nommer, qui elles prennent ce temps ! Je vous conseille donc fortement d'aller sur le site du SMS WALL où tout est expliqué pour réaliser un mur contributif affichant des SMS et des tweets, où vous trouverez aussi à télécharger les éléments de l'application qu'ils ont développé. Bravo et merci à eux !
Images, Sitemap et SPIP
9 avr. 2010
Par @matiasgrenn - Spip
Comme nous avons pu le lire sur le site d'abondance il est possible de signaler les images dans un sitemap. Nous allons voir comment l'automatiser dans le sitemap de SPIP 2.
(Mise à jour du 22 avril 2010 avec le signalement aussi des vidéos)
(Mise à jour du 3 et 5 mai 2010 avec exemple de fichier sitemap pour spip en PJ et ajout de la fonction url_de_logo dans le fichier mes_fonctions.php)
(Mise à jour du 22 avril 2010 avec le signalement aussi des vidéos)
(Mise à jour du 3 et 5 mai 2010 avec exemple de fichier sitemap pour spip en PJ et ajout de la fonction url_de_logo dans le fichier mes_fonctions.php)
SPIP - automatiser le dewplayer playlist
26 mar. 2010
Par @matiasgrenn - Spip
Dewplayer est un outil en flash pour lire les mp3 encore bien pratique puisque le html5 n'est pas encore supporté partout. Comme il existe un dewplayer playlist, je ne résiste pas à l'adapter à spip pour répertorier tous les documents en mp3 de la base de données.
Un code plus propre avec les sélecteurs CSS3
20 déc. 2009
La partie des CSS3 qui semble défrayer la chronique des blogs et de la presse est la partie la plus bling-bling !!
Des bordures arrondies, de l'ombrage sur les boites et les nouvelles méthodes pour monter des structures de pages web sont des fonctionnalités très attrayantes.
Elles amènent évidemment avec elles une multitude de nouvelles possibilités pour le design web.
À part ça, ce qui m'a vraiment mis en transe en tant que développeur est un peu plus mondain.
Dans ce billet, je vais mettre en exergue comment les CSS3 vont simplifier le code de nos "front et back-end". Je vais analyser comparativement la façon dont nous arrivons à créer certains effets visuels et comment faire de même dans un glorieux "CSS3-supported" futur.
Je vais aussi vous faire la démonstration de comment utiliser ces sélecteurs avec l'aide d'un peu de Javascript, ce qui peut vous enlever une sacrée épine du pied dans le cas ou vous ne pourriez pas changer les balises d'un code généré du coté serveur (par ex. php ou Ruby).
Présence numérique : les Champs Libres à Rennes
14 déc. 2009
Par Marc Perrien - réseaux sociaux
Les Champs Libres sont un équipement culturel situé à Rennes et dépendant de la communauté de communes. Une bibliothèque, l'Espace des Sciences et le Musée de Bretagne y sont regroupés.
Les Champs Libres sont bien représentés sur internet : quatre sites web, quatre comptes twitter et une page Facebook...
Pour comprendre cette abondance, il faut savoir que les entités composant les Champs Libres sont distinctes : la Bibliothèque, le Musée et l'Espace des Sciences font partie des Champs Libres, mais elles n'en sont pas des "filiales"
Afin de préserver une identité propre à chacun de ces quatres équipements, ils disposent tous de leur propre site web et de leur propre twitter.
Voyons un peu ce qu'il s'y passe...
Rennes blogue-t-il ?
7 déc. 2009
Par @matiasgrenn - réseaux sociaux
La fin des blogs ou le retour des blogs autrement ? L'arrivée des réseaux sociaux a en quelques années changer notre rapport aux blogs. Avec Rennes blogue-t-il ? un nouveau rendez-vous pour mettre en valeur des contenus...
Réseaux sociaux - vers une lente transformation du web ?
24 nov. 2009
Par @matiasgrenn - réseaux sociaux
Depuis l'arrivée du "web 2.0", concept plus ou moins fumeux pour rassurer les investisseurs quant à une maturité du web enfin trouvée, il y avait entre autre deux aspects mis en avant : les blogs et le wiki (je simplifie volontairement). Depuis quelques années maintenant nous assistons à un lent glissement des blogs vers les réseaux sociaux. Pourquoi ? Simplicité, nombres d'applications, côté ludique... Il y a sans doute plusieurs réponses pour l'expliquer mais ce qui est certain c'est que cela change le web en profondeur.
En pièce jointe un guide en PDF sur les médias sociaux.
Réaliser un Twittywall sous SPIP - le mur contributif à portée de tous
21 oct. 2009
Par @matiasgrenn - Spip
Bien entendu on peut faire un mur contributif avec du javascript, du php. On peut créer une console d'administration et récupérer des flux dans une base de données en réalisant l'outil de A à Z. Ce n'est pas si complexe mais ça prend un peu de temps, surtout quand on n'est pas développeur. Une autre solution : détourner SPIP pour utiliser sa console d'administration, de modération.
FWD > NEM CAMP le lundi 28 septembre à Saint Malo (19h-21h)
22 sept. 2009
Par @matiasgrenn - Rencontres WEB
Le NEM (Networked and Electronic Media) SUMMIT se
déroule pour la deuxième année à Saint Malo, organisé par le Pôle de
Compétitivité Images et Réseaux.
SPIP enlever des attributs
19 sept. 2009
Par @matiasgrenn - Spip
Pour faire suite à un récent message sur un groupe de mail autour de SPIP, voici aussi un truc simple pour virer des attributs genre "style" qui ne sont pas utiles et surtout pas du tout W3C !
SPIP et jQuery Cycle pour réaliser un petit diaporama
9 sept. 2009
Par @matiasgrenn - Spip
A force de chercher le plugin SPIP idéal pour faire un diaporama qui tourne sur la page d'accueil, j'en suis arrivé à chercher ailleurs et j'ai trouvé un petit tuto très simple avec du jQuery comme on aime.
Réaliser une playlist sous SPIP, en AJAX et avec Dewplayer
7 sept. 2009
Par @matiasgrenn - Spip
Rapatrier l'adresse d'un fichier mp3 par un boucle document, c'est assez simple, mais proposer une playlist... c'est toujours assez simple grâce aux fonctionnalités AJAX de SPIP.
Twitter : gérer ses followers avec tweetparty
5 sept. 2009
Par Nolwenn - réseaux sociaux
Si vous êtes fan de Twitter et l'utilisez souvent, alors vous devez essayer tweetparty. Service basé sur l'API de Twitter, tweetparty qui vous permet d'organiser vos followers en groupe et de leur envoyer des messages directement.
LIEN > Rencontre SEO Camp à Rennes
2 sept. 2009
Par @matiasgrenn - Actualités
Première rencontre Rennaise organisée par l’association SEO Camp
http://www.seo-camp.org/rencontre-seo-camp-rennes-vendredi-21-aout-477/trackback
LIEN > Cap'Com : Les Rencontres nationales communication & technologies nouvelles
2 sept. 2009
Par @matiasgrenn - Actualités
Réseaux sociaux, identités et territoires
Rennes les 24 et 25 septembre : après une première édition consacrée aux outils du web 2.0, les 2e Rencontres nationales communication et territoires 2.0 s'intéresseront aux réseaux sociaux.Téléchargez la version PDF du programme
http://rencontres.cap-com.org/ntic/3-le-programme.html
Un petit TUTO sur les sélecteurs personnalisés en jQuery
29 août 2009
Vous me direz les sélecteurs personnalisés jQuery c'est quoi...???....
Un peu de Jquery dans SPIP
28 août 2009
Par @matiasgrenn - Spip
Réalisons simplement avec jQuery un petit menu dynamique sous SPIP avec apparation des titres des articles lors du survol du logo.
SPIP - un class="on" sur des menus hors boucle
25 août 2009
Par @matiasgrenn - Spip
Mettre une classe active dans une boucle de menu, rien de plus simple avec SPIP. Mais dès qu'on cherche à faire la même chose sur des menus hors boucle comme un clic vers la page d'accueil, vers un squelette unique (url du style "spip.php?page="), là ça se complique
