Archives mensuelles : août 2013

Et si l’on s’inspirait des réseaux sociaux dans la vraie vie

Publié le par
Répondre

Aujourd’hui avec les avancées technologiques dont nous bénéficions, nous pouvons facilement retrouver des camarades d’ecoles/de promos.
Nous pouvons converser/échanger sur des sujets qui nous intéressent avec des personnes autant passionnés que nous.
Oui, tout ceci est possible dans le monde numérique, à coté de cela, dans la vraie vie: on ne se parle plus dans les transports, on s’isole avec son casque/écouteurs…

Le panier mauve de Yahoo Rencontres
Une idée simple: le contraire de l’alliance, un signe distinctif indiquant que l’on était disponible.
Yahoo rencontres et Lafayette Gourmet avait initié en 2004 un évènement récurrent (tous les jeudi entre 18h30 et 21h): en choisissant à l’entrée de l’hypermarché un panier mauve (spécialement décoré pour l’occasion) vous indiquiez aux autres clients que vous étiez célibataire et « ouvert à la rencontre » ;)

Des communautés numériques
Dans nos réseaux sociaux habituels, on peut à l’aide d’icone ou autre éléments graphiques: connaitre la zone géographique de quelqu’un, ses intérêts… vous pouvez facilement trouver des personnes pour discuter de sujet qui vous passionne (groupes facebook, google+, et même les forums comme celui de developpez)
Avec google+, on peut rejoindre de véritables communautés de passionnés pour partager des news/articles…
Sur developpez, on peut se tenir informé, lire des articles/tutoriaux sur nos points d’intérêts et surtout participer à une communauté de développeurs qui seront ravi de nous aider/débattre/répondre à nos questions ;)

Et si nous nous inspirons de ces réseaux sociaux
Aujourd’hui, quand vous souhaitez discuter d’une news/article que vous avez apprécié, vous pouvez simplement ouvrir votre navigateur et aller le partager/ en débattre sur le groupe Google+ qui convient.
Personnellement j’utilise et apprécie beaucoup des groupes comme nipTech, Front End Developpement, PodSource ou Php France, j’y partage les news/articles que je souhaite partager et apprécie de pouvoir en débattre et les commenter avec les autres membres.
Mais dans la vraie vie, je reste persuadé de voyager au quotidien avec des personnes tout aussi passionnés dans les transports en commun. Et je trouverais ça sympathique de pouvoir afficher certains centres d’intérêts (si et quand on le souhaite) afin de pouvoir plus facilement engager la conversation :)
Il faudrait dans ce cas un signe à la fois visible, facilement otable:
Autant certains matins/soirs vous souhaiteriez discuter d’une information/ d’un sujet intéressant, autant quelque fois vous êtes fatigué et simplement pas d’humeur et aimeriez fermer les yeux, écouter votre musique ou lire.
Il faudrait à ce moment là, comme pour le panier mauve de Yahoo Rencontres, décider d’afficher que vous êtes clairement ouvert à discussion sur tel ou tel sujet ;)

Quel mode d’affichage
C’est ici le coeur du problème: il faudrait un élément à la fois visible et facilement cachable, otable, on oublie donc le t-shirt qui si il est très visible est difficilement masquable, surtout en été ;)
On pourrait penser à un bracelet par exemple, avec pourquoi pas des petits « badge » que l’on pourrait « clipser » voir tourner vers l’intérieur si on ne souhaite pas être déranger :)

Conclusion
J’espère avoir réussi a passer le message, et je pense que certains d’entre vous pense comme moi, on remarque tous ce paradoxe technologique: à la fois ultra connecté, sociable numériquement et complètement isolé réellement :(

Et vous qu’en pensez-vous ?
Profitez en également pour partager vos communautés préférés ;)

*Communautés Google+:
– Front End Developpement: https://plus.google.com/communities/111367038232031168926
– NipTech https://plus.google.com/communities/104157063722839703523
– PodSource https://plus.google.com/communities/111443826532215124280
– PhpFrance https://plus.google.com/communities/110438507313707850364

Et si tous les navigateurs utilisaient le même moteur

Publié le par
3

Ajourd’hui, lorsque vous naviguez sur internet, vous ne vous en rendez peut être pas compte mais ce que vous voyez dans votre écran sur chaque site est un compromis entre ce qu’il est possible de faire actuellement et les contraintes imposées par certains navigateurs.

