tag:blogger.com,1999:blog-26589991773683952312024-02-07T10:08:56.609+01:00Technos Web et TraductionL'univers des technologies web est changeant, sans cesse renouvelé, et pourtant toujours aux prises avec les mêmes problèmes et problématiques, qu'il s'agisse de développement, de mise en place de processus ou de traduction. Cet espace est dédié au partage d'expériences.Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.comBlogger82125tag:blogger.com,1999:blog-2658999177368395231.post-48783246393457592602016-01-31T11:02:00.000+01:002016-02-07T10:10:29.646+01:00Accessibilité et utilisabilité des vidéos en ligne dans le contexte des MOOCs<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="350" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZnSE-ePbry9Qa6pokwIq5RXYRYTo6o9dQ1iE0yAoM_aAwDnFGlAZ3SBDZitDRwvY4JO7dtTKsnOU8PZddVQoVkWGMXnyEYL9LjNkWAt-1iJbkqaD2lQo9Cv3aC25fm40DysIXEF5zJiA/s1600/The-MOOC-case-book.jpg" alt="The MOOC case book" /></div>
<br />
<div style="text-align:justify">
L’accessibilité (facilité d’accès) et l’utilisabilité (facilité d’utilisation) des vidéos en ligne constituent des besoins importants, spécialement dans le contexte des MOOCs.<br /><br />
La littérature scientifique regorge d’informations et de bonnes pratiques sur la durée optimale d’engagement des utilisateurs, les notions de sous-titres et de transcriptions et leur utilité dans des situations usuelles, que l’on soit en situation de handicap ou non.<br /><br />
Il faut garder à l’esprit que l’accessibilité et l’utilisabilité se complètent : en répondant aux besoins d’utilisateurs spécifiques qui peuvent ne représenter qu’une fraction de nos visiteurs, on aide tous les autres.<br /><br />
Par exemple, lorsqu’on fournit un sous-titre de qualité pour les sourds et mal-entendants, cela aidera aussi les personnes qui regardent la vidéo dans un environnement bruyant, par exemple dans les transports, ou dans un lieu où le niveau sonore doit être minimal, comme un bureau ou une bibliothèque.<br /><br />
Le chapitre que j’ai publié dans « The MOOC case book: Case Studies in MOOC Design, Development and Implementation » sous le titre « Towards an Engaging and Usable Video Content: Addressing Accessibility and Usability Issues During Video Development » fait le point sur ces problématiques dans le cadre des <abbr title="Massive Open Online Course">MOOC</abbr>s ou <abbr title="Formation en Ligne Ouverte à Tous">FLOT</abbr>s, les formations en ligne ouvertes à tous.<br /><br />
Après l’étude de cas de cinq MOOCs proposés par trois plate-formes différentes, j’y fais le point sur l’état de l’art de la recherche dans les domaines concernés.<br /><br />
Ce chapitre fait partie de la section Problèmes de conception d’interface, les autres chapitres couvrant les problématiques pédagogiques, technologiques, d’évaluation, de gestion, de support de ressources, institutionnelles, les considérations éthiques et d’autres aspects encore des MOOCs.<br /><br />
<div class="separator" style="clear: both; text-align: left; display:inline;">
<a href="http://linusbooks.com/?wpsc-product=1527-2"><img border="0" width="118" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiXeZHhVQGEjtywRUwJxsedPqSAuifD7_e6XVVGBbsGC-aTG2Uik7tmHZZI8i-Q8vXqE3yZh7qr_n04dGyOONhA7HlnWoRf7tcTecLjYyf285nl-Sz4GT_vLRP4C-dSjtpJJ2zTt28zhX/s1600/mooc-case-book.jpg" align="left" style="margin-top:7px; margin-right:7px;" alt="The MOOC case book" /></a>
</div>
<br />
<a href="http://linusbooks.com/?wpsc-product=1527-2">The MOOC case book</a><br />sous la direction des Drs. Joseph Rene Corbeil, Maria Elena Corbeil et Badrul H. Khan<br />éditions Linus (2015)<br />ISBN : 978-1-60797-561-8
</div>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-12787300445271149492015-12-06T16:53:00.000+01:002015-12-06T16:53:31.202+01:00Introduction à l’AMP de Google (Accelerated Mobile Pages)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="352" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkWXjCdJNEQx2qwprwXb5kvqH9J3MAVQ89IiKVLeqRve7Cl_uswDMKvnrsNNRP6Pmy1bzvfs7n31V-zEApfehtmVKBXjapdiqNNM4cWFrL_4rSTlQYnadvHYdQuFCIW1A-O1sZaLYh1_l/s1600/AMP-fr.jpg" alt="Pétra, Jordanie" /></div>
<br />
<div style="text-align:justify">
L’initiative AMP de Google (pour Accelerated Mobile Pages) fait beaucoup parler d’elle depuis son lancement début octobre. Voyons ce qu’il en est, comment elle fonctionne, et comment vous pouvez publier vos pages en HTML AMP.<br /><br />
De nos jours, une page qui prend plus de quelques secondes pour se charger perd vite de son attrait, particulièrement sur smartphone. Le Projet AMP permet de pallier à ce problème. Les articles publiés dans ce format seront d’ailleurs mis en avant par Google dès le début de l’année prochaine.<br /><br />
Vous voulez en savoir plus ? Je vous invite à lire la version intégrale de cet article que j’ai publié sur la plateforme Pulse de LinkedIn : <a href="https://www.linkedin.com/pulse/introduction-à-lamp-de-google-accelerated-mobile-pages-alexis-ulrich">Introduction à l’AMP de Google</a>.
</div>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-22209210808546790182015-10-03T11:43:00.000+02:002015-10-03T11:43:40.338+02:00Pourquoi le japonais est une langue si intéressante à apprendre<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="262" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-4sg_4asbcr4jSdwZuZppdjeAbaRTUusjRt0FiUV-fflKE0dIX6Sr79k7HCh3yuDCbysj5okaaA0V-7J110rH1cgLEe6H5CbrUcbERaAe4DiXGpRQ4Fdc-GqPY_smJKv6dpVUNeUGK2Q/s1600/interet-japonais-social.jpg" alt="Fleurs de cerisier"></div>
<br>
<div style="text-align:justify">
Je vais partager avec vous quelques aspects intéressants de la langue japonaise après avoir suivi un cours intensif de 30 heures.
</div><a href="http://technos-web.blogspot.com/2015/10/pourquoi-le-japonais-est-une-langue-si.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-25182407438937097362015-02-08T12:09:00.000+01:002016-02-07T10:00:39.091+01:00Interaction Personne Machine (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="294" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0oqI0TDjiqclu5uafATb9RYb9ja6MFBA-De-x8v2egsZxwAmL00grLXrxpFNu0TRGCW3-Gv1Fm0gJZeyuCQ4XJ62IQUGAbO97VdCuS97LyO76WdulNQNa4wSuQ_NNDEHCB3BPrXw9uPR/s1600/Human-Computer-Interaction-MOOC.jpg" alt="Interaction Personne Machine (MOOC)"></div>
<br>
<div style="text-align:justify">
Hébergé par <a href="https://www.coursera.org/">Coursera</a>, ce <a href="http://www.hci-class.org">cours sur l’Interaction Personne Machine</a> de l’Université de Californie à San Diego est présenté en anglais par Scott Klemmer, professeur associé de science cognitive, d’informatique et d’ingénierie. Il présente les concepts du prototypage, de l’évaluation comparative, les principes de la conception visuelle, de la perception et de la cognition. Pour résumer, il aide à établir de bonnes fondations en conception centrée sur les utilisateurs.
<br><br></div><a href="http://technos-web.blogspot.com/2015/02/interaction-personne-machine-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-70727559242349256652015-01-24T09:54:00.000+01:002015-01-24T09:54:18.477+01:00MOOCs en langue étrangère : faire d’une pierre deux coups<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="333" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJdLQDPxPuY2dDgPnT0kx4lAmwwp0Cw9d25quXbRFAva_bYlKBIAp5mhyphenhyphenljUG3wzBHW2cAexziRHTJtNiMkDZaQTa_nGwNEFeOuJos-DWDDba695TBLoHr_GKp1GlgmZqMvLckpACh6y8/s1600/Japanese-Power-Pop-MOOC.jpg" alt="Japanese Power Pop MOOC"></div>
<br>
<div style="text-align:justify">
Si vous vous intéressez aux langues et à la formation continue, pourquoi ne pas faire d’une pierre deux coups ?<br>
De nombreux cours en ligne sont offerts de par le monde dans une très grande variété de domaines et un grand nombre de langues. Même si l’anglais reste prédominant, vous pouvez faire votre oreille à de nombreux accents, améliorer votre compréhension et élargir votre vocabulaire tout en vous cultivant.<br>
Voici une sélection de quelques cours pour vous faire apprendre et voyager.
</div><a href="http://technos-web.blogspot.com/2015/01/moocs-en-langue-etrangere.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-40334160781994568182014-11-11T10:21:00.000+01:002014-11-11T10:21:55.885+01:00Introduction à la neuroéconomie (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="281" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IP-nav4J5H5slZopRonhqo6O68lSrSplbERTbT80gNfnD643Qa4hwzxdj3CtrDkLT8cFz9dEF_NTmesK_vlxw2Yx7yGMVjeOGGJXVtJK1rvEtsHsP8xvmBXpBDBFHdDCnpiSIznGu4xN/s1600/Neuroeconomics-MOOC.jpg" alt="Introduction à la neuroéconomie (MOOC)"></div>
<br>
<div style="text-align:justify">
Ayant pour titre complet <i>Introduction à la neuroéconomie : comment le cerveau prend des décisions</i>, ce cours accessible via la plateforme <a href="https://www.coursera.org/course/neuroec">Coursera</a> se situe à la convergence de l’économie, de la psychologie et des neurosciences. Il est présenté en anglais par <a href="http://ch.linkedin.com/pub/vasily-klucharev/12/960/925/fr">Vasily Klucharev</a> de l’École des hautes études en sciences économiques de Moscou.
<br><br></div><a href="http://technos-web.blogspot.com/2014/11/introduction-la-neuroeconomie-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-4886224414082644662014-08-30T15:23:00.000+02:002014-08-30T15:23:10.464+02:00Journalisme de données (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="280" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXIUfdwc0iNNDGyvQdqvR7d7r1V51dNGRal-kymAIinkRj2woORaxYv7qFxcgY5o5D6COD7Quj6meRQfU_LVhgJmB15QVyIxBK0LpF3bo3GvUJC-Fwcvfh2wma0jdoSO-ojvmfTA_xiTj/s1600/data-journalism-MOOC.jpg" alt="Journalisme de données (MOOC)"></div>
<br>
<div style="text-align:justify">
Accessible sur la plate-forme <a href="https://learn.canvas.net/">Canvas</a>, ce cours s’intitule <a href="http://datajournalismcourse.net/">Faire du journalisme avec des données : premiers pas, compétences et outils</a> et fait partie de l’initiative <a href="http://ejc.net/">European Journalism Center</a>. Il a pour but de fournir des concepts, des techniques et des compétences pour travailler efficacement avec des données et produire des histoires captivantes.
<br><br></div><a href="http://technos-web.blogspot.com/2014/08/journalisme-de-donnees-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-58853597541977499162014-08-17T10:37:00.002+02:002014-08-17T10:48:34.815+02:00Accélérez vos pages contenant des vidéos YouTube<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="375" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU2Z0oF_oTz0Jl9cPZSydDqX4fRKMktqDLk0paJuAW3pf01-xWhRmQDimETSBion-sha7HrSBAY6rxOhJYrgnd3dYGz8LY-kYEocyAVSYk2z31VomXsUHtV16bRKpJpArr6P7Dr030GEAk/s1600/acceleration-YouTube.jpg" alt="Accélérez vos pages contenant des vidéos YouTube"></div>
<br>
<div style="text-align:justify">
Nous voulons que nos visiteurs reçoivent leur contenu aussi vite que possible, c’est-à-dire que celui-ci soit aussi léger que possible tout en limitant le nombre de requêtes nécessaires. Mais nous désirons aussi qu’ils restent sur nos pages, et qu’ils s’y divertissent. C’est là que les vidéos entrent en scène. Elles illustrent notre contenu textuel, lui apportent plus de vie, et sont servies par des sites tiers. Que demander de plus ? Cependant, elles présentent un coût caché : elles sont lentes et lourdes à télécharger, même si vos visiteurs ne les regardent pas.<br>
Ce billet est une traduction de l’article <a href="http://www.sitepoint.com/faster-youtube-embeds-javascript/" target="_blank">Faster YouTube Embeds with JavaScript</a> que j’ai publié sur le site <a href="http://www.sitepoint.com/">Sitepoint</a>.
</div><a href="http://technos-web.blogspot.com/2014/08/acceleration-pages-videos-YouTube.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-16277367444255037272014-07-06T14:20:00.000+02:002014-07-29T22:53:28.670+02:00Stratégies du marketing en ligne (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="279" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOOWlNod1T8NLiuu8BoKhCmDJdW4vwKxB9TeAYUM8ZCk1ZNMepOCIKblI2XM3tRfRgR7H8J13QjHymqnHho9iTkdyfKRZ2FEAU9t9L43XzizRh48ERfcXHai-vjgkamv8H76pglX6xgUt4/s1600/moc-community-manager.jpg" alt="Stratégies du marketing en ligne (MOOC)"></div>
<br>
<div style="text-align:justify">
Intitulé « <a href="https://www.miriadax.net/web/estrategias-de-marketing-online.-community-manager">Stratégies du marketing en ligne, community manager</a> », ce cours donné en espagnol se structure en quatre modules dédiés aux Community managers : stratégie on-line, blogs et micro-blogs, réseaux sociaux et community managers, et enfin publicité en ligne.
<br><br></div><a href="http://technos-web.blogspot.com/2014/07/strategies-du-marketing-en-ligne-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com1tag:blogger.com,1999:blog-2658999177368395231.post-91864770627669243612014-06-21T10:54:00.001+02:002014-06-21T11:01:55.440+02:00Connaître les directives WCAG 2.0 (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="375" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOyH43_v6iirImD2t8Lrdfj3HmQSzqhfWVPphasAA8NpDeFYlJXFk9ZPocX1G8Pp6PeNluL_bK6_dd766P889Qh4g4wrH8mE5bGNVn6vhAvR43_ebp5QRmmnrtZQkkNiNwPHVWBBhHVB3/s1600/WCAG-2.0-MOOC.jpg" alt="Connaître les directives WCAG 2.0 (MOOC)"></div>
<br>
<div style="text-align:justify">
Offert en portugais par l’Institut Polytechnique de Leiria, Portugal, via sa plate-forme Up2U, ce cours intitulé <a href="http://up2u.ipleiria.pt/course/conhecer-as-wcag-2-0-diretrizes-de-acessibilidade-para-conteudos-web/">Connaître les directives WCAG 2.0</a> présente les directives d’accessibilité pour les contenus web. Les auteurs de ce cours sont <a href="http://pt.linkedin.com/pub/manuela-francisco/4/46/37/fr">Manuela Francisco</a>, conceptrice pédagogique à l’Institut Polytechnique, et <a href="http://iact.ipleiria.pt/member/norberto-sousa/">Norberto Sousa</a>, consultant en accessibilité et validation de sites.
<br><br></div><a href="http://technos-web.blogspot.com/2014/06/accessibilite-directives-wcag-2.0-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-54705652323359759412014-03-30T18:40:00.001+02:002014-06-21T11:01:45.300+02:00Technologies du web sémantique (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="292" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOoc0N5MyFDjbgZoRe-dXDJ6VSUt6NPfKkhGm8L1eaG6xMRYNRzGToZhYfRUpqpJD-PpkICTbmXBz4WE03oiD8VQI9HTU8_9qZhqJz0zGhjEg_U-CBfk9xsufNHrch5NmJjI9zbIjh4ZgX/s1600/MOOC-Semantic-Web-Technologies.jpg" alt="Technologies du web sémantique (MOOC)"></div>
<br>
<div style="text-align:justify">
Ce cours présente les fondamentaux des technologies du web sémantique, c’est-à-dire comment représenter la connaissance et comment accéder aux données sémantiques du web et en tirer parti. Il est enseigné en anglais par le Dr. Harald Sack, chercheur à l’Institut Hasso Plattner de Potsdam, et est accessible sur la <a href="https://openhpi.de/course/semanticweb">plate-forme openHPI</a>.
<br><br></div><a href="http://technos-web.blogspot.com/2014/03/technologies-du-web-semantique-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com1tag:blogger.com,1999:blog-2658999177368395231.post-15509710535237441362014-02-09T10:39:00.001+01:002014-06-26T18:45:27.690+02:00Expérience utilisateur pour le web (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="334" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqro8dvcflTR_-S-6mFx6iNHKqMGK17fA0rpGu2nRvSoo_mROOqM21DOzKNgdeoTu6ZJEgq8gJ7TMUdE_jJUCcxWvgTZ4_4CqnF0VOSiTRh1kw2koWIeKXkgXOA-xkepyKMUJYo7ZyAx1g/s1600/MOOC-User-Experience.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Ce cours d'<a href="https://www.open2study.com/courses/user-experience-for-the-web">expérience utilisateur</a> pour le web est un MOOC proposé sur le site <a href="https://www.open2study.com">open2study.com</a>. Il est enseigné en anglais par Amir Ansari et fait partie du cursus de licence (<i>Bachelor of Arts</i>) en Communications Internet.
<br><br></div><a href="http://technos-web.blogspot.com/2014/02/experience-utilisateur-pour-le-web-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com2tag:blogger.com,1999:blog-2658999177368395231.post-82552534580586622612014-01-05T09:56:00.001+01:002014-05-21T19:20:39.811+02:00Design responsif : des pistes à suivre<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="375" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKvo2cQrHuhQr90h-X2gZEmvznnbbmRkc6M5xDBWCwvy8i5TsQALGAorl8I0xWGwxiVnKhitxAEo-iWw4ky_Tbq38avTX_5UlY4okfj8ih-1Mli6C5gwed0LwrbnOYTiwJD_E1Jw04FOC3/s1600/mise-en-abyme-responsive.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Le design responsif est un domaine qui ne cesse de se renouveler et d'apporter de nouvelles pistes de réflexion, souvent accompagnées d'exemples concrets de code en démonstration de leur pertinence. Nous allons nous concentrer aujourd'hui sur la problématique des onglets, sur la lisibilité et la longueur des lignes de texte affiché, sur les différents usages des dispositifs et leur taille d'écran, avant de jeter un œil sur ce que le futur nous prépare.
<br><br></div><a href="http://technos-web.blogspot.com/2014/01/design-responsif-des-pistes-a-suivre.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-44148825402500001542013-12-02T18:49:00.000+01:002013-12-02T18:49:15.511+01:00Des tables responsives<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="388" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2lc-CpktekjkGYhm6v1sRN1qEA5LpH-LGo4m7VFHSF7Bjy4U8NmhGlEw0jcVpKpc449mHVIhbA8CKWYWU7i3jpDoLCFp9pezxvyzjUOsCjGFjJUWQi4cLtd_kEuFWuQMk9UGkVQ8P0YY/s1600/table-tournante-rwd.jpg" alt=""></div>
<br>
<div style="text-align:justify">
L'affichage de données tabulaires pose des questions difficiles dans un environnement responsif. Si la table est plus grande que l'écran, on peut permettre un défilement horizontal, cacher des colonnes, montrer un résumé de la table avec un lien vers sa version complète, ou bien encore faire d'autres choix.
<br><br></div><a href="http://technos-web.blogspot.com/2013/12/des-tables-responsives.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-36989866759315726482013-11-11T10:47:00.001+01:002013-11-11T10:47:29.725+01:00Publicité en ligne (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="278" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtUUkpYbupACPAZnKQyMha58spvAIQfDr-7zyVINVv7uJEms8Mfpkolp8oDeLAElPqRwWc1qljsR9I06PO-Wm2PTzdXpzH6tdQbkwVRO4aPwVf-fKzfItcYBoK0s4Ic5CtydjCHEebc_He/s1600/online-advertising-mooc.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Le <a href="http://www.open2study.com/courses/online-advertising">cours de publicité en ligne</a> dont je vais parler est un MOOC offert sur le site <a href="http://www.open2study.com">open2study.com</a>. Son enseignante, Patty Keegan, a une large expérience du domaine et sait introduire son sujet sans être trop technique.
<br><br></div><a href="http://technos-web.blogspot.com/2013/11/publicite-en-ligne-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-33268027653138713212013-10-12T19:17:00.001+02:002013-10-12T19:17:37.828+02:00Principes de Gestion de Projet (MOOC)<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="269" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-YPujI3HunmA7Z7XOHAtVb7T5V71PZ88fUHf24xwNKIWmDuxRMEE4XM2iKlgOZo-9PcPW2ZAp1ZNulL_4LzFTJcZQr9zPyRpsqK3TR_iO1gcwhtNTjsjXud7_TBNONqxH7zOTi9Ys9Eo/s1600/project-management-mooc.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Les MOOCs (<i>Massive Open Online Courses</i>) sont des cours en ligne offerts par des écoles et universités du monde entier dans des domaines aussi variés que l'anthropologie, les mathématiques, le marketing ou l'informatique. Le cours qui nous intéresse ici s'intitule <i><a href="https://www.open2study.com/courses/principles-of-project-management">Principes de Gestion de Projet</a></i>. Il est délivré par l'Institut Polytechnique d'Australie occidentale (<i>Polytechnic West</i>).
<br><br></div><a href="http://technos-web.blogspot.com/2013/10/principes-de-gestion-de-projet-mooc.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-27255472944163709402013-09-22T10:39:00.002+02:002013-09-22T10:39:23.291+02:00C'est le moment de se détendre<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="334" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx_A1pqwBwEUVNtAKZKD7haW6QovYLPysU3tW5iAokezImI5moQQTTwm1SUZTwi2qJSB-GmBl0XThccENUeF4aPj1bm9IIdXoVzPlvZ9-5PMqPRNsGsvGEL10cbZRH5rPfziGx26AdrvpJ/s1600/time-to-relax.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Les sons relaxants de la nature ont cette faculté de nous faire oublier le stress en l'espace de quelques minutes. Voici une sélection de sites qui vous feront connaître une relaxation profonde.<br><br>
</div><a href="http://technos-web.blogspot.com/2013/09/c-est-le-moment-de-se-detendre.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-80848192010915365302013-09-13T20:24:00.001+02:002013-09-13T20:26:42.570+02:00Journée européenne des langues 2013<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="341" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQPEzQ05WRAIRrWH326px8219o2DnSQckohKEXLfb-50JvHMwaymbfOX1iTPKCVc6Vb8lWib79TAJjpIF5feIHLN_FJxIPkEZy_BMpiCFDuQHnXB3I4oAJIBSOg2fC5AqFR7meCecpg23/s1600/passeport-langues.jpg" alt="Passeport pour les langues"></div>
<br>
<div style="text-align:justify">
Le jeudi 26 septembre 2013, à l'occasion de la Journée européenne des langues, de nombreuses manifestations auront lieu en Europe.<br><br></div><a href="http://technos-web.blogspot.com/2013/09/journee-europeenne-des-langues-2013.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-76044408184123123802013-08-25T18:06:00.000+02:002013-08-25T18:09:46.421+02:00Les boutons de partage social ne servent à rien<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="245" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffdbtd8I6RpkczkByL5HWI6YFPuUdELVBD025sG6MUaLuv1m1iXDI7Xo1dc1w8x-341R49Eo7DIl6Xa4tkkD8FSbQC4sv46RlGnRZ3XTlq8EgWMYm77ML5j6ol8wle42SMyd_41Zme2gj/s1600/useless-social-media-icons.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Les boutons de partage social sont partout. Omniprésents sur le web, ils invitent à liker, partager ou plusser la moindre page pour que son contenu soit vu par des centaines, que dis-je, des millions de visiteurs potentiels. Mais sont-ils aussi nécessaires qu'ils veulent le faire croire ?
<br><br></div><a href="http://technos-web.blogspot.com/2013/08/boutons-partage-social-inutiles.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-23661857449748250312013-08-04T08:46:00.000+02:002013-08-04T08:49:34.123+02:00Traduire les actions d'un écran tactile sous Windows 8<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="335" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxC8JLHRwLvXGNqu-jc3gCRNaCu5e1YxR5_ELFYUA5G5KMeZBEoB5znluVnzTjECcgyU7VT9Wb03Jc1U0BSm8FfNECcso4z_guBYOTqtO9lc7sGPSHgosz08ka0xbA_Z1wA_iOSoW-m8Qx/s1600/touch-gestures-translation.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Avec l'avènement des écrans tactiles et des documentations d'interfaces qui leurs sont liées, il est parfois difficile de savoir comment traduire les différentes actions possibles (<em>to tap</em>, <em>to swipe</em>, <em>to pinch</em>…).
Windows 8 nous permet une traduction de chaque action dans sa <a href="http://windows.microsoft.com/fr-FR/windows-8/touch-swipe-tap-beyond">documentation en ligne</a> lorsqu'on met en regard les différentes localisations.
<br><br>
</div><a href="http://technos-web.blogspot.com/2013/08/traduire-actions-ecran-tactile-windows-8.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-25085759770208858502013-07-20T18:57:00.000+02:002013-07-22T19:10:11.472+02:00Quelques nouveautés du design responsif<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="335" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiANKaM5id1RERjwrtsSVgzMVzi192vW_UMITcfo96yWiR54H8hZgNUnaWYr0IRplxytIS-qxOLZlzBBSjuSLa7mYNGxoJ-SOoj8OIKChy6hhiUHYNfnhGdVDKUcgCS35VaKy0I3u6TmAgj/s1600/responsive-links.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Le monde du design responsif évolue en permanence, et avec lui les recommandations et projets de travail du W3C, notamment en terme d'évolution des CSS. La typographie a elle-aussi son mot à dire et l'utilisation des fontes web apporte son lot de solutions. Cet article présente une série de liens pertinents pour poursuivre une <a href="http://technos-web.blogspot.fr/2012/06/conception-web-adaptative.html">réflexion déjà ancienne</a>.<br><br>
</div><a href="http://technos-web.blogspot.com/2013/07/quelques-nouveautes-du-design-responsif.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-64537376008819576132013-05-27T19:59:00.000+02:002013-05-27T19:59:41.181+02:00Comptines numériques en anglais<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="346" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLv-cv7avd1z6sgv6Be9po6nS_ju6qZK6UsI9byRFML3LrVlO9Kn6ViUZmGIx0xsT6tl0Z62O-x2l0LHLeuHW14p62t56h74BBqthdCQEB5ftFGn_BOegdsY1mADbwLVAmqWQw2kG2KZZ/s1600/nursery-rhymes.jpg" alt=""></div>
<br>
<div style="text-align:justify">
L'apprentissage par la répétition, qui plus est en chanson, est une façon pratique et agréable pour amuser les jeunes enfants et leur apprendre des bases d'arithmétique, mais aussi d'anglais et les habituer à la prononciation de cette langue. Les comptines présentées ici sont axées sur l'apprentissage des nombres, ainsi que sur l'addition, la soustraction et la multiplication.<br><br>
</div><a href="http://technos-web.blogspot.com/2013/05/comptines-numeriques-en-anglais.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-58409001307944880912013-04-01T22:00:00.000+02:002013-04-01T22:06:22.305+02:00Internationalisation avec FuelPHP<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="278" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHxf4hDl2SQYliBYA03tk7OZyZHwRZjpu47ofvZVBXlwdnXc8KCoO3Q8OZDBv1Q3DIxM7-Y5pwIPDuvo-Fh1nQouSI2_Aj7SApQsbyLZO9d1szOmro0hBPWBn7uPy7yK_pe4hdvQzxuino/s1600/fuelphp-i18n.jpg" alt=""></div>
<br>
<div style="text-align:justify">
FuelPHP est un framework PHP gratuit et open-source, basé sur le PHP 5.3+. Il implémente une architecture HMVC (Modèle-Vue-Contrôleur Hiérarchique) où le contrôleur y joue un rôle central, la vue et le modèle étant complètement séparés (ils ne peuvent donc pas communiquer entre eux). Il offre aussi d'autres fonctionnalités, comme une implémentation RESTful, une analyse syntaxique de modèles, un mapping objet-relationnel (ORM), un paquetage d'authentification et un système de cache entre autres choses. Nous nous concentrerons ici sur la façon dont il gère l'internationalisation dans sa version 1.5.1 de janvier 2013. Le développement de sa nouvelle base de code 2.0 <a href="http://fuelphp.com/blogs/category/releases">a d'ores et déjà commencé</a> mais la gestion de l'internationalisation devrait y être identique.<br><br>
</div><a href="http://technos-web.blogspot.com/2013/04/internationalisation-avec-fuelphp.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com2tag:blogger.com,1999:blog-2658999177368395231.post-88932291381767585172013-02-17T19:28:00.000+01:002013-02-17T19:39:46.282+01:00Une rareté par choix, pas par définition<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="355" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinn4zAUjm3eYrREfIQnnVfuaQP9zcTv8JWqV7EX3lStVw0u-23594JMaMPtPUnBlnwusNNqQB4simq6h7sb1jTsLcSF2viHTUmvqycubou6BWtq3MPzRJ1fGifVrTjn2ES3CHUueE6AuST/s1600/solving-scarcity.jpg" alt=""></div>
<br>
<div style="text-align:justify">
Comme nous l'avons vu dans le <a href="http://technos-web.blogspot.fr/2012/12/noms-de-domaine-le-grand-saut.html">précédent billet</a> de cette série, il n'y a jamais eu de réelle rareté des extensions de noms de domaine, mais plutôt une création soigneusement planifiée de nouvelles extensions pour alimenter le marché au fil des ans, à l'exception des domaines de code de pays (<i>ccTLDs</i>) et de leur support de jeux de caractères internationaux. En plus du simple coût d'un nom de domaine, qu'il soit classique, internationalisé, ou bien l'une des près de deux mille nouvelles extensions hors de prix qui vont bientôt être lancées, de nombreux coûts cachés restent encore à découvrir, la plupart étant des coûts externalisés.
<br><br>
</div><a href="http://technos-web.blogspot.com/2013/02/une-rarete-par-choix-pas-par-definition.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0tag:blogger.com,1999:blog-2658999177368395231.post-28887878174726578982013-02-03T17:21:00.000+01:002013-02-14T15:38:32.390+01:00Gestion des pluriels avec le framework PHP Yii<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="327" width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6Kzk3VT6WiWjMw8jlBGAJhNz9lQhkFgxpR6DlwJ6kmLhoObb2Hw09BSb7HcAx6t_z_J2wwFShffoBwb0dg5jcN3NOFeQT1svVUGRijUXEqFFi1etxqYPENB1S6LvT7dXf45yJrwjpJ7R/s1600/1-die-2-dice-3-yii.jpg" alt=""></div>
<br>
<div style="text-align:justify">
<a href="http://www.yiiframework.com">Yii</a> (pour <i>Yes, it is</i>) est un framework PHP open-source et gratuit amorcé par Qiang Xue en 2008. Axé sur la performance, basé sur une architecture MVC et suivant le paradigme de la programmation événementielle, il propose aussi la traduction de message, le formatage de la date et de l'heure, les différents formats de nombres et la localisation d'interface. Nous allons nous concentrer ici sur la façon dont Yii gère les pluriels dans la fonction de traduction des messages de sa version actuelle (1.1.13).<br><br>
</div><a href="http://technos-web.blogspot.com/2013/02/gestion-pluriels-framework-php-yii.html#more">Lire la suite »</a>Anonymoushttp://www.blogger.com/profile/18066380918263932431noreply@blogger.com0