Предмети:
- Про автора
- Про сайт
- Як все починалося: 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 машинобудування або автомобілебудування.
Я свідомо вирішив не показувати рекламу, тому що мене дратують веб-сайти, де більше реклами, ніж тексту, і вам потрібно клацати подалі від усього. Я вважаю, що показ реклами забруднює мій веб-сайт. Ось чому не потрібні трекери чи файли cookie, і я один із небагатьох веб-сайтів, де не потрібно показувати сповіщення про файли cookie, де кожен відвідувач має погодитися з умовами використання.
Крім того, я зберігаю веб-сайт у вільному доступі для всіх. Я не використовую жодних систем оплати або входу для отримання доступу до веб-сайту. Цей сайт просто абсолютно безкоштовний і залишатиметься таким у майбутньому. Додатковою перевагою є те, що мені також легше отримати дозвіл від виробників автомобілів на використання їхніх зображень, оскільки я не маю фінансових інтересів, а багато виробників підтримують навчання.
Якщо ви виявили орфографічні або граматичні помилки в тексті, будь ласка, заповніть контактну форму. Таким чином я можу швидко й легко виправити це. Це, звичайно, також стосується, якщо у вас є доповнення до певної теми.
Як все починалося: HTML і головна сторінка: З перших концепцій і до веб-сайту, який був замінений на поточну версію в березні 2019 року, ми використовували програму Microsoft FrontPage 2003.
Ми створили HTML-сторінки за допомогою FrontPage. Результат кодів HTML можна переглянути у вікні дизайну. Сайт складався з чотирьох фреймів:
- Верх (заголовок)
- Посилання (меню)
- Правильно (словник)
- Середина (контент сайту)
Щоб відкрити сайт, у фрейми було завантажено чотири окремі HTML-сторінки. Коли відвідувач потрапив не на сторінку index.htm через пошукову систему, а безпосередньо на сторінку, яку він шукав, відображався лише цей кадр. Навколишні меню не відображалися. У цьому випадку на весь екран відображалася лише синя сторінка, а меню з кнопками навколо були відсутні.
Функція пошуку також використовувала складний (інтегрований) метод через Google, і не було підтримки мобільних пристроїв, тому була створена друга сторінка індексу, на яку автоматично перемикався під час відвідування сайту за допомогою телефону чи планшета. Часто це йшло добре, але не завжди. «У минулому» HTML-сайт із фреймами був популярним, але зараз ви майже ніде не побачите такого. Знання, які я отримав за допомогою самостійно скомпільованих HTML-кодів, досі допомагають мені сьогодні в оновленні поточного веб-сайту.
Погляд за лаштунки WordPress:
Веб-сайт на основі HTML було повністю перетворено на популярну CMS WordPress у березні 2019 року. Деяким відвідувачам спочатку довелося звикнути до нової структури навігації, але загалом я отримав позитивні відповіді.
Згодом я також впровадив усе більше змін, які роблять навігацію легшою та зрозумілішою.
Завдяки створенню сайту в сучасній CMS WordPress сайт покращився в багатьох сферах:
- Інтерфейс елегантний і надає репрезентативний вигляд;
- Легше оновлювати статті;
- Зручний для планшетів і мобільних пристроїв (автоматично адаптується до розміру екрана), тому немає окремого мобільного веб-сайту;
- Зміна меню та/або інтерфейсу однієї сторінки автоматично відображається на всіх сторінках;
- дружній до SEO (пошукової системи);
- Плагіни надають багато корисних функцій: інтерактивні кнопки, пошук, резервне копіювання та безпека, автопрокручування тощо.
На наступному зображенні показано огляд сторінки в WordPress. Усі сторінки можна шукати та змінювати з цього екрана, не відкриваючи веб-інтерфейс.
Усі сторінки веб-сайту створені в Elementor. На наступному зображенні показано екран редактора Elementor. Текстовий редактор можна побачити ліворуч, а живий перегляд праворуч. Після натискання «Оновити» внизу зміни негайно з’являться в Інтернеті. Ви також можете вибрати спочатку зберегти сторінку як чернетку або приватну перед публікацією в Інтернеті.
Окрім текстового редактора, Elementor також пропонує різні інтерактивні опції. Одним з них є так званий «Заклик до дії». Ця функція створює інтерактивну кнопку, яку ми знаємо з головної сторінки та в категоріях, які можна відкрити з меню.
У 2021 році виникало все більше проблем із сумісністю між моєю темою WordPress і сучасними плагінами та веб-браузерами. Тема не була дуже популярною, тому через кілька років випуску її більше не підтримували та не розвивали. Оскільки тема визначає зовнішній вигляд веб-сайту, перейти на іншу тему нелегко, а також небажано. У січні 2022 року я поекспериментував із конструктором сторінок Elementor і простою темою: «Привіт, Elementor». Завдяки цій темі в поєднанні з конструктором сторінок я впевнений у оновленнях як зовнішнього вигляду, так і безпеки, і я маю ще більше можливостей для налаштування інтерфейсу, які в інших темах були заблоковані розробниками. У стандартних темах WordPress певні налаштування неможливо або майже не можна змінити. Після дня експериментів я переконався: я замінив стару тему на свою. За кілька годин він був у мережі, а в наступні дні я зробив невеликі покращення на основі відгуків людей навколо мене.
За допомогою конструктора тем Elementor ви можете створити власну тему та налаштувати її на свій смак. Кожен куточок, кнопку, тінь коробки, колір і анімацію можна адаптувати до ваших власних побажань безліччю способів. Можливості безмежні. На зображенні нижче показано параметри налаштування кольору головного меню. За допомогою цього конструктора тем дисплей настільного комп’ютера (і ноутбука), планшета та мобільного телефону можна налаштувати за бажанням. Таким чином можна досягти найбільш оптимальних налаштувань для всіх пристроїв.
Що мене найбільше турбує на інших сайтах, так це спливаючі вікна, сповіщення про інформаційні бюлетені та прохання ввімкнути сповіщення, які завжди потрібно клацати. І не забувайте про яскраву рекламу. Це змусило мене самостійно переглядати веб-сторінки за допомогою блокувальника реклами та не брати участі. Я буду підтримувати свій веб-сайт якомога «чистішим», включаючи якомога менше відволікаючих елементів. Хоча є варіанти зробити сайт дуже привабливим з невеликими зусиллями за допомогою анімації та барвистих сторінок, я вибираю багато відтінків сірого та якомога менше прикрас, чого люди часто не шукають. Білі сторінки з темним або світло-сірим фоном з обох боків створюють гарний контраст і разом із обраним шрифтом роблять тексти легкими для читання. Сайт підходить для квадратних екранів настільних комп’ютерів від 17 дюймів, оскільки цей розмір екрану все ще поширений у гаражах та школах у 2023 році. Ноутбуки використовують високу роздільну здатність, тому сайт можна відвідувати за допомогою 14-дюймового ноутбука без переходу панелі меню в інший режим, а праві кнопки переміщуються через вузький екран у другий рядок. Цей інтерфейс було створено шляхом багатьох експериментів і відгуків відвідувачів. Інформативність зі злагодженою навігацією важливіша за вишуканий зовнішній вигляд, який цінує більшість відвідувачів.
Сервер:
Сторони дешевого хостингу з пакетами веб-хостингу за конкурентоспроможною ціною не зацікавлені у веб-сайтах, які потребують великої обчислювальної потужності від сервера, оскільки ви користуєтеся одним і тим же SSD / ЦП і оперативною пам’яттю з сотнями інших клієнтів. Споживання даних від 120 до 130 ГБ на місяць також є звичайним для цього веб-сайту, що не допускається зі стандартним пакетом у кілька десятків євро. Така сторона може знизити продуктивність веб-сайтів, які використовують багато ресурсів, або вимагати від вас придбати дорогий VPS.
Я довго вагався щодо розміщення цього веб-сайту на VPS, щоб можна було досягти оптимальної продуктивності та мати контроль над певними налаштуваннями. Хороший VPS коштує дорого, і я почав думати про альтернативу: розмістити сайт самостійно (вдома).
Навесні 2020 року я купив молодий вживаний сервер за конкурентоспроможною ціною. Я забезпечив це необхідним оновленням апаратного забезпечення та навчився використовувати налаштування в BIOS; вони дуже відрізняються від споживчих ПК. Я також створив мережу у своєму будинку, щоб підключити сервер. Швидкість оптоволоконного з’єднання становить 1 гігабіт при з’єднанні та завантаженні, що більш ніж достатньо для розміщення кількох завантажених веб-сайтів.
У жовтні 2020 року я встановив сервер із CentOS як операційною системою (зараз замінено, про це пізніше) та Cpanel як панеллю керування.
Після кількох годин підготовки сайт було перенесено з сервера в центрі обробки даних на домашній сервер одним натисканням кнопки. Цей процес пройшов дуже гладко. До моменту написання статті (через три роки після інсталяції) проблем не виникало.
Сервер, на якому ви зараз перебуваєте, показаний на двох зображеннях нижче.
Зображення вище: сервер — це HP ProLiant ML350p Generation 8. За кришкою знаходиться DVD-програвач із перемикачем для ввімкнення сервера та чотирма USB-портами під ним. Внизу є чотири накопичувачі, а саме: 2x SSD (ліворуч) і 2x HDD (праворуч). Веб-сайт завантажується з SSD. Резервні копії зберігаються на жорстких дисках щовечора. Твердотільні та жорсткі диски знаходяться в дзеркалі Raid (RAID 1). У разі виходу з ладу жорсткого диска я можу замінити його на запасний без необхідності вимикати сервер. Після зміни диска дані передаються автоматично.
Зображення нижче: Знявши бічну кришку і пластикову пластину повітропроводу, ми бачимо чотири великих вентилятора з материнською платою поруч.
Сервер оснащений процесором Xeon E5-2690 (2,9 ГГц). Це 8-ядерний процесор з 16 потоками. Він працює в енергозберігаючому режимі з тактовою частотою трохи більше 1 ГГц, що з точки зору продуктивності веб-сайту та керування сервером не поступається налаштуванню в режимі максимальної продуктивності, де тактова частота в цьому режимі продуктивності зростає до 2,9 ГГц. Єдина різниця була помітна у виділенні тепла та споживанні енергії. Хороша продуктивність при низькій тактовій частоті можлива завдяки великій кількості ядер процесора. Крім того, банки пам’яті тепер заповнено загалом 12 модулями пам’яті ECC по 4 ГБ, що дає загалом 48 ГБ пам’яті в чотирьох каналах. Звичайно, це надмірно, але, я думаю, це робить його перспективним.
Влітку 2022 року я замінив операційну систему CentOS на AlmaLinux через повідомлення про припинення підтримки CentOS. На AlmaLinux встановлено популярну Cpanel: це програма, яка робить можливим розміщення веб-сайту. На знімку екрана нижче показано панель керування. Щотижня я перевіряю доступні оновлення (Cpanel, утиліти чи ядро) і перевіряю завантаження.
Переклад:
Як ви могли помітити, нижній колонтитул (у нижній частині веб-сайту) містить стовпець прапорів, у які веб-сайт можна перекласти. Переклад стає можливим завдяки плагіну WordPress, який використовує так званий нейронний машинний переклад (NMT) і штучний інтелект (AI). Взаємозв’язок між нейронним машинним перекладом і штучним інтелектом полягає в тому, що NMT є специфічним застосуванням штучного інтелекту, яке використовує машинний інтелект для розуміння та ефективного перекладу людської мови.
Я зробив крок для перекладу веб-сайту з наступних причин:
- Студенти автомобільної інженерії з NT2 (голландська як друга мова) із задоволенням переглядають ідентичну перекладену сторінку рідною мовою під час навчання. Якщо вони розуміють роботу частини або системи своєю «власною» мовою, їм також легше вивчити пояснення голландською;
- У деяких країнах не вистачає технічних навчальних матеріалів для автомобілів. В Ісландії, наприклад, учні мають доступ лише до навчальних матеріалів англійською мовою. І для вчителя, і для студента приємно мати можливість шукати матеріал курсу своєю мовою. Вчитель з Ісландії, з яким я спілкуюся, також каже: «Я постійно пояснюю переклад на ісландську, тому що в автомайстернях деталі згадують і записують не англійською, а ісландською. Приємно мати можливість читати текст технічною мовою ісландською”;
- як ви могли прочитати в першому абзаці, написання статей є моїм хобі. Варіант перекладу дозволяє охопити більшу аудиторію.
Я переклав сайт англійською навесні 2023 року. Це пройшло добре. Коли запитував ісландський переклад, я також додав інші країни, окрім Ісландії. Google також індексує перекладені сторінки. Наприклад, сторінка: Basic electronics тепер включена в Google п’ятнадцятьма мовами, кожна з яких має власний переклад URL-адреси, заголовок і ключові слова. Це також збільшує статистику відвідувачів. На зображенні показано кількість відвідувачів з 4 листопада по 1 грудня 2023 року, коли веб-сайт був перекладений іншими мовами лише протягом кількох тижнів.
Переклад від дуже розумної до високої якості. У абзацах, що містять технічний жаргон, допускаються помилки перекладу, які іноді перекладаються «надто буквально» і, отже, мають інше значення. Прикладом цього є голландський «кузов». Англійською це перекладається як «тіло». Це правильно. Однак ісландською мовою це також перекладається як щось схоже на «тіло», але там переклад стосується «тіла людини».
На щастя, є можливість налаштувати переклад. Переклади можна виправляти в програмі, яка буде змінюватися на всьому сайті. Але переклад також можна коригувати для кожного речення на окремих сторінках. На зображенні нижче показано олівець для кожного речення. Після натискання переклад можна змінити.
Після натискання олівця для одного з речень з’явиться спливаюче вікно з оригінальним і перекладеним текстом. Переклад можна виправити тут. Переклад виправляється негайно, не впливаючи на оригінальний (голландський) текст.
Англійський переклад пройшов довгий шлях. Мені складніше з іншими мовами, тому що я знаю там менш широко. Ось чому я прошу відвідувачів мого сайту повідомляти мені про мовні помилки та помилки перекладу. Я негайно виправлю це на відповідній сторінці або на всьому веб-сайті, якщо це стосується одного слова, яке з’являється на кількох сторінках. Якщо ви зацікавлені, можна обговорити варіанти доступу до програми перекладу, наведеної вище. Ви можете зв'язатися зі мною через контактну форму. Вчитель з Ісландії із вдячністю користується сайтом на своїх уроках і може сам перекладати тексти. Від цього виграє він, його колеги та учні (але й я). Я також хочу запропонувати цю можливість користувачам (бажано вчителям автомобільних технологій, або людям, які працюють в автомобільній промисловості та добре розбираються в лінгвістиці) з інших країн.
