Pour continuer sur les objets connectés qui montrent également une accélération dans leurs apparitions en  ce moment,  je vous présentent la voiture sans chauffeur de Google.

La voiture sans chauffeur mais à quoi cela peut bien servir? 1ère question que je me suis posée.

• Imaginez que lorsque vous sortez de chez vous vous vous placez à l’arrière et que celle-ci vous amène au travail mais en passant par la meilleure route.
• Imaginez que lorsque vous sortez du travail elle passe chercher vos enfants avant de vous ramener chez vous.
• Imaginez l’amélioration du quotidien pour un mal voyant !

L’intérêt est également dans le fait que vous pouvez faire autre chose que de conduire car vous perdez finalement plus de temps à conduire.

L’autre intérêt est la réduction des accidents dues à des erreurs humaines ou à une personne qui traverse les passages piétons et que vous n’avez pas le temps d’éviter,… Mais aussi une optimisation des dépenses de carburants, une optimisation des routes et autoroutes à fort encombrements.

Vidéo 1

Il faut savoir que Google a déjà parcouru avec ces voitures plus de 300 000 km et que certains états américains ont donnés l’autorisation de les utiliser. D’après Google les 1ères mise en circulation au grand public seront en 2015. J’entend déjà nos chercheurs français dire mais nous cela fait longtemps que l’on est au point mais qu’attendez vous, cela un fort intérêt.

Vidéo 2

références d’articles

http://www.industrie.com/it/google-500-000-km-en-voiture-sans-conducteur.13587

http://www.lemonde.fr/technologies/video/2012/05/09/google-lance-la-voiture-sans-chauffeur_1698400_651865.html

http://www.abondance.com/actualites/20120927-11902-les-voitures-sans-chauffeur-de-google-commercialisees-dici-5-ans.html

https://www.youtube.com/watch?NR=1&v=YXylqtEQ0tk&feature=endscreen

L’internet des Objets pour une meilleure productivité et un large public

Les objets connectés vont servir aux utilisateurs mais également aux entreprises pour améliorer leur productivité. Un objet connecté via un code 2d peut nous indiquer qu’elle réparation il a pu subir mais si ce même objet est directement connecté à Internet et qu’il peut avertir en temps réel d’une panne ou de la fin de son stock (peut déclencher une intervention ) c’est un gain de temps et une économie immédiate pour l’entreprise. Il y a un réel intérêt.

Cette vidéo de Microsoft est extrêmement intéressante car elle présentent les possibilités des objets connectés et leurs utilités. La 1ère est de 2009 et la 2ème de 2012. De l’une à l’autre l’esprit des objets connectés restent le même mais on découvre sur la 2ème plus de créativité et également une cible beaucoup plus large pouvant toucher les enfants à l’école par exemple

Voici 2 vidéos sur la vision du futur que propose Microsoft. Je vous invite à les visionner

 

Vidéo 1

Vidéo 2

On s’aperçoit que la technologie disparait et s’intègre au objets courants comme une table; les écrans deviennent plus grands et d’un simple coup de doigts vous envoyez une information vers un autre objet.

Il s’agit de réinventer de nombreux logiciels  pour une utilisation tactile plus adapter à nos usages. La souris risque de s’effacer au profit de nos doigts. Une multitude d’objets peut-être inventés pour ce type d’usage et ce sont nos entreprises qui ont le pouvoir de créer ces innovations qui n’en seront plus d’ici peu.

Pour revenir à la productivité de nos entreprises, le jour où on pourra réellement interconnecter nos objets (la révolution est en marche) on aura un gain de temps et d’argent très important car actuellement on a des bases de données éparpillées dans l’entreprise et non une base centrale sur laquelle tous les objets de l’entreprise pourraient se connecter : pc, tablettes, téléphone, autres objets connectés…

Un exemple simple et fréquemment utilisé :

L’équipe d’une société internationale génère et utilise un document Word “A”:

• - Document A créé par un chef de projet
• - Document A mis à jour par une assistante
• - Document A transmis par email à un collaborateur d’une filiale et au chef marketing
• - Document A validé par un “grand” directeur
• - Document A récupéré par les commerciaux
• - Document A transmis au client
• - Document A publié sur leur site extranet
• - Document A modifié et publié sur leur site web

On se retrouve ici avec une multitude de versions de documents, qui prend une place très importante sur les serveurs et les postes de travail pour finalement ne plus savoir quelle version est utilisée.

L’idée est que les objets se connectent entre eux et que ces données se synchronisent de façon évènementielle pour finalement venir stocker l’information à un seul endroit (“L’endroit” peut-être ubiquitaire avec le cloud par exemple).  D’autres difficultés pourront arriver comme la gestion de grande quantités de données (Big Data) mais ces données seront finalement plus facile à gérer.

Attention l’avenir ne sera pas plus simple pour mettre en place ce genre d’objets connectés mais je pense que cela en vaut la chandelle. Les grands acteurs comme Amazon (cloud), Google, Microsoft, Cisco, … seront indispensables à cette évolution pour finalement nous en faire profiter. Il y  a des enjeux financiers énormes pour ces grands acteurs qu’ils ne négligeront pas.

pour le prochain article sur les objets connectés je vous montrerais quelques exemples.

HTC sort 2 appareils mobiles pour windows 8

Je vous laisse découvir sur ces liens les nouveautés d’HTC et NOKIA

Les HTC Windows Phone 8X et 8S

Mieux vaut des vidéos

A découvrir sur HTC

http://www.htc.com/fr/

http://www.businessmobile.fr/actualites/htc-presente-ses-deux-windows-phone-8x-et-8s-39782712.htm#xtor=EPR-10010

http://www.businessmobile.fr/actualites/htc-8x-le-premier-windows-phone-8-de-htc-39782338.htm

et Nokia Lumia

http://www.businessmobile.fr/actualites/nouveaux-nokia-lumia-des-innovations-pour-enfin-reprendre-la-main-39775790.htm

http://www.businessmobile.fr/actualites/nouveaux-nokia-lumia-des-innovations-pour-enfin-reprendre-la-main-39775790.htm

et qui plus est sur le site nokia

http://www.nokia.com/fr-fr/produits/

Des innovations technologiques

comme la recharge de batterie sans fil

http://www.nokia.com/fr-fr/produits/

et le Pureview de Nokia

http://www.nokia.com/fr-fr/produits/

Comparatif HTC et Nokia pour le Windows phone 8

Un comparatif très intéressant qui va vous guider pour choisir le meilleur des Windows phone 8

http://www.monwindowsphone.com/comparatif-htc-windows-phone-8x-samsung-ativ-s-et-nokia-lumia-920-t15400.html

