Monday, December 17, 2012

1 foyer sur 10 possède une tablette tactile en France

Selon la dernière étude de Mediametrie en date du 11/12/2012, 1 foyer sur 10 en France est équipé d'une tablette tactile.


800 000 primo-accédant en 6 mois

Au 3 ème trimestre 2012, près de 3 millions de foyers possèdent une tablette tactile en France. Ce chiffre est en très forte augmentation puisqu'on compte 1/3 de foyer équipés en plus en 6 mois ce qui représente 800 000 primo-accédant en 6 mois.

Les familles urbaines bien équipées

La tablette est un équipement urbain : 14% des foyers parisiens en possèdent une. Elle concerne également les foyers relativement jeunes mais dotés d'un certain pouvoir d'achat : 17,5% des foyers dont "le chef de famille" est âgé de 35 à 49 ans.

Source : Mediametrie - Intégralité des résultats 

window.matchMedia, MediaQuery en Javascript

Résumé

Retourne un objet MediaQueryList représentant le résultat du pattern MediaQuery passé en paramètre.

Syntaxe 

  1. mql = window.matchMedia(mediaQueryString)

Exemple

if (window.matchMedia("(min-width: 400px)").matches) {
   /* the view port is at least 400 pixels wide */
} else {
   /* the view port is less than 400 pixels wide */
}

Il est possible aussi d'ajouter dans le pattern Media Query, l'orientation : (orientation: portrait).

On peut aussi ajouter un observer implémantant l'interface MediaQueryListListener, pour être notifier du changement d'orientation par exemple comme ci-dessous :

  1. var mql = window.matchMedia("(orientation:portrait)");
  2. mql.addListener(handleOrientationChange);
  3. handleOrientationChange(mql);

  4. function handleOrientationChange(mql) {
  5.    if (mql.matches) {
  6.      /*The device is currently in portrait orientation */
  7.    } else {
  8.      /*The device is currently in landscape orientation */
  9.    }
  10. }


Cette fonction peut être très utile lorsque l'on gère directement le design en javascript. Car l'étude du User-Agent n'est quelque fois pas suffisant pour déterminer le style d'affichage notamment sur les tablettes 7''.
En paysage, on affichera plutôt le design dédié au tablette alors qu'en portrait on aura tendance à afficher le design Smartphone.

Thursday, December 13, 2012

ASP.NET Forms Authentication Safari/Chrome sur IOS

Contexte

Je développe actuellement une Webapp HTML5 communiquant avec des services WCF. Pour les sécuriser, j'ai implémenté l'authentification ASP.NET par formulaire.
Certaines fois, sur iOS 6,  l'appel au webservice sécurisé était refusé. Sur ipad, je l'ai généralement rencontré en Webview, quand on ajoute la webapp sur le Homescreen.

Lors de la connexion de l'utilisateur à la Web App, on réalise le code ci-dessous :
  1. FormsAuthentication.SetAuthCookie(userName, true /*createPersistentCookie*/);
La configuration de Web.config est la suivante :
  1. <authentication mode="Forms" >
  2. <forms loginUrl="../Login.html" timeout="2880" />
  3. </authentication>

Solution

En analysant la réponse du serveur je me suis aperçu que finalement je n'étais pas authentifié. Alors que le web service d'authentification l'avait bien confirmé.
Certaines fois le cookie d'authentification n'est pas bien obtenu par le navigateur, notamment sur Safari et Chrome. Après beaucoup de recherches, j'ai finalement trouvé une solution.

Plusieurs étapes sont à réaliser :
  1. Dans le Web.config, il faut ajouter la clé suivante, qui permet de forcer l'utilisation des cookies par le navigateur. Par défaut c'est UseDefault :
    1. <authentication mode="Forms" >
    2.        <forms loginUrl="../Login.html" timeout="2880" cookieless="UseCookies" />
    3. </authentication>
  2. Ensuite il peut aussi être utile de rajouter une MachineKey dans le Web.Config, pour éviter un problème dans le cryptage/décryptage du cookie d'authentification.
    1. <system.web> 
    2.       <machineKey validationKey='myKey' decryptionKey='myDecryptKey' validation='SHA1'/>
    3. </system.web>
Pour générer une machineKey, vous pouvez aller directement sur ce site : Générateur de machineKey

Monday, December 10, 2012

HTML5 et les développeurs - Etude Appcelerator

Selon une étude réalisée par Appcelerator, éditeur de l’outil de développement d’applications mobiles Titanium, et le cabinet d’analystes IDC, HTML5 n’aurait pas encore convaincu les développeurs mobiles. Pire, les fonctionnalités proposées pour l’heure par le futur standard, ne satisferaient pas les développeurs. 
Selon les résultats de l’étude, les développeurs montrent une attitude de « neutre » à « insatisfait » pour les applications développées en HTML5 : 
  1. 62 % l’expérience utilisateur 
  2. 72,4% les performances 
  3. 83,4% la monétisation 
  4. 75,4% la fragmentation
  5. 60,3% le contrôle de la distribution
  6. 67,9% l’intemporalité des nouvelles mises à jour
  7. 81,8% la sécurité.

En revanche, 58% développeurs sondés se disent pleinement satisfaits concernant les possibilités de développement cross plate-forme du langage, et un peu moins de 50% se positionnent de même pour les mises à jour.
Autre enseignement de cette étude : la baisse de popularité d’Android chez les développeurs  se poursuit. Dans cette édition, seulement 66% des développeurs interrogés affirment être très intéressés par les développements pour les tablettes Android et 76% par les smartphones. Une baisse légère, note l’étude – de 2 et 3 points respectivement – mais qui s’inscrit dans la durée. La plate-forme Apple reste encore la cible préférée des développeurs.


4ème Meetup Windows Apps: Javascript, HTML5 et .NET


Vous êtes développeur d'applications sous Windows ou souhaitez vous lancer, venez rencontrer d'autres développeurs de la communauté.
Lieu :
5 avenue de l'opera, 75001, Paris 
Programme :
  1. Comment prendre soin de vos utilisateurs ?
Par Benjamin Baldacci, consultant .NET chez Wygwam.
  • Itinérance des données
  • Avertissement des erreurs
  • Paramètres
    2. Optimisation d'une application Windows 8 développée avec javascript
Par David CatuheTechnical Evangelist Lead for Windows Client chez Microsoft et David RoussetWindows 8 & HTML5 Developer Evangelist chez Microsoft.
    3. Accéder aux Api de camera avec javascript pour Windows 8
Par David Catuhe, Technical Evangelist Lead for Windows Client chez Microsoft et David Rousset, Windows 8 & HTML5 Developer Evangelist chez Microsoft.
    4. Websockets: coder un chat en 10 minutes
Par Jean-Noël Gourdol, Jean-Michel Deruty et Florie Fauché.

Inscription Meetup