vendredi 28 décembre 2012

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

samedi 8 décembre 2012

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.

Exemple de console


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.

Liste des cours


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

jeudi 22 novembre 2012

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

dimanche 11 novembre 2012

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



mardi 30 octobre 2012

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

jeudi 11 octobre 2012

Javascript : TypeScript, la version simplifiée de JavaScript par Microsoft.


TypeScript

Microsoft a lancé, au début du mois, "TypeScript" un préprocesseur qui étend et simplifie la structure du JavaScript. Le JavaScript peut maintenant avoir un « design objet ». Conçu par le créateur du C#, c'est la réponse de Microsoft à l'engin "CoffeeScript" qui gagne en popularité. CoffeeScript est, lui aussi, un compilateur de transformation de code avec comme résultante du JavaScript. Par contre, il utilise une syntaxe qui n’est pas familière à celui-ci.

Installation

TypeScript peut s'installer comme un package à Node.JS. Dans ce cas, il faudra compiler les fichiers ".ts" manuellement, à l'invite d'une ligne de commande DOS. Un fichier ".js" traditionnel sera créé.

TypeScript peut aussi s'inclure à Visual Studio 2012 comme une extension. Suite à son installation dans VS2012, lors de la création d'un nouveau projet, simplement sélectionner le gabarit correspondant : "HTML Application with TypeScript" sous Visual C#.

Développement

Nous avons besoin de concevoir un fichier, ayant comme extension ".ts", en utilisant la syntaxe du JavaScript actuel et/ou la syntaxe simplifiée de TypeScript. Ce fichier sera ensuite interprété à la compilation et un fichier ".js" sera généré. Il pourra être inclus aux projets web et enrichir leurs contenu, comme une librairie JavaScript régulière. En plus de Visual Studio 2012, la syntaxe est supportée par les éditeurs de texte Emacs, Vim et mon préféré, l’excellent Sublime Text.

Voici un exemple qui provient du site officiel (À gauche vous avez le code TypeScript et à droite le code JavaScript généré.) :

TypeScript est un outil qui simplifie l’élaboration de solutions JavaScript dans une structure familière aux langages de programmation moderne.

Update (2012-10-18):
Extension Web Essentials 2012  pour VS2012
Voici une marche à suivre pour créer un gabarit avec et pour VS2012 : TypeScript Template for ASP.NET MVC4

jeudi 27 septembre 2012

Revue : Google Nexus 7


Nexus 7

J’aime bien les tablettes électroniques. J'ai possédé chacune des éditions du iPad jusqu’à maintenant. D'ailleurs ce texte, les photos et le montage sera accomplie à partir de mon iPad. Je vais peaufiner le texte sur mon portable par la suite. Merci à Evernote et Dropbox, pour rendre si facile le partage de documents. Lorsque Google à annoncé sa nouvelle tablette, j'ai fait une précommande dès les premières heures. J’espérais ainsi reprendre possession de mon iPad qui était plus souvent dans les mains de ma conjointe et des mes enfants que dans les miennes.

Quincaillerie

