Qu’est-ce que le HTTPS ?

Le HTTP est le protocole qui permet aux ordinateurs des utilisateurs de communiquer avec les serveurs du web. Cependant, il s’agit d’un protocole non chiffré, c’est à dire que les informations circulent en clair entre le navigateur et le serveur. Elles peuvent donc être interceptées par un tiers pour un usage frauduleux. D’où la nécessité de la mise au point d’un système de chiffrement des données échangées et de certificats qui s’achètent auprès d’autorités de confiance et qui garantissent l’identité de votre interlocuteur en ligne. Depuis fin 2016, les sites non commerciaux peuvent se procurer un certificat gratuitement sur Let’s Encrypt.

Système de chiffrement + certificat = le « S » de HTTPS.

Le HTTPS garantit l’authenticité du site aux utilisateurs, ce qui permet de se prémunir contre l’usurpation d’identité en ligne. Il permet aussi de protéger l’intégrité et la confidentialité des données échangées via un formulaire, comme vos identifiants de connexion.

Faut-il basculer votre site en HTTPS ?

Un site non sécurisé est source d’un déficit de confiance dans la sécurité des données échangées. Un simple formulaire de contact ou de connexion est suffisant pour activer l’affichage d’alertes de sécurité sur tous les navigateurs actuellement à jour, ce qui est anxiogène.

La stratégie Google

En aout 2014, Google annonce son intention d’encourager les sites internet à évoluer vers la sécurisation de leurs contenus. Il confirme alors que le HTTPS produira un bonus de référencement (en).

Depuis l’automne 2016, à travers son navigateur Chrome, Google intensifie les affichages d’alertes (en) pour contenus non sécurisés afin d’inciter les sites à adopter le HTTPS.

La moitié des internautes français utilise soit Chrome, soit Firefox pour circuler sur le web. Depuis le début de l’année 2017, ces deux logiciels mettent en garde les internautes contre les sites insuffisamment sécurisé. Ces avertissements sont de nature à dissuader les visiteurs de rester ou de revenir sur votre site, ce qui est, par définition, une bonne raison de basculer en HTTPS.

Même si cette orientation n’a plus été confirmée depuis l’annonce d’août 2014 (voir ci-contre), Google est susceptible de favoriser le référencement d’un site HTTPS plutôt que d’un site non sécurisé dans un avenir proche.

Comment passer votre site en HTTPS ?

Basculer en HTTPS nécessite de se procurer un certificat pour son nom de domaine, de l’installer sur son hébergement et d’activer le protocole sécurisé; un ensemble de manipulations qui demande tout de même une certaine maitrise technique du webmastering.

Par ailleurs, le passage en HTTPS crée souvent des pages à contenu mixte. Cela signifie que vos pages intègrent des contenus extérieurs à votre site (comme des images, par exemple) et que ces sites ne sont pas eux-mêmes sécurisés. Ce qui provoque cet affichage — pas réellement de nature à rassurer vos visiteurs — et un risque non négligeable de désindexation par Google. De la même manière, mal paramétré, le passage en HTTPS crée des problèmes de redirection ou de duplication des anciennes pages. Cela peut perturber l’accès à certaines fonctionnalités, bloquer des sections du site. Ces dysfonctionnements sont de nature à faire fuir clients et robots de référencement.

Pour corriger ces erreurs de paramétrage, il vous faudra mobiliser le temps et les compétences nécessaires. Sur un site d’entreprise déjà en production, avec une boutique en ligne ou même un système de gestion des contenus, il est vivement conseillé de vous tourner vers un prestataire expérimenté qui vous garantit une transition en toute quiétude.

Enregistrer

Enregistrer

GrizzlyDev, votre partenaire sécurité

Chez GrizzlyDev, nous disposons des compétences, de l’expérience et de l’infrastructure nécessaires pour mener à bien le passage de votre site en HTTPS.

Ces derniers mois, nous avons mené à bien de nombreuses migrations HTTPS dans une grande variété de configuration de sites.

Notre méthodologie protège votre site de toute manipulation malencontreuse. En effet, nous disposons de serveurs de test sur lesquels votre site sera entièrement cloné, passé en HTTPS, testé, débogué et validé. Nous vérifions ainsi au préalable et en toute sécurité le bon fonctionnement de tous les liens, médias, pages et formulaires de votre site en version sécurisée.

