Emner:
- Om forfatteren
- Om nettstedet
- Hvordan det hele startet: HTML og Frontpage
- En titt bak kulissene til WordPress
- Serveren
- Oversettelse
Om forfatteren:
Mitt navn er Marco van Wijk, 35 år gammel og bor i Rotterdam-området. Hele livet har jeg vært gal etter alt som har med biler å gjøre. I en alder av 16 jobbet jeg allerede i garasjen som mekanikerlærling. I de ti årene jeg jobbet som mekaniker i VAG- og BMW-verkstedene, fullførte jeg mekanikerutdanningene opp til nivå 4 teknisk spesialist. Jeg har jobbet som lærer i motorkjøretøyteknologi siden 2015. I 2018 oppnådde jeg Bachelor of Science-tittelen ved HTS Autotechniek i Arnhem etter å ha fullført HBO automotive (deltid) kurset.
Jeg verner om varme minner fra denne treningen, med en varig følelse av tilfredshet.
I tillegg til arbeidet mitt som lærer og forfatter av denne nettsiden, liker jeg å skrive artikler i AMT og du vil finne meg som foredragsholder for kunnskapsøkter på AMT-live.
Om nettstedet:
I 2005 begynte jeg å eksperimentere med å lage nettsider. Den nåværende nettsiden er fra 2009. Siden den gang har det skjedd en rekke endringer, både i design og innhold. Denne nettsiden blir stadig mer populær og vil fortsette å vokse når det gjelder emner og informasjon. Nettstedet inneholder i dag mer enn 350 sider fulle av informasjon. I dag mottar vi i gjennomsnitt 100.000 XNUMX unike sidevisninger per måned. Jeg utviklet nettsiden selv og administrerer den fullt ut. Jeg designet temaet, skrev alle sidene, fotograferte eller tegnet mange av bildene selv, og det kjører på min egen server, som ligger på kontoret mitt hjemme. På denne siden ønsker jeg å vise hvordan nettsiden har vokst de siste årene til det den er i dag og hva som skjer i bakgrunnen.
Formålet med denne nettsiden er å gi folk som er interessert i bilteknologi innsikt i hvordan enkelte deler og systemer fungerer. Mye informasjon kan ikke finnes andre steder på Google, ofte uten bilder og vanligvis ikke tilgjengelig på nederlandsk ennå. Med denne nettsiden ønsker jeg å gjøre så mye bilteknisk informasjon som mulig tilgjengelig online. Siden er skreddersydd for nivå 2 til 4 av MBO-mekanikerkursene. Nettstedet passer også for studenter som går fra HAVO/VWO til HBO maskinteknikk eller bilteknikk.
Jeg valgte bevisst å ikke vise annonser, fordi jeg irriterer meg over nettsider hvor det er flere annonser enn tekst og man må klikke seg bort fra alt. Jeg anser visning av annonser som å forurense nettstedet mitt. Det er grunnen til at det ikke kreves sporere eller informasjonskapsler, og jeg er en av få nettsteder som ikke trenger å vise en informasjonskapselvarsling der hver besøkende må godta vilkårene og betingelsene.
Dessuten holder jeg nettstedet fritt tilgjengelig for alle. Jeg bruker ingen betalings- eller påloggingssystemer for å få tilgang til nettsiden. Denne siden er ganske enkelt helt gratis og vil forbli det i fremtiden. En ekstra fordel er at det også er lettere for meg å få tillatelse fra bilprodusentene til å bruke bildene deres, da jeg ikke har økonomiske interesser og mange produsenter støtter utdanning.
Hvis du oppdager stave- eller grammatiske feil i teksten, vennligst fyll ut kontaktskjemaet. På den måten kan jeg rette opp dette raskt og enkelt. Dette gjelder selvsagt også hvis du har tillegg til et spesifikt tema.
Hvordan det hele startet: HTML og Forside: Fra de aller første konseptene til nettstedet som ble erstattet av den nåværende versjonen i mars 2019, brukte vi programmet Microsoft FrontPage 2003.
Vi laget HTML-sider ved hjelp av FrontPage. Resultatet av HTML-kodene kunne sees i designvinduet. Nettstedet besto av fire rammer:
- Topp (overskrift)
- Lenker (meny)
- Høyre (ordbok)
- Midten (innholdet på nettstedet)
Så for å åpne siden ble fire separate HTML-sider lastet inn i rammene. Når en besøkende ikke havnet på index.htm-siden via en søkemotor, men direkte på siden han lette etter, ble bare den rammen vist. Menyene rundt ble ikke vist. I så fall var det kun den blå siden som ble vist over hele skjermen og menyene med knapper rundt manglet.
Søkefunksjonen brukte også en kompleks (integrert) metode via Google, og det var ingen mobilstøtte, så det ble opprettet en andre indeksside som automatisk ble byttet til når man besøkte siden med telefon eller nettbrett. Dette gikk ofte bra, men ikke alltid. "Tidligere" var et HTML-nettsted med rammer populært, men i dag ser du dette knapt noe sted. Kunnskapen jeg fikk med de egenkompilerte HTML-kodene hjelper meg fortsatt i dag med å oppdatere den nåværende nettsiden.
En titt bak kulissene til WordPress:
Det HTML-baserte nettstedet ble fullstendig konvertert til det populære WordPress CMS i mars 2019. Noen besøkende måtte først venne seg til den nye navigasjonsstrukturen, men totalt sett fikk jeg positive svar.
Over tid har jeg også implementert flere og flere endringer som gjør navigeringen enklere og tydeligere.
Med nettstedet i det moderne WordPress CMS, har nettstedet forbedret seg på mange områder:
- Grensesnittet er elegant og gir et representativt utseende;
- Enklere å oppdatere artikler;
- Nettbrett- og mobilvennlig (tilpasser seg automatisk skjermstørrelsen) så ingen egen mobilnettside;
- En endring i menyen og/eller grensesnittet på én side reflekteres automatisk på alle sider;
- SEO (søkemotor) vennlig;
- Plugins aktiverer mange nyttige funksjoner: interaktive knapper, søk, sikkerhetskopiering og sikkerhet, autoscroll, etc.
Følgende bilde viser sideoversikten i WordPress. Alle sider kan søkes etter og endres fra denne skjermen, uten å åpne nettgrensesnittet.
Alle sidene på nettsiden er laget i Elementor. Følgende bilde viser Elementor-redigeringsskjermen. Tekstredigeringsprogrammet kan sees til venstre og livevisningen til høyre. Etter å ha klikket "Oppdater" nederst, vil endringene umiddelbart vises online. Du kan også velge å først lagre siden som et utkast eller privat før du publiserer den på nettet.
I tillegg til tekstredigering tilbyr Elementor også ulike interaktive alternativer. En av disse er den såkalte "Call to Action". Denne funksjonen lager en interaktiv knapp som vi kjenner fra hjemmesiden og i kategoriene som kan åpnes fra menyene.
I 2021 oppsto flere og flere problemer med kompatibiliteten mellom WordPress-temaet mitt og moderne plugins og nettlesere. Temaet var ikke veldig populært, så det ble ikke lenger støttet eller utviklet etter noen år med utgivelse. Siden et tema bestemmer utseendet til nettstedet, er det ikke lett å bytte til et annet tema og også uønsket. I januar 2022 eksperimenterte jeg med Elementors sidebygger og et bare-bones-tema: "Hei Elementor". Med dette temaet i kombinasjon med sidebyggeren er jeg sikret oppdateringer, både i utseende og sikkerhet, og jeg har enda flere muligheter for å tilpasse grensesnittet som i andre temaer ble låst av utviklere. I standard WordPress-temaer kan visse innstillinger ikke eller vanskelig endres. Etter en dag med eksperimentering var jeg overbevist: Jeg byttet ut det gamle temaet med mitt eget tema. Jeg hadde den på nett i løpet av noen timer, og i dagene som fulgte gjorde jeg små forbedringer basert på tilbakemeldinger fra folk rundt meg.
Med Elementors temabygger kan du lage ditt eget tema og konfigurere det helt etter din smak. Hvert hjørne, knapp, boksskygge, farge og animasjoner kan skreddersys til dine egne ønsker på utallige måter. Mulighetene er endeløse. Bildet nedenfor viser innstillingsalternativene for hovedmenyfargen. Med denne temabyggeren kan visningen av skrivebordet (og bærbar PC), nettbrett og mobiltelefoner stilles inn etter ønske. På denne måten kan de mest optimale innstillingene oppnås for alle enheter.
Det som plager meg mest med andre sider er popup-vinduer, varslinger om nyhetsbrev og forespørselen om å aktivere varslinger, som alltid må klikkes bort. Og ikke glem de prangende reklamene. Dette har fått meg til å bestemme meg for å surfe med en adblocker selv og ikke delta. Jeg vil holde nettstedet mitt så "rent" som mulig ved å inkludere så få forstyrrende elementer som mulig. Selv om det er muligheter for å gjøre siden veldig attraktiv med liten innsats med animasjoner og fargerike sider, velger jeg mange gråtoner og så få dekorasjoner som mulig, som folk ofte ikke er ute etter. De hvite sidene med mørk til lys grå bakgrunn på begge sider gir en fin kontrast og gjør sammen med valgt skrift teksten lettlest. Siden er egnet for kvadratiske stasjonære dataskjermer fra 17 tommer, fordi denne skjermstørrelsen fortsatt er vanlig i garasjer og skoler i 2023. Bærbare datamaskiner bruker høy oppløsning, slik at nettstedet kan besøkes med en 14-tommers bærbar PC uten at menylinjen bytter til en annen modus, med de høyre knappene som beveger seg gjennom den smale skjermen til den andre raden. Dette grensesnittet ble opprettet gjennom mye eksperimentering og tilbakemeldinger fra besøkende. Den informative karakteren med godt koordinert navigasjon er viktigere enn et glatt utseende, noe de fleste besøkende setter pris på.
Serveren:
Billige hostingpartier med konkurransedyktig prisede webhotellpakker er ikke interessert i nettsider som krever mye datakraft fra serveren, fordi du deler samme SSD/CPU og RAM med hundrevis av andre kunder. Et dataforbruk på 120 til 130 GB per måned er også vanlig for denne nettsiden, noe som ikke er tillatt med en standardpakke på noen titalls euro. En slik part kan velge å redusere ytelsen til nettsider som bruker mye ressurser, eller kreve at du kjøper en dyr VPS.
Jeg hadde lenge nølt med å plassere denne nettsiden på en VPS, slik at optimal ytelse kunne oppnås og jeg ville ha kontroll over visse innstillinger. En god VPS er kostbar, og jeg begynte å tenke på et alternativ: å være vert for siden selv (hjemme).
Våren 2020 kjøpte jeg en konkurransedyktig priset ung brukt server. Jeg ga dette med de nødvendige maskinvareoppgraderingene og lærte hvordan du bruker innstillingene i BIOS; disse skiller seg veldig fra de på en forbruker-PC. Jeg opprettet også et nettverk i mitt eget hjem for å koble serveren til. Hastigheten på den fiberoptiske forbindelsen er 1 gigabit ned og opplasting, noe som er enda mer enn tilstrekkelig for å være vert for flere travle nettsider.
I oktober 2020 installerte jeg serveren med CentOS som operativsystem (nå erstattet, mer om det senere) og Cpanel som kontrollpanel.
Etter flere timers forberedelse ble siden flyttet fra serveren i datasenteret til hjemmeserveren ved å trykke på en knapp. Denne prosessen gikk veldig greit. Frem til skrivende stund (tre år etter installasjon) har det ikke oppstått problemer.
Serveren du er på vises i de to bildene nedenfor.
Bilder over: serveren er en HP ProLiant ML350p Generation 8. Bak dekselet er DVD-spilleren med bryteren for å slå på serveren og fire USB-porter under. Det er fire stasjoner nederst, nemlig: 2x SSD (venstre) og 2x HDD (høyre). Nettstedet er lastet fra SSD-ene. Sikkerhetskopier lagres på harddiskene hver natt. SSD-ene og HDD-ene er i Raid-speil (RAID 1). I tilfelle en harddiskfeil kan jeg erstatte den med en reserve uten å måtte slå av serveren. Etter å ha byttet en stasjon, overføres dataene automatisk.
Bildet nedenfor: Etter å ha fjernet sidedekselet og plastplaten til luftguiden, ser vi fire store vifter med hovedkortet ved siden av.
Serveren er utstyrt med en Xeon E5-2690 CPU (2,9 GHz). Dette er en 8-kjerners prosessor med 16 tråder. Den kjører i strømsparingsmodus med en klokkehastighet på litt over 1 Ghz, som med tanke på nettsideytelse og serveradministrasjon ikke er dårligere enn innstillingen i maksimal ytelsesmodus, hvor klokkehastigheten i denne ytelsesmodusen øker til 2,9 GHz. Den eneste forskjellen var merkbar i varmeutviklingen og energiforbruket. Den gode ytelsen med lav klokkehastighet er mulig takket være det store antallet prosessorkjerner. I tillegg er minnebankene nå fylt med totalt 12x 4 GB ECC-minnemoduler, noe som gir totalt 48 GB minne i quad-channel. Selvfølgelig er dette overkill, men jeg tror det gjør det fremtidssikkert.
Sommeren 2022 byttet jeg ut CentOS-operativsystemet med AlmaLinux på grunn av kunngjøringen om at CentOS snart ikke lenger vil bli støttet. Det populære Cpanel er installert på AlmaLinux: dette er programmet som gjør hosting av nettstedet mulig. Skjermbildet nedenfor viser kontrollpanelet. Hver uke sjekker jeg tilgjengelige oppdateringer (Cpanel, verktøy eller kjerne) og sjekker belastningen.
Oversettelse:
Som du kanskje har lagt merke til, inneholder bunnteksten (nederst på nettstedet) en kolonne med flagg som nettstedet kan oversettes til. Oversettelsen er muliggjort av en plugin i WordPress, ved bruk av såkalt neural machine translation (NMT) og kunstig intelligens (AI). Forholdet mellom nevral maskinoversettelse og AI ligger i det faktum at NMT er en spesifikk applikasjon av AI, som bruker maskinintelligens for å forstå og effektivt oversette menneskelig språk.
Jeg tok skrittet for å oversette nettstedet av følgende grunner:
- Bilingeniørstudenter med NT2 (nederlandsk som andrespråk) liker å konsultere en identisk oversatt side på morsmålet mens de studerer. Hvis de forstår driften av en del eller et system på sitt "eget" språk, er det også lettere å lære forklaringen på nederlandsk;
- I noen land er tilgangen på bilteknisk undervisningsmateriell knapp. På Island har studentene for eksempel kun tilgang til engelskspråklig undervisningsmateriell. Det er fint for både lærer og elev å kunne slå opp kursmateriellet på sitt eget språk. Læreren fra Island som jeg er i kontakt med sier også: «Jeg forklarer hele tiden oversettelsen til islandsk, for på bilverkstedene er ikke delene nevnt og skrevet ned på engelsk, men på islandsk. Det er fint å kunne lese en tekst med fagspråk på islandsk”;
- som du kanskje har lest i første avsnitt, er det å skrive artikler hobbyen min. Oversettelsesalternativet lar meg nå et større publikum.
Jeg oversatte nettsiden til engelsk våren 2023. Det gikk bra. Når jeg spurte om den islandske oversettelsen, la jeg også til andre land i tillegg til Island. Google indekserer også de oversatte sidene. For eksempel siden: Grunnleggende elektronikk er nå inkludert i Google på femten språk, der hvert språk har sin egen URL-oversettelse, tittel og nøkkelord. Dette øker også besøksstatistikken. Bildet viser besøkstallene fra 4. november til 1. desember 2023, hvor nettstedet kun har blitt oversatt til andre språk enn engelsk i noen uker.
Oversettelsen er av meget rimelig til høy kvalitet. I avsnitt som inneholder teknisk sjargong, gjøres det oversettelsesfeil som noen ganger blir oversatt "for bokstavelig" og dermed har en annen betydning. Et eksempel på dette er det nederlandske "karosseriet". På engelsk er dette oversatt til "kropp". Det er riktig. På islandsk er det imidlertid også oversatt til noe som ligner "kropp", men oversettelsen der refererer til "menneskekroppen".
Heldigvis er det mulighet for å justere oversettelsen. Oversettelser kan rettes i programmet, som vil bli endret på hele nettsiden. Men oversettelsen kan også justeres per setning på de enkelte sidene. Bildet nedenfor viser en blyant for hver setning. Når du klikker, kan oversettelsen endres.
Etter å ha klikket på blyanten for en av setningene, vises en popup som inneholder den originale og oversatte teksten. Oversettelsen kan korrigeres her. Oversettelsen korrigeres umiddelbart, uten å påvirke den originale (nederlandske) teksten.
Den engelske oversettelsen har kommet langt. Jeg har vanskeligere med andre språk, fordi min kunnskap der er mindre omfattende. Derfor ber jeg besøkende på nettstedet mitt om å rapportere språk- og oversettelsesfeil til meg. Jeg retter dette umiddelbart på den aktuelle siden eller på hele nettsiden dersom det gjelder ett ord som vises på flere sider. Hvis du er interessert, kan alternativene for tilgang til oversettelsesprogrammet vist ovenfor diskuteres. Du kan kontakte meg via kontaktskjemaet. Læreren fra Island bruker takknemlig nettsiden i timene og kan oversette tekstene selv. Dette har han, kollegene og studentene (men også jeg) nytte av. Jeg ønsker også å tilby dette alternativet til brukere (fortrinnsvis bilteknologilærere, eller personer som jobber i bilindustrien og er godt bevandret i lingvistikk) fra andre land.