Ayant un windows phone 7 depuis le début, on a tendance à stocker pas mal de données dans le téléphone et ensuite on doit jeter donc la présence d’une Micro SD est la bien venue (seul le samsung la possède)

Cet article fait suite à celui sur l’informatique ubiquitaire

Points de repères : Historique de l’Internet

J’ai pris quelques points de repères sur les 10 ans passés concernant pour moi les changements technologiques les plus importants :

- avant les années 2000 : balbutiement de l’Internet, création de sites web de façon artisanales. Les sites mobiles existent également avec des créations en wml. Bas débits mais les opérateurs se multiplient,  … Le web statique  (Web 1.0)

- en 2000 : fort développement de l’internet, de sites web, début des premiers services. l’ADSL arrive avec des forfaits illimités (un tournant),… Développement du Web Dynamique (Web 1.5)

- en 2005 : début de l’ industrialisation des sites web, arrivés des blogs, des CMS, des millions de sites vitrines, ecommerce, début des plateformes de vente , début des réseaux sociaux : Le web est participatif ou social ; Arrivé du Email push via les Blackberry. Le web 2.0 est né. Les techniques de normalisation par les services web sont intégrés et se développent. Le wifi facilitent l’interconnexion.

- en 2007 : Continuité et popularité du développement des réseaux sociaux, de grandes plateformes de ventes, début du développement des mobiles (l’iphone vient d’arrivé et va changer la donne) (un tournant), le cloud computing d’Amazon fait un malheur et offre de la consommation de ressources à l’usage (un 2ème tournant), Arrivée de la réalité augmentée et de l’exploitation de la géolocalisation – Le web 2.5 est en marche

- en 2010 :  création de Frameworks pour faciliter le développement sur mobile, accroissement des app stores pour Iphone, android, arrivée de l’html5, développement de techniques web de connexion push, développement des techniques de push et de connexion bidirectionnelle, échanges en temps réel, Développement des consoles de jeux connectées à l’Internet …

- en 2012 : Les tablettes deviennent presque indispensables. Les techniques de web sont en train de passer au web 3.0. Les sites web deviennent encore plus ergonomiques, les tendances s’accélèrent, l’industrialisation des sites aussi. Une multitude de framework css arrivent facilitant la création. Les QRCodes (code 2d) se vulgarisent. Les puces sans contact sont en train de se multiplier. De plus en plus de services proposent des API pour intégrer leurs fonctionnalités dans leur propre logiciel. On voit apparaitre des services web primaires, simples proposant quelques fonctionnalités mais pouvant supporter des millions de requêtes. Des milliards de données à exploiter, exploitation du Big Data.

bientôt!!!!….

- l’Internet des objets, l’omniprésence des objets connectés, …  La domotique (maison intelligente cela fait 30 ans que l’on en parlent)

Le changement est que vous ne saurez plus quel objet est connecté ou pas, tout sera connecté et connectable.

L’internet des Objets (IdO): quelques explications

Je travaille dans le web depuis une quinzaine d’années et la plupart du temps on ne parle que de virtuel. Un site Ecommerce reste virtuel et n’est qu’un support pour vendre des produits, des objets … mais aucun de ces objets n’est connectés au web.

Finalement l’objet que l’on connait le mieux et qui est vraiment connecté c’est le mobile. Mais c’est finalement très récent car avant la révolution du Iphone très peu étaient connectés à l’Internet. Depuis 2 à 3 ans, une accélération se fait ressentir par la mise à jour au moins une fois par an des OS des mobiles (Iphone, Android et Windows phone) et la mise à disposition d’applications plus ou moins utiles. Les pratiques se vulgarisent : qui n’envoient pas des photos ou des vidéos sur son compte Facebook? Qui ne répond pas à son un email reçu de son téléphone,… On peut penser que le téléphone sera un point central pour l’individu, une sorte de télécommande pour son quotidien pouvant servir à ouvrir son garage, à visualiser ce qui se passe chez soi, à commander l’arrosage à distance, à vérifier si son réfrigérateur est plein ou si il manque des boissons, …

Le mobile doit donc se connecter à d’autres objets tels que réfrigérateur, portail du garage,  arrosage, … via Internet : Voilà ce que l’on appel l’internet des objets.

Je m’intéresse depuis très longtemps à la domotique qui n’est pas connecté à l’Internet mais c’est la direction qu’elle va prendre ou est en train de prendre.

Donc d’ici 2020, 50 milliards d’appareils seront connectés à L’internet dont 1.5 milliard de PC et 1 milliard de téléphones et 16 milliards d’ici 2015.

Depuis quelques temps déjà j’observe de nombreux changements qui me font penser qu’une révolution se prépare :

