Avant d’aborder le développement web, je pense qu’il peut être nécessaire de faire une introduction au Web, à son fonctionnement et à ses diverses couches, afin d’appréhender ce qui n’est pas toujours clair, et parfois même confus, en ce qui concerne les termes et les rôles de ce qui s'y rapporte, ainsi que pour percevoir les divers types de développements qui le composent.

Internet est l’abréviation de « Inter Network » ou « InterNetworking », pour Réseaux Interconnectés, un ensemble de réseaux reliés entre eux. Un internet, quand il s'agit du nom commun, représente un réseau reliant d’autres réseaux. L’Internet, tel qu’on l’entend couramment, ou encore le Net par abréviation, représente Le Réseau principal que tout le monde connait aujourd’hui, et représente donc l’ensemble des réseaux interconnectés et accessibles, qu’ils soient publics ou privés.

L’Internet est né en 1983 et descend de l’ARPANET, un réseau militaire opérationnel depuis la fin des années soixante et conçu à l’origine pour conserver les communications et préserver l’information en cas de guerre mondiale: décentraliser l’information afin qu’elle reste disponible et accessible, quoi qu’il arrive.

Web est le diminutif de World Wide Web. Créé en 1990, le World Wide Web, aussi appelé le WWW, ou le W3C, est un système hypertexte qui utilise l’Internet. Aujourd’hui, par manque d’informations, on considère souvent le Web comme étant l’Internet, mais ce n’est pas vraiment ça. Pour faire simple, le Web est un procole de communication et Internet est le réseau sur lequel transitent les données. Le Web utilise donc Internet pour transmettre ses données, l’Internet étant lui même lié à un protocole, le TCP/IP.

Ce système hypertexte, le Web, permet donc d’avoir des documents reliés entre eux et qui s’affichent, sous forme de pages, dans un navigateur, accessibles par le réseau Internet. Ces documents, ces pages Web, sont reliés entre eux, entre elles, par des hyperliens. Ces pages sont écrites dans un langage de balisage, le HTML

Un hyperlien, appellé plus couramment lien, est un élément intéractif au sein des pages permettant de passer de l’une à l’autre, le tout formant un site.

Selon l’utilisation que l’on fait d’Internet, envoyer des mails, télécharger des fichiers, lire des news..., on utilisra un protocole différent qui fera transiter l’information sur Internet. D’une manière générale, Internet utilise une suite de protocoles de communication appelés TCP/IP, pour Transmission Control Protocol/Internet Protocol, Protocole de Contrôle de Transmission de Protocole Internet, d’où sont issues ces fameuses adresses IP et qui sont associées à une machine. Internet utilise aussi le protocole UDP. C'est la nature de l’échange, de l’information qui devra transiter qui déterminera le protocole a utiliser (ce qui est transparent pour l’internaute). Pour envoyer et recevoir des e-mails, on utilisera les protocoles SMTP, POP3 ou IMAP, pour du téléchargement ce sera FTP, pour lire des News ce sera NNTP... et, pour le Web, ce sera le protocole HTTP.

Le nom du protocole du Web est connu de par son acronyme, ces 4 lettres qui figurent devant les adresses Web que l’on tape dans les navigateurs: HTTP, pour HyperText Transfert Protocol, Protocole de Transfert HyperTexte, le HTTPS étant la version sécurisé de ce protocole, le S indique que les données qui transitent en HTTP sont sécurisées en étant chiffrées. Ainsi, tout ce qui aura attrait au Web sur Internet, dans un navigateur, utilisera les protocoles HTTP et HTTPS. Par convention, si le protocole n'est pas précisé lorsque l’on tape une adresse Web dans le navigateur, il utilisera le HTTP, ou HTTPS (selon la configuration du site/serveur) ajoutant lui-même l’acronyme de ce protocole devant l’adresse du site: taper google.fr dans la barre d’adresse amènera le navigateur à aller directement sur https://google.fr sans avoir à préciser HTTP(S).

Les principes de fonctionnement du Web se raprochent de ce que l’on retrouve dans la vie quotidienne, tel qu’au restaurant par exemple, avec cette notion, ce principe de Client/Serveur: le client correspond au navigateur de l’utilisateur, l’internaute ; le serveur correspond à l’ordinateur sur lequel sont stockées les pages qui forment le site, ou l’application.

Au restaurant, quand un client commande ce qui figure sur la carte, le serveur commence par regarder si le plat est disponible et, si c'est le cas, il le sert à la table de celui qui a commandé. De même, lorsque qu’un internaute, avec son navigateur, demande une page Web au serveur, ce dernier va d’abord s'assurer que la page existe. Si la page existe, elle sera renvoyée au navigateur, le client, qui l’affichera à l’écran de l’utilisateur. Si la page n'existe pas, le serveur l’indiquera au navigateur, le client.

Chaque appel de page est une requête, une demande effectuée au serveur, que ce soit en cliquant sur un lien, ou en tapant directement l’adresse du site dans la barre d’adresse du navigateur.

Ce sont l’ensemble de ces pages pages hypertextes, reliées entre elles et stockées sur cet ordinateur distant qu’est le serveur, qui formeront le Site Web ou encore l’Application Web. Ces pages sont stockées dans un dossier dont le contenu, organisé en sous-dossiers, forme le Site ou l’Application Web.

Sans rentrer dans les détails du fonctionnement du site et de l’application Web, je vais rapidement aborder les deux versions majeures du Web, et les suivantes, afin de mieux en percevoir l’évolution.

Initialement, on ne parlait pas vraiment de version pour le Web. Ce n’est que par l’évolution des techniques de développement, qui ont ouvert un autre mode de fonctionnement côté navigateur, donnant naissance au Web 2.0, que l’on a commencé à parler du Web 1.0, mais au départ on ne parlait que du Web sans distinction.

Un Web statique

Le Web originel, le Web 1.0, n’était constitué que de pages dites statiques, c’est à dire non interactives, avec une communication synchrone avec le serveur. Non interactive n’est pas tout à fait ça puisqu’il était possible d’exercer une action, un click sur un lien, sur un bouton, des choix dans des listes, avec des cases à cocher.... Lorsque l’internaute consultait une page, il pouvait la faire défiler, lire son contenu, avoir un minimum d’interaction avec au travers les formulaires, mais dès l’instant qu’il effectuait une action qui demandait la modification de la page ou d’une partie de la page en interrogeant le serveur, la demande de nouvelles données faisait qu’il n’était plus possible pour l’utilisateur de faire une quelconque opération sur la page tant que la réponse du serveur n’était pas retournée. D’une manière générale, la demande de données non comprises dans la page demandait le rechargement complet de cette dernière, ou en appelait une autre: la communication entre le client et le serveur était synchrone et bloquante, c’est à dire que le navigateur ne pouvait plus rien faire tant qu’il n’avait pas reçu la réponse du serveur, d’où la notion de synchrone, pour synchronisation. De là, on ne devait pas cliquer à tort et à travers, car un simple click pouvait amener des temps d’attente, souvent interminables, pour le rapatriement des données du serveur du fait de la lenteur des connexions Internet de l’époque.