Ainsi, le basculement en ligne se fait de manière totalement transparente pour vos utilisateurs. Votre site ne rencontrera aucun problème : déconnexion, dysfonctionnement, interruption de service ou page à contenu mixte, ce qui rassure vos clients sans nuire à votre référencement.

Avenir Voirie est une entreprise de négoce spécialisée dans le mobilier urbain à destination des collectivités locales, des architectes et des entreprises de travaux publics. Cette société utilise un logiciel de gestion commerciale spécialisé pour le négoce développé par GrizzlyDev (application Windows, base de données Microsoft SQL Server). Quand il a été décidé de publier le catalogue sur le site Internet, Avenir Voirie a souhaité logiquement s’épargner la corvée les doubles saisies. Nous avons alors proposé une intégration entre le logiciel de gestion commerciale et le système de publication de sites Internet WordPress déjà utilisé dans l’entreprise et sur lequel nous avons développé une forte expertise.

La gestion d’un catalogue sur Internet nécessite un investissement humain important afin d’agencer le plus efficacement possible les informations commerciales, techniques et surtout visuelles. Sur Internet, un catalogue sans images n’accroche pas l’intérêt des visiteurs. Il est même contreproductif.

Avenir Voirie tient à jour son catalogue de produits sur notre système de gestion commerciale qui est un logiciel Windows. Notre mission consiste à l’exploiter directement pour le publier sur le site Internet.

Exploiter la base de données existante

La gestion des articles dans le logiciel de gestion commerciale centralise les informations commerciales essentielles pour leur mise en vente et donc pour l’élaboration du catalogue.

Dans une seconde page d’édition, le logiciel propose aussi de saisir les « propriétés personnalisées » correspondantes aux caractéristiques plus techniques et spécifiques du produit.

Ces informations n’étaient pas encore renseignées au moment d’initier le projet de transfert en ligne du catalogue. Cependant, comme les différents intervenants de l’entreprise sont habitués à travailler avec le logiciel de gestion commerciale, il est plus rationnel d’inciter les utilisateurs à compléter les fiches produits dans un environnement qu’ils connaissent et maitrisent, plutôt que de devoir les disperser avec une nouvelle application.

Choisir une extension WordPress pertinente

Nous avons étudié différentes extensions de catalogue en ligne pour WordPress et avons choisi celle qui offrait la meilleure comptabilité avec une source externe comme la nôtre. Pour effectuer un choix entre les extensions de vente en ligne, nous avons appliqué ces critères essentiels :

• Simplicité de la conception : nous rejetons une extension mal programmée ;
• Régularité des mises à jour : nous prenons soin d’utiliser des extensions maintenues et utilisées par un nombre important d’autres sites, de bons indicateurs de pérennité ;
• Conditions d’utilisation : nous évitons absolument les extensions dont les conditions d’utilisation vont à l’encontre des intérêts de notre client (conditions commerciales incertaines, faible respect de la vie privée ou du secret commercial…).

À l’issue de notre étude, notre expertise a fait la différence :

1. Nous avons écrit le logiciel exportant le catalogue de la gestion commerciale dans un format exploitable par notre site WordPress ;
2. Nous avons créé le logiciel d’importation correspondant afin d’alimenter automatiquement le catalogue en ligne ;
3. Et nous avons enfin adapté le thème à notre catalogue dans WordPress.

Préparer son catalogue pour la publication

Notre client doit prendre sa part de travail indispensable à la réussite du projet :

• Réunir les photos et fiches techniques, les nommer convenablement, parfois les convertir ;
• Passer au crible l’intégralité du catalogue existant dans la gestion commerciale, vérifier les bonnes attributions dans les catégories, l’orthographe, normaliser les noms et libellés…

Cette dernière étape a été grandement simplifiée grâce aux fonctionnalités d’édition de masse de notre logiciel de gestion commerciale. Il est en effet en mesure d’exporter le catalogue dans un simple classeur Microsoft Excel. L’utilisateur n’a plus qu’à modifier les articles conformément à ses besoins directement dans le tableur, grâce à toute la puissance d’Excel. En retour, l’importation du classeur met à jour automatiquement la base de données.

