Choisir un moniteur TN ou IPS

Moniteurs : TN ou IPS

Pourquoi le prix de certains moniteurs de même dimension peut varier de plusieurs centaines de dollars?  Évidemment on parle de qualité des composantes, de son « look », des options disponibles.  Par-dessus tout, la qualité d’un moniteur provient de sa dalle d’affichage.

Il existe plusieurs grandes familles de dalles : Plasma, LCD, OLED. Dans le cas des moniteurs d’ordinateurs le plasma ne peut pas être considéré puisqu'il n’est pas disponible sous une diagonale de « 35’’» pouces et moins.

Dans le cas présent, je ne parlerai pas des écrans OLED (organic light-emitting diode) qui deviendront sans aucun doute la référence, mais pour l’instant, trop onéreuse.  Plusieurs grands manufacturiers ont annoncé des modèles OLED pour le marché des consommateurs dans les mois à venir.

Ce qui nous laisse les moniteurs LCD, surement comme celui avec lequel vous lisez ceci.

Deux grandes sous-catégories et leurs hybrides se sont popularisés.  Soit les « Twisted nematic (TN) » qui sont les  écrans LCD classique ou les « In-plane switching (IPS) », utilisés dans les produits Apple, par exemple. Chacune peut être rétroéclairée par des « néons » ou des « LEDs ».  

IPS vs LCD TN:

Caractéristique	LCD TN	IPS (e-IPS, s-IPS…)
Angle de visionnement	Moyenne	Très grande
Qualité d’image	Moyenne / Bonne	Très bonne
Justesse des couleurs	6bit	8bit
Taux de réponse	2ms	5ms
Prix	Abordable	Dispendieux

*Ces caractéristiques peuvent varier d’un constructeur à l’autre.

Les constructeurs ont développé des sous-types de dalles IPS afin de diminuer les coûts de production.  Il est possible de trouver un écran « e-IPS » pour environ 300$. À noter que si vous comparez  des moniteurs, assurez-vous de le faire sous la même résolution.

•          HD : Connu aussi sous 720p, résolution de 1280x720 pixels
•          Full HD (FHD): 1080p, résolution de 1920x1080 pixels
•          Ultra HD (UHD): 4k, résolution de 3840x2160, 4 fois le nombre de pixels de la FHD.

Ce sont les trois résolutions les plus connues, car elles sont aussi utilisées par les téléviseurs, mais les moniteurs d’ordinateurs ont un plus grand éventail de sélection.

Les joueurs préféreront un écran "TN" car ils ont un taux de rafraîchissement élevé. Alors que les concepteurs graphiques et/ou développeurs préféreront un moniteur IPS, dû aux couleurs plus précises et aux meilleurs angles de visionnement.

Liens

TN, PS Explained (Très détaillés)
Not All LCD Panels Are Created Equal
LCD
TFT LCD
IPS
Résolution

Ruby on Rails

Ruby on Rails est un "framework open-source" de développement web pour le langage de programmation Ruby.  Son succès est dû à son adoption par de grandes entreprises qui ont su bénéficier de la rapidité de développement et du gain de productivité de cette plate-forme pour se démarquer.  Des entreprises comme Amazon, Cisco, IBM, Groupon, Yahoo! ont contribué à la popularité de cet environnement de développement.

Histoire

Ruby en soi est âgé de plus de 10 ans.  Rails fut créé en 2003 par David Heinemeier Hansson.  En 2004, la plateforme fut extraite du site web Basecamp, un site de gestion de projets produit par 37signals.  Cette même entreprise est aussi reconnue pour Campfire, un outil de collaboration/chat en ligne pour professionnels.  Apple en 2007 distribua officiellement Ruby on Rails avec leur système d'opération Mac OS X.  Cette contribution de la pomme, propulsa Ruby dans le palmarès des langages les plus utilisés. "Ruby on Rails" est sous l'influence de plusieurs "Design Pattern" dont le très répandu MVC (Model-View-Controller).

(Schéma type d’une plateforme mvc)

