Revue web
Formulaire web developpement

Un formulaire fiable et pratique

En développement Web, la création d'un formulaire de contact ou de création de compte est une requête récurrente surtout lors de la création d'un site internet cependant nous nous heurtons à de nombreuses contraintes. Un formulaire doit respecter certaines règles :

  • il doit d'être simple à remplir pour le visiteur
  • il doit permettre une bonne délivrabilité lorsqu'il nécessite un envoi de mail (ce qui est le cas dans la plupart des cas)
  • il se doit d'être protégé pour éviter les spams

Pour protéger un formulaire contre les spams, de nombreuses solutions existent. L'une des plus connues est le captcha. Il s'agit de saisir ce que vous voyez dans une image. L'intérêt est de pouvoir différencier l'être humain d'un programme informatique (ou robot). L'image contient généralement une suite de caractères déformés.

Captchacat

Le texte n'est pas toujours facile à lire. Un visiteur peut avoir du mal à le lire et s'il se trompe une fois, il risque d'abandonner le formulaire. D'un point de vue utilisabilité, c'est pas terrible.

Revue web
Arnaque

En date du 16 septembre 2017, j'ai reçu un courrier recommandé de la part des avocats de la société COMMUNIKEO, propriétaire du site aproximeo.com me notifiant du caractère diffamatoire d'un terme que j'ai associé à aproximeo. Je me dois donc de modifier cet article en conséquence. Je vais tâcher d'être beaucoup plus factuel sans céder à l'émotion.

Ca fait longtemps que j'avais pas posté une petite info. La création des sites clients me prend tellement de temps que j'ai de moins en moins le temps de mettre à jour le mien et de mettre à jour le blog. Ce qui me pousse à écrire cet article, c'est la réception d'un emailing de la société aproximeo (en fait j'en ai reçu plusieurs...). Voici ci-dessous à quoi ressemble l'emailing en question.

arnaque aproximeo

Revue web

La création d'un site internet peut s'accompagner d'un besoin de traduction pour disposer d'un site multilingue. Pour disposer d'un site à la qualité professionnelle, je ne peux que conseiller de passer par un traducteur. D'une part, cela vous fera gagner du temps. D'autre part, vous êtes sûr qu'il fera les recherches adéquates pour que la traduction soit conforme au sens de la langue d'origine.

Le traducteur a, bien évidemment, la capacité de traduire le contenu d'un site mais aussi de traduire les documents annexes (PDF, Word, ...).

En utilisant des CMS tels que WordPress ou Joomla, vous avez la possibilité d'installer des extensions de traduction automatique, basées généralement sur Google traduction mais il faut reconnaitre que la qualité du résultat n'est pas au rendez-vous. Vous avez déjà surement utilisé les services de Google traduction. Même si celui-ci peut rendre des services, il produit souvent des traductions très approximatives. La structure des phrases traduites est parfois incohérente et la sémantique, quant à elle, en prend un sacré coup...

Soucieux de vous proposer un service de qualité, je peux travailler avec une traductrice dont j'ai pu constaté le sérieux et le professionnalisme. Si vous recherchez une personne qui vous réalisera des services de traduction français-anglais (ou anglais-français) non seulement pour vos sites mais aussi pour vos contenus multimédias, CVs, documents officiels, .... je vous conseille Blue Frog Language Services. Elle propose d'ailleurs des formations sur-mesure à l'oral ou à l'écrit.

Blue Frog Language Services

 

Revue web

Lors de la création de sites internet, nous rencontrons des professionnels qui travaillent dans différents domaines. Cela enrichit la vision de nos projets et notre propre culture. Dans le cadre de ces projets, j'ai rencontré une jeune femme, photographe de mariage sur Paris. Il s'agit de Lina Raziq dont vous pouvez visiter le site : Lina, jeune femme photographe de mariage.

Lina est une professionnelle qui sait être à l'écoute des besoins. Pour la réalisation de son site, j'ai pu constater son savoir-faire et échanger efficacement pour faire avancer son projet. Lina développe de plus en plus son catalogue de photographies de mariage cependant elle peut utiliser ses compétences pour proposer d'autres thèmes en tant que photographe de baptême, de couples, de nouveaux-nés ou de portraits.

Etant une femme, elle a cette sensibilité qui saura sublimer le rendu de ses photographies et ainsi vous offrir un magnifique souvenir de vos moments. Elle apportera une attention toute particulière à capter les moments les plus complices de votre mariage.

Revue web

En cherchant des infos sur le référencement, je suis tombé sur un site d'un consultant dédié au référencement naturel (je n'ai plus le lien). Ce site proposait des conseils pour l'échange de liens et comment cela pourrait améliorer le pagerank. Le pagerank permet de calculer la popularité et la qualité d'une page. Le but étant que le pagerank d'un site soit le plus haut possible. Avoir un haut pagerank est un gage de qualité pour Google et peut permettre de mieux se classer sur des résultats de recherche. Ce n'est pas un paramètre vital! Il est même secondaire. Disons que sur 2 sites de structure et contenu équivalents (même mots de clés, autant de répétition, ...), ce sera le site avec un plus fort PR (PageRank) qui passera devant.