Le site de notre client est désormais centré sur son catalogue. Les visiteurs peuvent demander des prix en ligne en quelques clics.

Automatiser la communication entre le back et le front office

Notre objectif est de rendre l’intégration ERP-Web aussi transparente que possible : toute modification dans le logiciel de gestion commerciale est reportée automatiquement plusieurs fois par jour sur le site Internet, et ce en toute transparence.

Thème responsive, moteur de recherche, devis en ligne

Nous avons pris un soin particulier à créer un thème pour le catalogue en respectant les principes du « responsive design ». Ainsi, le site est consultable sur tous les navigateurs Internet, sur ordinateur, tablette, et smartphone : accessibilité respectée = visibilité et référencement renforcés!

On accède aux articles en parcourant les catégories.

Les fonctions de navigation et de recherche exploitent toutes les propriétés du catalogue, apportant ainsi une expérience utilisateur optimale.

Ici, la fiche produit en ligne exploite au mieux les informations saisies une fois pour toutes dans le logiciel de gestion commerciale.

Pour communiquer auprès des familles et recruter des bénévoles et partenaires, l’association dispose depuis 2007 d’un site internet et d’un extranet pour coordonner les adhérents. Ce site, développé dans une solution propriétaire obsolète n’est plus adapté aux besoins d’autonomie de ses administrateurs et utilisateurs. La mission de GrizzlyDev a donc été assez complexe dans le cadre d’une refonte globale de l’outil.

1. Nouveau CMS : WordPress présente aujourd’hui toutes les qualités recherchées par l’E.S.A.. C’est un CMS standard maintenu par une forte communauté, facile à administrer et mettre à jour et dont l’extrême modularité permet d’ajouter toutes les fonctionnalités nécessaires en fonction des besoins spécifiques de chaque utilisateur. Notre expertise sur WordPress était la garantie d’obtenir un outil sur mesure tout en conservant une grande autonomie grâce aux mises à jour standards, c’est-à-dire un site durable.
2. Nouvelles fonctionnalités : L’ergonomie par défaut de WordPress offre déjà de nombreuses possibilités, comme la gestion des différents niveaux d’utilisateurs, entre les rédacteurs qui disposent d’une interface conviviale pour rédiger l’information d’une antenne locale et les administrateurs qui valident les articles et pilotent le site. Les dernières versions simplifient aussi la mise en ligne des contenus audios et vidéos. L’ajout de quelques plugins a ouvert des fonctionnalités importantes pour l’E.S.A. comme la carte interactive intégrée des implantations de l’association, avec recherche géographique; la gestion du fond documentaire — avec le plugin de gestion de fichiers — ou les carrousels d’images en complément d’information ou de navigation.
3. Nouveau design : La conception du design a été confiée à notre partenaire Bruno Ghiringhelli dont le studio graphique maitrise la communication institutionnelle et les codes graphiques en vigueur pour une meilleure efficacité et visibilité de nos clients. Le choix s’est porté sur un habillage clair, aéré et un flat design adapté aux contraintes du responsive design, c’est à dire de l’affichage adapté à tous les appareils accédant à internet : ordinateurs de bureau ou portables, tablettes, smartphone, etc.
4. Nouvelle navigation : L’arborescence a été simplifiée grâce aux pages en scrolling. Les utilisateurs et les visiteurs ne sont jamais à plus de deux clics de l’information qu’ils recherchent.
5. Sécurisation de l’information : La grande spécialité de GrizzlyDev. Le nouveau site sous WordPress a bénéficié d’un environnement de développement dédié pendant toute la phase des travaux. Ceci a facilité les tests et les étapes de validation avant une mise en ligne simplifiée par basculement sur le nouvel espace d’hébergement.

L’E.S.A. a bénéficié de toute l’expertise de GrizzlyDev en terme de sécurité, hébergement, référencement naturel et conseils pendant les phases de développement préalables; le nouveau site est évidemment éligible à notre contrat de maintenance standard : assistance de gestion du site, maintenance du CMS et de ses plugins, analyses statistiques du serveur web Apache, formation continue, sauvegarde incrémentielle des données, etc.

