You dont have javascript enabled! Please enable it!

За автора и сайта

Предмети:

  • За автора
  • Относно уебсайта
  • Как започна всичко: HTML и Frontpage
  • Поглед зад кулисите на WordPress
  • Сървърът
  • вертикализиране

За автора:
Казвам се Марко ван Вайк, на 35 години и живея в района на Ротердам. Цял живот съм бил луд по всичко, което е свързано с колите. На 16 години вече работех в гаража като чирак-механик. За десетте години, в които работих като механик в сервизите на VAG и BMW, завърших курсовете за обучение на механици до ниво 4 технически специалист. Работя като учител по техника на МПС от 2015г. През 2018 г. получих титлата бакалавър на науките в HTS Autotechniek в Арнхем след завършване на автомобилния курс на HBO (задочен).
Пазя топли спомени от това обучение, с трайно чувство на удовлетворение.

В допълнение към работата ми като учител и автор на този уебсайт, обичам да пиша статии в AMT и ще ме намерите като водещ на сесии за знания в AMT-live.

За уебсайта:
През 2005 г. започнах да експериментирам със създаването на уебсайтове. Настоящият уебсайт датира от 2009 г. Оттогава има много промени, както в дизайна, така и в съдържанието. Този уебсайт става все по-популярен и ще продължи да расте по отношение на теми и информация. В момента уебсайтът съдържа повече от 350 страници, пълни с информация. Днес получаваме средно 100.000 XNUMX уникални показвания на страници на месец. Уеб сайтът го разработих сам и го управлявам изцяло. Проектирах темата, написах всички страници, снимах или нарисувах много от изображенията сам и тя работи на моя собствен сървър, разположен в офиса ми у дома. На тази страница искам да покажа как уебсайтът се разрасна през последните години до това, което е днес и какво се случва на заден план.

Целта на този уебсайт е да предостави на хората, интересуващи се от автомобилни технологии, представа за това как работят определени части и системи. Много информация не може да бъде намерена другаде в Google, често без изображения и обикновено все още не е налична на нидерландски. С този уебсайт искам да направя колкото се може повече автомобилна техническа информация достъпна онлайн. Сайтът е пригоден за нива от 2 до 4 от курсовете за обучение на механици MBO. Уебсайтът е подходящ и за студенти, които преминават от HAVO/VWO към HBO машинно инженерство или автомобилно инженерство.

Съзнателно избрах да не показвам реклами, защото се дразня от уебсайтове, където има повече реклами, отколкото текст и трябва да кликвате далеч от всичко. Смятам, че показването на реклами замърсява моя уебсайт. Ето защо не се изискват тракери или бисквитки и аз съм един от малкото уебсайтове, които не трябва да показват известие за бисквитки, където всеки посетител трябва да се съгласи с правилата и условията.

Освен това поддържам уебсайта свободно достъпен за всички. Не използвам никакви системи за плащане или вход, за да получа достъп до уебсайта. Този сайт е просто напълно безплатен и ще остане такъв и в бъдеще. Допълнително предимство е, че за мен също е по-лесно да получа разрешение от производителите на автомобили да използвам техните изображения, тъй като нямам финансови интереси и много производители подкрепят образованието.

Ако откриете правописни или граматически грешки в текста, моля попълнете формата за контакт. По този начин мога да коригирам това бързо и лесно. Това разбира се важи и ако имате допълнения за конкретна тема.

Как започна всичко: HTML и Frontpage: От първите концепции до уебсайта, който беше заменен от текущата версия през март 2019 г., използвахме програмата Microsoft FrontPage 2003.

Създадохме HTML страници с помощта на FrontPage. Резултатът от HTML кодовете може да се види в прозореца за проектиране. Уебсайтът се състоеше от четири рамки:

  1. Най-горе (заглавка)
  2. Връзки (меню)
  3. Право (речник)
  4. Средно (съдържанието на сайта)

Така че, за да отворите сайта, четири отделни HTML страници бяха заредени в рамките. Когато посетител не попадне на страницата index.htm чрез търсачка, а директно на страницата, която търси, се показва само тази рамка. Околните менюта не бяха показани. В този случай само синята страница се показваше на целия екран и менютата с бутони наоколо липсваха.