Ruby est un langage Objet.  Les fichiers ont comme extension des ".rb" (model, controller) ou ".erb" (view)

Exemple typique d'une classe contrôleur:

class UsersController < ApplicationController   def index                  ...   end   ... end

Un exemple d'une vue:

<table> <% @users.each do |user| %> <tr> <td><%= user.name %></td> <td><%= user.email %></td> <td><%= link_to 'Show', user %></td> <td><%= link_to 'Edit', edit_user_path(user) %></td> <td><%= link_to 'Destroy', user, method: :delete, data: { confirm: 'Are you sure?' } %></td> </tr> <% end %> </table>

Lors de l'appel la vue sera convertie en  HTML qui sera ensuite retourné au fureteur par le contrôleur. Un cas classique de MVC.

Bien que relancé par Apple, ce langage mature connait une nouvelle popularité aussi sur PC.

Liens

Les meilleurs Langages de programation

Site Officiel

Ruby on Rails Tutorial (excellent!!!)

Codecademy (aussi excellent pour plein d'autre langage!)

Basecamp / Campfire

Wikipedia

IFTTT : Automatiser le Net

IFFT

Souvent sur le Net, je me retrouve à me créer des routines « manuels » pour exécuter des tâches afin de maintenir une certaine intégrité entre mes sites préférés. J’ai récemment trouvé un site qui tisse les liens manquants entre les applications qui à l’origine n’ont pas nécessairement de lien. IFTTT, « If This Then That », se prononce comme « gift » sans le « g », comble ce besoin. Non seulement, il lie les sites, mais il peut aussi faire le pont entre vos appareils, envoyer des SMS, synchroniser de fichiers etc.

Sous la définition de « recette » le site crée des évènements qui en fonction d’une action sur un site en déclenchent un autre sur un ou plusieurs autres sites.

Des exemples de recettes :

• «Lorsque je suis marqué sur Facebook, sauvegarde la photo dans mon Dropbox»
• «Quand je mets à jour ma photo de profile Facebook, met à jour ma photo de profile Twitter»
• «J’aimerais recevoir un SMS chaque matin m’indiquant la météo de la journée»
• «Si les conditions météo actuelles changent pour de la pluie, envoyez-moi un courriel sur-le-champ». Ainsi je peux préparer mon parapluie.

Ce n’est là qu’une infime partie de tous ce que l’on peut faire. On peut créer et partager une nouvelle règle à partir d’un gabarit de recettes ou simplement utiliser une recette existante.

Plus de 59 applications, appelés « channels », ce qui donne un nombre quasi-illimité de possibilités.

Liens

IFTTT
Wiki IFTTT

Firefox: Développer une extension (Add-On)

Firefox Add-On

Mon fureteur de prédilection est Firefox.  Une des fonctionnalités que j'aime bien est la possibilité d'épingler un onglet. Les onglets épinglés vous permettent de toujours garder vos applications Web préférées comme Facebook, Gmail et Twitter ouvert. Ils sont petits, ne peuvent pas être fermés accidentellement et s'ouvrent automatiquement lorsque vous démarrez Firefox. Une notification visuelle nous indique qu'il y a du nouveau lorsque le site visité est modifié. 

Par contre, j'ai beau avoir cherché, on ne peut pas avoir de notifications sonores et je n'ai pas trouvé d'extension qui me permettait d'ajouter cette fonctionnalité.  J'ai mis l'épaule à la roue et entrepris de développer une extension pour pallier ce manque.

Je me suis enregistré sur le  « Developer Hub » de Mozilla et  suite à mes lectures, j'ai opté pour la solution de développement en ligne proposé par Firefox.

Voici où tout a débuté : https://addons.mozilla.org/en-US/developers/builder

J’ai d’abord fait le petit tutorial « How to Get Started » et ensuite je me suis lancé.

Tout le développement est en Javascript. La documentation est excellente et j’ai facilement réussi à faire le minimum que je désirais soit, entendre un son lors d’une mise à jour d’un onglet épinglé.  Chacun des outils nécessaire au développement (éditeur, débugger, test etc.) sont disponible à même l’éditeur en ligne ou inclus dans l’installation du fureteur.

Lorsque mon développement fut complété, j’ai documenté ma nouvelle extension afin de la soumettre au bureau de contrôle de Mozilla en suivant chacune des étapes. Après 3-4 jours d’attente l'application fût disponible dans la librairie grand public et accessible à tous.  

Lorsqu’une nouvelle version de « FireFox » est disponible, Mozilla fait un test de compatibilité pour s’assurer que l’extension fonctionne bien avec la prochaine livraison de son fureteur.

Si vous êtes intéressé, mon extension ainsi que mes sources sont disponibles publiquement.

Mes sources sur GitHub : https://github.com/judgeprophet/BingPinTab

Mon extension pour Firefox : https://addons.mozilla.org/en-US/firefox/addon/bingpintab/

Liens

Developer Hub

Add-On Builder

Documentation du SDK

GitHub

Javascript : RequireJS, Optimisez le chargement de vos librairies javascript.

Require.JS

Voici une très petite librairie JavaScript qui permet d’économiser sur le temps de téléchargement et par conséquent, d’attente lors de la navigation de votre site.

RequireJs permet de charger les modules JavaScript parallèlement à la page. Actuellement, sans l’utilisation de RequireJS, ils doivent être complétés séquentiellement avant l’affichage. De plus, Il place les modules en « mémoire cache » pour éviter leur rechargement répété. Ainsi, l’usager n’a pas à attendre la fin des chargements pour visualiser vos pages web.

Voici une comparaison avec mon fureteur Firefox du temps d’accès épargné :

Sans Require (164ms) / Avec Require (12ms)

Utilisation

Voici à quoi ressemble un fichier source HTML qui utilise cette librairie :

<script type="text/javascript" src="scripts/require-min.js"></script>

<script type="text/javascript">

  require([

    "scripts/underscore.js",

    "scripts/jquery.js",

    "scripts/backbone.js"

  ], function(){

    $('#exemple').html('jQuery & other files loaded');

  });

</script>

Dans l’exemple ci-dessus, on voit que seul le fichier « require-min.js » est inclus de façon traditionnelle. Les trois autres (underscore, jquery et backbone) sont importés par notre vedette de jour, RequireJS.

RequireJS s’utilise comme un classique fichier JS ou bien s’installe dans des environnements JavaScript tel que NodeJs. Il est compatible avec toutes les versions de fureteurs et même les plus anciennes (IE6, FF 2, Chrome 3 etc.)

Liens

RequireJS
Node.js
A tiny javascript loader with cache control

Revue : Souris Mad Catz Cyborg R.A.T.7

Cyborg R.A.T.7

Voici ma nouvelle souris,  la Cyborg R.A.T.7 de Mad Catz.

Ce périphérique est classé "gamer" mais ce n'est pas la raison de mon achat.  J'ai choisi cette souris pour son ergonomie et son look peu orthodoxe.  C'est une souris "laser", à ne pas confondre avec "optique", ce qui lui procure un niveau de précision sans pareil. Elle est entièrement personnalisable.  Son poids, ainsi que les reposes pouce, paume et petit doigt s'ajustent et peuvent être remplacés. Les pièces de base sont lisses et interchangeables par des pièces antidérapantes.   La sensibilité de la souris est contrôlée par un bouton. Quatre niveaux d'intensité sont accessibles.  Les six boutons ont chacun trois modes qui permettent de changer leur affectation avec une simple pression du doigt, pour un total de dix-huit commandes différentes.

Le logiciel de configuration permet de créer ou de télécharger des profils de configurations pour des jeux ou des logiciels utilitaires.  Les possibilités sont sans limite, puisque la création de macros et de combinaisons de touches sont supportées.

Cette souris existe aussi sous les déclinaisons R.A.T.3, R.A.T.5 et R.A.T.9 selon le degré de personnalisation qui vous intéressent.  La version 9 est sans fil mais beaucoup plus dispendieuse.  La souris est compatible MAC et PC.

Lien

Cyborg R.A.T. 7
Cyborg
Mad Catz

Didacticiel : Code School

Pour faire suite à mon article sur Codecademy, voici une autre "école" en ligne: Code School. Le site est basé sur l'apprentissage par la pratique. Une console nous permet de "saisir" nos énoncés.

Lors de la compilation, des messages nous guident sur les corrections à apporter. Chaque section débute par un montage vidéo de quelque minute. Ensuite, place à la pratique! Il est aussi possible de télécharger un document PDF qui complète la présentation théorique. Je conseil de faire les exercices avec la présentation PDF pas loin, car elle contient toutes les explications du cours et est liée chronologiquement avec les exercices. Pour chaque cours réussi un système de badge, comme sur les consoles de jeux, bonifie notre profil.

Code School vs Codecademy

Code School offre plus de cours que Codecademy et ils sont plus élaborés. L'interface de Code School est beaucoup plus soignée. Chaque cours a une thématique contextuelle de jeu. Les leçons sont reconnues par "Mozilla Open Badge", une fondation qui tente d'uniformiser la formation en ligne.

Lors de l'inscription au site, vous aurez droits à deux jours d'accès complet gratuitement. Il vous sera possible de télécharger les cours qui vous intéressent. Après cet essai, une cotisation mensuelle sera nécessaire pour avoir un accès "All you can eat".

Personnellement, je trouve Code School plus intéressant que Codecademy par son rendu et la qualité de ses cours. Si vous recherchez la gratuité, rien ne vous empêches de vous créer un profil sur chacun des sites et de seulement suivre les cours gratuits.

Liens

Code School

Codecademy

Revue : Noontec Zoro Headphone

Noontec Zoro

Le Noontec Zoro Headphone est mon nouveau casque d'écoute.

Souvent comparé au "Beat Solo de Dr. Dre" pour son "look" mais abordable, avec un prix sous la barre des 100$.  Le son est très pur. Les oreillettes sont en cuir synthétique ("protein leather") et confortables. Le fil est remplaçable et plat, ce qui réduit la formation de noeuds.  Le casque se plie pour s’insérer dans la pochette incluse à cet effet.  Il est offert en trois couleurs, rouge, noir et gris.

Noontec est une entreprise, qui selon son profil, veut marcher dans les traces d'Asus et devenir une référence en Chine et dans le monde entier.

Lien

Noontec
Asus

Didacticiel : Codecademy

Codecademy

Pour enseigner le développement web et ses rudiments quoi de mieux que de "gameriz-er" l'éducation de la programmation.

Le site de Codecademy l'offre brillamment, avec des exercices en ligne et un suivi de votre progression.  Des "Badges" vous sont décernés suite à vos accomplissements. Plusieurs didacticiels sont offerts pour JavaScript, JQuery, Ruby, Python et HTML.

Un cours est composé, en majorité du temps, de moins de dix étapes. La théorie est inscrite dans la section de gauche, ainsi que les notes pour l’exercice à accomplir. La section de droite est un éditeur de texte qui valide les notions apprises avant de passer à l’étape suivante.

Le site est en perpétuel évolution. Python a été ajouté récemment et Ruby est le tout dernier née. Voici une façon simple d'apprendre tout en s'amusant.  Vous pouvez même construire vos propres cours!  Allez jouer!

Lien

Codecademy

Périphériques : Les Claviers Mécaniques... Encore

Mise-à-jour

Voici un peu d'information supplémentaire :

Un article / review sur les claviers mécaniques en particulier celui de la compagnie Canadienne Matias. cliquer sur ce lien http://www.engadget.com/2012/10/11/matias-quiet-pro-keyboard-review/

Logitech a aussi annoncé un clavier Mécanique le G710+ et introduit de nouvelles souries! Suivez le lien : http://www.anandtech.com/show/6358/logitech-g710-mechanical-keyboard-and-g600-mmo-mouse-capsule-review

Cooler Master annonce un nouveau clavier le CM Storm QuickFire :
http://www.clubic.com/materiel-informatique/clavier-gamer-informatique/actualite-517069-cm-storm-quickfire-tk.html