Dans le début des années 2000, vers 2003, on a commencé à parler du Web 2.0. Il s’agissait de pouvoir interagir avec des pages Web qui n'étaient plus statiques, toujours côté navigateur. La révolution tenait dans le fait de pouvoir recevoir des données du serveur pour mettre à jour la page sans avoir à la recharger complètement et sans qu’elle ne soit bloquée, laissant un large évantail de possiblités en terme d’interactions utilisateur. Cela a permit d’avoir des sites où les utilisateurs ont commencé à pouvoir interagir avec les pages, donnant naissance à des applications en ligne, aux réseaux sociaux, donnant la possibilité de construire des blogs... et a donné, dans le temps, naissance au Web interactif tel qu’on le connait aujourd’hui.

Le Web interactif

Le Web 2.0 a été rendu possible grâce à une « technique » du langage JavaScript mise au point par Microsoft entre 1997 et 1998, la bibliothèque (ensemble de fonctionnalités) HttpXmlRequest, plus communément appelée AJAX, pour Asynchrone JavaScript Apache XML, une communication non synchronisée entre le navigateur, par le langage JavaScript, et un serveur Apache pour recevoir des données au format XML, le grand frère du HTML. Cette technique, AJAX, permet au navigateur de communiquer de manière asynchrone avec le serveur, sans bloquer la page actuelle, tout en permettant à l’utilisateur de continuer sa navigation, de pouvoir continuer d’interagir avec le contenu et même d’effectuer d’autres requêtes au serveur. Cela permet de changer une ou plusieurs partie(s) d’une page sans avoir à la recharger et sans avoir à attendre le retour du serveur pour continuer d'’interagir avec, tel que par exemple écrire un commentaire sur Facebook, y joindre une image, le poster (l’envoyer au serveur) et qu’il soit incorporé à la page sans avoir à la recharger.

Un autre exemple: sur la page d’un e-commerce on souhaite affiner la recherche, parmis les articles qui figurent dans la liste des résultats, en sélectionnant des critères tel que le prix, la couleurs, la taille, le fabriquant.... Le navigateur envoie une requête au serveur en transmettant les critères de filtres. Le serveur interroge la Base De Données avec ces critères. La Base De Données retourne au serveur tous les articles qui correspondent à ces critères. Le serveur renvoie ces articles au navigateur. Une fois les données récupérées, le navigateur modifie, reconstruit, adapte la page en fonction des données retournées. Il n'y a que si l’utilisateur change de page en court de route, ou déclenche une autre action coupant la première, que la requète est interrompue, sinon l’affichage des articles se fera selon les critères de choix. De son côté, le navigateur continue de fonctionner normalement pendant le temps que le serveur renvoie les données (asynchrone indique que le navigateur n'attend pas la réponse du serveur pour permettre à l’utilisateur de continuer d’interagir avec la page). Bien sûr cela va très vite, bien que cela dépende de la vitesse de connexion et de la qualité des programmes développés en amont.

Les promesses, ou Promises, sont la continuité du Web asynchrone. Bien que l’on ait tendance à noter les évolutions du Web par différentes versions successives, le fondement même de l’évolution du Web tient vraiment dans le côté asynchrone des requêtes dont les Promises apporte un niveau supplémentaire.

Ce que certains définissent comme le Web 3.0 se définie comme un Web Sémantique. Il s'agit d’être plus axé sur l’Information et ses qualités, sur les données en soit et d’en assurer la cohérence. On parlera de métadonnées, des données sur les données afin de les décrire. Cela permet de traiter l’Information avec précision, avec certitude, sans incohérence et sans tromperie. Le Web Sémantique permet la mise en relation des données inter sites/applications et d’en assurer la pertinence. « Le but sera ainsi dans l’avenir d’améliorer l’accès et l’utilité du Web et des ressources interconnectées à travers lui » - Wikipédia -. La blockchain, tel que pour les cryptomonnaies ou les droits d’auteur, en est un exemple.

Datas et Applis

La mise en relation des données permet l’interconnexion à l’Information par diverses applications. Le Web 3.0 a aussi une notion d’Expérience Utilisateur et de lien avec les objets connectés, du smartphone au bracelet, en passant par la TV... Le Web3 se porte aussi sur le cloud, le stockage des données en ligne et accessibles de partout.

Certains parlent du Web 4.0 en parlant d’un Web ultra intelligent, d’autres ne parlent « que » d’intelligence. En pleine effusion, il est axé sur tout ce qui a attrait à l’IA, l’Intelligence Artificielle, la robotique, le machine learning (l’apprentissage automatique par les ordinateurs), la réalité augmentée et, bien entendu, les objects connectés puisque c'est ce qui nous y relie, aux données et aux processus qui les traitent.

Intelligent ou envahissant ?

L’analyse des habitudes, du comportement pour mieux connaitre, mieux cadrer l’utilisateur et correspondre au mieux à ses attentes, à ses demandes n’est pas toujours bien perçu, et à juste titre, mais là n’est pas le sujet. Bien qu’omniprésent, ce Web a pour vocation à être plus discret, puisqu’il est censé travailler en tâches de fond pour apprendre de sur l’utilisateur, de part ses habitudes en tous genres, déplacements, saisies, orations, habitudes d’achats..., afin de pouvoir répondre au mieux possible aux attentes de, et aux propositions à faire à, l’utilisateur.

Difficile d’aborder ce sujet sans donner l’impression d’être rétrograde ou, au contraire, d’être laxiste. Cependant, les champs d’applications du machine learning, pour ne parler que de ça, permettront, et permettent déjà, de bonnes choses en soit. Par exemple, un système d’aide à la conduite qui apprendra à connaitre et reconnaitre la route à prendre selon les habitudes de son utilisateur, qui pourra choisir un restaurant sur la simple demande du « conducteur », selon ses goûts et ses habitudes, et l’y emmènera sans qu’il n'ait à conduire...

Le Web ne correspond pas qu’à une simple zone, au contraire. La zone complète du Web est divisée en différentes couches, certaines étant accessibles d’une manière particulière et inaccessibles sans le vouloir, sans faire ce qu’il faut pour.

Le Web, tel qu’on le connait d’une manière générale, est ce que l’on pourrait décrire comme la partie commerciale ou publique du Web, plus couramment appelée la partie émergée. Il s’agit en fait du SurfaceWeb, Le Web de Surface. Cette partie du Web est celle dont les sites sont indexés par les moteurs de recherches, tel que Google, Qwant, Yahoo, Bing, DuckDuckGo... de façon à être trouvés lors de recherches: ce sont les sites qui sont proposés par ceux qui « contrôlent » le Web ; contrôle dans ce cas étant plutôt un contrôle dans le sens de la pertinence et de la qualité de l’information, et non pas dans le sens que l’on ne puisse pas faire d’autres choix que ceux qu’ils proposent, encore faut il vouloir, ou avoir le temps de dépasser la ou les premières pages de résultats. D’une manière générale, il est concevable que les sites soient recensés, répertoriés et classés par des notions de qualité et de pertinence de l’information, et bien entendu pour des raisons de sécurité. Ainsi, qu’un site se retrouve en première ou en dernière position dans les résultats d’un moteur recherche, tant qu’il y est, c’est qu’il est indexé, référencé (le positionnement et l’indexation seront abordés dans la partie SEO).