Prenons l’exemple d’un logiciel de gestion (PGI, pour Progiciel de Gestion Intégré ou ERP) développé en Visual Basic pour une PME de production industrielle. Le logiciel de gestion nécessite d’être déployé sur des machines Windows du réseau informatique de l’entreprise.

Ainsi, le progiciel est dépendant d’un OS (système d’exploitation, comme Windows ou Mac), d’une version, d’un certain type d’interface, d’une implantation physique. Or, les pratiques de votre entreprise évoluent, votre flotte informatique est plus souvent multisite, multi-OS et nomade. Vous voulez optimiser l’accès à votre logiciel de gestion et bénéficier d’une ergonomie, d’une maintenance et d’une évolutivité de votre progiciel plus adaptées aux normes actuelles.

Accès à distance via une passerelle HTM5

Dans cette optique, GrizzlyDev ne touche pas à votre logiciel habituel. Il reste toujours un logiciel Visual Basic sous Windows. Par contre nous le rendons accessible à travers un simple navigateur Internet comme Firefox, Safari ou Chrome, c’est-à-dire indépendamment de l’ordinateur utilisé. La passerelle HTML5 ouvre dans notre navigateur préféré un bureau Windows dans lequel vous continuez à utiliser votre logiciel de gestion comme à votre habitude, exactement comme si vous étiez sur votre ordinateur, dans votre bureau.

Cela ne modifie pas l’ergonomie ou les fonctionnalités de votre logiciel.

Il faut cependant souligner que cette solution n’est pas compatible avec les terminaux mobiles (tablettes et smartphones).

La conversion HTML5

Nous avons déjà évoqué les nombreux avantages d’opter pour le développement en HTML5 de vos futurs logiciels professionnels.

Mais le HTML5 n’est pas réservé aux nouveaux logiciels. Chez GrizzlyDev, nous nous proposons de vous affranchir des limitations techniques et ergonomiques de votre logiciel métier tout en conservant le même service.

Nous nous chargeons d’adapter toute la structure de votre progiciel — interface, écrans de saisie, tableaux de bord, contrôles, catalogue, etc. — pour profiter de l’environnement HTML5 tout en conservant vos bases de données. Les deux versions de votre logiciel, en Visual Basic ou en HTLM5, cohabitent et sont utilisables indifféremment, selon vos besoins et vos préférences. Vous conservez ainsi les fonctionnalités initiales tout en bénéficiant des avantages de la gestion de logiciels sous HTML5 : maintenance, montée en charge, réseau étendu, sécurité, compatibilité, évolutivité, etc.

Sans compter que vous avez accès à une interface plus actuelle, plus agréable, pratique et conviviale.
Mais là, nous préférons laisser parler les images.

Nous avons vu au-dessus l’écran d’accueil en Visual Basic. Voici le même à présent converti en HTML5

Gestion des salariés

L’amélioration du confort d’usage du logiciel est évidente.

Gestion des produits

Bien sûr, la souplesse de l’HTML5 permet de rajouter de nouvelles fonctionnalités et/ou de nouveaux raccourcis ergonomiques entre les différentes parties du logiciel, selon les nécessités de votre activité.

Cette conversion optimise également l’évolutivité du logiciel et donc, par exemple, son intégration à un site web, comme dans le cas d’un catalogue de produits, ce qui évite les problèmes de double saisie

La conversion de vos progiciels en HTML5 est un investissement d’avenir pour des économies d’usage rapides.

Pour illustrer la délicatesse d’un changement de CMS pour un site professionnel, GrizzlyDev vous propose de suivre deux cas d’écoles.

Migration sans casse du site Enviscope.com

Le paywall est l’une des fonctionnalités les plus importantes du site Enviscope

Le site Enviscope.com est un quotidien pure player spécialisé dans les questions économiques et environnementales de la région lyonnaise et qui vit essentiellement de la publicité et des abonnements. Il a été monté initialement sur un CMS propriétaire d’un prestataire de service. Avec le temps et l’évolution des techniques de communication en ligne, le CMS initial ne répondait plus aux besoins du journal et le prestataire de service n’était guère enclin à développer les nouvelles fonctionnalités réclamées par son client. Le client reste toujours libre de changer de crèmerie, mais il ne faut pas perdre de vue qu’il doit le faire sans perdre ses données — à savoir son fonds de commerce — soit plusieurs milliers d’articles et surtout, son référencement, précieux pour un organe de presse en ligne.