Et oui, même, si vous ne cessez d’entendre parler d’HTML5, de css3, de 3D dans votre navigateur… toutes ces technologies nécessite que votre navigateur les implémente.
Et c’est là que le bas blesse: chaque navigateur et plus exactement, chaque version de navigateur implémente d’une part les technologies actuellement définis et référencées, et de l’autre part certaines technologies* en cours de finalisation.

Quand je parle ici de technologie, je fais un raccourci, ce sont les spécifications qui sont actées ou en cours de finalisation, après, tout le travail se fait dans le developpement et l’évolution des moteurs de rendu des navigateurs.

Il existe actuellement 4 moteurs de rendu majeurs:

  • Webkit (open-source) utilisé par safari et chrome/chromium
  • Gecko utilisé par firefox
  • Trident utilisé par internet explorer
  • Presto utilisé jusqu’il y a peu par Opera

Opera a décidé en février dernier d’abandonner son propre moteur rendu au profit de webkit, justement c’est l’objet de cet article.

Le travail autour du moteur de rendu
Comme vous aurez pu le comprendre, la partie la plus lourdre a developper est le moteur de rendu, c’est de lui que va découler votre experience de navigation, c’est son niveau d’implémentation qui vous permet de bénéficier des avancées actuelles, et c’est encore lui qui va permettre ou au contraire freiner les developeurs webs dans leur créativité ;)

Pourquoi chaque navigateur continue a développer leur propre moteur de rendu ?
Avec le coup de projecteur dont ont bénéficié l’HTML5 et le CSS3 ces derniers temps (notamment avec la chasse au flash mené par Apple), chaque navigateur a investi du temps et de l’argent pour être toujours en tête concernant l’implémentation de ces nouveaux standards, qui je le rappelle ne sont toujours pas finalisé actuellememnt (RC pour le moment).

Ce moteur de rendu est donc un atout qu’il faut préserver, un avantage à mettre en avant. Un plus que mette en avant justement les navigateurs à travers des campagnes de pub, des tests comparatifs…

Un problème en partie lié à la fragmentation de version de navigateur
Si aujourd’hui les dernières versions des navigateurs offre une implémentation quasi similaire des dernières spécifications en cours de finalisation, ce n’est pas du tout le cas sur les précédentes versions qui sont les plus utilisées :(
Qui n’a jamais entendu les critiques proférés concernant ie6… si le problème concernait uniquement ie6 je n’aurait pas écrit cet article, le nouveau vilain petit canard c’est désormais ie7/8 voir 9 pour certaines fonctionnalités.

Le problème c’est qu’autant firefox et chrome se batte quasiment quotidiennement pour sortir une nouvelle version apportant son lot d’implémentation supplémentaire, autant Microsoft tarde à sortir ses versions de navigateurs, et ceci entraîne des véritable gouffre entre chaque moteur de rendu (concernant l’implémentation (HTML5/CSS2et3…)

Pour un developpeur, il doit donc faire un compromis entre ce qu’il pourrait faire (car faisant de la veille) et ce qu’il est contraint de faire au vue du navigateur le plus restreignant de sa cible (avant c’était ie6, désormais ie7)

Quel avantage y gagnerait les editeurs de navigateurs
L’avantage est vous l’aurez compris de bénéficier des efforts d’implémentation du moteur de rendu, c’est de mutualisé les efforts de developpent dans un seul moteur.
Les navigateurs seraient toujours à la pointe de l’implémentation et ceci en investissant beaucoup moins de temps et d’argent.

Et pour les developpeurs ?
Ce serait un cadeau de noël perpetuel : développer une fois, tester sur un navigateur sans se demander si le site s’affichera correctement sur un autre navigateur ;)
Pouvoir jouer avec ses jouets plus rapidement: vous ne pouvez pas imaginez la frustration d’un developpeur web passionné qui d’un coté lit un article/tutoriel sur une nouvelle fonctionnalité, la teste sur son poste en local et se voit répondre par son manager/responsable « c’est bien joli/interessant ton truc mais est-ce que ça marche sous ie7/8 ?? »
Et oui frustrations est bien le mot, heureusement, on peut toujours implémenter ces nouvelles fonctionnalités en interne où on peut souvent imposer un navigateur récent ;)