Ainsi, tant que l’on n’indique pas aux programmes d’indexation des moteurs de recherches que l’on ne souhaite pas être référencé, un site ou une application se retrouvera indexé, et classé, référencé, comme plus ou moins bon, selon la qualité de sa structure et de la pertinence de son contenu. Ces programmes d’indexation sont ce que l’on appelle les robots d’indexation (les crawler en anglais) et dressent la liste des sites référencés, recensés selon des critères, selon le ou les sujets traités et classés selon leurs qualités en termes de structure/programmation/efficacité. Le Surfaceweb, c’est le Web que tout le monde connait: une recherche dans Google et on vous présente une liste de sites qui correspondront au mieux à ce que vous aurez tapé comme demande, comme requête, comme sujet de recherche, classés par ordre de pertinence dirons nous, ce qui est du domaine du SEO, Search Engine Optimization, Optimisation pour les Moteurs de Recherche.

Bien qu’il existe une réelle confusion entre le DeepWeb (le Web Profond), le DarkWeb (le Web Sombre) et les DarkNets, l’un et l’autre ne sont pas pareils.

Le DeepWeb est toujours le Web, et avec des sites légaux, mais ce sont des sites qui ne sont pas indexés par les moteurs de recherches. Ce sont en général des sites qui se passent de la promotion des moteurs de recherches, ou des applications Web privées. Cela peut être des sites d’entreprises, des réseaux sociaux, des forums, des sites de collectivités, mais aussi des sites de recherches à thème, des sites de banques, des sites du gouvernement, d’universités... tous types de sites à vrai dire, mais qui ne souhaitent pas, ou ne doivent pas, être recensés par les moteurs de recherches, peu importe leurs raisons. Bien entendu, on parle toujours de sites légaux. Il peut aussi y avoir des sites référencés qui ont des parties qui ne le sont pas: par exemple, si vous ne souhaitez pas que l’on retrouve votre page Facebook dans Google, il suffit de le préciser dans les paramètres pour que votre page ne soit pas, ou ne soit plus, référencée. De même, la partie Back-Office d’un site (l’interface de gestion) n’est généralement jamais référencé, sans que cela ne soit illégal, je le précise encore car DeepWeb n’est pas synonyme d’illégalité.

Sans le savoir, vous avez certainement déjà visité un site qui n’était pas référencé, donc faisant partie du DeepWeb.

Le DarkWeb est tout autre chose. Bien que le DarkWeb fasse partie du DeepWeb, donc du Web, il fonctionne tout autrement. C’est cette partie du Net dont on a si souvent entendu parler pour pouvoir y acheter de la drogue, des armes, des films malsains, ou encore trouver les services d’un tueur à gages, ce que beaucoup décriraient, avec raison, comme le mal, ou encore trouver les services de hackeurs, éthiques ou pas...

Mais le DarkWeb ce n’est pas que ça. Le DarkWeb donne aussi la possibilité à des reporters de guerre, des journalistes d’investigation, de protéger leurs échanges, d’éviter la censure, de communiquer librement dans l’anonymat ; c’est aussi la possibilité pour des donneurs d’alertes de communiquer d’une façon sécurisée à propos de sujets sensibles tout en se préservant de la surveillance, ceux qui recherchent une certaine protection, ou un anonymat, tel qu’Edward Snowden, par exemple, qui a été lanceur d’alerte vis-à-vis de la NSA et de la CIA, aux USA.

De par son mode de fonctionnement de l’ordre de l’anonymat, le DarkWeb ne permet pas aux sites d’identifier les internautes par leur adresse IP, tout comme il ne permet pas aux internautes d’obtenir des informations pertinentes sur les sites qu’ils consultent. De ce fait, il s'agit d’un lieu plutôt anonyme et c'est peut être la raison pour laquelle il a beaucoup été blâmé, au-delà de ce qu’il aurait dû l’être de par les activités illégales que l’on peut y retrouver: par exemple, pas de possibilité de faire du profilage d’utilisateur dans un but commercial, tel qu’on le retrouve sur le SurfaceWeb avec des sites tels que Facebook, Google, Pinterest et des tas d’autres qui cherchent à établir votre profil au fil de vos visites, les sites se relayant les informations entre eux via des cookies et les boutons « Like » ou « J’aime » que les créateurs de sites insèrent dans leurs pages et qui récupèrent des informations sur leurs utilisateurs.

Quoi qu’il arrive, on ne va pas sur le DarkWeb sans le vouloir. Le DarkWeb utilise d’autres réseaux, que l’on nomme des DarkNets. Un DarkNet est donc un réseau, avec son protocole de communication qui n’est plus le HTTP. Pour accéder à un DarkNet, il faut installer la partie logicielle, qui comprend le protocole de communication utilisé et qui permettra de se connecter au réseau DarkNet, ainsi qu’un navigateur particulier, qui permet d’y naviguer, tel que TOR et TOR Browser, le protocole et le navigateur les plus connus.

Dans le cas de ce DarkWeb, TOR est le DarkNet et TOR Browser est le navigateur qui permet d’y accéder. Et bien que le Web de Surface soit accessible par TOR, le DarkNet TOR n’est pas accessible par les navigateurs traditionnels. Pour en savoir plus.

L’Intranet se comporte comme le Net normal, à une différence près: c'est qu’il est propre au réseau interne d’une entreprise, d’une collectivité ou d’une organisation, c'est un réseau privé. Là où l’Internet se tourne vers le monde extérieur, le monde tout court, l’Intranet se cantone au monde interieur de l’entreprise, de la collectivité ou de l’organisation, avec bien sûr la possibilité d’avoir des accès contrôlés vers le Net externe, l’Internet. L’Intranet ne se limite pas obligatoirement au seul réseau local de l’organisation, il peut s'étendre aux différents réseau locaux de chacune de ses succursales, que ce soit au sein d’une ville, d’une région, d’un pays ou au travers le monde. Ainsi, une entreprise, une organisation ou une collectivité, qui est implantée dans diverses villes, régions et/ou pays, peut avoir son propre réseau interconnecté. Au niveau d’une ville, sur une distance de 100km maximum, on parlera d’un MAN, Metropolitan Area Network, pour Réseau Métropolitain. Sur une échelle plus grande, tel qu’au niveau d’un pays ou au niveau mondial, on parlera de WAN, Wide Area Network, pour Réseau Grande Distance, les deux permettant de relier les Réseaux Locaux, les LAN, pour Local Area Network tel que le réseau d’une box.

Il existes un certains nombre de types de réseaux avec leurs topologies, et le but n’est pas de les traiter, mais juste d’expliquer simplement qu’il est possible, et courant pour les grandes entreprises, de relier entre eux les différents réseaux locaux de chaque succursale, et de créer un Intranet, un Net interne à l’entreprise. De plus, ce Net interne peut être rendu accessible de l’extérieur de manière rigoureusement contrôlée et réglementée via une connexion par VPN et une authentification. Le VPN, Virtual Private Network pour Réseau Privé Virtuel, peut être vue comme un tunnel qui permet d’établir une connexion chiffrée et sécurisée entre un ordinateur et le serveur d’un réseau, permettant et garantissant ainsi un accès totalement privé et sécurisé pour permettre, par exemple, à des employés d’accéder à l’Intranet lors de déplacements ou à partir de chez eux. L’Intranet est généralement mis en œuvre par de grandes entreprises, ou organisations souhaitant un Net interne, ce qui représente un coût.