Contacté par Enviscope dans l’optique d’une refonte totale et sans douleur, GrizzlyDev a préconisé une migration vers WordPress. WordPress est l’un des CMS les plus populaires actuellement maintenu. Il bénéficie d’une grande plasticité, c’est à dire d’une très grande capacité de personnalisation aux besoins particuliers de chaque utilisateur. WordPress fédère autour de lui une communauté de développeurs et d’utilisateurs très étendue et très active qui le rend particulièrement réactif aux changements technologiques d’Internet. Il est extrêmement modulaire grâce à d’innombrables plugins, des extensions que l’on installe en un clic et qui élargissent considérablement les fonctionnalités d’origine du CMS.

Un cahier des charges précis

GrizzlyDev s’est engagé sur les critères suivants :

1. Récupération de toutes les données du site initial.
2. Préserver le référencement des articles
3. Conserver les accès des abonnés
4. Convertir les fonctionnalités spécifiques du site, comme son paywall
5. Assurer la sécurité des données
6. Permettre l’évolution facile du site dans le futur.

1. Pour rapatrier les milliers d’articles du site, GrizzlyDev a commencé par s’appuyer sur la collaboration du prestataire initial, le seul a pouvoir exporter en flat text l’intégralité de la base de données MySQL du site.

Finalement, nous aurions pu tout récupérer en aspirant directement le site, mais la question importante est toujours le format des champs des tables de la base de données.

Conserver les fonctionnalités d’abonnement existantes

Une simple API permet ensuite en théorie de réinjecter les données dans WordPress nouvellement déployé. Dans les faits, il faut généralement réécrire une partie du script pour s’assurer de la concordance des différents champs de la base de données et de la compatibilité de l’encodage. De surcroit, une erreur lors de l’exportation des données peut bloquer tout le processus. Sans compter une possible mauvaise volonté du prestataire initial.

2. L’adressage : étape cruciale pour un journal en ligne

Le problème, c’est que les URL du site d’origine ne sont pas toujours optimisées pour le référencement. WordPress permet de personnaliser la gestion automatique des URL, afin de les rendre les plus lisibles possible pour les moteurs de recherche. Mais il ne faut pas perdre le référencement des anciennes adresses. C’est là que nous devons créer un script qui renvoie les visiteurs qui arrivent à partir d’une ancienne adresse vers la nouvelle adresse optimisée.

3. Les accès abonnés

Là aussi, si l’importation des données à plat n’avait pas fonctionné, il aurait fallu solliciter tous les abonnés pour qu’ils recréent leur mot de passe. Mais tout s’est très bien passé de ce côté-là.

4. Les fonctionnalités spécifiques du site

Si WordPress permet de jongler avec une grande variété de plugins qui couvrent le spectre de la plupart des fonctionnalités désirées pour un site web, il arrive cependant qu’il faille développer des solutions sur mesure.

Une application intéressante : l’agenda à suggestions

L’avantage avec WordPress, c’est que nous pouvons travailler sur des thèmes enfants, c’est à dire des sous-thèmes dont nous pouvons personnaliser le code à loisir, sans perdre les modifications effectuées lors d’une mise à jour automatique du thème parent. Ainsi, nous conjuguons la facilité de personnalisation avec l’avantage des nombreuses mises à jour et évolutions du CMS. Nous avons ainsi pu travailler sur les modules de paywall, d’abonnement ou ajouter des fonctionnalités développées dans la version précédente, mais qui n’existe pas encore sous WordPress, comme l’agenda avec la possibilité pour les lecteurs d’y ajouter des suggestions.

5. Assurer la sécurité des données

L’avantage annexe — mais néanmoins important — de travailler avec nous, c’est de bénéficier de nos solutions d’hébergement dédié et de tous les avantages afférents : redimensionnement des ressources en fonction des besoins, maintenance à distance facilitée, sauvegarde incrémentielle de l’ensemble du site et des médias qui y sont rattachés sur 14 jours par défaut, restauration et remise en ligne rapides en cas de problème.

6. Sécurisation des évolutions futures

