Thèmes:
- À propos de l'auteur
- À propos du site
- Comment tout a commencé : HTML et Frontpage
- Un regard dans les coulisses de WordPress
- Le serveur
- Traduction
A propos de l'auteur:
Je m'appelle Marco van Wijk, j'ai 35 ans et je vis dans la région de Rotterdam. Toute ma vie, j'ai été fou de tout ce qui touche aux voitures. À 16 ans, je travaillais déjà dans un garage comme apprenti mécanicien. Au cours des dix années où j'ai travaillé comme mécanicien dans les garages VAG et BMW, j'ai suivi les formations de mécanicien jusqu'au niveau 4 de spécialiste technique. Je travaille comme professeur de technologie automobile depuis 2015. En 2018, j'ai obtenu le titre de Bachelor of Science à la HTS Autotechniek d'Arnhem après avoir suivi le cours HBO Automotive (à temps partiel).
Je garde un souvenir chaleureux de cette formation, avec un sentiment de satisfaction durable.
En plus de mon travail d'enseignante et d'auteur de ce site, j'aime écrire des articles dans l'AMT et vous me trouverez comme animatrice de séances de connaissances à l'AMT-live.
À propos du site Web :
En 2005, j'ai commencé à expérimenter la création de sites Web. Le site Internet actuel date de 2009. Depuis, de nombreux changements ont été apportés, tant au niveau de la conception que du contenu. Ce site Web devient de plus en plus populaire et continuera de croître en termes de sujets et d'informations. Le site Web contient actuellement plus de 350 pages remplies d'informations. Aujourd'hui, nous recevons en moyenne 100.000 XNUMX pages vues uniques par mois. J'ai développé le site moi-même et je le gère entièrement. J'ai conçu le thème, écrit toutes les pages, photographié ou dessiné moi-même de nombreuses images, et il fonctionne sur mon propre serveur, situé dans mon bureau à la maison. Sur cette page, je souhaite montrer comment le site Web s'est développé ces dernières années pour devenir ce qu'il est aujourd'hui et ce qui se passe en arrière-plan.
L'objectif de ce site Web est de fournir aux personnes intéressées par la technologie automobile un aperçu du fonctionnement de certaines pièces et systèmes. De nombreuses informations ne peuvent être trouvées ailleurs sur Google, souvent sans images et généralement pas encore disponibles en néerlandais. Avec ce site Web, je souhaite rendre disponibles en ligne autant d'informations techniques automobiles que possible. Le site est adapté aux niveaux 2 à 4 des formations de mécanique MBO. Le site Web convient également aux étudiants qui progressent de HAVO/VWO à HBO en génie mécanique ou en génie automobile.
J'ai consciemment choisi de ne pas diffuser de publicités, car je suis ennuyé par les sites Web où il y a plus de publicités que de texte et où il faut cliquer loin de tout. Je considère que l'affichage de publicités pollue mon site Internet. C'est pourquoi aucun traceur ni cookie n'est requis, et je suis l'un des rares sites Web à ne pas être obligé d'afficher une notification de cookie dont chaque visiteur doit accepter les termes et conditions.
De plus, je garde le site Internet librement accessible à tous. Je n'utilise aucun système de paiement ou de connexion pour accéder au site Web. Ce site est tout simplement entièrement gratuit et le restera à l'avenir. Un avantage supplémentaire est qu'il est également plus facile pour moi d'obtenir l'autorisation des constructeurs automobiles pour utiliser leurs images, car je n'ai aucun intérêt financier et de nombreux constructeurs soutiennent l'éducation.
Si vous découvrez des erreurs d'orthographe ou de grammaire dans le texte, veuillez remplir le formulaire de contact. De cette façon, je peux corriger cela rapidement et facilement. Ceci s'applique bien entendu également si vous avez des ajouts pour un sujet spécifique.
Comment tout a commencé : HTML et Frontpage : Depuis les premiers concepts jusqu'au site Web remplacé par la version actuelle en mars 2019, nous avons utilisé le programme Microsoft FrontPage 2003.
Nous avons créé des pages HTML en utilisant FrontPage. Le résultat des codes HTML peut être visualisé dans la fenêtre de conception. Le site Web était composé de quatre cadres :
- Haut (en-tête)
- Liens (menu)
- Droite (dictionnaire)
- Milieu (le contenu du site)
Ainsi, pour ouvrir le site, quatre pages HTML distinctes ont été chargées dans les cadres. Lorsqu'un visiteur arrivait non pas sur la page index.htm via un moteur de recherche, mais directement sur la page qu'il recherchait, seul ce cadre était affiché. Les menus environnants n'étaient pas affichés. Dans ce cas, seule la page bleue était affichée sur tout l'écran et les menus avec des boutons tout autour manquaient.
La fonction de recherche utilisait également une méthode complexe (intégrée) via Google et il n'y avait pas de support mobile, c'est pourquoi une deuxième page d'index a été créée, à laquelle on accédait automatiquement lors de la visite du site avec un téléphone ou une tablette. Cela s'est souvent bien passé, mais pas toujours. « Dans le passé », les sites HTML avec des cadres étaient populaires, mais aujourd'hui, on ne le voit pratiquement nulle part. Les connaissances que j'ai acquises grâce aux codes HTML auto-compilés m'aident encore aujourd'hui à mettre à jour le site actuel.
Un regard dans les coulisses de WordPress :
Le site Web basé sur HTML a été entièrement converti en le populaire CMS WordPress en mars 2019. Au début, certains visiteurs ont dû s'habituer à la nouvelle structure de navigation, mais dans l'ensemble, j'ai reçu des réponses positives.
Au fil du temps, j'ai également mis en œuvre de plus en plus de modifications qui rendent la navigation plus facile et plus claire.
Avec le site dans le CMS WordPress moderne, le site s'est amélioré dans de nombreux domaines :
- L'interface est élégante et donne une apparence représentative ;
- Il est plus facile de mettre à jour les articles ;
- Adapté aux tablettes et aux mobiles (s'adapte automatiquement à la taille de l'écran), donc pas de site Web mobile séparé ;
- Une modification du menu et/ou de l'interface d'une page est automatiquement répercutée sur toutes les pages ;
- Optimisé pour le référencement (moteur de recherche) ;
- Les plugins permettent de nombreuses fonctionnalités utiles : boutons interactifs, recherche, sauvegarde et sécurité, défilement automatique, etc.
L'image suivante montre l'aperçu de la page dans WordPress. Toutes les pages peuvent être recherchées et modifiées à partir de cet écran, sans ouvrir l'interface Web.
Toutes les pages du site Web sont créées dans Elementor. L'image suivante montre l'écran de l'éditeur Elementor. L'éditeur de texte est visible à gauche et la vue en direct à droite. Après avoir cliqué sur « Mettre à jour » en bas, les modifications apparaîtront immédiatement en ligne. Vous pouvez également choisir d’enregistrer d’abord la page en tant que brouillon ou privée avant de la publier en ligne.
En plus de l'éditeur de texte, Elementor propose également diverses options interactives. L’un d’eux est ce qu’on appelle « l’appel à l’action ». Cette fonction crée un bouton interactif que l'on connaît depuis la page d'accueil et dans les catégories ouvrables depuis les menus.
En 2021, de plus en plus de problèmes sont apparus concernant la compatibilité entre mon thème WordPress et les plugins et navigateurs web modernes. Le thème n’était pas très populaire et n’était donc plus correctement pris en charge ou développé après quelques années de sortie. Puisqu’un thème détermine l’apparence du site Web, passer à un autre thème n’est pas facile et également indésirable. En janvier 2022, j'ai expérimenté le constructeur de pages d'Elementor et un thème simple : « Hello Elementor ». Avec ce thème en combinaison avec le constructeur de pages, je suis assuré de mises à jour, tant en termes d'apparence que de sécurité, et j'ai encore plus d'options pour personnaliser l'interface qui, dans d'autres thèmes, était verrouillée par les développeurs. Dans les thèmes WordPress standards, certains paramètres ne peuvent pas ou peu être modifiés. Après une journée d'expérimentation, j'étais convaincu : j'ai remplacé l'ancien thème par mon propre thème. Je l'ai mis en ligne en quelques heures et dans les jours qui ont suivi, j'ai apporté de petites améliorations grâce aux retours de mon entourage.
Avec le générateur de thème d'Elementor, vous pouvez créer votre propre thème et le configurer entièrement à votre guise. Chaque coin, bouton, ombre de boîte, couleur et animations peuvent être adaptés à vos propres souhaits d'innombrables façons. Les possibilités sont infinies. L'image ci-dessous montre les options de réglage de la couleur du menu principal. Avec ce générateur de thèmes, l'affichage de l'ordinateur de bureau (et de l'ordinateur portable), de la tablette et des téléphones mobiles peut être configuré à volonté. De cette manière, les réglages les plus optimaux peuvent être obtenus pour tous les appareils.
Ce qui me dérange le plus sur les autres sites, ce sont les pop-ups, les notifications concernant les newsletters et la demande d'activation des notifications, sur lesquelles il faut toujours cliquer. Et n'oubliez pas les publicités flashy. Cela m’a fait décider de naviguer moi-même avec un bloqueur de publicités et de ne pas y participer. Je garderai mon site Web aussi « propre » que possible en incorporant le moins d'éléments gênants possible. Bien qu'il existe des options pour rendre le site très attractif avec peu d'efforts avec des animations et des pages colorées, j'opte pour de nombreuses nuances de gris et le moins de décorations possible, ce que les gens ne recherchent souvent pas. Les pages blanches avec un fond gris foncé à clair des deux côtés offrent un joli contraste et, associées à la police choisie, rendent les textes faciles à lire. Le site est adapté aux écrans d'ordinateurs de bureau carrés à partir de 17 pouces, car cette taille d'écran est encore courante dans les garages et les écoles en 2023. Les ordinateurs portables utilisent une haute résolution, de sorte que le site peut être visité avec un ordinateur portable de 14 pouces sans que la barre de menu ne passe à un mode différent, les boutons droits se déplaçant sur l'écran étroit jusqu'à la deuxième rangée. Cette interface a été créée grâce à de nombreuses expérimentations et retours des visiteurs. Le caractère informatif associé à une navigation bien coordonnée est plus important que l'apparence élégante, ce que la plupart des visiteurs apprécient.
Le serveur:
Les hébergeurs bon marché proposant des forfaits d'hébergement Web à des prix compétitifs ne sont pas intéressés par les sites Web qui nécessitent beaucoup de puissance de calcul de la part du serveur, car vous partagez le même SSD/CPU et la même RAM avec des centaines d'autres clients. Une consommation de data de 120 à 130 Go par mois est également habituelle pour ce site internet, ce qui n'est pas autorisé avec un forfait standard de quelques dizaines d'euros. Une telle partie peut choisir de réduire les performances des sites Web qui utilisent beaucoup de ressources ou vous obliger à acheter un VPS coûteux.
J'ai longtemps hésité à placer ce site sur un VPS, afin d'obtenir des performances optimales et de contrôler certains paramètres. Un bon VPS coûte cher et j'ai commencé à réfléchir à une alternative : héberger le site moi-même (à la maison).
Au printemps 2020, j'ai acheté un jeune serveur d'occasion à prix compétitif. Je lui ai fourni les mises à niveau matérielles nécessaires et j'ai appris à utiliser les paramètres du BIOS ; ceux-ci diffèrent beaucoup de ceux d’un PC grand public. J'ai également créé un réseau dans ma propre maison pour connecter le serveur. La vitesse de la connexion fibre optique est de 1 gigabit en aval et en chargement, ce qui est encore plus que suffisant pour héberger plusieurs sites Web très fréquentés.
En octobre 2020, j'ai installé le serveur avec CentOS comme système d'exploitation (maintenant remplacé, nous en parlerons plus tard) et Cpanel comme panneau de contrôle.
Après plusieurs heures de préparation, le site a été déplacé du serveur du centre de données vers le serveur domestique par simple pression sur un bouton. Ce processus s'est très bien déroulé. Au moment de la rédaction (trois ans après l'installation), aucun problème n'est survenu.
Le serveur sur lequel vous vous trouvez actuellement est affiché dans les deux images ci-dessous.
Images ci-dessus : le serveur est un HP ProLiant ML350p Generation 8. Derrière le capot se trouve le lecteur DVD avec l'interrupteur pour allumer le serveur et quatre ports USB en dessous. Il y a quatre disques en bas, à savoir : 2x SSD (à gauche) et 2x HDD (à droite). Le site Web est chargé à partir des SSD. Les sauvegardes sont stockées sur les disques durs chaque nuit. Les SSD et HDD sont en miroir Raid (RAID 1). En cas de panne du disque dur, je peux le remplacer par un disque de rechange sans avoir à arrêter le serveur. Après un changement de disque, les données sont automatiquement transférées.
Image ci-dessous : Après avoir retiré le capot latéral et la plaque en plastique du guide d'air, on voit quatre grands ventilateurs avec la carte mère à côté d'eux.
Le serveur est équipé d'un processeur Xeon E5-2690 (2,9 GHz). Il s'agit d'un processeur à 8 cœurs avec 16 threads. Il fonctionne en mode d'économie d'énergie à une vitesse d'horloge d'un peu plus de 1 Ghz, ce qui, en termes de performances du site Web et de gestion du serveur, n'est pas inférieur au réglage en mode de performances maximales, où la vitesse d'horloge dans ce mode de performances augmente jusqu'à 2,9 GHz. La seule différence était perceptible au niveau du dégagement de chaleur et de la consommation d’énergie. De bonnes performances avec une faible vitesse d'horloge sont possibles grâce au grand nombre de cœurs de processeur. De plus, les banques de mémoire sont désormais remplies d'un total de 12 modules de mémoire ECC de 4 Go, ce qui donne un total de 48 Go de mémoire en quad-canal. Bien sûr, c’est exagéré, mais je pense que cela le rend évolutif.
À l'été 2022, j'ai remplacé le système d'exploitation CentOS par AlmaLinux en raison de l'annonce selon laquelle CentOS ne sera bientôt plus pris en charge. Le populaire CPanel est installé sur AlmaLinux : c'est le programme qui rend possible l'hébergement du site Web. La capture d'écran ci-dessous montre le panneau de commande. Chaque semaine, je vérifie les mises à jour disponibles (Cpanel, utilitaires ou noyau) et vérifie la charge.
Traduction:
Comme vous l'avez peut-être remarqué, le pied de page (en bas du site Web) contient une colonne de drapeaux dans laquelle le site Web peut être traduit. La traduction est rendue possible par un plugin dans WordPress, utilisant ce qu'on appelle la traduction automatique neuronale (NMT) et l'intelligence artificielle (IA). La relation entre la traduction automatique neuronale et l’IA réside dans le fait que la NMT est une application spécifique de l’IA, qui utilise l’intelligence artificielle pour comprendre et traduire efficacement le langage humain.
J'ai pris la décision de traduire le site Web pour les raisons suivantes :
- Les étudiants en ingénierie automobile avec NT2 (néerlandais langue seconde) aiment consulter une page traduite à l'identique dans leur langue maternelle pendant leurs études. S’ils comprennent le fonctionnement d’une pièce ou d’un système dans leur « propre » langue, il est également plus facile d’apprendre l’explication en néerlandais ;
- Dans certains pays, l’offre de matériel pédagogique technique automobile est rare. En Islande, par exemple, les étudiants n’ont accès qu’au matériel pédagogique en anglais. Il est agréable pour l'enseignant et l'étudiant de pouvoir consulter le matériel de cours dans leur propre langue. L'enseignant islandais avec qui je suis en contact dit également : « J'explique constamment la traduction en islandais, car dans les ateliers automobiles, les pièces ne sont pas mentionnées et écrites en anglais, mais en islandais. C'est bien de pouvoir lire un texte avec un langage technique en islandais » ;
- comme vous l'avez peut-être lu dans le premier paragraphe, écrire des articles est mon passe-temps. L’option traduction me permet de toucher un public plus large.
J'ai traduit le site Web en anglais au printemps 2023. Cela s'est bien passé. En demandant la traduction islandaise, j'ai également ajouté d'autres pays en plus de l'Islande. Google indexe également les pages traduites. Par exemple, la page : Electronique de base est désormais incluse dans Google en quinze langues, chaque langue ayant sa propre traduction URL, son titre et ses mots-clés. Cela augmente également les statistiques de visiteurs. L'image montre le nombre de visiteurs du 4 novembre au 1er décembre 2023, période pendant laquelle le site Web n'est traduit dans des langues autres que l'anglais que depuis quelques semaines.
La traduction est de très raisonnable à haute qualité. Dans les paragraphes contenant du jargon technique, des erreurs de traduction sont commises, parfois traduites « trop littéralement » et ont donc un sens différent. Un exemple en est la « carrosserie » néerlandaise. En anglais, cela se traduit par « corps ». C'est correct. Cependant, en islandais, il est également traduit par quelque chose de similaire à « corps », mais la traduction y fait référence au « corps humain ».
Heureusement, il existe la possibilité d'ajuster la traduction. Les traductions peuvent être corrigées dans le programme, qui sera modifié sur tout le site. Mais la traduction peut également être adaptée par phrase sur les différentes pages. L'image ci-dessous montre un crayon pour chaque phrase. Lorsque vous cliquez dessus, la traduction peut être modifiée.
Après avoir cliqué sur le crayon d'une des phrases, une fenêtre contextuelle apparaîtra contenant le texte original et traduit. La traduction peut être corrigée ici. La traduction est corrigée immédiatement, sans affecter le texte original (néerlandais).
La traduction anglaise a parcouru un long chemin. J'ai plus de difficultés avec les autres langues, car mes connaissances y sont moins étendues. C'est pourquoi je demande aux visiteurs de mon site Internet de me signaler les erreurs de langue et de traduction. Je corrigerai cela immédiatement sur la page concernée ou sur l'ensemble du site s'il s'agit d'un mot apparaissant sur plusieurs pages. Si vous êtes intéressé, les options d'accès au programme de traduction présentées ci-dessus peuvent être discutées. Vous pouvez me contacter via le formulaire de contact. Le professeur islandais utilise le site Internet avec gratitude dans ses cours et peut traduire lui-même les textes. Lui, ses collègues et étudiants (mais aussi moi-même) en profitons. Je souhaite également proposer cette option aux utilisateurs (de préférence des professeurs de technologie automobile ou des personnes travaillant dans l'industrie automobile et connaissant bien la linguistique) d'autres pays.