1. Changement des technologies du web (html5, connexion bidirectionnelle de site, atomisation des connexions et des services sur Internet (des sites web, de plus en plus d’API d’intégration, simplification des montages technologiques,…),…
2. Développement exponentiel de la mobilité : smartphone connecté à internet, développement de nombreux micro-services, développement d’applications sur tablettes, …
3. Augmentation des objets connectés : tv connectées, réfrigérateur connecté (usa), la kinect de microsoft offre de nouvelles possibilités…
4. Evolution des codes 2d et connexion du monde réel et du monde virtuel. évolution de l’internet des objets connectés
5. Diffusion des puces sans contact (RFID) qui accélère la connectivité de l’internet des objets
6. Vulgarisation du cloud computing  pour stocker et aider à la communication des objets connectés
7. Evolution de la gestion de big data

Vous allez me dire cela fait très longtemps que l’on en parle mais  les technologies sont mûres ce qui n’étaient pas le cas avant.

Imaginez des milliard d’objets connectés et  englobés dans du cloud computing rendu omniprésent pour tout le monde à tout instant. Ce n’est pas vraiment de la science fiction puisque par exemple vous êtes déjà connectés à tout votre réseau de connaissances sur Facebook via votre téléphone mobile ou encore les porteurs de chaussures Nike connectées à leur réseau social, ou encore des vêtements connectés,…  Il ne faut pas croire c’est que le début. Il ne nous manque que la créativité et la faculté d’assouvir les désirs des utilisateurs comme la très bien compris Steve Jobs.

J’ai donc décidé de vous faire partager par différents articles ma vision du monde des objets connectés et de l’informatique ubiquitaire.

Complément sur la construction de vos emails

J’ai décidé de faire plusieurs articles sur la construction d’emailing en considérant les éléments indispensables à une bonne délivrabilité.

Les filtres anti-spams

Commençons par comprendre comment fonctionne les logiciels installés sur les serveurs des fournisseurs de boites aux lettres qui filtres tous les messages (emails). Celui le plus utilisé est Spam Assassin. Dans mes années d’administrateurs de serveurs Linux et d’installation de serveurs de mails comme Sendmail, j’ai appris à installer ce fameux logiciel Anti-spam. Il a maintenant évolué avec le temps et les pratiques.

Qu’est ce qu’un filtre anti-spam?

Un filtre anti spam est un logiciel installé sur les serveurs de messagerie (le plus connu étant spam assassin). Ce logiciel filtre tous les messages emails arrivant sur le serveur.

Les scores

Commençons par le Spam Score.

Le spam score

Les filtres anti-spam donne une note de 1(pire) à 999(meilleur) à chaque règle appliquée. Donc par exemple si dans votre email il trouve des mots interdits comme “Viagra”, “gratuit”, “!!!!!”… il attribuera une note. Au final le message prend une note globale qui permettra au logiciel anti-spam d’étiqueter le message comme spam ou non.

réglage su spam score. Le réglage dépends du paramétrage du logiciel et fonctionne sur des fourchette de score et ensuite il y a les  points attribués à chaque email

• Le réglage du Spam score peut-être de 1 à 999:

• 1 tous les mails sont du Spam
• 999 tous les mails sont autorisés.

• Le spam score par défaut est de 5.0. Tous les Spam Score supérieur à 5 seront détecté comme du Spam. On a donc un réglage ouvert.

• Le spam score est de 999. aucun message ne sera supprimé. Apparaitre sur le message “SPAM”

un exemple d’information trouvée dans l’entête d’un email. (non visible)

E-mail Spam:
X-Spam-Status: No, score=4.2 required=5.0 tests=AWL,DKIM_SIGNED,DKIM_VALID, DKIM_VALID_AU,HTML_IMAGE_RATIO_02,HTML_MESSAGE,MIME_HTML_ONLY,RDNS_NONE, SPF_HELO_PASS,SPF_PASS,T_KHOP_FOREIGN_CLICK,URIBL_GREY autolearn=disabled version=3.3.2

Pas un spam car ne dépasse pas les 5 requis

X-Spam-Status: Yes, score=9.1 required=5.0 tests=AWL,DKIM_SIGNED,DKIM_VALID, DKIM_VALID_AU,HTML_IMAGE_RATIO_02,HTML_MESSAGE,RDNS_NONE,SPF_PASS,URIBL_BLACK, URIBL_DBL_SPAM,URIBL_JP_SURBL,URIBL_WS_SURBL autolearn=disabled version=3.3.2

Un spam car dépasse les 5 requis

Vous trouverez à cet endroit les différentes règles appliquer par le logiciel Spam Assassin : http://spamassassin.apache.org/tests_3_3_x.html

Un email mis en whitelist prend 100 points en positif et enraye un grand nombre de notes.

La suite de l’article présentera d’autres scores.

3ème article sur la mobilité.

La dimension mobile dans l’offre d’entreprise

Les différents systèmes actuels

L’entreprise exploite les postes de travail et les serveurs depuis des décennies mais elle doit intégrer la dimension mobile car c’est un matériel qui va rendre l’entreprise plus productive en transmettant directement les données de mobilité dans la structure et les dispatcher au différents services. Un gain de temps et d’exploitation indéniable en avant vente mais aussi en post-production.

Ne pas s’enfermer dans une technologie

Nous sommes tous martelés par les actions marketing et les relais commerciaux des grandes marques telles que Apple et Google mais ne vous emballez pas! N’achetez pas des appareils en ne regardant que la dimensions bling bling et budgétaire car vous allez vite déganter. N’oubliez pas qu’à l’heure actuelle une tablette est “vide”, à vous d’investir dans des logiciels pour votre entreprise.

Diversifier vos appareils

J’aurais tendance à dire de ne pas prendre qu’une seule marque de matériel mais l’investissement serait plus lourd.

Investissement progressif des appareils

Intégrez la dimension mobile de façon progressive, laissez vos employés s’adapter à ce nouveau support.

Une multitude de supports

Les différentes systèmes mobiles

Cet aspect est très important et beaucoup de clients ne connaissent pas la différence entre une application logicielle sur le téléphone et un site mobile.

• Application mobile (smartphone et tablette) :  logiciel  installé directement sur la tablette. Tout est possible! consultation d’articles, de produits, mises à jour, saisie de fiches clientes. Les données sont donc synchronisées soit en temps réelles soit en différées. Un développement par OS (Iphone, Androïd, Windows phone, BlackBerry)
• Site web mobile :  conçu a peu près de la même façon qu’un site web. Il est hébergé sur des serveurs visibles sur le web et vous le consultez d’un navigateur intégré dans le téléphone. Vous pouvez accéder à des formulaires également pour faire des mises à jour. Développement d’un site web commun à tous les OS.
• WebApps : application installée avec un contenu web. C’est une application logicielle installée mais intégrant une page web et donc une sorte de lecteur de pages web ou de navigateur intégré. Un développement par OS (Iphone, Androïd, Windows phone, BlackBerry) + un site web commun à tous les OS.

Les différents formats

Voir mon 1er article sur le sujet : smartphone et tablette

Les investissements conséquents

Pour ce qui est des mobiles les entreprises investissent déjà sur le sujet. Je parlerais donc des tablettes. j’ai un exemple d’une entreprise ayant investie plus de 50 tablettes Androïde donc un budget très conséquent (environ 300€ x 50 = 15000€) de plus pour une meilleure efficacité elle doit être wifi et 3G donc compter un abonnement pour chaque tablette.

Mais à ce stade la tablette ne permet qu’essentiellement de consulter ses mails d’entreprises.

Les applications métiers

Il vous faut inventer vos logiciels métiers pour vos commerciaux, vos techniciens, …. Logiciel de démonstration de catalogues, logiciel CRM, de saisie de fiches clientes, saisiesde commande, saisies de devis, calendrier partagé, …

Formation de vos équipes

Formez vos équipes de façon ciblée : les commerciaux, les assistantes, les techniciens, les développeurs internes, ….

Une petite note sur le poste de travail: est-il mort?

Le PC n’est pas encore mort puisque les terminaux mobiles ne remplissent pas encore toutes les tâches bureautiques ou de productivité d’un PC . La limitation d’espace disque d’une tablette ne rentre pas en jeu puisque les contenus sont externalisés dans le cloud et les applications qui tournent dessus restent très fluides mais par contre le clavier et la taille des écrans semblent donner encore du temps aux PC.

Les écrans deviennent plus grands et facilitent le travail. Les PC sont des hyper ordinateurs que ne sont pas les tablettes au vu de la limite de leurs ressources. (Processeur moins puissant, Espace disque limité, mémoire RAM limitée). Lorsque que l’on verra apparaître une tablette à poser sur une table avec une surface d’écran plus confortable mais finalement pas destinée à la mobilité comme le propose la Table Surface mais cela sera plus une mutation du PC et non pas SA mort.

On peut trouver beaucoup d’arguments sur l’utilité d’un Poste de travail fixe.

Pour finaliser le 1er article je ne voulais pas faire l’impasse des portables qui restent un outils de mobilité encore très répandues et qui permet également de faire plus d’actions que sur une simple Tablette. Le jour où les tablettes permettront autant de possibilité que sur le PC cela sera idéal.

Maintenant que nous avons fait un tour d’horizon sur les supports possibles voyons comment les utiliser.

Qui utilisent les terminaux mobiles dans l’entreprise?

L’idée est de donner ce support (tablettes, smartphone) à tout ceux qui ont besoin de mobilité et de devoir synchroniser des informations. Eviter de ressaisir des informations et mettre à jour au fil de l’eau les informations. Pouvoir récupérer cette information par son propriétaire ou la partager. Montrer des produits à jour et enrichir l’expérience utilisateur est primordiale.

La direction

Je dirais que cet aspect là est un aspect de notoriété de l’entreprise. Cela démontre que l’entreprise est à la pointe, dans la tendance et donc que ses produits aussi.

Les commerciaux

Ceux qui peuvent exploiter au mieux l’aspect mobilité ce sont bien les commerciaux car ils se déplacent en permanence et ont besoin d’outils pour présenter les produits et offres de l’entreprise. Actuellement on voit apparaitre des applications axées sur la présentation des catalogues aux clients. Mais d’autres applications seront très utiles comme la connexion à un CRM d’entreprise pour mettre à jour des fiches clientes par exemple ou des applications plus spécifiques permettant de simuler des calculs de produits. Saisir une pré-commande avec le client. La fonction connexion des tablettes est très importante dans ces cas là.

Les productifs

Ces outils sont déjà exploités depuis longtemps par les productifs (chef produits, logisticien, développeur, technicien,…) mais avant on appelait cela des Palm pilot (;°) mais l’écran été beaucoup plus petit et réduisez l’exploitation réelle de ce support.

Maintenant on peut donner la possibilité de gérer les stocks dans le domaine logistique par exemple. Pouvoir se déplacer avec sa tablette peut augmenter la productivité des employés et essayer de gérer quasiment en temps réelles les données grâces aux appareils connectés (3g-wifi,…). Un technicien peut facilement faire le suivi de ses interventions et synchroniser l’information au département Administratif par exemple.

Les clients consommateurs

Je souhaite finir ce paragraphe par les réunions réalisées avec les tablettes car elles peuvent faire gagner du temps;  Elles sont plus faciles à manipuler qu’un PC portable. Je rencontre de plus en plus de personnes qui ont des tablettes lors des réunions de travail.

Les différents services doivent dialoguer

Je me suis aperçu que l’engouement des tablettes dans l’entreprise arrive soit de la Direction soit du service Markéting mais en règle générale ils ne savent pas exploiter ce support. Il leur faut mais qu’est ce que l’on va en faire?. En général, cela se limite  à proposer un catalogue aux clients et encore sans savoir comment s’y prendre. Il est primordiale de faire les bons choix dès le départ.

Une autre raisons importantes est de faire participer toutes la chaine de l’entreprise à la diffusion et à la promotion du produit. Pourquoi? A l’heure actuelle on parle beaucoup de réseaux sociaux et de leur importance mais on s’aperçoit qu’il est très difficile de réellement sortir du lot car les grandes marques on maintenant pris la place. Il faut donc mobiliser toutes les ressources de l’entreprise et les faire participer à cette stratégie de promotion mais cela ne doit pas s’appliquer de façon chaotique mais rentrer dans une stratégie bien pensée et bien huilée.

Le service marketing point névralgique

Les informations mise à jour par les “mobiles” (ceux qui se déplacent) doivent profiter au service Marketing pour avoir des données à jour à exploiter, pour développer les arguments pour les clients mais également mettre en avant l’expérience utilisateur et l’exploiter.

D’autres services comme La direction, Le service informatique, Les productifs doivent pouvoir échanger.

Après discussion avec plusieurs clients je me suis aperçu qu’ils avaient une vision très exhaustive des choix technologiques à réaliser pour leurs entreprises en termes de mobilité. Le martèlement médiatique des appareils de mobilité comme ceux d’Apple et de Google leur fait perdre du recul sur les enjeux.

Je vais vous expliquer comment je vois l’investissement en mobilité pour essayer d’y voir un peu plus clair. Cette réflexion sera divisée en plusieurs articles.

Constat

2009 : 59.7 Millions d’abonnés mobile (arcep.fr)

2010 : 64.4 Millions d’abonnés mobile (jdn)

2011 : 67.04 Millions d’abonnés mobile (arcep.fr)

2012 : …

Les Internautes n’utilisant que le mobile pour se connecter vont être, en 2015, 56 fois plus nombreux qu’en 2010 soit 788 millions.

Quels périphériques faut-il prendre en compte?

Les Smartphones

Oui, ce sont les téléphones de dernières générations; ceux qui sont les plus prometteurs car permettent d’exploiter la puissance de l’appareil et le rend extensible : ajouter des applications; C’est une des fonctions les plus intéressantes car complète l’offre du mobile et la personnalise suivant les intérêts de l’utilisateur (bravo Steve tu as avais tout compris!). Oui ces téléphones seront l’unique offre des opérateurs. Nous aurons donc 3 systèmes à notre disposition : Iphone, Androïd et Windows Phone.

et les autres ? Les autres comme les BlackBerry sont amenés à disparaitre. Ils ont ratés le coche du tactile. Les utilisateurs ne voient plus que par le tactile. Nokia a déjà fait le pas et parier sur le Windows Phone. Les rumeurs vont bon train Blackberry en pour parler avec Microsoft?!

Et les téléphones qui ne sont pas des Smartphones? : Ils seront renouveler par des Smartphones tout simplement parce qu’ils n’y aura plus que cela en magasin.

Les tablettes

Les tablettes tactiles

Grâce ou à cause de la tablette Apple, un nouveau support est né avec de nouvelles utilisations. Mais j’ai de nombreuses personnes qui me disent : “mais à quoi cela sert une tablette?”

C’est entre un poste de travail (pc ou mac) et un téléphone. Quoique plus proche du Smartphone dans son utilisation mais le Smartphone a un écran trop petit pour vraiment exploiter certaines applications : lire un document par exemple

• utile : utilisation et consultation de documents
• faible encombrement : le PC portable ne rentre pas facilement dans un petit sac
• faible poids : Le PC est encore lourd
• tactile : l’ordinateur portable n’est pas tactile donc on a l’équivalent du téléphone mais avec des fonctions d’un PC. La tactile apporte une facilité d’utilisation exacerbée.
• Connectés : 3G ou Wifi
• Qualité très haute de l’écran : facilité de lecture
• Sécurisé: peut-être trop! ce support est pour le moment hyper verrouillé pour 2 raisons : éviter la propagation de virus et pour de grandes raisons commerciales.

DONC pour ces raisons la tablette tactile est née.

Les tablettes PC

Mais les tablettes existent depuis très longtemps pourtant! Oui mais ce qui changent avec ces nouvelles tablettes sont la mobilité et leurs légèretés: Eléments très peu exploités par les constructeurs. Les tablettes ont été proposées pour des pros et certainement très mal ciblée. Donc sûrement amenée à disparaître au profit des tablettes tactiles.

Je vous invite à passer à l’article suivant : Avril 2012

Un petit point de l’évolution de cette table la Surface 2.0 depuis  les derniers posts sur ce sujet fait en 2009.

Moins encombrante

Le point le plus flagrant est son encombrement  elle devient une vrai table.

Avant les caméras et le système imposaient  une forme de caisse et était relativement lourde.

Maintenant grâce au nouveau châssis Samsung SUR40, elle repose sur des pieds et la table en elle même est beaucoup plus fine.

Peut aussi être fixé sur un mur pour devenir un tableau.

Plus de points de contact

une nouvelle technologie appelé Pixel Sense permet de détecter jusqu’à 50 points de contact

Le développement repose sur WPF 4.0 et le Framework .Net 4.0

Vous remarquerez les différents tags des objets et l’interactivité grandissante avec le monde réel. Comme pour les aficionados des jeux de rôles, un Donjon et Dragon épatant.

Voici quelques exemples

Personnellement je suis toujours épaté  des capacités de cette table que je rêve d’avoir dans mon salon mais à 9000$ c’est pas encore abordable.

Visionnez ces vidéos et laissez vos remarques, je serais curieux de savoir ce que vous en pensez?

Et voici d’autres vidéos

http://www.youtube.com/watch?feature=player_detailpage&v=cmbW8zRrRbs

http://www.youtube.com/watch?feature=player_detailpage&v=z2mbcjnISJI

http://www.youtube.com/watch?feature=player_detailpage&v=n94E3IeBquY

http://www.youtube.com/watch?feature=player_detailpage&v=CL9MbEM2N4o

http://www.youtube.com/watch?feature=player_embedded&v=RNv8Jt2DGx4

http://www.youtube.com/watch?feature=player_embedded&v=tZjywoqtqGg

http://www.youtube.com/watch?feature=player_embedded&v=XjKcG-Xmwm0

Site officiel : http://www.microsoft.com/surface/en/us/purchaseprocess.aspx

Le responsive web design est né de la multitude d’écrans disponibles et surtout depuis l’avènement des tablettes et l’utilisation fréquente des Smartphones. Pour répondre à tous ces formats on est obligé de créer des sites différents réellement adaptés à chaque contenu :

• Un écran d’ordinateur de bureau (mac ou pc) permet d’afficher
  • des contenus plus longs et plus complexes,
  • plusieurs colonnes sur une page,
  • des images plus grandes avec des agrandissements plein écran.
  • Plus d’éléments dans un site donc plus lourd.
• Un écran de tablette affiche
  • déjà beaucoup moins d’informations,
  • des images plus petites
• Pour les Smartphones c’est encore plus complexe puisque les écrans varient d’un fabriquant à l’autre mais on retrouve
  • des images plus petites pour les Smartphones,
  • et un contenu de quelques lignes,
  • des écrans plus nombreux avec des transitions entre eux,… La navigation n’est plus la même, plus humaine avec le doigt et non une souris ce qui change également le comportement des utilisateurs
  • Des pages plus légères à charger
  • Moins d’effet ou plutôt des effets différents (librairie javascript, jquery)

Toutes ces contraintes rendent difficiles la création d’un seul site qui puissent gérer et s’adapter automatiquement à tous les périphériques disponibles mais le Responsive web design est né !

Responsive web design répond donc à l’adaptation du contenu et de ses images en fonction de la résolution et de la taille d ‘un écran. J’ai vu beaucoup de techniques de mise en page depuis plus de 15 ans, celle là m’a particulièrement interloquée. Cette technique est vraiment efficace, le plus fou est que l’on utilise des langages que les web développeurs connaissent bien : les feuilles de styles mais avec sa dernière version les CSS 3 (avec les media queries). Cela explique pourquoi on ne l’a pas vu apparaitre plus tôt.

Pour être plus concret aller sur ce site : http://www.macdonaldhotels.co.uk/ avec IE9 ou Chrome réduirez la taille de la fenêtre du navigateur pour prendre une taille équivalente à celle d’un smartphone.

Vous obtenez ceci

pour un écran d’ordinateur de bureau

Vous remarquez l’utilisation de diaporama en jquery, d’un design poussé et de l’utilisation de 4 colonnes incluses dans un diaporama

Pour l’utilisation d’une tablette

cela passe à 3 colonnes

Et enfin pour un Smartphone

on retrouve le diaporama du haut fonctionnant parfaitement avec des photos adaptées, les points pour naviguer dans le diaporama ont disparus, le moteur de recherche s’est adapté et réduit ainsi que le menu.

Le 2ème diaporama a disparut pour afficher toutes les images les unes en dessous des autres tout en conservant une efficacité ergonomique.

Alors qu’en pensez vous?

La conception

Je souhaite faire une remarque importante sur la conception d’un tel site qui demande une réflexion en amont plus poussée (avec des wireframe), pour le construire et que tout s’enchaine parfaitement en fonction des différents périphériques. Vous devez définir l’objectif pour vos différents site et savoir si cette technique est utile à mettre en place pour votre projet.

Les coûts

Si vous deviez réaliser 3 sites pour 3 supports différents avec cette technique vous n’en faite plus qu’un. Le temps de travail se ressent sur la conception fonctionnelle et sur la mise en page mais pas forcément sur le développement des fonctionnalités. Vous aboutissez finalement à la maintenance d’un seul site pour plusieurs périphériques et donc à une réduction des coûts.

Attention le devis final est certainement moins important que de concevoir 3 sites classiques (pc, différentes versions de navigateurs sur pc (ou mac), mobile, tablette,)  mais pas moins important que de faire 1 seul site.

Des compétences hyper spécialisées

Donc la difficulté est de trouver une société qui connaisse parfaitement les contraintes des différents supports mais également les spécificités de certains périphériques car un Iphone est différents d’un Android et d’un Windows Phone 7 pourtant tous des Smartphones.

Le fait de rechercher des compétences particulières pour cette conception va alourdir également le devis., enfin théoriquement.

Je vous invite à aller voir cette article qui détaille la conception de ce site : http://www.uxbooth.com/blog/how-to-design-a-mobile-responsive-website/

La compatibilité avec les navigateurs IE7, IE8 et IE6

Pour ce qui est de IE 6, il n’est de toute façon plus soutenu par les concepteurs. Pour les 2 autres il n’y pas de soucis car le site prendra la forme normale donc une utilisation plutôt en mode PC comme on le voit sur 90% des sites actuels. Mais comme j’en ai déjà parlé pour l’HTML5 il existe des bibliothèques pour simuler les avantages de la CSS 3 (j’en parlerais dans un prochain billet)

Plus d’informations

Je ne vous détaillerais pas l’aspect technique qui mérite d’autres billets mais je vous conseille de visiter les articles suivants qui vous éclaireront dans ce nouveau concept :

http://www.slideshare.net/livefront/responsive-design-7877412

http://www.designspartan.com/tutoriels/responsive-design-definition-fonctionnement-ressources-et-tutoriels/

http://blog.johanbleuzen.fr/responsive-design-pour-tous

Des informations sur le responsive Images

http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/

Pour faire suite à un article que j’avais fait en 2008 sur les QRCodes je souhaiterais vous parler de son utilisation grandissante.

Pourquoi le QRCode surpasse tous les autres codes 2D?

1. Le QRcode est internationalement libre et tout le monde peut générer son propre QRCode. La plupart des téléphones mobiles lisent ce QRCode comme dernièrement la version Mango du WP7 qui intègre nativement un lecteur de QRCode. De nombreuses applications sur les Iphones, Androïd et Windows Phone 7 intègrent les scanneurs de ce QRCode.
2. De nombreuses informations sont mémorisables dans ce QRCode voir dernier article
3. Il peut être customisé et beaucoup de QRCode commencent à se fondre dans la mise en page.

Pourquoi ce carré est “magique”?

Pour la plupart des personnes ce carré n’est qu’artistique. Ce n’est qu’un assemblage de petits carrés blancs et noirs mais comment penser que cela peut contenir plus de 4000 caractères cachés?

Quand vous faites une démonstration avec votre téléphone en scannant ce QRCode et que cela redirige vers une vidéo cela a un coté “magique” (clin d’oeil à Hubert qui se reconnaitra ;°)) . Quand votre QRCode contient vos coordonnées et que cela rentre directement dans votre carnet d’adresse, Wouav! c’est génial! Oui on est tous un peu fainéant.