Les avantages d’un Intranet pour une organisation, entreprise ou collectivité sont certains, mais la gestion de l’infrastructure est quelque chose de particulièrement pointue. Pour toutes structures qui a un réel besoin de communiquer en interne en toute sécurité, tel que pour des laboratoires scientifiques, des organisations humanitaires, des églises, des associations ou tous types d’entreprises, l’Intranet, s'il est justifié, est une bonne solution en soit pour diffuser de l’information, communiquer et travailler sous formes de sites et d’applications, en interne.

Un LAN, Local Area Network en anglais, est ce que l’on appelle un Réseau Local, le réseau de base que l’on retrouve un peu partout de manière privée, qu’il ne s’agisse que d’un ordinateur relié à une box ou de tous les PC d’une entreprise ou d’un foyer. Depuis l’arrivée des Box, à l’origine par Free et leur première Freebox avec routeur en 2004, il est devenu facile pour chacun d’avoir son propre réseau local. Avant, il fallait, par exemple, configurer une machine comme serveur, le pc sur lequel était connecté le modem, permettant la connexion à Internet, et sur lequel il fallait installer un logiciel pour partager la connexion, puis, soit relier les ordinateurs entre eux quand il s’agissait d’un réseau BNC, soit les connecter à un matériel de « centralisation », HUB, SWITCH, Routeur..., permettant de les relier entre eux pour un réseau en RJ45... Bref, il fallait faire un minimum de choses. Aujourd’hui, ce sont les Box qui jouent les rôles de Serveur, Routeur, HUB, Switch..., dans une certaine limite, et permettent, via leurs fonctionnalités natives, la mise en réseau simple avec accès à Internet, faisant que chacun à d’emblée son LAN, avec plus ou moins de fonctionnalités à disposition selon la Box.