L'intérêt du PR est donc limité mais quand on cherche à travailler certains détails, à peaufiner un peu la qualité de son site, on se dit qu'on va essayer d'améliorer son PR.

Le site conseillait de passer par des site d'échanges de lien. L'un d'eux est 2linkto. Je me suis dit pourquoi ne pas essayer.

Revue web

Vous vous identifiez surement sur plusieurs sites (e-commerce, réseaux sociaux, blogs, ...). Par sécurité, vous devriez utiliser des identifiants différents pour chaque site sur lequel vous vous connectez mais, par facilité, vous ne changez ces identifiants que très rarement. En effet, cela relève de la gynmastique des neurones de se souvenir de tous vos mots de passe et qui plus est de savoir sur quels sites vous les utilisez.

Je vous propose de découvrir KeePass Password Safe pour stocker tous vos mots de passe ! Vous pouvez sauvegarder tous vos identifiants et mots de passe dans un fichier sécurisé qui sert de base de données. Il s'agit d'un logiciel, développé sous licence GPL v2 et totalement gratuit, s'appuyant sur 2 systèmes de cryptage très puissants : AES et Twofish. Pour ouvrir votre fichier contenant tous vos mots de passe, vous devez juste saisir un mot de passe. Vous devrez absolument vous souvenir de ce mot de passe !

En plus de proposer le stockage de vos mots de passe, KeePass dispose de nombreuses fonctionnalités très pratiques.

La saisie automatique

Parfois vous utilisez des mots de passe à rallonge avec des majuscules et des minuscules ce qui est très bien d'un point de vue sécurité mais, soyons honnête, une horreur à taper (il y a qu'à voir les clés WPA) et quand vous vous trompez, il faut tout recommencer... C'est là où intervient la saisie automatique, vous allez sur la page de connexion du site sur lequel vous souhaitez vous connecter et vous placez le curseur dans le premier champ à saisir (identifiant/email/pseudo). Vous allez ensuite sur l'item KeePass correspondant à ce site, vous faites clic droit et sélectionnez "Perform Auto-Type" (ou vous utilisez le raccourci CTRL-V). Les champs de la page web se rempliront automatiquement et vous êtez connecté !

Génération de mot de passe

Vous chercher à créer un mot de passe bien sécurisé ? KeePass vous propose plusieurs options de génération de mot de passe aléatoire. Vous pouvez choisir la longueur, les caractères à utiliser, le type d'algorythme à utiliser, ...

keepass-generation-mot-de-passe

Revue web

Quand on est webmaster, on cherche souvent des photos pour illustrer nos pages web. C'est quand même plus agréable. Depuis quelques années je cherche un site qui puisse me fournir un stock de photos gratuit, libre de droit et que je puisse utiliser sans me poser trop de questions quant à leur utilisation. Il faut comprendre que gratuit et libre de droit ne signifie pas que vous pouvez utilisez ces images à votre guise. Il peut y avoir des conditions. Des photos peuvent être gratuites mais uniquement dans le cadre de sites non commerciaux. Certaines photos nécessitent que vous fassiez un lie vers leur auteur. Certaines photos peuvent être retouchées...
Des sites proposant des photos de ce type existent et dépannent pas mal. On en trouve dans de nombreux blogs avec souvent le même titre "10 sites de photos gratuites", "top 5 des banques d'images gratuites", ...Peut-être qu'un jour je ferai aussi un article de ce genre mais, aujourd'hui, je vous propose un site qui met à disposition des photos gratuites, libres de droit, que vous pouvez modifier, réutiliser, pour vos sites commerciaux ou non, sans lien de retour !

pixabay

Il s'agit de Pixabay. Ce site propose un choix assez large de photos et d'images de très bonne qualité.

Bon, il existe une seule et unique restriction. Vous pouvez toutes ces images sans demander quelque autorisation que ce soit aux photographes ou illustateurs cependant les photos où apparaissent des personnes ou des habitations doivent être soumises aux consentement des personnes photographiées ou des propriétaires de ces habitations pour des questions de droit à la vie privée.
En savoir plus sur cette restriction (en anglais)

 

Revue web

Je viens de découvrir un site bien utile : NoLimitVPN.