Et pour les internautes
Ce sont eux les gros gagnants: HTML5/CSS3 permettent aujourd’hui non seulement des fonctionnalités nouvelles, mais également des gains de performances et une amélioration de la navigation.
Par exemple l’équipe de jQuery propose depuis cette année deux branches pour sa célèbre librairie: l’une suportant les anciens navigateurs comme ie6/7 et l’autre supportant à partir de ie9
Ceci donne une librairie allégée des fonctionnalitées que jQuery doit simuler pour palier au retard de certains navigateurs.

Conclusion
Si vous travaillez avec des technologies web, vous avez surement du sourire en lisant ce billet utopique, mais avouons-le cela fait du bien de rêver un peu, non ?

Passez à Git quand vous venez de subversion

Publié le par
Répondre

Git a le vent en poupe ces derniers temps, de plus vous avez tous entendu plus ou moins parlé de github, ce sourceforce s’appuyant sur git au lieu de subversion.
Personnellement j’utilise subversion depuis quelques années maintenant, j’y suis habitué et je fais avec ses défauts.
Récemment j’ai décidé, suite à de nombreuses demandes de mettre à disposition mon framework également sur github pour faciliter les retours/corrections de bugs et les éventuels améliorations.

Mais voilà, j’ai mes habitudes et me suis retrouvé un peu désarmé en utilisant git, je vais résumer ici les différences à connaitre

La récupération des sources: svn checkout
Quand vous récupérez les sources d’un projet svn, vous vous rendez dans votre répertoire et vous executez

1
svn checkout http://svn.votreProjet.com/trunk/ .

Avec Git vous « clonez » votre dépôt

1
git clone http://git.votreProjet.com

Versionnez des nouveaux fichiers: svn add
Lorsque vous créez de nouveaux fichiers, vous les ajoutez au projet versionné par un

1
svn add monNouveauFichier

Sous git, ici c’est la même chose

1
git add monNouveauFichier

L’envoi de modifications: svn commit
Lorsque vous faites des modifications de fichiers, vous envoyez vos modification par un

1
svn commit

Sous git, c’est un peu différent: vous soumettez « localement » vos modification avec

1
git commit

note: si sous subversion le simple fait de modifier des fichiers suffit à les prendre en compte lors du commit,
sous git, il faut indiquer les fichiers que l’on veut prendre en compte dans le commit avec un

1
git add

Ou, si vous souhaitez qu’il commit tous les fichiers modifié, vous pouvez utiliser le paramètre -a pour « all »

1
git commit -a

Puis quand vous estimez avoir un lot « stable » vous pousser vos modifications locales vers le dépot distant

1
git push

Récuperez les mises à jour: svn update
Sous subversion, pour récupérer la version modifié par les collègues ou par vous même à partir d’un autre serveur

1
svn update

Sous git

1
git pull

Annuler des modification locales: svn revert
Quelques fois vous faites des modifications locales, et au moment de la mise à jour via svn, vous voyez un conflit. Et si vous estimez preferez la version du serveur vous faites un:

1
svn revert monFichier

Sous git

1
git checkout monFichier

Conclusion
Comme vous avez pu le lire, il y a quelques différences à connaitre entre subversion et git qu’il faut connaitre et apprendre lorsque l’on est habitué à subversion.
J’espère que ce petit récapitulatif aidera certains d’entre vous ;)

N’hésitez pas à soumettre d’autres astuces/différences de commande entre svn et git, je les ajouterai à l’article ;)

SARAH ou comment toucher du doigt le futur de la domotique ;)

Publié le par
14

headline-logoOn entend chaque année parler de domotique, les industriels nous promettent des frigo intelligent, une gestion intelligente de notre consommation électrique…
Mais qu’en est-il aujourd’hui ? On a effectivement beaucoup de produits à notre disposition permettant de contrôler nos lumières, chauffage… mais sans réel chef d’orchestre.

Présentation de SARAH
SARAH (Self Actuated Residential Automated Habitat) peut paraître au premier abord de la science fiction, car ce projet permet simplement de centraliser le pilotage de votre domotique à la voix mais aussi avec des gestes, des QR codes, une planification…
Si JP Encausse indique modestement sur son site que l’idée de SARAH est d’avoir une maison intelligente à l’image de la série EUREKA, le projet tient effectivement ses promesses.

Le logiciel est distribué sous licence opensource WTFPL* s’interface sur la Kinect* de Microsoft, et utilise cette brique matériel pour récupérer la voix / les gestes que vous faites.