Son coté gadget

Vous pourrez trouver de nombreuses utilisations du QRCode qui ne sert à rien. Une grande tendance est l’utilisation qu’en font les artistes. Certains sont très jolis mais ils ne faut pas en oublier son utilisation principale qui est l’information qu’il contient. Car de nombreux QRCode artistiques ne fonctionnent pas. Je vous laisse consulter http://www.qrdresscode.com/ qui en montrent plusieurs.

Son coté utile

Le 1er point est son coté imprimable qui fait, bien entendu, le lien entre le monde réel et votre mobile

Ensuite vient sa capacité à stocker de l’information

Puis vient l’interprétation que font les scanneurs de téléphone de ce QRCode :

1. Reconnait les adresses web : redirection vers un site
2. Reconnait les SMS donc redirige vers la saisie d’un message
3. Reconnait le format téléphone donc redirige vers l’appel
4. Reconnait les Vcard et MeCard insertion des coordonnées directement dans le carnet d’adresse
5. Reconnait le format “youtube:“
6. Reconnait le format Wifi
7. Reconnait  le format de mail
8. Reconnait les Vcalendar (ne fonctionne pas très bien )

Le fait de reconnaitre les adresses web permet l’affichage de plan Google, de vidéos, …

Ne pas perdre du temps à ressaisir une adresse web ou une carte de visite cela a son utilité.