Функцията за търсене също използва сложен (интегриран) метод чрез Google и нямаше мобилна поддръжка, така че беше създадена втора индексна страница, която автоматично се превключваше при посещение на сайта с телефон или таблет. Това често вървеше добре, но не винаги. „В миналото“ HTML сайт с рамки беше популярен, но днес едва ли ще видите това някъде. Знанията, които придобих със самостоятелно компилираните HTML кодове, все още ми помагат днес при актуализирането на текущия уебсайт.

Поглед зад кулисите на WordPress:
Базираният на HTML уебсайт беше напълно преобразуван в популярната WordPress CMS през март 2019 г. Някои посетители първо трябваше да свикнат с новата навигационна структура, но като цяло получих положителни отговори.
С течение на времето внедрих все повече и повече промени, които правят навигацията по-лесна и ясна.

Със сайта в модерната WordPress CMS, сайтът се подобри в много области:

  • Интерфейсът е елегантен и придава представителен външен вид;
  • По-лесно актуализиране на статии;
  • Удобен за таблети и мобилни устройства (автоматично се адаптира към размера на екрана), така че няма отделен мобилен уебсайт;
  • Промяна в менюто и/или интерфейса на една страница автоматично се отразява на всички страници;
  • Удобен за SEO (търсачка);
  • Приставките позволяват много полезни функции: интерактивни бутони, търсене, архивиране и сигурност, автоматично превъртане и др.

Следващото изображение показва преглед на страницата в WordPress. Всички страници могат да се търсят и променят от този екран, без да се отваря уеб интерфейса.

Всички страници на уебсайта са създадени в Elementor. Следното изображение показва екрана на редактора на Elementor. Текстовият редактор може да се види отляво, а изгледът на живо отдясно. След като щракнете върху „Актуализиране“ в долната част, промените веднага ще се появят онлайн. Можете също да изберете първо да запазите страницата като чернова или частна, преди да я публикувате онлайн.

В допълнение към текстовия редактор, Elementor предлага и различни интерактивни опции. Един от тях е така нареченият „Призив към действие“. Тази функция създава интерактивен бутон, който познаваме от началната страница и в категориите, които могат да бъдат отворени от менютата. 

През 2021 г. възникнаха все повече и повече проблеми със съвместимостта между моята WordPress тема и модерните плъгини и уеб браузъри. Темата не беше много популярна, така че вече не беше правилно поддържана или разработена след няколко години на пускане. Тъй като темата определя външния вид на уебсайта, преминаването към друга тема не е лесно и също нежелателно. През януари 2022 г. експериментирах с инструмента за създаване на страници на Elementor и обикновена тема: „Здравей, Elementor“. С тази тема в комбинация с инструмента за създаване на страници, аз съм сигурен за актуализации, както във външния вид, така и в сигурността, и имам още повече опции за персонализиране на интерфейса, който в други теми беше заключен от разработчиците. В стандартните теми на WordPress определени настройки не могат или почти не могат да бъдат променени. След ден на експериментиране бях убеден: замених старата тема с моя собствена тема. Имах го онлайн в рамките на няколко часа и в следващите дни направих малки подобрения въз основа на обратна връзка от хората около мен.

Със създателя на теми на Elementor можете да създадете своя собствена тема и да я конфигурирате изцяло според вашите предпочитания. Всеки ъгъл, бутон, сянка на кутия, цвят и анимации могат да бъдат пригодени към вашите собствени желания по безброй начини. Възможностите са безкрайни. Изображението по-долу показва опциите за настройка на цвета на главното меню. С този създател на теми дисплеят на настолен компютър (и лаптоп), таблет и мобилен телефон може да се настрои по желание. По този начин могат да се постигнат най-оптималните настройки за всички устройства.