Actuellement, dans la catégorie sept pouces (7"), le Nexus 7 de Google avec Android 4 « Jelly Bean », est parmi les meilleurs sur le marché. Il se tient bien d'une seul main et malgré sa petite taille, il est très agréable de naviguer le web. Si vous avez besoin de moyens « rigides » pour transférer vos fichiers, certain déploreront le manque de support pour les cartes SD. Les performances visuelles de la petite tablette sont très appréciables.

OS

Android a plusieurs belles petites fonctionnalités que j’aimerais bien voir apparaitre sur l’iPad. Le système de notifications par exemple. Personnellement, les raccourcis « multi-touch » présent sur le iPad (4 doigts, 5 doigts), me manque. Même s’il est un peu moins convivial qu’iOS, il a tout de même passé les tests d’utilisations de mes enfants (3 et 5 ans). Ils n’ont pas de difficulté à s’y retrouver, même si l’interface semblait moins naturelle. Petite déception, aucune application native pour utiliser la caméra comme appareil photo n’est présente de base. Cependant, il est facile d’en télécharger une.

Plateforme

La boutique en ligne « Google Play » n’a rien à envier au « AppStore ». Au Canada, seulement les livres, la location de films et les « apps » sont disponibles. L’achat de musique, de films et de téléséries est offert seulement aux US. S’il y a beaucoup d’applications de disponibles, plusieurs ne sont pas compatibles au Nexus.

Les autres

L’arrivé du nouveau « Kindle HD » ne semble pas détrôner le « Nexus », surtout si vous n’êtes pas un utilisateur des services du site d’Amazon. Il ne reste plus qu'à voir ce que la « Surface » de Microsoft aura à offrir, ou si les rumeurs sur le iPad-Mini sont fondées. L’écosystème de chacun de ces parties est responsable d’une grande part de leurs revenues et les gros joueurs ont tous les éléments. Ils doivent maintenant les arrimer harmonieusement pour tenter de gagner le marché d’Apple. Dans les années 90, Microsoft ont tenté, sans succès, de percer le marché des tablettes. Apple à réussi en 2010. Grâce à leurs convivialités, leur autonomies et leur performances, elles vont sans doute remplacer le portable de plusieurs utilisateurs d'ici peu.

Pour 200 dollars (8gigs) si vous hésitiez à vous procurer un Nexus 7, vous n’avez pas beaucoup à perdre. C’est une excellente tablette à bas prix qui comblera vos besoins de divertissements sans problème.

Note : Je ne parle pas de l'autonomie de la pile car c'est très suggestif de l'utilisation, des services actifs et des composantes (ex : version du bluetooth, le rétro-éclairage etc.).  Selon les comparatifs trouvés sur le .Net chaque tablette a à peu près la même autonomie.

jeudi 30 août 2012

Périphériques : Les Claviers Mécaniques

Claviers Mécaniques

On néglige souvent les périphériques avec lesquels on travaille que ce soit l'écran, la souris ou le clavier. Avant même d'interagir avec l'ordinateur ce sont ces composantes qui font le pont entre nous et nos machines et ce pendant de longues heures. J’ai donc entreprit de me documenter davantage afin de faire des choix éclairés. 

Récemment, je me suis mis à la recherche d'un nouveau clavier. Je recherchais quelque chose de plus "professionnel", vu tout le temps que mes membres digitaux passent à s'y frotter. De nos jours, le premier réflexe du magasinage commence par Internet. 

Après deux ou trois "Google" et la visite de 4 ou 5 magasins en ligne, j'en suis venu à la conclusion que contrairement à mes achats précédents de ce type, je n'effectuerais pas cela en 20 minutes. Il semble y avoir autant de modèle que de prix, disponible sur le marché. 

Tout comme le charpentier cherche le meilleur marteau, je cherchais l'outil qui me convient. Il existe plusieurs types de clavier mais on peut les regrouper en deux grandes catégories. Voici sommairement le résultat de mes recherches.

De ces deux catégories ce sont les claviers mécaniques les plus méconnus. Contrairement aux claviers à membrane, ils sont beaucoup plus dispendieux donc moins répandu. De plus, les claviers mécaniques sont souvent associés aux "Gamers" dut à leur grande précision et durabilité.

Claviers à membrane
Les claviers à membrane fonctionnent sous le même principe qu'une manette de télévision, ou d’une calculatrice. C'est un circuit imprimé où l'on y superpose un tapis de silicone, suivit d'un cadre et des touches.

Voici des exemples :


 Claviers mécaniques

Les claviers mécaniques sont conçus afin que les touches possèdent leur propre mécanisme. Les touches ont ainsi leurs propre ressorts, associés leurs pistons et ainsi de suite. Ceci permet de pouvoir appuyer sur toutes les touches en même temps et capter chacune des entrées qui ont été saisie.

La touche n'a pas à être appuyé jusqu'au fond (appelé « bottoming ») pour envoyer son signal, d’où l'ajout d'une sensation tactile pour indiquer que le signal à été capté. (Note : le design du « chipset » doit supporter ce type de retour de force « feedback »).

Ses avantages ont pour conséquences d'améliorer la vitesse de frappe et de réduire la pression nécessaire à fournir par les doigts, ce qui devrait aider au tunnel carpien.

Plusieurs mécanismes ont été développé pour répondre aux préférences de chacun. Les plus populaires, que l’on distingue par leur couleurs, sont :
  • MX Cherry Brown (soft), léger son de "click" et sensation de résistance
  • MX Cherry Black (silence), Silencieuse et sans résistance
  • MX Cherry Blue (full), click audible et sensation de résistance
Autre chipset :
  • Topre : semi-mécanique, combinaison d'un circuit imprimé et d’un mécanisme distinct par touche.
  • Alps AKA Alps Bigfoot

Photo d’un clavier personnalisé sur le site de « WASD Keyboard »

Lexique

Damper : Petit caoutchouc sous la touche pour réduire le bruit.

Tenkeyless : Clavier sans pavé numérique

LaserEtched : Lettrage marqué au laser

Engraved Etched : Lettrage incrusté dans la touche

Liens

WASD Keyboard: https://www.wasdkeyboards.com/

Matias (fabricant Canadien) : http://matias.ca/quietpro/pc/

Revue de clavier : http://www.keyboardlover.com/

Wiki : http://en.wikipedia.org/wiki/Keyboard_technology

Les « Switch » : http://deskthority.net/wiki/Category:List_of_all_keyboard_switches

jeudi 26 juillet 2012

Design : Responsive Design


Responsive Design


1080p, 720p,  Retina, “Widescreen”, IPS, OLED, 16:9, 4:3 à tout moment de la journée le monde virtuel nous est projeté. Avec chacune des différentes résolutions et leurs caractéristiques il est difficile de s’y retrouver.  De notre côté, on doit composer avec ces éléments afin d’uniformiser l’expérience usager  sur chacune de ces  plateformes.  Depuis longtemps, nous l’appliquons quelque fois sans trop s’y arrêter.  Ce concept très tendance à maintenant un nom.

Voici le “Responsive Design” A.K.A. : « Flexible Design » ou « Elastic Layout ».  Cette approche suggère que l’élaboration d’une application prend en considération la dimension, l’orientation et la résolution de l’écran.  À l’aide de CSS, HTML, Javascript il est possible d’y arriver. Pour améliorer la flexibilité de la disposition des éléments, le contenu doit répondre de l’affichage disponible.  Il peut s’agir simplement d’ajuster la taille des colonnes ou des images, changer la disposition des sections,  modifier légèrement la navigation.  Les solutions sont nombreuses, il s’agit d’y mettre un brin de d’ingéniosité.

Le fureteur Firefox permet de tester l’intégration de notre design :
Plusieurs outils et sites sont à notre disposition pour permettre de tester nos élans de créativités. Une simple recherche prouvera que le dynamisme des sites est vraiment de mise dans la conception des futures applications.

Les statistiques le prouvent et bientôt, l’accès au Net sera fait en grande majorité par de petits appareils nomades.  Avec le nombre grandissant d’unités mobiles, le web n’a pas d’autre choix que de s’adapter aux utilisateurs.  Récemment, « Twitter » à fait une refonte de son site mobile qui fut testée sur plus de 300 appareils. La ville de Montréal va proposer une solution d’accès à même sa flotte de vélo BiXi, les Wi-Xi (voir l’article de Direction Informatique).  Tim Horton on annoncé l’installation de réseau Wifi dans leur établissement (article), et se joint ainsi à McDo, SecondCup et Starbuck.  L’accessibilité au net est un enjeu économique de premier ordre pour les entreprises et les consommateurs.

Voici un article très intéressant, que je vous recommande, pour compléter votre lecture :

vendredi 13 juillet 2012

Apps: WindowPad


Disponible gratuitement.

Ce petit utilitaire qui se charge dans la barre de tâche de Windows () est destiné à améliorer la gestion de vos fenêtres applicatives sur un ou plusieurs moniteurs.  Il active des raccourcis clavier personnalisables qui permettent de  réorganiser complètement la dimension et l’emplacement des fenêtres.  Les fonctions préprogrammées utilisent  la touche « Windows » suivi d’une touche du pavé numérique (NumPad).


Pour obtenir le résultat ci-dessus,  lorsque la fenêtre de votre choix est active, appuyer sur les touches :
-         « Windows+8 » pour positionner mon PDF dans la partie supérieure de mon écran
-         « Windows+1 » pour déplacer et redimensionner Word en bas à gauche
-         « Windows+3 » sur mon fureteur pour que son emplacement soit maintenant en bas à droite.

À noter, l’emplacement des touches du clavier numérique correspond à l’affichage résultante obtenu à l’écran. « Windows+Enter » change la fenêtre de moniteur dans le cas ou notre environnement de travail le permet. Il est aussi possible de maximiser et minimiser l’affichage d’une application.

Note : Windows 8 aura des fonctionnalités similaires.