Tárgyak:
- A szerzőről
- A weboldalról
- Hogyan kezdődött az egész: HTML és Frontpage
- Betekintés a WordPress kulisszái mögé
- A szerver
- fordítás
A szerzőről:
A nevem Marco van Wijk, 35 éves, és Rotterdam környékén élek. Egész életemben megőrültem mindentől, ami az autókkal kapcsolatos. 16 évesen már a garázsban dolgoztam szerelő tanulóként. Az alatt a tíz év alatt, amíg szerelőként dolgoztam a VAG és BMW garázsokban, elvégeztem a szerelőképző tanfolyamokat 4. szintű műszaki szakemberig. 2015 óta dolgozom gépjármű technológia tanárként. 2018-ban megszereztem a Bachelor of Science címet az arnhemi HTS Autotechnieken, miután elvégeztem az HBO autóipari (részmunkaidős) tanfolyamát.
Meleg emlékeket őrzök erről a képzésről, tartós elégedettséggel.
Amellett, hogy tanárként és a weboldal szerzőjeként dolgozom, szívesen írok cikkeket az AMT-ben, és az AMT-live tudásszemlélet előadójaként is megtalálsz.
A weboldalról:
2005-ben kezdtem el kísérletezni weboldalak készítésével. A jelenlegi weboldal 2009-ből származik. Azóta számos változás történt mind a dizájnban, mind a tartalomban. Ez a weboldal egyre népszerűbb, és folyamatosan bővülni fog a témák és információk tekintetében. A weboldal jelenleg több mint 350 oldalnyi információval teli. Ma átlagosan 100.000 XNUMX egyedi oldalmegtekintést kapunk havonta. A weboldalt magam fejlesztettem és teljes körűen kezelem. A témát megterveztem, az összes oldalt megírtam, sok képet fotóztam vagy rajzoltam magam, és a saját szerveremen fut, ami az otthoni irodámban található. Ezen az oldalon szeretném bemutatni, hogyan nőtt a weboldal az elmúlt években a mai állapothoz, és mi történik a háttérben.
Ennek a weboldalnak az a célja, hogy betekintést nyújtson az autótechnika iránt érdeklődő embereknek bizonyos alkatrészek és rendszerek működésébe. Sok információ nem található máshol a Google-on, gyakran képek nélkül, és általában még nem érhető el hollandul. Ezzel a weboldallal a lehető legtöbb autóipari műszaki információt szeretnék online elérhetővé tenni. Az oldal az MBO mechanikus képzés 2-4. szintjére van szabva. A weboldal olyan hallgatók számára is alkalmas, akik a HAVO/VWO-ból az HBO gépészmérnöki vagy autóipari mérnöki szakra haladnak.
Tudatosan döntöttem úgy, hogy nem jelenítek meg reklámokat, mert idegesítenek az olyan oldalak, ahol több a reklám, mint a szöveg, és mindentől el kell kattintani. A hirdetések megjelenítését a webhelyem környezetszennyezésének tartom. Ezért nincs szükség nyomkövetőkre vagy cookie-kra, és azon kevés webhelyek közé tartozom, amelyeknek nem kell cookie-értesítést megjeleníteniük, ahol minden látogatónak el kell fogadnia a feltételeket.
Ezen túlmenően a honlapot mindenki számára szabadon elérhetővé teszem. Nem használok semmilyen fizetési vagy bejelentkezési rendszert a weboldal eléréséhez. Ez az oldal egyszerűen teljesen ingyenes, és a jövőben is az marad. További előny, hogy könnyebben kapok engedélyt az autógyártóktól a képeik felhasználására, mivel nincsenek anyagi érdekeltségeim, és sok gyártó támogatja az oktatást.
Ha helyesírási vagy nyelvtani hibákat észlel a szövegben, kérjük, töltse ki a kapcsolatfelvételi űrlapot. Így gyorsan és egyszerűen kijavíthatom. Ez természetesen akkor is érvényes, ha kiegészítései vannak egy adott témához.
Hogyan kezdődött az egész: HTML és Frontpage: A legelső koncepcióktól kezdve egészen a webhelyig, amelyet 2019 márciusában a jelenlegi verzió váltott fel, a Microsoft FrontPage 2003 programot használtuk.
HTML oldalakat készítettünk a FrontPage segítségével. A HTML kódok eredménye a tervező ablakban tekinthető meg. A weboldal négy keretből állt:
- Felső (fejléc)
- Linkek (menü)
- Jobb (szótár)
- Közép (az oldal tartalma)
Tehát az oldal megnyitásához négy különálló HTML oldalt töltöttek be a keretekbe. Amikor a látogató nem egy keresőn keresztül az index.htm oldalra, hanem közvetlenül a keresett oldalra került, csak az a keret jelent meg. A környező menük nem voltak megjelenítve. Ebben az esetben csak a kék oldal jelent meg a teljes képernyőn, és hiányoztak a körös-körül gombokkal ellátott menük.
A kereső funkció a Google-n keresztül is komplex (integrált) módszert használt, és nem volt mobil támogatás, így egy második index oldal is készült, amelyre automatikusan átváltott, amikor telefonnal vagy tablettel látogatták meg az oldalt. Ez sokszor jól ment, de nem mindig. „Régebben” népszerű volt egy keretes HTML oldal, de manapság már alig látni ilyet. A saját készítésű HTML kódokkal megszerzett tudás a mai napig segítségemre van az aktuális weboldal frissítésében.
Betekintés a WordPress kulisszái mögé:
A HTML-alapú webhelyet 2019 márciusában teljesen átalakították a népszerű WordPress CMS-re. Néhány látogatónak először meg kellett szoknia az új navigációs struktúrát, de összességében pozitív visszajelzéseket kaptam.
Az idő múlásával egyre több változtatást vezettem be, amelyek megkönnyítik és áttekinthetőbbé teszik a navigációt.
A modern WordPress CMS-ben található webhelynek köszönhetően a webhely számos területen javult:
- A felület elegáns és reprezentatív megjelenést kölcsönöz;
- Könnyebb a cikkek frissítése;
- Tablet és mobilbarát (automatikusan alkalmazkodik a képernyő méretéhez), így nincs külön mobil weboldal;
- Egy oldal menüjének és/vagy felületének módosítása automatikusan minden oldalon megjelenik;
- SEO (kereső)barát;
- A beépülő modulok számos hasznos funkciót tesznek lehetővé: interaktív gombok, keresés, biztonsági mentés és biztonság, automatikus görgetés stb.
A következő képen az oldal áttekintése látható a WordPressben. Ezen a képernyőn minden oldal kereshető és módosítható a webes felület megnyitása nélkül.
A weboldal minden oldala az Elementorban jön létre. A következő képen az Elementor szerkesztő képernyője látható. A szövegszerkesztő a bal oldalon, az élő nézet pedig a jobb oldalon látható. Az alul található „Frissítés” gombra kattintva a változtatások azonnal megjelennek az interneten. Azt is választhatja, hogy az oldalt először piszkozatként vagy privátként menti-e, mielőtt online közzéteszi.
A szövegszerkesztő mellett az Elementor különféle interaktív lehetőségeket is kínál. Ezek egyike az úgynevezett „Cselekvésre való felhívás”. Ez a funkció egy interaktív gombot hoz létre, amelyet a kezdőlapról ismerünk és a menükből megnyitható kategóriákban.
2021-ben egyre több probléma merült fel a WordPress témám és a modern bővítmények és webböngészők kompatibilitásával kapcsolatban. A téma nem volt túl népszerű, így néhány év megjelenése után már nem támogatták vagy fejlesztették megfelelően. Mivel egy téma határozza meg a weboldal megjelenését, nem könnyű átváltani egy másik témára, és nem is kívánatos. 2022 januárjában kísérleteztem az Elementor oldalkészítőjével és egy csupasz témával: „Hello Elementor”. Ezzel a témával és az oldalkészítővel kombinálva biztos vagyok benne, hogy mind megjelenésben, mind biztonságban frissítéseket kapok, és még több lehetőségem van a felület testreszabására, amelyet más témákban a fejlesztők zároltak. A szabványos WordPress-témákban bizonyos beállítások nem vagy alig módosíthatók. Egy nap kísérletezés után meggyőződtem: a régi témát saját témámra cseréltem. Néhány órán belül elérhetővé tettem az interneten, és a következő napokban apró fejlesztéseket végeztem a körülöttem lévő emberek visszajelzései alapján.
Az Elementor témakészítőjével létrehozhatja saját témáját, és teljesen saját ízlése szerint konfigurálhatja. Minden sarok, gomb, doboz árnyéka, színe és animációja számtalan módon szabható a saját kívánságaidhoz. A lehetőségek végtelenek. Az alábbi képen a főmenü színének beállítási lehetőségei láthatók. Ezzel a témakészítővel az asztali számítógép (és a laptop), a táblagép és a mobiltelefon kijelzője tetszés szerint beállítható. Így minden készüléknél a legoptimálisabb beállítások érhetők el.
Más oldalakon leginkább a felugró ablakok, a hírlevelekről szóló értesítések és az értesítések engedélyezésének kérése zavar, amelyeket mindig el kell kattintani. És ne feledkezzünk meg a feltűnő reklámokról sem. Emiatt úgy döntöttem, hogy magam is böngészek egy hirdetésblokkolóval, és nem veszek részt. A lehető legkevesebb zavaró elem beépítésével a lehető legtisztábban fogom tartani a honlapomat. Bár vannak lehetőségek arra, hogy animációkkal és színes oldalakkal nagyon vonzóvá varázsoljuk az oldalt, én a szürke több árnyalatát és a lehető legkevesebb dekorációt választom, amit az emberek gyakran nem keresnek. A mindkét oldalon sötét-világosszürke hátterű fehér oldalak szép kontrasztot biztosítanak, és a választott betűtípussal együtt jól olvashatóvá teszik a szövegeket. Az oldal 17 hüvelykes asztali számítógépek négyzet alakú képernyőjére alkalmas, mert ez a képernyőméret még 2023-ban is elterjedt a garázsokban és az iskolákban. A laptopok nagy felbontást használnak, így egy 14 hüvelykes laptoppal látogatható az oldal anélkül, hogy a menüsor más módba kapcsolna, a jobb gombok pedig a keskeny képernyőn át a második sorba lépnek. Ez a felület sok kísérletezés és a látogatók visszajelzése révén jött létre. Az informatív jelleg és a jól koordinált navigáció fontosabb, mint a sima megjelenés, amit a legtöbb látogató értékel.
A szerver:
A versenyképes árú webtárhely-csomagokkal rendelkező olcsó hosting feleket nem érdeklik az olyan webhelyek, amelyek sok számítási teljesítményt igényelnek a szervertől, mivel ugyanazt az SSD-t / CPU-t és RAM-ot több száz ügyféllel osztja meg. A havi 120-130 GB-os adatfogyasztás is megszokott ezen a weboldalon, ami egy néhány tíz eurós standard csomagnál nem megengedett. Az ilyen fél dönthet úgy, hogy csökkenti a sok erőforrást használó webhelyek teljesítményét, vagy megkövetelheti egy drága VPS vásárlását.
Sokáig hezitáltam, hogy ezt a weboldalt VPS-en helyezzem el, hogy optimális teljesítményt érjek el, és bizonyos beállításokat én irányíthassak. Egy jó VPS drága, és elkezdtem gondolkodni egy alternatíván: saját magam (otthon) üzemeltetem az oldalt.
2020 tavaszán vettem egy versenyképes árú fiatal használt szervert. Ezt elláttam a szükséges hardverfrissítésekkel, és megtanultam a beállításokat a BIOS-ban használni; ezek nagyban különböznek a fogyasztói PC-kétől. Saját otthonomban is létrehoztam egy hálózatot a szerver csatlakoztatásához. Az optikai kapcsolat sebessége 1 gigabit le- és feltöltés, ami több forgalmas weboldal tárolására is több mint elegendő.
2020 októberében úgy telepítettem a szervert, hogy az operációs rendszer a CentOS (most le lett cserélve, erről később) és a vezérlőpult a Cpanel.
Több órás előkészítés után az oldal egy gombnyomással átkerült az adatközpontban lévő szerverről az otthoni szerverre. Ez a folyamat nagyon gördülékenyen ment. Az írás idejéig (a telepítés után három évvel) nem fordult elő probléma.
A jelenleg használt szerver az alábbi két képen látható.
A fenti képek: a szerver egy HP ProLiant ML350p Generation 8. A borító mögött található a DVD-lejátszó a szerver bekapcsolására szolgáló kapcsolóval és négy USB porttal alatta. Négy meghajtó található alul, nevezetesen: 2x SSD (balra) és 2x HDD (jobbra). A webhely az SSD-kről töltődik be. A biztonsági másolatokat minden este a merevlemezen tárolják. Az SSD-k és a HDD-k Raid tükörben (RAID 1) vannak. Merevlemez meghibásodása esetén a szerver leállítása nélkül ki tudom cserélni egy tartalékra. Meghajtócsere után az adatok automatikusan átvitelre kerülnek.
Kép lent: Az oldalburkolat és a légterelő műanyag lemezének eltávolítása után négy nagy ventilátort látunk, mellettük az alaplappal.
A szerver Xeon E5-2690 CPU-val (2,9 GHz) van felszerelve. Ez egy 8 magos processzor, 16 szálal. Energiatakarékos módban, alig több mint 1 Ghz-es órajelen fut, ami a weboldal teljesítményét és a szerverkezelést tekintve nem marad el a maximális teljesítmény módban beállítotttól, ahol az órajel ebben a teljesítmény módban 2,9 GHz-re nő. Az egyetlen különbség a hőfejlődésben és az energiafelhasználásban volt észrevehető. A jó teljesítmény alacsony órajel mellett a nagyszámú processzormagnak köszönhetően lehetséges. A memóriabankokat ráadásul most összesen 12x 4 GB-os ECC memóriamodullal töltötték meg, ami négycsatornásan összesen 48 GB memóriát ad. Természetesen ez túlzás, de szerintem ez jövőbiztossá teszi.
2022 nyarán a CentOS operációs rendszert AlmaLinuxra cseréltem, mert bejelentették, hogy a CentOS hamarosan megszűnik. AlmaLinuxra telepítve van a népszerű Cpanel: ez az a program, amely lehetővé teszi a weboldal tárhelyét. Az alábbi képernyőképen a vezérlőpult látható. Minden héten ellenőrzöm az elérhető frissítéseket (Cpanel, segédprogramok vagy kernel), és ellenőrzöm a terhelést.
Fordítás:
Amint azt már észrevetted, a lábléc (a webhely alján) zászlókból álló oszlopot tartalmaz, amelyre a webhely lefordítható. A fordítást a WordPress egy bővítménye teszi lehetővé, úgynevezett neurális gépi fordítás (NMT) és mesterséges intelligencia (AI) segítségével. A neurális gépi fordítás és a mesterséges intelligencia közötti kapcsolat abban rejlik, hogy az NMT az AI egy speciális alkalmazása, amely gépi intelligenciát használ az emberi nyelv megértésére és hatékony fordítására.
A következő okok miatt tettem meg a webhely lefordítását:
- Az NT2-vel (második nyelvként a hollandul) rendelkező autómérnök hallgatók szívesen olvasnak egy azonos fordítású oldalt anyanyelvükön tanulás közben. Ha egy alkatrész vagy rendszer működését „saját” nyelvükön értik, a magyarázatot is könnyebben megtanulják hollandul;
- Egyes országokban szűkös az autóipari műszaki oktatási anyagok kínálata. Izlandon például csak angol nyelvű tananyaghoz férhetnek hozzá a diákok. Tanárnak és diáknak egyaránt jólesik, ha a saját nyelvükön kereshetik a tananyagot. Az izlandi tanárnő, akivel kapcsolatban állok, ezt is mondja: „Folyamatosan magyarázom az izlandi fordítást, mert az autóműhelyekben nem angolul, hanem izlandiul említik és írják le az alkatrészeket. Jó dolog izlandi nyelvű szaknyelvű szöveget olvasni”;
- ahogy az első bekezdésben olvashattad, a cikkírás a hobbim. A fordítási lehetőség lehetővé teszi, hogy nagyobb közönséget érjek el.
A weboldalt 2023 tavaszán fordítottam le angolra. Ez jól esett. Amikor az izlandi fordítást kértem, Izlandon kívül más országokat is hozzáadtam. A Google a lefordított oldalakat is indexeli. Például az oldal: Az alapvető elektronikai eszközök immár tizenöt nyelven szerepelnek a Google-ban, és mindegyik nyelvnek megvan a maga URL-fordítása, címe és kulcsszavai. Ez növeli a látogatottsági statisztikákat is. A képen a 4. november 1-től december 2023-ig tartó látogatói szám látható, amelyen a weboldalt csak néhány hete fordították le az angolon kívüli nyelvekre.
A fordítás nagyon ésszerű és jó minőségű. A szakzsargont tartalmazó bekezdésekben előfordulnak olyan fordítási hibák, amelyeket néha „túl szó szerint” fordítanak, és így más jelentéssel bírnak. Példa erre a holland „karosszéria”. Angolul ezt „test”-nek fordítják. Így van. Az izlandi nyelven azonban valami hasonlóra fordítják, hogy „test”, de az ottani fordítás az „emberi testre” utal.
Szerencsére van lehetőség a fordítás módosítására. A fordításokat a programban lehet javítani, ami a weboldal egészében módosul. De a fordítás az egyes oldalakon mondatonként is módosítható. Az alábbi képen minden mondathoz egy ceruza látható. Ha rákattint, a fordítás módosítható.
Miután a ceruzára kattintott az egyik mondathoz, megjelenik egy felugró ablak, amely tartalmazza az eredeti és a lefordított szöveget. A fordítás itt javítható. A fordítás azonnal kijavításra kerül, anélkül, hogy az eredeti (holland) szöveget érintené.
Az angol fordítás hosszú utat tett meg. Más nyelvekkel nehezebben megyek, mert ott gyengébbek a tudásom. Ezért arra kérem a webhelyem látogatóit, hogy jelentsék nekem a nyelvi és fordítási hibákat. Ezt azonnal kijavítom a kérdéses oldalon vagy a teljes webhelyen, ha egy szóról van szó, amely több oldalon is szerepel. Ha érdekli, megbeszélheti a fent bemutatott fordítóprogram elérésének lehetőségeit. Felveheti velem a kapcsolatot a kapcsolatfelvételi űrlapon keresztül. Az izlandi tanár hálásan használja a weboldalt óráin, és maga tudja lefordítani a szövegeket. Ebből ő, kollégái és diákjai (de én is) profitálnak. Szeretném felajánlani ezt a lehetőséget más országok felhasználóinak (lehetőleg autótechnológiai tanároknak, vagy az autóiparban dolgozó és a nyelvészetben jártas embereknek).