L’un des privilèges les plus intéressants en travaillant avec nous, c’est de bénéficier d’un environnement de développement pour toutes les mises à jour. Il arrive que lors d’une mise à jour importante, le CMS n’est plus compatible avec l’une des fonctionnalités qui y sont implémentées. À ce moment-là, le site crashe complètement, d’où une perte d’exploitation, même si la restauration à l’état initial peut se faire dans un délai raisonnable.

Chez GrizzlyDev, nous testons toutes les mises à jour sur des serveurs virtuels avant de les appliquer à notre site en production. Autrement dit, nous détectons les problèmes avant qu’ils n’arrivent. Vous avez ainsi la garantie que toutes les mises à jour de votre site auront été testées et approuvées avant d’être en ligne, ce qui vous assure une disponibilité et une tranquillité d’esprit maximum.

Récupérer un site en cours d’exploitation : le cas des Nouvelles News

Un autre site de presse avec une fonctionnalité de paywall

Pour rester dans les problématiques des sites d’informations, citons aussi le cas des Nouvelles News, pure player dédié à la parité de l’information.

Il s’agit là d’un site tournant déjà fort bien sous un CMS connu sur le marché : Joomla. Cette fois-ci, il ne s’agissait pas de changer de CMS, mais d’aider à la migration du site vers une nouvelle version du même CMS.

Avec le temps, le Joomla utilisé par les Nouvelles News avait accueilli des modifications de son code et le webmaster initial n’était plus en poste. Ce cas de figure se rencontre hélas assez souvent dans la vie des sites tournant sous CMS. Vu le degré de personnalisation du CMS et le fait que le changement de version apportait des modifications majeures, il était difficile pour l’équipe de journalistes en place de tenter leur chance sans savoir à l’avance si le site allait résister à la mise à jour.

Notre travail a consisté à assurer une transition sans interruption de service et tout en maintenant les fonctionnalités propres à ce site de presse, comme, de nouveau, son paywall. Nous nous sommes assurés en amont que le site pouvait passer vers la nouvelle version de son CMS sans perdre ses fonctionnalités et aucun risque quant à la structure de l’information ou à l’intégrité des milliers d’articles et de commentaires postés par les visiteurs et les abonnés.

Nous nous chargeons actuellement de la maintenance simple de Joomla en production, mais il est envisagé par la direction du journal de procéder à une migration de tout le site sous WordPress dont le back-office est plus abordable pour les différents journalistes de la plateforme.

GrizzlyDev n’a pas seulement modernisé son look.

Tout comme l’informatique d’entreprise, GrizzlyDev s’adapte aux méthodes et technologies qui font notre quotidien dès aujourd’hui et pour les années à venir. C’est pour cela qu’il nous est apparu indispensable de non seulement revoir totalement le style et l’ergonomie de notre site web, mais aussi de se servir de ce média de choix pour rendre plus visibles les changements d’orientation stratégique que GrizzlyDev a connu ces derniers temps.

La refonte de notre site n’est donc pas qu’une simple question de changement de style, de couleurs ou d’ergonomie de navigation, c’est aussi le fruit d’une profonde réflexion sur les problématiques actuelles que vous rencontrez dans votre entreprise et sur la manière dont nous allons pouvoir les résoudre au mieux.

C’est pour cela qu’aujourd’hui, GrizzlyDev vous propose son expertise sur les nouveaux enjeux de l’informatique d’entreprise que sont le cloud, la scalability ou la mobilité informatique.

En savoir plus :

Intégration

Derrière ce mot un peu abstrait se cache un univers de solutions informatiques au service de votre métier. Chaque entreprise a recours à...

Progicialisation

Votre activité et votre productivité dépendent du bon fonctionnement de progiciels spécialement développés pour votre entreprise . Votre informatique  ...

Mobilité informatique

Difficile, aujourd'hui, de passer à côté de l'omniprésence de l'internet mobile . En l'espace de quelques années, les terminaux mobiles que ...

Redimensionnement logiciel

Ce qui fait la puissance du Cloud , c'est la prise en charge distante de vos données et des applications qui les gèrent. Les salariés de l'...

Le Cloud

Derrière ces expressions se cache la nouvelle réalité incontournable de l'informatique moderne : son externalisation physique de l'entreprise et...