De nombreux exemples

Les japonais sont très en avancent sur l’utilisation de ce code 2D et de nombreux exemples d’applications existent.

Voici des articles très complets sur le sujet :

http://www.clubic.com/actualite-81170-live-japon-qr-code-publicites-subliminales.html (2007)

http://www.servicesmobiles.fr/services_mobiles/2010/12/utilisation-du-qr-code-chez-les-m%C3%A9nag%C3%A8res-japonaises-.html (2010)

http://www.qrdresscode.com/ (énormément d’exemples)

Ses défauts

• Le défaut des codes 2D est d’avoir un liserai blanc pour pouvoir le lire correctement mais tous les codes 2d ont ce défaut.
• Mémoriser une information figée c’est à dire que le carré magique contient la même information; Si c’est une Url et que vous l’avez diffusée partout il est préférable que cette adresse web soit toujours disponible. Bien sûr on peut y remédier facilement.
• La lecture des caractéristiques du Tag de Microsoft y montre une utilité qui me semble très importante que n’a pas le QRCode : pouvoir adapter le contenu en fonction du nombre de scans et de l’appareil qui le scanne (voir mon article sur les Microsoft tag)

Notre exploitation des QRCode

Avec un groupe de personnes nous avons réalisés un projet appelé Mobil Avenue et Mobizness (consultable sur vos téléphones) qui exploite les caractéristiques de ces QRCode. Nous proposons ainsi des autocollants à nos clients qui peuvent les placer sur leur vitrine et ainsi diffuser leurs horaires d’ouvertures et leurs coordonnées via ces 2 sites. Je vous parlerez plus en détail de ce projet dans un prochain article.

