Publié le

Le responsive web design : explication

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)

Continuer la lecture de « Le responsive web design : explication »

Publié le

QRCode utile ou gadget?

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.

Continuer la lecture de « QRCode utile ou gadget? »

Publié le

Wireframe : explication

Depuis quelques années la conception web est devenue, pour certaines sociétés, très professionnelle. Elles ont mis en place des méthodes de travail permettant de proposer aux clients des aspects d’interfaces fonctionnelles avant de concevoir le produit et ainsi optimiser ou même maximiser la satisfaction du client par rapport à sa demande.

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.
Continuer la lecture de « Wireframe : explication »

Publié le

TransmitFile vs WriteFile en asp.net et c#

 
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
Continuer la lecture de « TransmitFile vs WriteFile en asp.net et c# »

Publié le

Mon livre sur ASP.NET 4.0 et C# sous Visual Studio 2010

Mise à jour 2016 : Mon livre n’est maintenant disponible qu’en version numérique
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

Publié le

WP7 et Mango

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 Clignement d'œil)
  • 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
Continuer la lecture de « WP7 et Mango »

Publié le

Asp.Net Web Page (Razor) : le WebGrid



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);

  • selectQueryString : c’est la requête dont le résultat chargera les données dans le WebGrid
  • id : est un identifiant utilisé comme paramètre dans la requête
  • data : est la variable contenant une liste d’objet résultant @item dans le Webgrid permet d’accès au propriété de chaque ligne (colonne)
  • rowsPerPage : autorise le multi page c’est donc automatique. cela créé des liens de page en page. Ici 50 lignes par page.


    • Continuer la lecture de « Asp.Net Web Page (Razor) : le WebGrid »

    Publié le

    1er projet en razor

    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>

     
    Continuer la lecture de « 1er projet en razor »
    Publié le

    Asp.Net Web pages avec Razor

    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