*Note: vous pouvez utiliser un simple Micro à la place de Kinect si vous ne souhaitez pas utiliser la reconnaissance gestuelle
*WTFPL (Do What The Fuck You Want To Public License)

Mais ce n’est pas tout
Ce programme permet non seulement de piloter des objets domotique, mais également d’aller chercher des informations sur le web et les lire grâce à une synthèse vocale (horaires de cinéma, de bus…)
L’application est « portable » (pas d’installation) et la reconnaissance Microsoft est locale (pas de « PRISM effect »)

Petite parenthèse technique
SARAH fonctionne sur une architecture client/serveur (le client C# et le serveur en NodeJS)
L’idée est de proposer un framework aux presque non informaticien:
РLes plugins sont en JavaScript (le langage le plus utilis̩ sur GitHub)
– On ne code pas du C# juste du XML
Plus de détail sur l’architecture ici:
note: Il y a aussi un moteur de règles « Ã  la IFTTT »* pour faire communiquer les objets entre eux. Ainsi que d’autres « expérimentations » reconnaissance faciale, fond vert streamé en WebSoket, etc …

*IFTTT: IF This Then That http://en.wikipedia.org/wiki/IFTTT

Un projet de plus en plus populaire qui vit et auquel on contribue activement
Certains utilisateurs développent, ou vous même pouvez développer des plugins et les mettent à disposition de la communauté (si vous le souhaitez)
La liste impressionnante de plugins :
Pour information, 1500 téléchargements de la v2.8 et bientôt 400 personnes dans la communauté Google Plus

En savoir plus
Je vous invite à regarder cette vidéo de présentation du projet:
http://www.youtube.com/watch?v=YKBrISsg__E
Dans cette vidéo vous pourrez voir des choses aussi simple que demander l’heure à des actions plus interessantes comme obtenir la température d’une pièce, allumer/eteindre une lumière, jouer de la musique…

Conclusion
SARAH n’est pas un jeune projet qui se lance, il a déjà un an et continue d’être développé avec passion, il ne cesse d’évoluer et gagne vraiment à être connu
Le site : http://encausse.wordpress.com/s-a-r-a-h/

Un autre podcast pour les webdesigners/graphistes: podSource

Publié le par
Répondre

podsource
C’est du coté de la suisse cette fois que je suis tombé sur un nouveau podcast interessant.
Celui-ci est animé par deux graphistes/webdesigners/photograpes passionnés, ils nous présentent des librairies et frameworks qu’ils utilisent ou vienne de découvrir.

C’est bien structuré, les avis sont clairs et argumentés, je recommande chaudement:

Les derniers épisode:
Episode 28: Le sondage WordPress 2013, Typo 3 Flow, Shop talk Show, Les droits d’auteurs des photographes, Smacss, Grumpico…
Episode 27: Le Flat Long Shadow Design, des grilles responsives, frameworks et autres, des PSD.. de qualité à télécharger, des mockups PSD utiles pour votre portfolio
Episode 26: Unsplash, Motionblur, Images WordPress Responsive, Bounce, Rem et Screensiz.es et leur avis sur iOS7
Episode 25: RedPen, Guiff, Stylifyme,Html5up et un test de Korken

Leur site http://www.podsource.ch/

Note: ils regroupent sur un autre site plusieurs podcast suisse de qualité http://www.podcastsuisse.ch/

Remercions le logiciel libre, ou en serions-nous, si il n’existait pas ?

Publié le par
3

Depuis des années où deux hommes : Richard Stallman avec GNU et Linus Torvald avec Linux ont investit leur temps libre pour le bien de la communauté, on a pu assister à un cercle vertueux dont on ne réalise pas l’importance.

Aujourd’hui peu de gens « non geek/informaticien » imagine les bénéfices de ces deux pionniers qui ont ouvert cette porte du logiciel libre.

Le libre dans notre quotidien
Nous utilisons tous les jours sans forcément nous en rendre compte des logiciels libre ou des produits en utilisant, que ce soit notre box internet, notre smarphone ou notre GPS.
Ils font parti de nos habitudes et l’on trouve ça normal, normal que des personnes investissent gratuitement de leur temps pour le bien de la communauté.
Certaines personnent ignorent même bénéficier des bienfaits du logiciel libre…

Imaginez un instant où en serions-nous aujourd’hui sans le logiciel libre, voici quelques exemples pour mieux vous rendre compte:

Premier perdant : le web
Le premier perdant de l’histoire : la richesse d’internet, la première perte concernerait les technologies les plus populaires et gratuite que sont GNU/Linux,apache,mysql,php,java,tomcat…
Un des leviers qui a permit de faire d’Internet ce que nous connaissons actuellement est lié à ces technologies, à leur accessibilté tant en terme d’ouverture qu’en terme de prix
Sans licence de serveur et technologie web gratuite, vous n’auriez jamais vu naitre des solutions comme multimania ou autre service d’hebergement free gratuit qui ont permis à beaucoup de jeunes webmaster de faire leur premières armes.
Vous n’auriez pas non plus un aussi vaste panel de sites personnels gérés par des bénévoles qui utilise aujourd’hui des solutions comme wordpress ou drupal, voir codée à la main
Nous n’aurions que des offres d’hebergement payantes et plus cher proposant des serveurs sous Microsoft Windows Serveur utilisant des serveurs web IIS plus un serveur de base de donnée Sql Server le tout payant et financièrement freinant :(
Le web tel que vous le connaissez serait amputé de sites comme wikipedia, sourceforge, github…
Seul des sociétés investirait dans l’Internet pour developper leur sites par des developpeurs professionnels formés sur ASP.net
Et sans oublier les frameworks, qu’ils soient coté clients (mootools,jquery) ou coté serveur (zend framework, symfony, cake php,mkframework…) ils font gagner aux developpeurs un temps non négligeable et aux utilisateurs un gain de confort d’utilisation
Sans oublier les dons de code comme twitter a pu le faire avec son bootstrap permettant facilement de faire du responsive design :)

Des manques au quotidien
Imaginez aujourd’hui n’avoir pour lecteur vidéo que windows media player, ne pouvoir developper que sous visual studio ou ultraEdit.
Oubliez votre GPS TomTom, votre Freebox, n’ayez pour choix de smartphone que Windows Phone, Apple et Blackberry :(
Vous n’auriez jamais vu fleurir ce produit aujourd’hui critiqué que fut le netbook, qui pu etre proposé à moindre prix car au départ tournant sous GNU/Linux ;)

Une question d’actualité
Quand vous lisez ceci, et y réfléchissez un instant, vous ne pouvez que vous demander pourquoi nos gouvernements ne cessent de pietiner et revenir sur leurs positions concernant le logiciel libre :(
Alors que tous les jours, même notre propre état Francais bénéficie du logiciel libre avec pour dernier en date le site France.fr construit sur GNU/Linux/drupal/apache/php… :)

Merci au logiciel libre et à ses contributeurs

PS: suite aux échanges concernant cet article, je tiens à préciser que je remercie aussi bien les licences originel comme GPL/LGPL que les licences plus permissives comme BSD/MIT ou Apache.
Je remercie ici toutes ces licences et mode de diffusion « ouvert » qui nous permettent de profiter, de progresser et même d’apprendre au quotidien.
Que ces logiciels/librairies/outils soient développés par des bénévoles et/ou des sociétés: l’important c’est ce qu’ils nous apportent, encore Merci :)
PS2: j’ai cité ici des exemples de projet web opensource, je tenais à remercier un projet « non web » également opensource qu’est S.A.R.A.H. (un projet de contrôle de sa domotique par la voix et bien plus…), un billet lui est consacré également.

Sources concernant les revirements de nos gouvernements

Et pourtant:

Un podcast sur pour les designers: the walking web

Publié le par
Répondre

Aujourd’hui je vais vous présenter un podcast sur le design et son univers.

Comme la plupart des podcasts, il est animés par des gens passionnés, et c’est toujours un bohneur de les écouter.
Il est animé par des grahistes web et/ou print(papier), ils débattent de l’actualité qui concerne le design, ou font des épisodes sur des thèmes particulier.

Par exemple, le dernier épisode est consacré à la « lettering » avec une invité de marque: Claire Coullon
Ils parlent à la fois de la discipline en tant que tel, des attentes des clients…

C’est une émission interessante à écouter, ils réussissent à nous communiquer leur passion.

Episode 8: Le lettering (avec Claire Coullon)
Episode 7: IOS 7 et le flat design
Episode 6: Adobe et sa nouvelle offre Adobe Creative Cloud (avec un employé d’Adobe)
Episode 5: Intégrateur et Webdesigner
…

Leur site: http://www.thewalkingweb.fr/