Conclusion

La tendance est l’exploitation des caractéristiques du QRCode par les marketeurs (certains sont très ingénieux) et il en ressort une grande utilité pour le monde de la consommation.

C’est là qu’intervient le Wireframe qui permet de concevoir des interfaces virtuelles comme des maquettes (sans graphisme) et ainsi de construire avec le minimum d’effort des interfaces.

Cette étape semble être une perte de temps mais ce n’est pas le cas car cette action, intervenant avant la conception graphique,  va accélérer la création de la maquette. En se basant sur l’interface issu du Wireframe, validée par le client, le travail du graphiste va en être facilité. Cela évite ainsi de nombreux aller-retour entre la société conceptrice et le client.

Un logiciel très performant comme Visio de Microsoft a des fonctionnalités bien plus poussées que la simple conception de Wireframe puisque qu’il sait également générer du code mais ceci est un autre sujet

Certaines méthodes facilitent donc la conception de pages web, l’organisation de contenu, l’optimisation de l’ergonomie et la disposition des éléments sur une page, l’interaction entre plusieurs pages ou écrans, …

Voici quelques exemples

L’utilisation de WriteFile pour l’enregistrement d’un fichier sur le serveur ou le téléchargement d’un fichier via une page web pose apparemment des problèmes lorsque le fichier est trop volumineux et que la connexion du client n’a pas un débit important.