Les Box comportent toute fois des limites en termes de connexion cable, connexion RJ45, et le Wifi n'est pas ce qu'il y de plus rapide, bien qu'ayant évolué, les débit ne sont pas aussi élevés que par cable. Et il y a des personnes qui ne veulent pas avoir la Wifi chez eux, la raison est un autre sujet. Ainsi, il existe une solution intéressante pour diffuser la fibre un peut partout dans la maison. Il s'agit de connecter un boitier, appelé convertisseur de média SFP, à une prise RJ45 de la Box, avec un adaptateur, boitier qui s'occupera de convertir la connexion qui sort de la box normalement en RJ45 (cuivre) en fibre optique (verre). Ce boitier devra être relié à un second convertisseur de média SFP, via un cable fibre optique, pour une distance de base 500m, certains pouvant atteindre les 20km. Le second boitier recevra la fibre comme s'il était lui même accorrdé à la prise mural au lieu de la Box et pourra redistribuer la connexion, soit en étant connnecté directement à un PC, soit, de préférence, connecté à un Switch Multiport Ethernet (une multi prise en quelque sorte). Cela permet de connecter, selon le modèle, plusieurs périphériques réseau, tels que des ordinateurs, avec un bon débit, bien au dessus du Wifi. En gros, cela permet de transmettre la fibre optique un peut partout dans la maison, dans l'entreprise, avec des débits de 1 à 10Go. L'avantage est certain car la prise fibre optique du FAI (Fournisseur d'Accès à Internet) est installé à un endroit fixe, que l'on ne peut plus déplacer une fois installée, ce qui oblige ensuite, quand on veut utiliser le réseau dans d'autres pièces, à soit devoir utiliser le Wifi, qui est le moins rapide, même avec des répétiteurs, soit utiliser les boitiers CPL, ce qui reste une bonne solution, ou soit tirer des cables RJ45 un peu partout, avec ou sans goutière, dans les murs ou dans les pleintes. Dans ce cas, avec les convertisseurs de média SFP, c'est pouvoir transporter la fibre n'importe où avec à un bout la Box et à l'autre un Hub ou un Switch multiport. Cela permet d’avoir une bonne connexion en termes de rapidité en démultipliant les connexions RJ45. Le boite SFP permet aussi de pouvoir transmettre la fibre d’un bâtiment à un autre...

Aborder les divers types de sites pourra vous permettre de vous orienter vers le type de site dont vous aurez besoin, celui qui répondra le mieux à vos attentes et besoins.

Nous avons vue dans la partie Introduction au Web qu’un Site Web est un ensemble de fichiers stockés dans un dossier sur un ordinateur distant appelé serveur. Le serveur correspond à la machine sur laquelle le site est hébergé, l’hébergement, et l’adresse Web du site correspond au nom de domaine.

Le but n’est pas de vous apprendre à developper un site, mais de vous présenter sommairement comment se déroule généralement la partie développement. Quelques notions techniques explicatives vous seront données afin de comprendre les principes de base.

Pendant toute la phase de développement, le contact n’est pas rompu avec le maître d’ouvrage. Un accès privé lui est donné afin qu’il prenne connaissance à distance de l’avancée du projet lors de la mise à disposition des parties fonctionnelles. De plus, régulièrement le maître d’ouvrage et le maître d’œuvre sont amenés à se rencontrer pour faire un point sur l’avancée du développement, que ce soit en présentiel ou par visio-conférence: Les Brains Storming.

Selon ce qui aura été exprimé lors de l’Expression des besoins, puis concrétisé et formulé dans le Cahier des charges, le type de site dont vous aurez besoin sera une chose décidée. Arrivé cette étape, l’étape du développement, le choix du type de Site et des technologies de développement utilisées seront fermement établis.

Le nom de domaine aura été décidé stratégiquement et son achat, sa location, aura été fait dès l’instant que la décision de mettre en œuvre le projet aura été prise.

Une inadvertance des petites entreprises, artisans, micro-entreprise ou artistes, est, par manque d’informations, de conserver une adresse e-mail avec un nom de domaine gratuit, tel que Gmail, Outlook, Yahoo... au lieu de se créer une adresse à leur propre nom, bien que Google ou encore Microsoft proposent des solutions payantes pour les pros. La location d’un nom de domaine comprend, selon l’hébergeur et la formule choisie, un certain nombre d’adresses e-mails. Certains hébergeurs, tel que o2switch, proposent la création d’adresses e-mails en illimitées. Créer des adresses e-mails avec son nom de domaine permet d’avoir un aspect plus professionnel, plus maîtrisé numériquement parlant, que ce soit pour des flyers, des cartes de visite, des affiches... L’impact d’une adresse e-mail au nom de son entreprise, organisation ou nom propre ne sera pas le même qu’avec une adresse e-mail gratuite, cela pose une marque, celle de l’entité. L’adresse e-mail est, avec le numéro de téléphone, le premier point de contact, sur le Web et dans la vie de tous les jours, sur le plan électronique, lorsque l’on donne sa carte de visite ou quand un internaute se rend sur le site de l’entreprise. Avoir une adresse e-mail pro personnalisée n’empêche pas de conserver son adresse gratuite habituelle pour tout ce qui est en dehors du monde professionnel. Et il est possible de configurer une application sur son smartphone et un logiciel de messagerie sur son ordinateur, Outlook, Thunderbird... pour avoir tous les mails au même endroit, chacun avec sa propre boîte de réception, et faire un transfère des emails de la boîte gratuite vers la pro selon des critères, des filtres.

Bien qu’il en existe diverses variantes en découlant ou s’en rapprochant, l’architecture du site Web, ou encore de l’Application, voir du logiciel car cette architecture pourra être utilisée dans la majorité des cas, sera ce que l’on appelle une architecture MVC, pour Model-View-Controller, à moins d’une exigence, ou d’un besoin particulier.

Le MVC, de l’anglais Model View Controller, est un motif qui correspond à 3 types d’entités, 3 types de modules pourrait-on dire, chacun étant réprésenté par un fichier qui contient des fonctions, des programmes en rapport avec les fonctionnalités propres à son rôle. Le rôle de chacun est défini comme suit:

Le Modèle

Il correspond aux opérations sur les données: écriture, lecture, modification et suppression des données dans la Base De Données.

La Vue

Elle correspond à l’Interface Utilisateur: une vue correspond à une page. C’est l’Interface Graphique, la page qui est renvoyée à l’internaute.

Le Contrôleur

Il correspond à la logique du site, la logique métier: il s’agit de la gestion des événements, des interactions, de tous les traitement permettant de générer les pages, les vues.

Organisation

Chaque type d’entité est contenue, sous forme de fichiers, dans le dossier de son propre type: le dossier Controllers pour les Contrôleurs, le dossier Models pour les Modèles et le dossier Views pour les Vues.

Objectif

L’objectif premier du MVC est la séparation des différentes couches du site Web, séparer entre elles la partie logique, la partie traitement des données et la partie affichage, l’interface utilisateur. Cela permet l’isolation de chaque partie, permettant ainsi, par exemple, de changer la partie interface graphique sans avoir à changer la logique métier.

Chaque appel de page correspondra à un contrôleur et à une fonction dans ce contrôleur. Il y a généralement un contrôleur par page avec des fonctions en rapport aux fonctionnalités de la page. Selon l’action à réaliser, le Contrôleur appellera le Modèle correspondant pour effectuer des traitements dans la Base De Données (écriture, lecture, modification ou suppression). Une fois les traitements réalisés, le Modèle renvoie une réponse au Contrôleur, réponse qui pourra être les données demandées, ou une information indiquant si l’opération s’est bien déroulée ou pas. Le Contrôleur génèrera une Vue en fonction des traitements réalisés avec la réponse du Modèle, Vue qui sera ensuite envoyée, transmise, à l’utilisateur sous forme de page.

Un internaute s’identifie sur votre e-commerce, il renseigne ses identifiants dans un formulaire sur la page Connexion c’est la Vue Connexion, puis il clique sur le bouton Se connecter ou Connexion. Ce bouton est associé à une fonction qui transmet au Contrôleur Connexion les informations saisies dans le formulaire. Le Contrôleur Connexion récupère les identifiants qui lui sont transmis par le click sur le bouton Se connecter ou Connexion. Le Contrôleur appelle ensuite le Modèle auquel il transmet les identifiants qu’il a reçu. Le Modèle interroge la Base De Donnée pour vérifier s'il existe bien un utilisateur correspondant à l’identifiant renseigné et si le mot de passe est le bon. Si l’utilisateur existe et que le mot de passe est le bon, le Modèle renvoie les données de l’utilisateur, sinon il renvoie l’information indiquant que le couple identifiant/mot de passe n’est pas bon. Ensuite le Contrôleur génère une page en fonction de la réponse du Modèle. Si le Modèle a renvoyé les données de l’utilisateur, le Contrôleur génèrera une page correspondant à l’utilisateur qui vient de se connecter, que ce soit le panier de la commande en cours, la page d’acceuil ou la page profil, et déclarera l’utilisateur comme étant authentifié et connecté. Si le Modèle a renvoyé l’Information indiquant que l’utilisateur n'existe pas, ou que le mot de passe n’est pas le bon, le contrôleur génèrera la page de connexion en indiquant une erreur correspondant au problème, selon la stratégie.

Le développement du site en lui-même sera réalisés en plusieurs étapes et séparé en plusieurs parties. Dans le cas d’un travail en équipe, chaque développeur aura sa partie à développer, les parties côté serveur et les parties côté navigateur. Dans le cas d’un Concepteur de Système d’Information seul, c'est lui qui développera toutes les parties: c'est ce que l’on appelle un développeur Full Stack. Concernant les parties serveur, il s'agira du développement de tout ce qui concerne les Modèles, pour la gestion des données, et les Contrôleurs, pour toute la logique du site, la logique métier. Concernant les parties navigateur, il s'agira du développement de tout ce qui concerne les Vues: la structure, le design et les effets des pages ainsi que les interactions utilisateur.

La première étape consiste en la création de la base de données sur l’hébergement. La Base De Données aura déjà été élaborée, par Le Modèle de Données dont la finalité sera de générer un fichier. Ce fichier contiendra le code qui permettra de créer la Base De Données: le SQL. Le SQL est le langage qui permet de créer et exploiter une Base De Données.

Selon ce qui aura été définie et exprimé dans Cahier des charges et élaboré sous forme de Modelisation, il s'agira d’écrire le code, le squelette du site et les programmes qui généreront chaque page avec ses différentes zones, ses différents éléments.

A la structure des pages se joignent le style, les effets et les interactions utilisateur, toujours selon ce qui aura été décidé et définie par les Modèles Graphiques lors de la définition de Interface Graphique et de l’étude l’Expérience Utilisateur.

Le contenu des pages est primordial, car une page, fût elle développée de la meilleure façon, avec une bonne structure et la meilleure expérience utilisateur, si elle n'a pas de contenu, ou un contenu qui n’est pas pertinent, ou non approprié, elle n'aura aucune utilité et aucun impact. Ce travail de rédacteur, qui n’est pas directement lié à celui de développeur, a toute son importance. La rédaction du contenu doit être de qualité, axé sur l’activité de l’entreprise et sur le sujet du site et de préférence exempt de faute d’orthographe. Même si c'est un point des plus important pour le développeur, ce n’est pas sur comment sont écris les programmes que l’internaute qui ne l’est pas portera attention, mais sur la qualité du contenu, du rendu et, bien sûr, de l’Interface Graphique et de l’Expérience Utilisateur.

Le serveur distant est le serveur sur lequel est déposé un Site Web en production. Il est cependant possible d’installer une suite logicielle sur un ordinateur qui comprends les serveurs logiques nécessaires au fonctionnement d’un site. On appelle ce type de serveur un Serveur Local. Un Serveur Local s'installe sur l’ordinateur du développeur et « n’est pas » accessible à partir d’Internet.

Le Serveur Local permet de travailler sans être dépendant d’une connexion Internet. Pour un seul développeur et sans nécessité d’un accès de l’extérieur, le développement se passe en local et, une fois le Site terminé, le travail est uploadé sur le serveur distant afin d’être accessible à tous. Pour un travail en équipe, chacun peut travailler avec son serveur local et envoyer ses fichiers opérationnels et testés sur le serveur distant à chaque fois que cela est nécessaire de les intégrer, mais ce serait rapidement l’anarchie quand deux personnes, ou plus, travaillant sur la même partie enverrait chacun ses modifications sans prendre en compte celles des autres...

C'est pourquoi il existe des outils dit de versioning, versionnage en français. Ces outils permettent de gérer différentes versions d’un projet avec les différentes versions des fichiers. Ainsi, un système de versioning est installé sur le serveur distant et chaque développeur, y comprit quand il n'y en a qu’un, installe l’outil de versioning sur son poste de travail en local. Ensuite, à chaque fois qu’un développeur effectue des ajouts de fichiers, ou des modifications dans des fichiers, il les envoit sur le serveur distant, l’outil de versioning, lui, fusionnera les changements apportés avec la version commune de développement. Ces outils fonctionnent selon un système d’historique des modifications. Chacun peut ainsi travailler sans être dépendant d’une connexion Internet, et envoyer ses fichiers quand cela est possible, ou dès que nécessaire.

Avoir une version de développement fermée au public, une version privée qui ne sera accessible qu’après une identification par mot de passe, permet au maître d’ouvrage de pouvoir consulter l’avancée des travaux, du développement... Chaque partie opérationnelle et testée y est intégrée, ce qui lui permet de lui aussi tester. Une fois le produit finit, seule la version de production est ouverte au public.

L’application Web tel que je tiens à la présenter a un caractère privé: les utilisateurs sans compte ne peuvent s'y inscrire librement et ne peuvent donc pas s'y connecter ; seuls les utilisateurs habilités à l’utiliser, les utilisateurs de l’entreprise, de l’organisation, de l’association, de la communauté y auront accès.

Tout ce qui a été abordé jusqu’à maintenant pour les différents sites Web, en termes de structure, de fonctionnement, d’hébergement, d’interface graphique s'applique à l’Application Web. C'est pourquoi certaines parties ne seront que survolées, d’autres non reprises. Tout comme pour le site Web, l’application est un ensemble de fichiers stockés dans un dossier sur serveur distant et est accessible par son URL, dans un navigateur. De même, la partie gestion/administration sera le Back-Office, la partie utilisateur final sera le Front-Office.

Le principe de l’application Web reste le même que celui du site Web: une plateforme accessible de partout et en tous temps, d’un ordinateur, d’une tablette ou d’un smartphone, que ce soit du bureau, de chez soit, en vacances, en déplacement, ou sur le terrain.

L’adresse Web de l’Application ne sera pas systèmatiquement le nom de domaine principal, mais un sous-domaine, tel qu’expliqué dans la partie l’Introduction au Web, le domaine principal pouvant être conservé pour le site de l’entreprise.

Tout comme Windows ou iOs, Android est un système d’exploitation, c’est-à-dire un environnement prévu pour certains types de matériel, smartphones, tablettes, assistants personnels, montres et bracelets connectés... Cet environnement permet d’utiliser le matériel, au travers d’applications, et d’accéder à ses fonctionnalités natives, capteurs, GPS, appareil photo, micro... Android est un système développé par Google et qui est basé sur le système Linux. Android est un système simple d’utilisation et plus ouvert, plus libre, que iOs.

Une application Android est un logiciel développé pour Android, ce qui indique qu’elle ne pourra être installer que sur des appareils mobiles fonctionnant sous ce système, et selon la version minimale prévue. C’est une application qui permettra à l’utilisateur d’effectuer différentes tâches, tel que pour un logiciel pour PC ou une application Web, avec en plus tout ce que permet un smartphone en terme d’appareil mobile. Il sera donc possible d’utiliser les différents composants matériels de l’appareil (capteurs, gyroscope, appareil photo, GPS, micro...), allant de l’envoie et la consultation de mails à la prise de photos, en passant par l’envoie de SMS/MMS...tout ce que permet un appareil Android, et vous devez déjà connaître un bon nombre d’applications.

La différence majeure entre une application Android et un site Web tient dans le fait que le site ne requiert aucune installation autre que le navigateur. Là où le site Web reste sur le serveur et renvoie des pages qu’il sert à l’internaute dans le navigateur, l’application mobile Android, elle, doit être installée sur le smartphone pour pouvoir fonctionner.

Avec l’arrivée des smartphones, la définition du logiciel a quelque peu été remplacé d’une manière générale par le terme application. Cependant, le terme application existait déjà et le logiciel, dans son ensemble, pourrait se cantonner à l’ordinateur, bien qu’il soit aussi possible de parler d’application pour Windows. Sur le fond, on pourrait considérer que la frontière entre logiciel et application est fine.

D’une manière générale, le logiciel représente tout ce qui est de l’ordre d’un ensemble de programmes, de fonctionnalités, permettant d’assurer une tâche principale avec les fonctionnalités qui en découlent: traitement de texte, logiciel de comptabilité, logiciel de gestion en tous genres, logiciel de retouche d’images, logiciel de création 3D, logiciel d’imprimante... même un jeu vidéo est un logiciel

Ainsi, et juste pour différencier, on parlera de logiciel lorsqu’il s’agira d’un ensemble de fonctionnalités sur un ordinateur, PC ou Serveur, et d’application lorsqu’il s’agira d’un ensemble de fonctionnalités sur smartphone ou accessible par le Web.

La suite bureautique Office de Microsoft est une suite logicielle, regroupant plusieurs logiciels, ayant chacun leur champ applicatif, leur fonction première, au sein desquels on peut développer des applications, avec le langage de programmation Visual Basic pour Application, VBA.

Tout comme le site ou l’application Web ont besoin de leur environnement pour fonctionner, le logiciel a besoin lui aussi d’un environnement pour fonctionner, pour s'exécuter, le système d’exploitation, un ensemble de fonctionnalités regroupées et permettant au matériel de fonctionner.

Sous Excel, il est possible de développer des applications avec des formulaires, permettant de créer automatiquement des tableaux, d’y insérer des formules de calcul, entrer et modifier des données... automatiser les tâches d’une manière générale, tel que pour effectuer des recherches, récupérer les données d’une Base De Données pilotée par Access pour les exploiter dans les feuilles de calcul au sein d’un classeur et transmettre à Word celles nécessaires pour effectuer du publipostage...

Les principes de développement d’un logiciel Linux sont plus ou moins les mêmes que le logiciel Windows. Il existe bien sur des différences fondamentales, tel que pour le multitâche, la gestion de la mémoire, le système de fichiers... qui sont propres à l’environnement Linux en lui-même et au niveau des langages utilisés, selon les bibliothèques, mais dans le fond, le processus de gestion de projet restera la même et les phases de développement aussi. Ce qui pourra changer c’est l’environnent de travail pour le concepteur, ou les équipes de développeurs, les bibliothèques des langages et les outils utilisés, mais d’une manière générale, bien que pouvant être plus complexe à mettre en œuvre, ce qui est réalisable pour Windows l’est aussi pour Linux.

Sous Linux, on pourrait considérer que plus de choses puissent être réalisable, ou, au contraire, que moins le pourraient, mais en fait non, bien que Linux ait des avantages certains. Le sujet n’étant pas le système en lui-même mais le logiciel, les différences entre ces systèmes ne seront pas abordées, différences qui font que, dans bien des cas, Linux est un système bien plus performant, plus stable lorsqu’il est correctement paramétré, mais qui peut dérouter, offrant plus de possiblités dans certains domaines en sachant que les environnements graphiques ont plutôt bien évolués dans le temps et n’ont rien à envier aux systèmes Microsoft.

Bien que ce ne soit pas le sujet, il faut distinguer le système en lui même que l’on appelle le noyau Linux, le coeur même du système, et la distribution qui sera construite par dessus, faisant ce que l’on pourrait appeler une version mais est une distribution, sur laquelle peuvent se greffer des systèmes de fenêtrage. Ainsi, Linux en tant que noyau ne prend quasiment pas de place et peut être embarqué dans tout type de matériel demandant de l’informatique de pointe et les applications embarquées.

Linux prend en charge quasiment tous les principaux langages de programmation, la plupart nativement, tel que le C, le C++, Pearl, Lisp pour l'IA.... Niveau environnant de développement, on retrouvera Qt pour le C++, Lazarus (le Delphi Linux) pour le Pascal Objet, Mono pour le C#, Gambas pour VB, Java étant lui aussi présent sous Linux.

Une particularité de Linux tient dans sa gratuité, dans ses nombreuses distributions (on ne parle pas de versions mais de distributions, bien que le noyau ait lui même des versions) et de sa large étendue. Il existe cependant des distributions de ce système pour entreprise, tel que la Red Hat, et qui offrent un support professionnel, ou encore openSuse. Sous Linux on retrouve tous type de logiciels, souvant en ligne de commandes, c'est à dire sans interface graphique, bien que, le temps faisant, beaucoup d’environnements graphiques pour ces programmes/logiciels ont été développés. Sous Linux, tout est gratuit, enfin c'est souvent ce que l’on pense, car il existe de logiciels qui sont en version d’évaluation et demandent un achat pour avoir la version complète, ou sont gratuits pour un usage personnel et deviennent payants pour un usage professionnel. Dans l’ensemble, Linux ne demande pas autant d’investissement que Windows, mais les coûts de développement peuvent être plus élevés.

Qu’ils soient libres, gratuits, OpenSource, on retrouve un peu tout sous Linux, et généralement sans avoir à débourser une quelconque somme, mais vous aurez aussi peut être besoin d’un logiciel qui n'existe pas, ou qui existe mais pas de la façon qui vous convient. Vous le faire développer est possible.

Du fait que Linux n’ait pas connu l’essort, la même notoriété que Windows, les utilisateurs et les entreprises ayant eu souvent du mal à faire la transition vers un système au départ d’utilisation complexe, gardant cette réputation pendant longtemps, aujourd’hui, les éditeurs de logiciels payant, tel que Microsoft, l’ont délaissé pendant un temps, n’ayant pas le même retour. La démocratisation de Linux, notamment par des distributions rendues accessibles aux utilisateurs néophytes via des interfaces et des procédures d’installation simplifiées, tel qu’Ubuntu, Debian, ..., a fait que, dans le temps, Linux s’est de plus en plus retrouvé utilisé.

Un CMS est un Système de Gestion de Contenu, c’est à dire un environnement qui permet de construire des pages, un site, sans avoir à les développer, bien qu’il soit possible d’y écrire des programmes et donc de le personnaliser. Le CMS permet d’avoir toute la structure du site déjà pré-établie, et notamment le back-Office. Selon le type de CMS utilisé, il sera possible ou pas de le personnaliser, d’y ajouter des programmes, de développer au sein de l’environnement le thème et/ou les fonctionnalités demmandées. Selon qu’il soit dit propriétaire, c’est à dire avec un code source fermé qui ne pourra pas être retouché, ou dit opensoucre, c’est à dire avec un code source qui pourra être modifié et auquel des fonctionnalités pourront être ajoutées, au sein du CMS pourra s’ajouter un développement personnalisé, se rapprochant du site sur mesure. Les CMS vont de la simple création de blog au réseau social, en passant par le e-commerce. Des CMS restent spécialisés dans un domaine particulier, d’autres permettent d’étendre leur portabilité à divers domaines, tel que pour WordPress dont le but initial était le blog et auquel se sont rajoutés, dans le temps, tout un lot de modules étendant ses fonctionnalités, permettant ainsi de l’utiliser pour un nombre varié de types de sites, y compris le e-commerce. Certains CMS sont conçus pour fonctionner nativement pour le e-commerce, ce qui permet un gain considérable en termes de coût comparé au sur mesure intégral, tout en pouvant aussi être utilisé pour créer un site vitrine, tel que PrestaShop à partir duquel il est possible de créer un site vitrine élaboré. Prestashop est un CMS puissant pour le e-commerce.

Avec l’arrivée du Web, et surtout du Web 2.0, beaucoup se sont improvisés développeurs, du fait qu’écrire une page en HTML n’est pas aussi complexe que d’écrire des programmes avec des langages de programmation utilisés pour créer des logiciels pour un système d’exploitation, que ce soit Windows, Linux, macOS. De là, on a vue fleurir sur la toile, sur le Web, des tas de sites pas toujours très bien réalisés, avec des design laissant souvent à désirer et des fonctionnalités pas toujours au point. De plus, la surcharge de couleurs et d’effets de première génération faisaient de ces sites des systèmes plutôt lourds et pas toujours agréables à l’œil, avec de mauvaises Expérience Utilisateur.

Il existait bien sûr des outils qui permettaient de créer des pages HTML avec un minimum de connaissances, mais il fallait toujours connaitre un minimum le développement, ce qui n'empêchait pas non plus l’amas de couleurs et d’effets superflus et de mauvais goût.

Le SEO, acronyme de Search Engine Optimisation, pour optimisation pour les moteurs de recherche, est une suite des règles qui permettent d’avoir des sites optimisés selon les critères des moteurs de recherche tel que Google. Google, leader des bonnes pratiques du Web, est devenu de plus en plus restrictif dans le temps sur la qualité des sites, en imposant des normes, voir des obligations, tant en termes de structure, ce que l’on appelle la sémantique, qu’en termes de contenu, de réactivité, le tout formant ce que l’on appelle les bonnes pratiques du Web. Les CMS existant déjà, cela a propulsé leur évolution et leur utilisation, donnant par la m$ême occasion naissance à d’autres de ces outils permettant de mettre en place des sites sans connaître le développement. L’évolution des CMS a permis d’avoir des sites avec une bonne sémantique et des designs de qualités. De base, les sites créés avec un CMS seront cependant tous conçus de la même façon, hormis ce qui forme les thèmes, Layout/Template, construits selon la même architecture et se repérant souvent au premier coût d’oeil. Un CMS permet donc de mettre en place un site Internet d’une façon simplifiée, bien qu’il soit aussi possible d’y faire du développement personnalisé, sur mesure, tel que pour WordPress et Prestashop, ce qui limite le coût final... Mais dire que les CMS sont nés pour être propre à Google ne serait pas juste, mais leur utilisation s’est de plus en plus démocratisé, ce qui n’est pas un mal en soit, amenant WordPress, par exemple, à évoluer d’outil de création de blogs à outil pour sites en tous genres via l’ajout de modules, appelés plug-in, donnant des sites en tous genres.

Wix est une plateforme en ligne qui permet de concevoir un site sans connaitre la programmation. J’ai pu constater en étudiant le comportement de sites élaborés avec Wix qu’ils ne sont pas tous Web Responsive, c’est à dire ne s’adaptant pas aux changement de tailles écran, pour tous ceux que j’ai pu tester. Ces sites possèdent au moins deux versions des pages: la version desktop, version pour ordinateur, et la version mobile, version pour smartphone (chose normale quand on veut adapter des fonctionnalités propres aux appareils mobiles, mais le Web Responsive est indispensable, mis à part cas particuliers). Pour rappel, dans un tel cas, le serveur sur lequel le site est hébergé interrogera le navigateur pour savoir s’il est sur un ordinateur ou un mobile, et renverra la page prévue pour le type de matériel détecté (ordinateur, smartphone, tablette), le problème étant que quelqu’un ayant un vieil ordinateur avec un écran de faible résolution n’aura pas le site adapté à son affichage, car le serveur lui renverra la page pour ordinateur, sans pour autant s’adapter à la taille de son écran. Pour vérifier cela, il suffit d’ouvrir un site fait avec Wix à partir de son ordinateur, ou d’aller sur ce site pour tester les sites proposés construits avec Wix, en cliquant sur les liens d’exemples, puis en redimensionnant le navigateur: au partir d’une taille minimale, la page ne s’adapte plus à la largeur du navigateur, ou de l’écran. Le site ne s’adaptera donc pas aux plus petites tailles d’écrans (voir la partie Web Responsive). Maintenant, l’affichage minimum pour les pages Wix non responsive sont de 1024 pixel de largeur, les écran en dessous cette résolution encore utilisés se faisant rare, il faut le reconnaitre, mais existant toujours, notamment sur de petits PC portables telque j’ai encore pu en recontrer. S’adapter à toutes les tailles d’écrans est important.

Wordpress est le CMS le plus utilisé dans le monde. Il s’agit à l’origine d’une plateforme pour créer des blogs. On le retrouve autant pour des entreprises, des associations que des particuliers. Pour les entreprises, il est souvent arrivé qu’elles ne savaient pas quelles payaient, souvent au prix fort, un site qui restait un blog sophistiqué et dont l’auteur ne développait rien, à part peut-être quelques modifications au niveau de la mise en forme (ce que l’on appel le style), mais la plupart du temps sans rien faire d’autre que d’ajouter des plugins, payant ou pas. D’autres entreprises choisissent Wordpress pour ne pas avoir à payer cher leur site, et WordPress est pratique pour cela, ou pour le faire soit même sans avoir les connaissances techniques, mais cela peut aussi être pour avoir une base à partir de laquelle travailler et développer sur cette base pour construire quelque chose de vraiment personnel. Et puis il y a des entreprises qui ont leur application et qui utilise Wordpress pour une question de gain de temps, ou juste parce qu’elles n’ont besoin que d’un blog, ou d’un site WordPress avec les plug-in apportant les fonctionnalités souhaitées pour avoir un site complet. Mais c’est aussi des fois parce que l’entreprise a déjà investi son budget Web dans le développement de son application et que le WordPress est là en tant qu’un outil, site, de communication. Bien que quelque peu réfractaire à WordPress pendant un temps, de par son côté préfabriqué, c’est une solution à envisager quand le budget est léger, ou quand on veut faire les choses soit même sans savoir développer, ou pour ne pas développer, pour un gain de temps, le Back-Office.

Du fait que les CMS soient tous conçus de la même façon (100 sites Wordpress différents restent toujours 100 Wordpress) ce sont toujours les premières cibles des attaquants, des pirates et autres hackeurs, du fait que ces plateformes, ces CMS, ont un code commun à tous (hormis les différences entre versions et les parties que peuvent développer des développeurs). Le fait d’être en OpenSource, les programmes formant l’architecture du système sont consultablent par tout le monde: pas de secret de fabrication, chaque site utilise la même architecture, les mêmes modes de fonctionnement, les mêmes programmes, des plugins en commun et trouver un bug, une faille de sécurité sur l’un permet de les retrouver sur tous. Du fait qu'il soit facile de les reconnaitre, ils sont donc facilement identifiables et pas simplement qu’à l’oeil nu: il existe des outils qui permettent de détecter toutes les technologies utilisées pour le développement d’un Site ou d’une Application Web. Ces outils permettent d’avoir la liste des technologies utilisées, langages de programmation, et CMS s'il y a lieu. Ainsi, on peut savoir si un site est conçut à partir d’un CMS: si c'est le cas, le nom du CMS figure dans les technologies utilisées, y compris les plugins. Une fois qu'un CMS identifé, il est plus simple d’y trouver des failles que sur un site sur mesure, qui lui ne donnera que les informations que le webmaster aura décidé concernant les langages utilisé et sans donner d’informations mettant en danger l’installation.

En 2018, 90% des sites fait avec des CMS qui ont été piratés étaient des sites Wordpress. Sur ces sites, seulement 36% n'étaient pas à jour, ce qui indique que, même à jour, Wordpress a plus de chance de se faire pirater qu’un autre. Et si ceux qui mettent en place des sites CMS retardent souvent les mises à jour, c'est pour éviter de casser la structure des plugins, ces add-on qui ajoutent des fonctionnalités que l’auteur du site ne développe pas lui-même et dont la mise à jour peut être incompatible avec le reste du site en lui même. Ces infos viennent de cet article: ZDnet. Cependant WordPress reste une solution viable et abordable.

Le site du gouverment sur la sécurité des Systèmes d’Information a plublié cet article sur les failles trouvées sur la version de Wordpress de mars 2022: Failles de sécurité de mars 2022.

Contrairement à ce que l’on pourrait penser à ce niveau de lecture sur Wordpress, je n’ai rien contre ce CMS qui a justement permis à des non développeurs de mettre en place des sites agréables à utiliser, ainsi qu’à des développeurs d’utiliser toute une structure, qui a sû bien évoluer avec le temps, pour développer des sites plutôt sérieux avec une bonne Expérience Utilisateur. Et je tiens à souligner que Wordpress, comme les autres, est mis au point et sans cesse amélioré par des développeurs. Ce avec quoi j'ai du mal, c'est avec ceux qui vendent un site Wordpress comme étant un site sur mesure, sans même avoir développée la moindre ligne de code, mais c’est un autre sujet...

Là où un CMS de base possède ce que l’on pourrait appeler un tronc commun, pour avoir des fonctionnalités supplémentaires il faut ajouter ce que l’on appelle des plugins, des parties sous forme de modules qui viennent se greffer sur l’architecture principal du CMS. Et là où le CMS lui même a un besoin sans cesse de mise à jour, tant pour palier aux failles de sécurité dont il peut être sujet que pour les évolutions de ses fonctionnalités, il en est de même avec les plugins. Les plugins ne sont pas toujours compatibles entre eux dans leurs mises à jour, que ce soit avec d’autres plugins ou avec les mises à jour des versions de Wordpress. Certaines mises à jour de plugins peuvent en désactiver ou en saboter d’autres. Mais d’une manière générale, quelqu’un de sérieux s’informera avant en ce qui concerne les correctifs.

Les constructeurs de pages permettent d'élaborer des thèmes pour des sites WordPress, de le personnaliser. Il existe de bons outils pour construire un site WordPress.

Vous avez déjà votre site Web et vous souhaitez le modifier, lui ajouter des fonctionnalités, donner un coup de frais au design, l’améliorer, le faire évoluer ? Selon que votre site soit un site sur mesure ou un CMS, il faudra étudier votre cas. Pour cela remplissez le formulaire de la page Contact en choisissant « Projet de développement » puis « Refonte Site Web » ou téléphonez-moi au 07-69-68-80-83

Vous avez déjà votre site Web et vous souhaitez le refaire complètement tout en conservant vos données, vos historiques, vos clients ? Il nous faudra, vous et moi, étudier votre cas ensemble. Pour cela, remplissez le formulaire de la page Contact en choisissant « Projet de développement » puis « Refonte Site Web » ou téléphonez-moi au 07-69-68-80-83, ou encore au 02-59-16-20-51