Това, което най-много ме притеснява в други сайтове, са изскачащите прозорци, известията за бюлетини и искането за активиране на известия, върху които винаги трябва да се щракне. И не забравяйте ярките реклами. Това ме накара да реша сам да разглеждам с рекламен блокер и да не участвам. Ще поддържам уебсайта си възможно най-„чист“, като включа възможно най-малко разсейващи елементи. Въпреки че има опции да направя сайта много атрактивен с малко усилия с анимации и цветни страници, аз избирам много нюанси на сивото и възможно най-малко декорации, които хората често не търсят. Белите страници с тъмен до светло сив фон от двете страни осигуряват приятен контраст и заедно с избрания шрифт правят текстовете лесни за четене. Сайтът е подходящ за квадратни настолни компютърни екрани от 17 инча, тъй като този размер на екрана все още е често срещан в гаражи и училища през 2023 г. Лаптопите използват висока разделителна способност, така че сайтът може да бъде посетен с 14-инчов лаптоп, без лентата с менюта да превключва в друг режим, като десните бутони се преместват през тесния екран до втория ред. Този интерфейс е създаден чрез много експерименти и обратна връзка от посетителите. Информативният характер с добре координирана навигация е по-важен от гладкия външен вид, който повечето посетители оценяват.

Сървърът:
Евтините хостинг страни с пакети за уеб хостинг на конкурентни цени не се интересуват от уебсайтове, които изискват много изчислителна мощност от сървъра, защото споделяте един и същ SSD/CPU и RAM със стотици други клиенти. Потреблението на данни от 120 до 130 GB на месец също е обичайно за този уебсайт, което не е позволено при стандартен пакет от няколко десетки евро. Такава страна може да избере да намали производителността на уебсайтове, които използват много ресурси, или да изисква от вас да закупите скъп VPS.

Дълго време се колебаех дали да поставя този уебсайт на VPS, за да може да се постигне оптимална производителност и да имам контрол върху определени настройки. Добрият VPS е скъп и започнах да мисля за алтернатива: да хоствам сайта сам (у дома).

През пролетта на 2020 г. купих млад употребяван сървър на конкурентна цена. Осигурих това с необходимите хардуерни надстройки и научих как да използвам настройките в BIOS; те се различават много от тези на потребителския компютър. Също така създадох мрежа в собствения си дом, за да свържа сървъра. Скоростта на оптичната връзка е 1 гигабит надолу и качване, което е повече от достатъчно за хостване на няколко натоварени уебсайта.

През октомври 2020 г. инсталирах сървъра с CentOS като операционна система (сега заменена, повече за това по-късно) и Cpanel като контролен панел.
След няколко часа подготовка, сайтът беше преместен от сървъра в центъра за данни на домашния сървър с натискането на един бутон. Този процес премина много гладко. До момента на писане (три години след инсталирането) не са възникнали проблеми.

Сървърът, на който се намирате в момента, е показан на двете изображения по-долу.

Изображения по-горе: сървърът е HP ProLiant ML350p Generation 8. Зад капака е DVD плейърът с превключвател за включване на сървъра и четири USB порта отдолу. В долната част има четири диска, а именно: 2x SSD (вляво) и 2x HDD (вдясно). Уеб сайтът се зарежда от SSD. Архивите се съхраняват на твърдите дискове всяка вечер. SSD и HDD са в Raid огледало (RAID 1). При повреда на твърдия диск мога да го заменя с резервен, без да се налага да изключвам сървъра. След смяна на диск, данните се прехвърлят автоматично.

Изображение по-долу: След като свалихме страничния капак и пластмасовата пластина на въздуховода, виждаме четири големи вентилатора с дънната платка до тях.

Сървърът е оборудван с процесор Xeon E5-2690 (2,9 GHz). Това е 8-ядрен процесор с 16 нишки. Той работи в енергоспестяващ режим с тактова честота малко над 1 Ghz, което по отношение на производителността на уебсайта и управлението на сървъра не отстъпва на настройката в режим на максимална производителност, където тактовата честота в този режим на производителност се увеличава до 2,9 GHz. Единствената разлика беше забележима в отделянето на топлина и консумацията на енергия. Добрата производителност при ниска тактова честота е възможна благодарение на големия брой процесорни ядра. В допълнение, банките с памет вече са запълнени с общо 12x 4 GB ECC модула с памет, което дава общо 48 GB памет в четири канала. Разбира се, това е пресилено, но мисля, че го прави устойчив на бъдещето.

