{"id":8882,"date":"2014-07-04T08:45:18","date_gmt":"2014-07-04T06:45:18","guid":{"rendered":"http:\/\/www.oezratty.net\/wordpress\/?p=8882"},"modified":"2014-07-11T18:04:06","modified_gmt":"2014-07-11T16:04:06","slug":"photographer-independance-day","status":"publish","type":"post","link":"https:\/\/www.oezratty.net\/wordpress\/2014\/photographer-independance-day\/","title":{"rendered":"Photographer Independence Day"},"content":{"rendered":"<p>Le blog \u201cOpinions Libres\u201d fait peau neuve d\u2019une mani\u00e8re inhabituelle en ce 4 juillet 2014 ! D&#8217;habitude,\u00a0les changements d&#8217;un site web portent sur le look et la charte graphique, mais pas forc\u00e9ment sur les fonctionnalit\u00e9s. Dans le cas pr\u00e9sent, pas de changement de th\u00e8me, mais l&#8217;ajout d&#8217;une fonctionnalit\u00e9 importante qui manquait et manque souvent : la gestion des photos !<\/p>\n<p>Le blog\u00a0int\u00e8gre maintenant <strong>Photo-Folders<\/strong>, un plugin in\u00e9dit de gestion des photos d\u00e9velopp\u00e9 par mes propres soins. Celui-ci permet de les g\u00e9rer au sein du blog avec une tr\u00e8s grande souplesse et en totale ind\u00e9pendance. Difficile en effet de trouver son bonheur avec la grande majorit\u00e9 des outils du march\u00e9, qu&#8217;il s&#8217;agisse des services de partage de photos en ligne, des Digital Assets Managers qui sont g\u00e9n\u00e9ralement mal reli\u00e9s aux blogs, ou des plug-ins WordPress de gestion de photos qui sont tr\u00e8s limit\u00e9s !<\/p>\n<p>Photo-Folders permet \u00e0 la fois de naviguer dans les albums utilis\u00e9s dans les articles comme on le ferait dans un service de partage de photos en ligne et de les relier aux articles du blog sous la forme de liens ou de widgets d&#8217;affichage.<\/p>\n<p>L&#8217;interface utilisateur a \u00e9t\u00e9 pens\u00e9e pour fonctionner \u00e0 la fois avec le <strong>toucher,<\/strong> la <strong>souris<\/strong> et le <strong>clavier.<\/strong> Le tactile est support\u00e9 sur tablettes et smartphones, pour l&#8217;instant sous iOS et Android. La souris et le clavier, &#8230; sur les navigateurs principaux du march\u00e9 et sur PC sous Windows et Linux tout comme sur MacOS comme il se doit.<\/p>\n<p>Je vais vous d\u00e9crire ici les grandes fonctionnalit\u00e9s photo ainsi int\u00e9gr\u00e9es au blog,\u00a0l&#8217;origine du plugin et aussi son devenir.<\/p>\n<p><strong>Fonctionnalit\u00e9s cl\u00e9s de Photo-Folders<\/strong><\/p>\n<p>Voici pour commencer un petit aper\u00e7u des fonctionnalit\u00e9s cl\u00e9s de Photo-Folders qui permet de naviguer dans les plus de 50 000 photos que j\u2019ai pu produire en parcourant les \u00e9v\u00e9nements du num\u00e9rique en France et ailleurs depuis 2006 :<\/p>\n<ul>\n<li>La navigation \u00e0 <strong>deux niveaux de r\u00e9pertoires<\/strong> de photos : les groupes en haut et les albums \u00e0 gauche. Cela permet notamment d&#8217;organiser ses photos par ann\u00e9es ou sujets et de faciliter la navigation dans ces groupes.<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:468px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20Home%20Page.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20Home%20Page.jpg?ts=1404292833\" style=\"width:447px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 469px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"La &lt;a href=&#039;http:\/\/www.oezratty.net\/wordpress\/photos&#039;&gt;page d&#039;accueil&lt;\/a&gt; du plugin Photo-Folders, pointant ici sur les derni&egrave;res photos de &quot;Quelques Femmes du Num&eacute;rique !&quot;.\">La <a href='http:\/\/www.oezratty.net\/wordpress\/photos'>page d'accueil<\/a> du plugin Photo-Folders, pointant ici sur les derni\u00e8res photos de \"Quelques Femmes du Num\u00e9rique !\".<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<ul>\n<li>La\u00a0tr\u00e8s grande souplesse dans les <strong>modes d\u2019affichage <\/strong>et de <strong>navigation <\/strong>avec un <strong>diaporama plein \u00e9cran<\/strong> qui fonctionnent notamment sur tablette avec le support du tactile pour passer d&#8217;une photo \u00e0 l&#8217;autre ou d&#8217;un mode d&#8217;affichage \u00e0 l&#8217;autre. On peut choisir le mode d\u2019affichage des photos en vignettes (en ligne comme dans Flickr ou Picasa Web Albums, en colonne comme dans Pinterest, en mode planche contact, etc) ainsi que la couleur de fond (blanc ou noir) et le niveau de zoom des vignettes. On peut m\u00eame pr\u00e9senter cela en mode plein \u00e9cran sans les titres.<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:565px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20Full%20Screen%20Thumbnails.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20Full%20Screen%20Thumbnails.jpg?ts=1404298903\" style=\"width:544px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 566px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"Voici le mode d&#039;affichage des &lt;a href=&#039;http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Expo&amp;a=Nouveaux portraits&amp;opt=hzb0000e10FR013800&#039;&gt;vignettes&lt;\/a&gt; pr&eacute;sent&eacute;es horizontalement et en pleine fen&ecirc;tre.\">Voici le mode d'affichage des <a href='http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Expo&a=Nouveaux portraits&opt=hzb0000e10FR013800'>vignettes<\/a> pr\u00e9sent\u00e9es horizontalement et en pleine fen\u00eatre.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:512px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20One%20Image.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20One%20Image.jpg?ts=1404299259\" style=\"width:491px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 513px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"En cliquant sur une photo en vignette, elle &lt;a href=&#039;http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Expo&amp;a=Nouveaux portraits&amp;o=Ryslaine Moulay (Thal&egrave;s).jpg&amp;sa=Nouveaux portraits&amp;sg=Expo&amp;z=xavier niel&amp;opt=onb0000e10FR004611&#039;&gt;appara&icirc;t en grand&lt;\/a&gt;. Et avec une fl&egrave;che vers le haut, elle occupera tout le navigateur. Une fl&egrave;che vers le bas revient au mode avec le nom de l&#039;album et l&#039;habillage de l&#039;application.\">En cliquant sur une photo en vignette, elle <a href='http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Expo&a=Nouveaux portraits&o=Ryslaine Moulay (Thal\u00e8s).jpg&sa=Nouveaux portraits&sg=Expo&z=xavier niel&opt=onb0000e10FR004611'>appara\u00eet en grand<\/a>. Et avec une fl\u00e8che vers le haut, elle occupera tout le navigateur. Une fl\u00e8che vers le bas revient au mode avec le nom de l'album et l'habillage de l'application.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<ul>\n<ul><!--EndFragment--><\/ul>\n<li>Une fonction de <strong>recherche<\/strong> qui permet de retrouver avec qui une personne est en photo, dans quel \u00e9v\u00e9nement, quelle ann\u00e9e, avec tri par nom ou par nombre de photos. On peut ainsi trouver toutes les photos avec des \u00ab Jean \u00bb et tri\u00e9es par nombre, ou les &#8220;Catherine&#8221; qui sont dans tel album. Les r\u00e9sultats de recherche sont pr\u00e9sent\u00e9s de la m\u00eame mani\u00e8re que les albums ce qui facilite la navigation dans les r\u00e9sultats.<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:453px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20Search%20Page.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20Search%20Page.jpg?ts=1404293102\" style=\"width:432px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 454px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"La &lt;a href=&#039;http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Search&amp;a=Freebox V6 Launch Dec2010&amp;z=xavier niel&amp;opt=flb0000e10FR005000&#039;&gt;fonction de recherche&lt;\/a&gt; de Photo-Folders permet notamment de retrouver les albums dans lequels se trouve une personne.\">La <a href='http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Search&a=Freebox V6 Launch Dec2010&z=xavier niel&opt=flb0000e10FR005000'>fonction de recherche<\/a> de Photo-Folders permet notamment de retrouver les albums dans lequels se trouve une personne.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<ul>\n<li>La possibilit\u00e9 de <strong>trier<\/strong> les albums et les r\u00e9sultats de recherche par nombre de photos, tri alphab\u00e9tique ou par date de prise des photos. Ceci permet notamment de retrouver les albums les plus r\u00e9cents dans un groupe, ou dans l&#8217;ensemble des albums via la fonction de recherche. Les photos d\u2019un album et d\u2019un r\u00e9sultat de recherche peuvent elles-aussi \u00eatre tri\u00e9es par date ou par nom ascendants comme descendants.<\/li>\n<li>O\u00f9 que vous soyez dans un album, en mode plein \u00e9cran ou pas, y compris en mode diaporama, vous pouvez <strong>sauvegarder l&#8217;url<\/strong> dans le navigateur et l&#8217;envoyer \u00e0 quelqu&#8217;un. En cliquant sur le lien, il se retrouvera exactement o\u00f9 vous \u00e9tiez et avec la m\u00eame pr\u00e9sentation des photos.<\/li>\n<li>Visualisation graphique des <strong>appareils photos et optiques<\/strong> utilis\u00e9s pour la prise d&#8217;une photo, d&#8217;un album, d&#8217;un groupe ou de l&#8217;ensemble des albums. Avec les autres param\u00e8tres de prise de vue (ouverture, vitesse, sensibilit\u00e9), cela permet de naviguer dans les albums en d\u00e9couvrant les photos selon la mani\u00e8re dont elles ont \u00e9t\u00e9 prises. Un bon apprentissage pour les photographes en herbe !<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:512px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20View%20by%20Lens.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20View%20by%20Lens.jpg?ts=1404299561\" style=\"width:491px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 513px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"Utilisation de la fonction de recherche pour afficher toutes les photos &lt;a href=&#039;http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Search&amp;a=EF100-400mm f\/4.5-5.6L IS USM&amp;opt=flb0100s10FR005011&#039;&gt;tri&eacute;es par optique&lt;\/a&gt;.\">Utilisation de la fonction de recherche pour afficher toutes les photos <a href='http:\/\/www.oezratty.net\/wordpress\/photos\/?g=Search&a=EF100-400mm f\/4.5-5.6L IS USM&opt=flb0100s10FR005011'>tri\u00e9es par optique<\/a>.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<ul>\n<li>L\u2019int\u00e9gration de photos dans un article du blog avec un <strong>g\u00e9n\u00e9rateur de widgets <\/strong>en proposant pour l\u2019instant neuf de differents. Dans cet article, j\u2019utilise le widget qui permet de pr\u00e9senter une seule photo et sa description. Le lien dans la description pointe sur le plugin. En cliquant sur chaque image, on se retrouve dans l\u2019album qui la contient. Le g\u00e9n\u00e9rateur de widget est interactif !<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:512px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20Widget%20Generator.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20Widget%20Generator.jpg?ts=1404301096\" style=\"width:491px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 513px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"Le g&eacute;n&eacute;rateur de widgets de Photo-Folders permet de param&eacute;trer visuellement l&#039;int&eacute;gration des photos dans son blog puis d&#039;injecter le widget dans un nouvel article ou un article existant.\">Le g\u00e9n\u00e9rateur de widgets de Photo-Folders permet de param\u00e9trer visuellement l'int\u00e9gration des photos dans son blog puis d'injecter le widget dans un nouvel article ou un article existant.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<p>Voici un exemple de widget qui pr\u00e9sente en vignettes et de mani\u00e8re justifi\u00e9e les 20 derni\u00e8res photos d&#8217;un album (celui de <strong>Quelques Femmes du Num\u00e9rique !<\/strong>). Et c&#8217;est du responsive design, la justification des images s&#8217;adaptant \u00e0 la largeur de votre navigateur !<\/p>\n\n<ul>\n<li>Fonction d&#8217;<strong>opt-out <\/strong>permettant \u00e0 un Internaute de demander \u00e0 l&#8217;administrateur du site de supprimer une photo et en expliquant pourquoi. Un mail avec le pointeur sur la photo est alors automatiquement envoy\u00e9 \u00e0 l\u2019auteur.<\/li>\n<li>Affichage en <strong>responsive design<\/strong> qui s&#8217;adapte dynamiquement \u00e0 la taille de l&#8217;\u00e9cran ou de la fen\u00eatre du navigateur, y compris sur smartphone et tablettes.<\/li>\n<\/ul>\n<p>Et des fonctions plus traditionnelles :<\/p>\n<ul>\n<li><strong>S\u00e9lection multiple de photos<\/strong> et actions dessus : t\u00e9l\u00e9chargement, envoi d&#8217;emails, demande de suppression de photos (pour l&#8217;utlisateur, sorte d&#8217;opt-out) et suppression (pour l&#8217;administrateur).<\/li>\n<li>Le <strong>t\u00e9l\u00e9chargement<\/strong> des photos de la s\u00e9lection en cours, via la demande d&#8217;un email comprenant un lien sur un ZIP t\u00e9l\u00e9chargeable en HTTP. On peut aussi t\u00e9l\u00e9charger des photos s\u00e9lectionn\u00e9es une par une dans un album ou un r\u00e9sultat de recherche.<\/li>\n<li>Le bookmarking de photos et albums dans les <strong>r\u00e9seaux sociaux<\/strong> (Twitter, Facebook, Pinterest) et la gestion des commentaires Facebook au niveau de chaque photo. Je ne l\u2019ai pas encore test\u00e9 en grandeur nature car jusqu\u2019\u00e0 pr\u00e9sent le projet \u00e9tait \u201cstealth\u201d. On va pouvoir s\u2019y lancer ! Et il y a encore fort \u00e0 faire de ce c\u00f4t\u00e9 l\u00e0, notamment pour int\u00e9grer des boutons de bookmarking dans les widgets.<\/li>\n<li>Le support des <strong>Twitter Cards<\/strong> pour l&#8217;affichage de la photo et de son titre lorsque l&#8217;on Tweete un lien URL sur l&#8217;application.<\/li>\n<li>De nombreux <strong>acc\u00e9l\u00e9rateurs claviers<\/strong> pour faciliter la navigation lorsqu&#8217;on utilise le service sur un micro-ordinateur (PC et Mac).<\/li>\n<li>Un fonctionnement en <strong>fran\u00e7ais et en anglais<\/strong>, avec l\u2019<strong>aide en ligne <\/strong>qui va avec et qui documente toutes les fonctions du plugin. Vous pouvez la consulter dans le plugin et la t\u00e9l\u00e9charger sous forme de PDF.<\/li>\n<\/ul>\n<div class='pfimgcont' id = 'pfimg-pfs1' style='background-color:transparent;border-color:transparent;'><div class=\"flowimgcont\" style=\"margin-left:1px;margin-right:1px;text-align:left;;\"><div class=\"flowimgone imgdescm flowborder\" style=\"width:512px;height:361px;line-height:0;\"><a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\/?g=2014&amp;a=Photo-Folders%20Jul2014&amp;o=Photo-Folders%20English%20Help.jpg&amp;dm=on\" target='_blank'><img decoding=\"async\" class='flowimg' src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\/2014\/Photo-Folders%20Jul2014\/Photo-Folders%20English%20Help.jpg?ts=1404299878\" style=\"width:491px;height:340px;margin-top:10px !important;line-height:0;\" alt='flow'  ><\/a><\/div><br><div   style=\"width: 513px;margin-bottom:14px;\"  class=\"flowimgt imgdescm\" ><div class='imgdescs flowdesc' title=\"L&#039;interface de Phofo-Folders tourne en anglais et en fran&ccedil;ais. L&#039;aide en ligne est disponible dans ces deux langues.\">L'interface de Phofo-Folders tourne en anglais et en fran\u00e7ais. L'aide en ligne est disponible dans ces deux langues.<\/div><div class='detaileddesc imgdescd'><\/div><\/div><\/div><\/div><script>$(document).ready( function() { pfnavw.pfslug = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-albums\";pfnavw.pfslugc = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/photo-cache\";pfnavw.st = \"\";pfnavw.pfplug = \"https:\/\/www.oezratty.net\/wordpress\/photos\/\";pfnavw.nbrimg['pfs1'] = 2;pfnavw.istouch = false;pfnavw.issmart = false;pfnavw.imgcont['pfs1'] = 'flowimgcont';pfnavw.isadmin = 0;pfnavw.pfpluginurl  = \"https:\/\/www.oezratty.net\/wordpress\/wp-content\/plugins\/photo-folders\/\";$('.pftexthi').css('color', '#2580a2');});<\/script>\n<p>Je ne fais ici qu\u2019effleurer la p\u00e9rim\u00e8tre du plugin. Il est tr\u00e8s riche avec notamment tout un tas de fonctionnalit\u00e9s destin\u00e9es \u00e0 l\u2019administrateur du site.<\/p>\n<p><strong>Pourquoi ce plug-in ?<\/strong><\/p>\n<p>La cr\u00e9ation de ce plug-in a \u00e9t\u00e9 motiv\u00e9e par mes besoins : \u00e0 la fois bloggeur r\u00e9gulier, photographe, cr\u00e9ant des liens fr\u00e9quents entre les articles et les photos, notamment lors de la couverture d&#8217;\u00e9v\u00e9nements dans l&#8217;\u00e9cosyst\u00e8me num\u00e9rique. Je n&#8217;ai jamais trouv\u00e9 de solution permettant de bien g\u00e9rer ses photos en ligne en relation avec son blog.<\/p>\n<p>Flickr, Picasa, Instagram, Facebook, Smugmug ou tel ou tel plug-in WordPress ? Impossible de faire ce que je souhaitais dans ces outils. Aucun ne s\u2019int\u00e8gre bien \u00e0 un blog comme les fonctions pr\u00e9c\u00e9dentes. Un widget de Picasa pour un blog ? Oui, si votre blog est chez Google ! Publier ses albums dans Facebook ? Bien pour les commentaires, mais il n&#8217;utilise m\u00eame pas les noms des fichiers et impose d&#8217;indiquer \u00e0 la main les noms des personnes dans les photos, des donn\u00e9es qui ne peuvent pas sortir de Facebook, d&#8217;o\u00f9 un enfermement in\u00e9vitable ! Des fonctions de recherche ? On en trouve mais pas structur\u00e9es comme ici, par ann\u00e9e et par album, m\u00eame en g\u00e9rant bien ses tags. L\u2019affichage des appareils photos et objectifs d\u2019un album ? Vous pouvez courir ! Le support convenable des tablettes ? Ca ne court pas les rues et, lorsqu\u2019il existe, les fonctionnalit\u00e9s sont rudimentaires. La gestion de plusieurs niveaux de dossiers ? Elle n\u2019existe ni chez Picasa et Flickr. Tous les albums sont \u201c\u00e0 plat\u201d. Et la possibilit\u00e9 d\u2019uploader plusieurs albums d\u2019un coup avec toute une arborescence de dossiers ? Aucun syst\u00e8me en ligne ne le permet, sauf le stockage en ligne type Dropbox, mais ces derniers ne sont pas bien faits pour g\u00e9rer des galeries de photos !<\/p>\n<p>De l&#8217;autre c\u00f4t\u00e9, il existe des &#8220;Digital Assets Managers&#8221; tels que ceux d&#8217;Orphea et Gallery Server Pro. Ils sont tr\u00e8s bien faits pour g\u00e9rer des images et des vid\u00e9os et les commercialiser. Ils sont par contre souvent moins sophistiqu\u00e9s du c\u00f4t\u00e9 des outils de consultation, qu&#8217;il s&#8217;agisse de la version site web et applications mobiles ou bien de l&#8217;int\u00e9gration dans des sites web. Enfin, la majorit\u00e9 des outils du march\u00e9 sont des solutions en cloud qui limitent le contr\u00f4le de ses donn\u00e9es. Photo Folders se d\u00e9marque par un contr\u00f4le total donn\u00e9 \u00e0 son utilisateur et pas l&#8217;absence de cr\u00e9ation de donn\u00e9es propri\u00e9taires et ferm\u00e9es.<\/p>\n<p>Je publiais jusqu&#8217;\u00e0 il y a peu de temps mes albums photos dans les galeries de Darqoom, une startup nantaise dont j\u2019ai \u00e9t\u00e9 membre du board entre 2009 et mi-2013. En octobre 2013, la soci\u00e9t\u00e9 a \u00e9t\u00e9 c\u00e9d\u00e9e \u00e0 un repreneur qui a arr\u00eat\u00e9 l\u2019activit\u00e9 \u201cweb\u201d de la soci\u00e9t\u00e9 pour se concentrer sur l\u2019activit\u00e9 d\u2019impression professionnelle en mode \u201cb-to-b\u201d. R\u00e9sultat, mes photos n\u2019y sont plus disponibles depuis ce moment-l\u00e0. En attendant, j\u2019ai publi\u00e9 quelques albums sur Facebook, ce qui pr\u00e9sentait l\u2019avantage de g\u00e9n\u00e9rer une activit\u00e9 sociale mais en me faisant perdre le contr\u00f4le de mes photos et surtout de leur mode de pr\u00e9sentation.<\/p>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Photographer-Independance-Day_77CE\/Logo-Photo-Folders.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; margin: 10px 0px 10px 10px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"Logo-Photo-Folders\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Photographer-Independance-Day_77CE\/Logo-Photo-Folders_thumb.jpg\" alt=\"Logo-Photo-Folders\" width=\"240\" height=\"89\" border=\"0\" \/><\/a><\/p>\n<p><strong>Le virus du d\u00e9veloppement logiciel<\/strong><\/p>\n<p>J\u2019ai d\u00e9marr\u00e9 le d\u00e9veloppement de Photo-Folders en mai 2012, ressentant le besoin de devenir autonome dans la gestion des mes photos. Pourquoi donc peut-on contr\u00f4ler \u00e9troitement ce que l\u2019on publie au niveau texte dans son blog et pas au niveau de ses photos ? Pourquoi le web doit-il \u00eatre si centralis\u00e9 au niveau de la gestion de la publication des photos ? C\u2019est une question qui m\u2019a taraud\u00e9 et je me suis dit qu\u2019il serait int\u00e9ressant de tester une approche d\u00e9centralis\u00e9e.<\/p>\n<p>Comme je l\u2019\u00e9voquais dans \u201c<a href=\"https:\/\/www.oezratty.net\/wordpress\/2014\/comment-valoriser-les-developpeurs\/\">Comment valoriser les d\u00e9veloppeurs<\/a>\u201d en avril 2014, je suis moi-m\u00eame un ancien d\u00e9veloppeur. Le virus du d\u00e9veloppement logiciel ne m\u2019a jamais quitt\u00e9. J\u2019ai fait une s\u00e9rieuse rechute avec le d\u00e9veloppement de Photo-Folders.\u00a0C\u2019est devenu plut\u00f4t d\u00e9vorant. Ce logiciel a repr\u00e9sent\u00e9 plus de 5 hommes-mois \u00e9tal\u00e9s sur 2 ans\u00a0! Sans m&#8217;emp\u00eacher de faire le reste\u00a0!<\/p>\n<p>Au d\u00e9part, ce n\u2019\u00e9tait qu\u2019un petit challenge personnel du genre \u201c<em>et si c\u2019\u00e9tait possible\u2026<\/em>\u201d !<\/p>\n<p>Et si je pouvais apprendre \u00e0 d\u00e9velopper une application Web compl\u00e8te ? Et si, au passage, je pouvais d\u00e9montrer qu\u2019il est possible de s\u2019affranchir des plateformes propri\u00e9taires iOS et Android pour supporter les tablettes et smartphones, gr\u00e2ce notamment \u00e0 HTML5 ? Et si je pouvais retrouver mon ind\u00e9pendance \u00e0 la fois comme bloggeur et comme photographe amateur ? Et si je pouvais mieux int\u00e9grer mes photos dans mes articles ? Et si\u2026 cela pouvait en plus servir \u00e0 d\u2019autres ?<\/p>\n<p>Sans \u00e9ch\u00e9ance particuli\u00e8re et sans soucis\u00a0de financement puisqu\u2019il ne s\u2019agit que de temps personnel et de passion, je me suis lanc\u00e9 dans ce d\u00e9veloppement. J&#8217;ai \u00e9videmment rencontr\u00e9 un nombre incalculable de difficult\u00e9s techniques : pour la s\u00e9curit\u00e9, pour la performance, pour la navigation dans les photos, pour le support du tactile, pour l&#8217;int\u00e9gration dans les articles, pour la gestion des caract\u00e8res sp\u00e9ciaux. Et ce n&#8217;est jamais termin\u00e9 ! J&#8217;ai une todo list pouvant m&#8217;occuper encore de longs mois.<\/p>\n<p>J\u2019ai montr\u00e9 le r\u00e9sultat au fil de l\u2019eau \u00e0 un tas de personnes qui m\u2019ont souvent encourag\u00e9 et parfois d\u00e9courag\u00e9, comme cela arrive \u00e0 tous les\u00a0entrepreneurs. J&#8217;ai entendu autant de conseils diff\u00e9rents de personnes rencontr\u00e9es sur ce que je devais en faire. Pas mal de fonctionnalit\u00e9s viennent de propositions et id\u00e9es des uns et des autres.<\/p>\n<p>J\u2019avais \u00e9videmment aussi en t\u00eate toutes les recommandations prodigu\u00e9es dans le <a href=\"https:\/\/www.oezratty.net\/wordpress\/2014\/guide-des-startups-2014\/\">Guide des Startups<\/a> sans pour autant avoir de projet entrepreneurial dans la peau. Quid de la focalisation ? Quid du test rapide sur le march\u00e9 ? Du <em>lean startup ?<\/em> Du <em>fail fast ?<\/em> J\u2019ai presque tout fait \u00e0 l\u2019envers ! Mais voil\u00e0 un r\u00e9sultat tout de m\u00eame sympathique. Je suis \u00e0 la fois suffisamment satisfait du r\u00e9sultat pour le rendre disponible, et insatisfait pour me rassurer de ce que je n&#8217;ai pas attendu trop longtemps pour le faire !<\/p>\n<p><strong>L\u2019architecture de Photo-Folders<\/strong><\/p>\n<p>Photo-Folders est construit actuellement comme un <strong>plugin de WordPress<\/strong>, d\u00e9velopp\u00e9 en PHP c\u00f4t\u00e9 serveur et en HTML5 \/ JavaScript \/ jQuery \/ JSON \/ AJAX c\u00f4t\u00e9 client. C\u2019est une architecture tr\u00e8s traditionnelle, li\u00e9e aux contraintes de WordPress. D\u2019autres CMS pourraient-ils \u00eatre support\u00e9s ? C\u2019est toujours techniquement possible. Mais comme WordPress domine largement le march\u00e9 des sites web et des blogs, Photo-Folders couvre bien les besoins d&#8217;un grand nombre de sites qui pourraient un jour l&#8217;utiliser.<\/p>\n<p>Le logiciel pourrait-il devenir un service ind\u00e9pendant, en mode SaaS ? On me pose souvent la question et ma r\u00e9ponse est plut\u00f4t n\u00e9gative car en devenant ind\u00e9pendant, et centralis\u00e9, il deviendrait \u00e0 la fois bien plus complexe et surtout, perdrait un grand nombre de ses fonctionnalit\u00e9s, notamment celles qui cr\u00e9ent un lien \u00e9troit entre les albums et les articles, qui permet de savoir lesquels sont dans lesquels. Et trouver par exemple \u00e0 partir d&#8217;un album, les articles qui y font r\u00e9f\u00e9rence. Allez faire cela avec un outil de partage de photos du march\u00e9 ferm\u00e9 comme ils le sont tous ?<\/p>\n<p><strong>L\u2019int\u00e9gration de Photo-Folders dans Opinions Libres<\/strong><\/p>\n<p>Dor\u00e9navant, lorsque je publierai un album, cela sera dans l\u2019instance de Photo-Folders rattach\u00e9e au blog Opinions Libres. La <em>sidebar<\/em> du blog \u00e0 droite indique maintenant la liste des derniers albums publi\u00e9s ou modifi\u00e9s et vous pouvez en cliquant sur leur vignette directement y acc\u00e9der. C&#8217;est l&#8217;un des widgets de Photo-Folders !<\/p>\n<p>J\u2019ai m\u00eame mis \u00e0 jour tous les articles qui pointaient sur un album sur Darqroom ou ailleurs pour les faire pointer sur Photo-Folders. Avec une fonction de migration semi-automatis\u00e9e d\u00e9velopp\u00e9e pour Photo-Folders et qui pourrait s&#8217;appliquer \u00e0 d&#8217;autres syst\u00e8mes de partage de photos !<\/p>\n<p><strong>Et apr\u00e8s ?<\/strong><\/p>\n<p>Vous aimeriez peut-\u00eatre int\u00e9grer ce plug-in dans votre blog ? Id\u00e9e int\u00e9ressante ! Je vais dans le courant de l\u2019\u00e9t\u00e9 voir les r\u00e9actions des utilisateurs. Certains seront un peu d\u00e9rout\u00e9s et il y aura certainement des ajustements \u00e0 faire.<\/p>\n<p>Ensuite, je lancerai une petite beta priv\u00e9e du plugin pour ceux qui seraient int\u00e9ress\u00e9s \u00e0 l\u2019int\u00e9grer dans leur blog. Je vais aussi lancer un site web d\u00e9di\u00e9 sur le plugin.<\/p>\n<p><a href=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Photographer-Independance-Day_77CE\/Logo-Photo-Folder-Poweredby.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; margin: 10px 0px 10px 10px; display: inline; padding-right: 0px; border-width: 0px;\" title=\"Logo-Photo-Folder-Poweredby\" src=\"https:\/\/www.oezratty.net\/wordpress\/wp-content\/WindowsLiveWriter\/Photographer-Independance-Day_77CE\/Logo-Photo-Folder-Poweredby_thumb.jpg\" alt=\"Logo-Photo-Folder-Poweredby\" width=\"240\" height=\"69\" border=\"0\" \/><\/a><\/p>\n<p>Apr\u00e8s\u2026 on verra !<\/p>\n<p>En attendant la suite, vous pouvez commencer par\u00a0parcourir mes <a href=\"https:\/\/www.oezratty.net\/wordpress\/photos\">52 000 photos publi\u00e9es dans Photo-Folders <\/a>! Vous y retrouvez les photos de l&#8217;initiative\u00a0<strong>Quelques Femmes du Num\u00e9rique !<\/strong>&#8221; (aussi visibles sur <a href=\"http:\/\/www.qfdn.net\">http:\/\/www.qfdn.net<\/a>), mon book (mes photos pr\u00e9f\u00e9r\u00e9es class\u00e9es par cat\u00e9gories) et ensuite les \u00e9v\u00e9nements class\u00e9s par ann\u00e9e.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le blog \u201cOpinions Libres\u201d fait peau neuve d\u2019une mani\u00e8re inhabituelle en ce 4 juillet 2014 ! D&#8217;habitude,\u00a0les changements d&#8217;un site web portent sur le look et la charte graphique, mais pas forc\u00e9ment sur les fonctionnalit\u00e9s. Dans le cas pr\u00e9sent, pas de changement de th\u00e8me, mais l&#8217;ajout d&#8217;une fonctionnalit\u00e9 importante qui manquait et manque souvent : [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[2463,844],"class_list":["post-8882","post","type-post","status-publish","format-standard","hentry","category-photo-numerique","tag-photo-numerique","tag-wordpress"],"views":47969,"_links":{"self":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts\/8882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/comments?post=8882"}],"version-history":[{"count":0,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/posts\/8882\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/media?parent=8882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/categories?post=8882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oezratty.net\/wordpress\/wp-json\/wp\/v2\/tags?post=8882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}