Avec les affaires récentes de Snowden et des surveillances de nos communications internet par certains gouvernements, on aimerait retrouver un peu de discrétion et de vie privée dans nos connexions ! C'est là où NoLimitVPN intervient. NoLimitVPN propose une connexion internet sécurisée, anonyme et facile à mettre en place via un système de réseau privé virtuel (en anglais VPN)!

Le principe du VPN est de créer une connexion directe entre un PC et une machine distante. Ce principe est utilisé notamment par des entreprises qui ont besoin de faire communiquer des sites de façon directe et sécurisée.

nolimitvpn

NoLimitVPN propose un accès VPN via un serveur situé en France ou aux Pays-Bas. Leur offre gratuite se base sur un serveur situé aux Pays-Bas. En vous connectant à leur VPN, vous aurez une nouvelle adresse IP. Ce système marche très bien mais, attention, vous pouvez avoir quelques surprises. Certains sites utilisent des fonctionnalités de géolocalisation pour configurer la langue d'un site selon l'IP d'origine du visiteur. Ne vous étonnez pas si on vous propose des sites en hollandais plutôt qu'en français...
Si vous êtes webmaster et testez des sites en local, vous pouvez aussi avoir quelques surprises comme, par exemple, des mails qui ne sont plus envoyés à partir de vos sites.[Complément d'information: Et l'envoi à partir de clients mail échoue aussi !]

L'offre gratuite propose un accès chiffré 128 bits PPTP et une adresse IP publique. L'offre gratuite est limitée alors sautez dessus. Il en reste 84 au moment où j'écris cet article.
Vous pouvez essayez cette offre gratuite et voir si ça vous convient sinon pour avoir une offre plus musclée niveau sécurité c'est plus cher mais c'est censé être destiné aux entreprises.

En vous inscrivant, vous recevez un mail récapitulatif avec les tutoriaux nécessaires selon votre système d'exploitation.

- S'inscrire gratuitement sur noLimitVPN
- En savoir plus sur le VPN

N'hésitez pas à me contacter si vous avez besoin de conseils en sécurité !

Revue web

La société Takee a présenté en juin 2014 l'Estar 1, soi-disant le premier smartphone holographique. Une hologramme consiste à afficher une image en 3D avec l'impression que celle-ci flotte au dessus de l'écran, à la manière de ce qu'on peut voir dans Star Wars.
Takee a posté une vidéo promotionnelle de cette technologie :

Il est amusant de pouvoir voir ses interlocuteurs ou tout type d'élément en 3D. Cette vidéo montre les possibilités d'intéraction offertes à l'utilisateur. Cela ferait passer Minority Report pour un film d'histoire.

J'ai mis "soi-disant" dans le texte parce qu'Amazon a lancé le Fire Phone lui aussi proposant un rendu 3D. Le smartphone d'Amazon est sorti il y a quelques jours aux Etats-Unis. Pour se donner une petite idée de ce que ce smartphone propose, voici une vidéo :


Le rendu 3D consiste en un effet de profondeur comme on avait sur certaines images ou cartes quand on était jeune. On tournait la carte et on avait une impression de 3D.

On constate que les rendus proposés par ces 2 téléphones ne sont pas les mêmes. L'effet proposé par Takee est quand même plus impressionnant. Sur le modèle d'Amazon, il faut tourner l'appareil pour avoir une impression de 3D. Sur celui de Takee, un capteur à l'avant du smartphone calcule la position du regard et adapte l'image en fonction de cette position et donne l'illusion que nous sommes face à un hologramme.

La vidéo de promotion du Takee a été faite avec des effets spéciaux. Il est donc difficile de se faire une véritable idée des possibilités de cet appareil. Est-ce que cette technologie sera efficace ou pas ? Pour l'instant le doute subsiste...

Sources :

 

Revue web

D'habitude je peste contre IE mais, pour une fois, c'est le tour d'un autre navigateur : Firefox.

Firefox rencontre un bug de rafraichissement avec les formulaires. Lors d'un refresh de page, certains champs de type select ou input (checkbox) gardent la sélection précédemment entrée alors que l'attribut "selected" est positionné sur un autre item. Ca peut créer quelques comportements incorrects et fausser les valeurs passées au formulaire.

Pour contourner ce problème, on pourra :

  • soit appliquer la correction au niveau HTML
    <form autocomplete="off">
  • soit utiliser jQuery
    $(document).ready(function() {
        if ($.browser.mozilla) $("form").attr("autocomplete", "off");   
    }); 

J'avais rencontré ce problème et c'est sur le site Stackoverflow (site en anglais) où j'ai pu trouver une solution à ce problème.

Voir la solution sur le site Stackoverflow