WriteFile mets les données du fichier transmit au client dans un buffer (en mémoire) géré par le processus w3wp.exe, utilisé pour le site web. Dans ce cas un seul processus gère le site web et une limite de mémoire avant recyclage a été configurée pour éviter les saturations de mémoire et ainsi recycler régulièrement le processus. Mais cette configuration couplée à WriteFile coupe la connexion lors du téléchargement car la mémoire dépasse  la quantité de mémoire maximale autorisée. Et il est impossible au navigateur client de se recnnecter au serveur sur le même thread qui était occupé à transmettre le fichier

Pour éviter cela 2 solutions :

1. augmenter la mémoire pour le processus w3wp.exe
2. utiliser TransmitFile qui envoi directement les données du fichier et ne mets rien en mémoire.

Si d’autres personnes ont des informations complémentaire à ce sujet ils seront les bienvenues.

Mon livre vient de paraitre ASP.NET 4.0 et C# sous Visual Studio 2010 – Conception et développement d’un service en ligne aux Editions ENI

Présentation

Ce livre s’adresse aux développeurs débutants en Asp.Net 4.0 et C# dans le but d’apprendre à utiliser les fonctionnalités et composants fournis avec Visual Studio 2010 tels que treeview, les formview, les listview et les Ajaxtoolkit,…

L’objectif est de développer complètement un service en ligne en s’appuyant sur un exemple concret : une gestion documentaire. La construction de cette GED pose les briques solides d’un service en détaillant sa conception, sa réalisation, son hébergement et toutes les évolutions imaginables pour finaliser ce service. J’ explique pourquoi j’ai choisi comme exemple une Gestion documentaire et les implications d‘un tel service dans une entreprise.  Les évolutions sont expliquées de façon précise dans le dernier chapitre tels que l’intégration du moteur de recherche Index Server, des idées sur le développement bibliothèque Jquery.

Les codes sources par palier sont en téléchargement sur le site www.editions-eni.fr.

Les chapitres du livre :
Introduction – Outils et environnement – Définition du projet – Mise en place de l’infrastructure – Gestion des rubriques – Gestion des droits et des accès – Gestion des documents – Connexion au service – Construction de la page de gestion documentaire – Construction de la partie éditeur – Pages statiques – Évolutions futures

Acheter ce livre aux Editions ENI : ASP.NET 4.0 et C# sous Visual Studio 2010

Accès en version numérique

Enfin une mise à jour majeure pour Windows Phone 7 qui doit être diffusé en octobre.

Windows Phone 7 : Microsoft livre de nouveaux détails sur la mise à jour Mango

Olivier Ribet, Microsoft France : « Windows Phone 7 Mango apporte des nouveautés encore jamais vues »

Voici une partie des 500 fonctionnalités de cette version 7.5 alias Mango :

Objectif centraliser les informations des différents sites et accélérer l’accès aux informations

• multi-tâches – multi-applications – application en fond tâche – économise la batterie
• interface commune pour le chat à travers des SMS, Facebook chat et Windows Live Messenger
• Réseaux sociaux sont unifiés et intégrés au carnet d’adresse : on avait déjà windows live, google, facebook,s ‘ajoute linkedin, twitter, Messenger
• boites mail liées et accessibles depuis la même interface ou pas
• système de calendrier et de demande rendez vous
• intégration de IE9 ouf! : html 5, accélération matérielle
• stockage en ligne avec skydrive et Office 365
• navigation avec guidage vocale
• SMS dictés
• système d’identification de musique intégré à Bing
• mode conversation pour les emails affichés dans la boite de réception
• recherche sur le serveur de la messagerie électronique
• Lecture intégrée des QRCode, Micrsoft Tags, et code barres
• Lync sera disponible gratuitement sur le Marketplace Windows Phone pour accéder au service de communications unifiées (lui est payant )
• Pour les développeurs : accès aux multi-tâche, réalité augmentée, API  de capteurs, APN, capacité de notification évoluées, accès aux calendriers,n aux contacts

MISE A JOU 24/09/2012 : le changement le Windows Phone  8

Les nouveautés de Windows Phone 7.5 « Mango » en images

et le blog de Microsoft WP7

on voit ici la messagerie Outlook en mode conversation et la recherche des emails (va exchange)

Ci dessous Lync avec la présence avec une bande verte

la définition de groupe (fonction je pense très utile)

source : blog Microsoft

Mise à jour : Windows Phone 7 Mango : caméra frontale supportée et intégration de Skype

Commençons par la requête et le remplissage du WebGrid

var data = db.Query(selectQueryString, id);
var grid = new WebGrid(source: data, rowsPerPage: 50);

Voici le helper pour construire la grille :

