Les cookies assurent le bon fonctionnement du site Web.
En continuant votre navigation, vous acceptez leur utilisation.
Web Design
Tout est courbe dans la nature, l'homme s'en est aperçu et en a tenu compte dans ses conceptions.
Parmi les outils mis à disposition du développeur Web on peut citer Figma qui permet le maquettage des sites Web avant leur développement. Les derniers outils mis à disposition rapprochent encore plus le Web designer du développeur Web.
Ainsi, le téléphone que vous tenez, tout comme la souris qui vous permet de naviguer sur le Web, épousent naturellement les formes de vos mains.
La définition d'un écran n'est pas sa résolution.
Lors de ma formation de développeur Web et Web mobile des maquettes ont été réalisées avec Figma, vous noterez que le responsive design y est inclus.
"Les espaces entre les éléments constituant votre site Web ne sont pas du vide mais de l'aération."
"Ne confondez pas définition et résolution, comptez au moins 72 dpi pour la résolution des vos images."
Joël, formateur en Web design.
Front-End
Le front-end est la partie visible du site Web (côté client) accessible à l'utilisateur. Le navigateur Web interprète les langages utilisés qui sont le HTML, CSS, JavaScript, Bootstrap... et font apparaître à l'écran les éléments constituant le site Web via le navigateur qui interprète les langages cités précédemment, c'est l'interface utilisateur aussi appelée UI.
Les éléments qui constituent le site Web (les menus de navigation, le design, le texte, les images, les vidéos...) sont conçus pour être à la fois accessibles, plaisants, simples d’utilisation et permettre à l'utilisateur une navigation agréable sur le site Web, c'est l'expérience utilisateur aussi appelée UX.
Le site Web ainsi développé est dit statique, les pages restent inchangées avant que des modifications ne soient apportées par le développeur du site Web.
Le présent site Web est responsive, l'UI s'adapte ainsi à la taille de l'écran avec lequel vous naviguez. L'émulation d'un smartphone ainsi que d'une tablette à l'aide d' Android Studio en facilite le développement.
Back-End
Le back-end est la partie non visible du site Web (côté serveur) inaccessible à l'utilisateur. Il devient nécessaire lorsque le développeur Web souhaite rendre son site Web dynamique. Le back-end permet à l'utilisateur d'accéder à des fonctionnalités supplémentaires du site Web qui n'est alors plus statique.
Le back-end est assuré grâce aux langages que sont php et SQL. Le développeur fera aussi appel à des systèmes de gestions de base de données (SGBD) tel que MariaDB, il pourra aussi gérer et administrer une base de données avec des outils graphiques tel que phpMyAdmin.
L'utilisateur peut s'inscrire sur un site commercial de vente en ligne et renseignera ses coordonnées en tant que client, l'utilisateur pourra s'inscrire sur le forum d'un site Web, mais aussi remplir un formulaire de contact.
Le back-end est rendu possible grâce à l'utilisation des bases de données qui stockent sur le serveur Web distant les informations renseignées par l'utilisateur lors de son inscription sur un site commercial, un forum mais aussi lorsqu'il remplit un formulaire de contact.
Le site Web sur lequel vous naviguez actuellement est dynamique, tant du point de vue du texte que vous lisez actuellement (qui provient de la base de données) que du formulaire de contact qui stockera les informations que vous renseignerez dans une table dédiée à cet effet.
Pour conclure cette section il est à noter qu'un back office rend la vie facile pour administrer un site Web, on peut citer un éditeur de texte WYSIWYG (What You See Is What You Get) comme CKEditor.
Pourquoi un home Web server ?
Au cours de la formation de développeur Web une architecture de serveurs Web locaux était installée sur nos ordinateurs, on peut citer Xampp qui regroupent les logiciels nécessaires au fonctionnement d'un serveur Web local.
Suite à l'obtention de mon diplôme de développeur Web et Web mobile, j'ai entrepris l'hébergement d'un serveur Web à domicile sans aucune expérience préalable dans l'administration d'un serveur Web sous Linux.
J'ai débuté sous Linux en 2003 et il est mon daily OS depuis 2018.
Le défi a été de taille et m'a permis de découvrir et me familiariser avec les outils nécessaires au fonctionnement d'un serveur Web, les logos illustrant cette section en témoignent.
Une mention particulière pour 2 ressources disponibles sur le Web :
1) Le forum de la distribution Linux Manjaro met à disposition un tutoriel détaillant l'installation des logiciels nécessaires au fonctionnement d'un serveur Web.
2) Le site Web de la société Magentix SARL dispense ses connaissances en ce qui concerne l'hébergement d'un serveur Web à domicile.
Une page dédiée à la maintenance du serveur Web a été créée, lorsque le serveur actuel n'est plus en ligne lors de l'installation de mises à jour, un serveur Web temporaire prend alors le relais. Vous pouvez prendre connaissance de cette page qui ne manque pas d'originalité ici Serveur en maintenance
Web Server Live Streaming
Le serveur Web est simultanément diffusé en fonctionnement sur YouTube, Odysee et PeerTube
Le logiciel de diffusion de contenu qu'est OBS-Studio permet le streaming de la webcam, à noter que le plugin obs-multi-rtmp rend possible la diffusion simultanée sur les 3 plateformes citées précédemment.
Ces 3 chaînes créées ont pour vocation de faire connaître le serveur web que j'héberge à domicile. La webcam diffuse le serveur Web en cours de fonctionnement 24h/24 7j/7.
Les aléas de l'hébergement à domicile étant nombreux, il se peut que le direct ne fonctionne pas, auquel cas, ne manquez pas de vous rendre sur une des 3 plateformes où la diffusion est accessible.
Les idées sont nombreuses et les évolutions se suivront au rythme des saisons, si possible. Espérant que vous apprécierez la démarche, bon visionnage !
YouTube > Web Server Live Streaming
L'ordinateur utilisé en tant que serveur Web est un nano ordinateur, aussi appelé single board computer SBC
Pour de plus amples détails sur le hardware du serveur Web c'est ici Odroid H3+
Le web a une histoire, à cette histoire on peut y associer des images, des vidéos ainsi que des sons, c'est sur ce dernier point que la bande sonore ci-après rappellera des souvenirs aux plus expérimentés d'entre vous :-)