През лятото на 2022 г. замених операционната система CentOS с AlmaLinux поради съобщението, че CentOS скоро вече няма да се поддържа. Популярният Cpanel е инсталиран на AlmaLinux: това е програмата, която прави възможно хостването на уебсайта. Екранната снимка по-долу показва контролния панел. Всяка седмица проверявам наличните актуализации (Cpanel, помощни програми или ядро) и проверявам натоварването.

Превод:
Както може би сте забелязали, долният колонтитул (в долната част на уебсайта) съдържа колона с флагове, в които уебсайтът може да бъде преведен. Преводът е възможен чрез плъгин в WordPress, използващ така наречения невронен машинен превод (NMT) и изкуствен интелект (AI). Връзката между невронния машинен превод и AI се крие във факта, че NMT е специфично приложение на AI, което използва машинен интелект за разбиране и ефективен превод на човешки език.

Предприех стъпката да преведа уебсайта поради следните причини:

  • Студентите по автомобилно инженерство с NT2 (нидерландски като втори език) се радват да се консултират с идентично преведена страница на родния си език, докато учат. Ако разбират работата на част или система на техния „собствен“ език, също така е по-лесно да научат обяснението на холандски;
  • В някои страни предлагането на технически учебни материали за автомобили е оскъдно. В Исландия, например, учениците имат достъп само до учебни материали на английски език. Хубаво е както за учителя, така и за ученика да могат да търсят учебния материал на собствения си език. Учителят от Исландия, с когото контактувам, също казва: „Постоянно обяснявам превода на исландски, защото в автосервизите частите не се споменават и записват на английски, а на исландски. Хубаво е да можеш да четеш текст с технически език на исландски”;
  • както може би сте прочели в първия параграф, писането на статии е моето хоби. Опцията за превод ми позволява да достигна до по-голяма аудитория.

Преведох уебсайта на английски през пролетта на 2023 г. Това мина добре. Когато поисках превод на исландски, добавих и други държави в допълнение към Исландия. Google също така индексира преведените страници. Например страницата: Basic electronics вече е включена в Google на петнадесет езика, като всеки език има свой собствен URL превод, заглавие и ключови думи. Това също така увеличава статистиката на посетителите. Изображението показва броя на посетителите от 4 ноември до 1 декември 2023 г., при които уебсайтът е преведен на езици, различни от английски само за няколко седмици.

Преводът е от много разумно до високо качество. В параграфи, съдържащи технически жаргон, се правят грешки в превода, които понякога се превеждат „твърде буквално“ и следователно имат различно значение. Пример за това е холандската „каросерия“. На английски това се превежда като „тяло“. Това е правилното. Въпреки това, на исландски също се превежда като нещо подобно на „тяло“, но преводът там се отнася до „човешко тяло“.

За щастие има възможност за коригиране на превода. Преводите могат да бъдат коригирани в програмата, която ще се променя в целия уебсайт. Но преводът може да се коригира и по изречение на отделните страници. Изображението по-долу показва молив за всяко изречение. При щракване преводът може да бъде променен.

След като щракнете върху молива за едно от изреченията, ще се появи изскачащ прозорец, съдържащ оригиналния и преведен текст. Преводът може да бъде коригиран тук. Преводът се коригира незабавно, без да се засяга оригиналният (холандски) текст.

Английският превод измина дълъг път. Имам повече затруднения с други езици, защото познанията ми там са по-малко. Ето защо моля посетителите на моя уебсайт да ми съобщават за грешки в езика и превода. Ще коригирам това незабавно на въпросната страница или на целия уебсайт, ако се отнася за една дума, която се появява на няколко страници. Ако се интересувате, опциите за достъп до програмата за превод, показана по-горе, могат да бъдат обсъдени. Можете да се свържете с мен чрез формата за контакт. Учителят от Исландия с благодарност използва уебсайта в уроците си и може сам да превежда текстовете. Той, неговите колеги и студенти (но и аз) печелят от това. Също така искам да предложа тази опция на потребители (за предпочитане учители по автомобилни технологии или хора, които работят в автомобилната индустрия и са добре запознати с лингвистиката) от други страни.