1:     @grid.GetHtml(
2:      tableStyle: « webgrid »,
3:      headerStyle: « webgrid-header »,
4:      footerStyle: « webgrid-footer »,
5:      rowStyle: « webgrid-rows »,
6:      alternatingRowStyle: « webgrid-alternating-rows »,
7:      columns: grid.Columns(
8:    grid.Column(format: @<a href= »@Href(« ~/Private/Edit », item.ID) »
title= »Editer la fiche »>
9:                     <img src= »@Href(« ~/images/icons/user_edit.png ») »
alt= »Editer la fiche » />
10:                              </a>),
11:     grid.Column(«  », «  », @<text>@if (item.C_LOGO_VIG != «  »)
12:     {
13:          <a href= »@Href(« ~/Private/Edit », item.ID) »
14:          title= »@item.C_SOCIETE »>
15:          <img
src= »../d/@item.C_ABRE/@item.VIG.Replace(« zoom », « vig ») »
16:                  alt= »@item.C_SOCIETE » />
17:          </a>
18:     }</text>),
19:    grid.Column(« Société », « Société », format:  @<i>@item.SOCIETE</i>),
20:    grid.Column(« Nom », « Nom », format: @<i>@item.NOM</i>),
21:    grid.Column(« Prénom », « Prénom », format: @<i>@item.PRENOM</i>),
22:    grid.Column(« Code postal », « Code postal »,
format: @<i>@item.CODEPOSTAL</i>),
23:    grid.Column(« Ville », format: @<i>@item.VILLE</i>),
24:    grid.Column(« Revendeur », format: @<i>@item.SOCIETE</i>),
25:    grid.Column(« Rubrique », format: @<i>@item.RLIBELLE</i>),
26:    grid.Column(« Département », format: @<i>@item.DLIBELLE</i>),
27:    grid.Column(
format:
@<a href= »@Href(« ~/Private/Del », item.ID) »
title= »Supprimer »>
<img src= »@Href(« ~/images//user_delete.png ») »
alt= »Supprimer » />
</a>)
28:   )
29:  )

Le résultat de ce WebGrid

Cela parait un peu rebutant de prime à bord mais vous allez voir que tout s’explique :

on peut ajouter tout type de code html, des liens, des images mais aussi des variables en provenance de liste d’objets pour afficher des données dynamiques (c’est le but ), des conditions avec le if. La balise <text> s’avère en fait très utile et indispensable pour personnaliser au plus précis ce type de helper.

1:   @<text>

2:  @if (item.C_LOGO_VIG != «  »)

3:   {

4:    <a href= »@Href(« ~/Private/Edit », item.ID) »

5:      title= »@item.SOCIETE »>

6:      <img   src= »../d/@item.C_ABRE/

@item.VIG.Replace(« zoom », « vig ») »

7:      alt= »@item.SOCIETE » />

8:    </a>

9:   }

10:  </text>

Pour faire des liens sans se soucier du chemin on utilise @Href. Le tilde “~” permet de partir de la racine du site et de construire le chemin. item.Id ajoute l’identifiant pour agir sur la base de données. on obtient ceci http://monnomdedomaine.com/Private/Edit/10

La condition test l’existence d’une vignette, si c’est le cas on affiche les balises nécessaire

   1:  @item.VIG.Replace("zoom", "vig")

ceci permet de remplacer le texte “zoom” par “vig” dans le nom de l’image

Les styles sont définis de façon précises

 tableStyle: "webgrid"
 headerStyle: "webgrid-header"
 footerStyle: "webgrid-footer"
 rowStyle: "webgrid-rows"
 alternatingRowStyle: "webgrid-alternating-rows"

1:   grid.Column(« DatePublication », « Publication »,

format: @<i>

@item.DatePublication.ToString(« d »)

</i>,

style: « datepub »),

donc à la fin on trouve style : qui permet d’agir sur la colonne

A suivre pour d’autres explications sur Les Asp.Net Web Pages.

Voici quelques liens sur node.js (http://nodejs.org/) et Socket.io (http://socket.io/)

Voici quelques articles qui donnent suite à mon article sur Node.js avec des explications plus techniques :

Node.js partie 1 – Tout ce que vous devez savoir sur Node.js

Présentation très précise du Node.js

Les applications web gagnées par le temps-réel : un plan sur la Comet ?

Explication très claire sur les différents protocoles pour arriver à faire une communication asynchrone viable!

Streaming Twitter: NodeJS & Socket.IO

Le dernier lien est très intéressant car il donne des explications précises (code à l’appui) sur le couple Node.js et socket.io. Seul les prochaines versions des navigateurs  possèderont la fonction WebSocket en natif. pour le moment un trou de sécurité empêche cette implémentation.

Mais en attendant pour être sûr que  le code fonctionne dans chaque édition et version de navigateur on utilise Socket.io qui gomme et gère les différences entre les navigateurs (voir les navigateurs supportés) en utilisant différentes techniques.

Nous attaquons notre premier projet en razor comprenant un espace privatif et un espace administration pour le client. pour ce faire nous utilisons le nouveau système de gestion des membres qui est parfaitement optimisé : pas de session anonyme stockée qui engorge la base de données, pas d’utilisation de Guid mais bien de clef primaire en type int. Plus souple pour faire évoluer le système d’ d’accès et  rôles.

Ayant fait également beaucoup de Php, la prise en main de la syntaxe Razor est relativement rapide. Le helper WebGrid est facile à utiliser mais attention si on souhaite le pousser dans ses retranchements. Le helper pour envoyer le mail est également trivial à utiliser pour envoyer de simple email. A voir pour utilisation plus poussée.

voici l’exemple de code d’une page index.cshtml

1:  @{
2:      Layout = « ~/Views/_SiteLayout.cshtml »;
3:      Page.Title = « accueil »;
4:  }
5:
6:  <div id= »bloc-filet »>Bonjour
7:
8:  …
9:
10:  </div>

La syntaxe présente plusieurs types de sections pour afficher des morceaux de pages. Ainsi on peut déporter tout morceaux de code html redondant, dans le but de l’écrire qu’une seule fois.

1:<!DOCTYPE html

PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN »

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>

2:  <html

xmlns=http://www.w3.org/1999/xhtml

xml:lang= »fr » lang= »fr »>
3:  <head>
4:  <meta http-equiv= »Content-Type »

content= »text/html; charset=utf-8″ />
5:          <title>@Page.Title</title>
6:    @RenderPage(« /Partage/_headerbasecss.cshtml »)
7:   <link href= »@Href(« ~/favicon.ico ») »

rel= »shortcut icon » type= »image/x-icon » />
8:
9:  </head>
10:
11:  <body class= »mbody »>
12:  <div id= »global »>
13:  <div id= »entete »>
14:
15:  ….
16:  </div>
17:  <div id= »contenu »>
18:      @RenderBody()
19:  </div>
20:  <div id= »pied »>
21:      @RenderPage(« /Partage/_footer.cshtml »)
22:  </div>
23:  </div>
24: @RenderPage(« /Partage/_headerbasescripts.cshtml »)
25: @RenderSection(« ClientScriptsEditor »,

required: false)
26:  </body>
27:  </html>
28:

c’est la mission du tag RenderPage. Les pages sont ainsi harmonisées.

Le tag RenderSection permet de faire apparaitre du code que sur certaines pages tout en utilisant le même master. Ce sont des sorte de section conditionnelle.

et enfin le RenderBody affiche le contenu placé dans la page index.cshtml

La fonction Page.Title est définie dans la page index.cshtml mais utilisé pour le titre dans le Layer (master)

Tous les autres fichiers comportent des morceaux de code html qui peuvent être combiné à des conditions gérées par la syntaxe Razor.

Je ne vais pas vous en dire plus pour le moment, je continuerais à vous donner des exemples au fils du temps.

L’asp.net Web pages qui utilise le moteur Razor est la dernière technologie web sortie par Microsoft et je dois avouer que j’adhère parfaitement à sa syntaxe et à ses fonctionnalités. Etant habitué à développer avec l’Asp.net et C# depuis maintenant 10 ans, c’est un langage qui a été fait pour le web et intègre les dernières nouveautés comme des composants sociaux (Twitter, J’aime de Facebook, …), des composants pour ajouter des vidéos, télécharger et traiter des images, récupérer des morceaux d’url , utiliser des sortes de master page et des includes, webgrid, …

C’est un compromis entre le langage php et l’Asp.net. Code intégré dans la page. Plus d’AjaxToolkit et place au Jquery  et à la maitrise totale du code source ce qui entrevoit une préparation à la venue de l’html 5

La puissance vient aussi avec la possibilité d’utiliser pleinement le les classes du framework 4.0 et l’Entity framework pour accélérer la création de la couche données