المواضيع:
- عن المؤلف
- حول الموقع
- كيف بدأ كل شيء: HTML وFrontpage
- نظرة خلف الكواليس في ووردبريس
- الخادم
- رأسي
عن المؤلف:
اسمي ماركو فان فيك، عمري 35 عامًا وأعيش في منطقة روتردام. طوال حياتي كنت مجنونًا بكل ما يتعلق بالسيارات. عندما كنت في السادسة عشرة من عمري، كنت أعمل بالفعل في المرآب كميكانيكي مبتدئ. في السنوات العشر التي عملت فيها كميكانيكي في مرآب VAG وBMW، أكملت دورات التدريب الميكانيكي حتى المستوى الرابع الفني المتخصص. أعمل كمدرس لتكنولوجيا السيارات منذ عام 16. في عام 4، حصلت على لقب بكالوريوس العلوم في HTS Autotechniek في أرنهيم بعد إكمال دورة HBO للسيارات (بدوام جزئي).
أعتز بذكريات هذا التدريب الدافئة، مع شعور دائم بالرضا.
بالإضافة إلى عملي كمدرس ومؤلف لهذا الموقع، فإنني أستمتع بكتابة المقالات في AMT وستجدني كمقدم لجلسات المعرفة في AMT-live.
حول الموقع:
في عام 2005 بدأت تجربة إنشاء مواقع الويب. يعود تاريخ الموقع الحالي إلى عام 2009. ومنذ ذلك الحين حدثت تغييرات عديدة، سواء في التصميم أو المحتوى. أصبح هذا الموقع ذو شعبية متزايدة وسيستمر في النمو من حيث المواضيع والمعلومات. يحتوي الموقع حاليًا على أكثر من 350 صفحة مليئة بالمعلومات. اليوم، في المتوسط، نتلقى 100.000 مشاهدة فريدة للصفحة شهريًا. لقد قمت بتطوير الموقع بنفسي وأديره بشكل كامل. لقد صممت الموضوع، وكتبت كل الصفحات، وصورت أو رسمت العديد من الصور بنفسي، وهي تعمل على الخادم الخاص بي، الموجود في مكتبي في المنزل. أريد في هذه الصفحة أن أوضح كيف تطور موقع الويب في السنوات الأخيرة إلى ما هو عليه اليوم وما يحدث في الخلفية.
الغرض من هذا الموقع هو تزويد الأشخاص المهتمين بتكنولوجيا السيارات بنظرة ثاقبة حول كيفية عمل أجزاء وأنظمة معينة. لا يمكن العثور على الكثير من المعلومات في أي مكان آخر على Google، وغالبًا ما تكون بدون صور وعادة ما تكون غير متوفرة باللغة الهولندية. من خلال هذا الموقع، أرغب في إتاحة أكبر قدر ممكن من المعلومات الفنية المتعلقة بالسيارات عبر الإنترنت. تم تصميم الموقع للمستويات من 2 إلى 4 من الدورات التدريبية الميكانيكية لـ MBO. الموقع مناسب أيضًا للطلاب الذين يتقدمون من HAVO/VWO إلى الهندسة الميكانيكية HBO أو هندسة السيارات.
لقد اخترت عمدًا عدم عرض الإعلانات، لأنني أشعر بالانزعاج من مواقع الويب التي تحتوي على إعلانات أكثر من النصوص ويجب عليك النقر بعيدًا عن كل شيء. أنا أعتبر عرض الإعلانات بمثابة تلويث لموقع الويب الخاص بي. ولهذا السبب لا توجد حاجة إلى أدوات تتبع أو ملفات تعريف الارتباط، وأنا أحد مواقع الويب القليلة التي لا يتعين عليها إظهار إشعار ملفات تعريف الارتباط حيث يجب على كل زائر الموافقة على الشروط والأحكام.
علاوة على ذلك، أبقي الموقع متاحًا للجميع مجانًا. لا أستخدم أي أنظمة دفع أو تسجيل دخول للوصول إلى الموقع. هذا الموقع مجاني تمامًا وسيظل كذلك في المستقبل. ومن المزايا الإضافية أنه من الأسهل بالنسبة لي أيضًا الحصول على إذن من شركات تصنيع السيارات لاستخدام صورهم، حيث ليس لدي أي مصالح مالية والعديد من الشركات المصنعة تدعم التعليم.
إذا اكتشفت أخطاء إملائية أو نحوية في النص، يرجى ملء نموذج الاتصال. وبهذه الطريقة يمكنني تصحيح هذا بسرعة وسهولة. وهذا بالطبع ينطبق أيضًا إذا كان لديك إضافات لموضوع معين.
كيف بدأ كل شيء: HTML وFrontpage: منذ المفاهيم الأولى وحتى موقع الويب الذي تم استبداله بالإصدار الحالي في مارس 2019، استخدمنا برنامج Microsoft FrontPage 2003.
قمنا بإنشاء صفحات HTML باستخدام FrontPage. ويمكن الاطلاع على نتيجة رموز HTML في نافذة التصميم. يتكون الموقع من أربعة إطارات:
- أعلى (الرأس)
- الروابط (القائمة)
- اليمين (القاموس)
- الأوسط (محتوى الموقع)
لذلك، لفتح الموقع، تم تحميل أربع صفحات HTML منفصلة في الإطارات. عندما لم يصل الزائر إلى صفحة Index.htm عبر محرك بحث، بل وصل مباشرة إلى الصفحة التي كان يبحث عنها، تم عرض هذا الإطار فقط. لم يتم عرض القوائم المحيطة. في هذه الحالة، تم عرض الصفحة الزرقاء فقط على الشاشة بأكملها وكانت القوائم التي تحتوي على أزرار في كل مكان مفقودة.
كما استخدمت وظيفة البحث طريقة معقدة (متكاملة) عبر جوجل، ولم يكن هناك دعم للهاتف المحمول، لذلك تم إنشاء صفحة فهرس ثانية يتم التبديل إليها تلقائيًا عند زيارة الموقع باستخدام الهاتف أو الجهاز اللوحي. وقد سار هذا الأمر على ما يرام في كثير من الأحيان، ولكن ليس دائمًا. "في الماضي" كان موقع HTML ذو الإطارات شائعًا، ولكن في الوقت الحاضر نادرًا ما ترى هذا في أي مكان. المعرفة التي اكتسبتها من خلال رموز HTML المجمعة ذاتيًا لا تزال تساعدني اليوم في تحديث موقع الويب الحالي.
نظرة خلف الكواليس في ووردبريس:
تم تحويل موقع الويب المستند إلى HTML بالكامل إلى نظام WordPress CMS الشهير في مارس 2019. كان على بعض الزوار أن يعتادوا على بنية التنقل الجديدة في البداية، ولكن بشكل عام تلقيت ردودًا إيجابية.
وبمرور الوقت، قمت أيضًا بتنفيذ المزيد والمزيد من التغييرات التي تجعل التنقل أسهل وأكثر وضوحًا.
مع وجود الموقع في نظام WordPress CMS الحديث، تحسن الموقع في العديد من المجالات:
- الواجهة أنيقة وتعطي مظهرًا تمثيليًا.
- أسهل لتحديث المقالات.
- متوافق مع الأجهزة اللوحية والهواتف المحمولة (يتكيف تلقائيًا مع حجم الشاشة) لذلك لا يوجد موقع ويب منفصل للجوال؛
- ينعكس التغيير في القائمة و/أو الواجهة الخاصة بصفحة واحدة تلقائيًا على جميع الصفحات؛
- صديق لمحركات البحث (SEO) ؛
- تعمل المكونات الإضافية على تمكين العديد من الميزات المفيدة: الأزرار التفاعلية، والبحث، والنسخ الاحتياطي والأمان، والتمرير التلقائي، وما إلى ذلك.
الصورة التالية توضح نظرة عامة على الصفحة في WordPress. يمكن البحث عن جميع الصفحات وتغييرها من هذه الشاشة، دون فتح واجهة الويب.
يتم إنشاء جميع الصفحات الموجودة على موقع الويب في Elementor. الصورة التالية توضح شاشة محرر Elementor. يمكن رؤية محرر النصوص على اليسار والعرض المباشر على اليمين. بعد النقر على "تحديث" في الأسفل، ستظهر التغييرات على الفور عبر الإنترنت. يمكنك أيضًا اختيار حفظ الصفحة أولاً كمسودة أو خاصة قبل نشرها عبر الإنترنت.
بالإضافة إلى محرر النصوص، يقدم Elementor أيضًا خيارات تفاعلية متنوعة. واحدة من هذه هي ما يسمى "الدعوة إلى العمل". تقوم هذه الوظيفة بإنشاء زر تفاعلي نعرفه من الصفحة الرئيسية وفي الفئات التي يمكن فتحها من القوائم.
في عام 2021، ظهرت المزيد والمزيد من المشكلات المتعلقة بالتوافق بين قالب WordPress الخاص بي والمكونات الإضافية ومتصفحات الويب الحديثة. لم يكن الموضوع شائعًا جدًا، لذلك لم يعد مدعومًا أو مطورًا بشكل صحيح بعد بضع سنوات من الإصدار. نظرًا لأن القالب يحدد مظهر موقع الويب، فإن التبديل إلى قالب آخر ليس بالأمر السهل وغير المرغوب فيه أيضًا. في يناير 2022، قمت بتجربة أداة إنشاء صفحات Elementor والموضوع الأساسي: "Hello Elementor". مع هذا المظهر مع منشئ الصفحات، أنا متأكد من التحديثات، سواء من حيث المظهر أو الأمان، ولدي المزيد من الخيارات لتخصيص الواجهة التي تم قفلها من قبل المطورين في السمات الأخرى. في سمات WordPress القياسية، لا يمكن أو يصعب تغيير إعدادات معينة. وبعد يوم من التجربة، اقتنعت: لقد استبدلت القالب القديم بموضوعي الخاص. لقد قمت بنشره عبر الإنترنت في غضون ساعات قليلة، وفي الأيام التالية، قمت بإجراء تحسينات صغيرة بناءً على تعليقات الأشخاص من حولي.
باستخدام منشئ السمات الخاص بـ Elementor، يمكنك إنشاء المظهر الخاص بك وتكوينه بالكامل حسب رغبتك. يمكن تصميم كل زاوية وزر وظل مربع ولون ورسوم متحركة وفقًا لرغباتك الخاصة بطرق لا حصر لها. الاحتمالات لا حصر لها. الصورة أدناه توضح خيارات الإعداد للون القائمة الرئيسية. باستخدام منشئ السمات هذا، يمكن ضبط عرض سطح المكتب (والكمبيوتر المحمول) والكمبيوتر اللوحي والهواتف المحمولة حسب الرغبة. وبهذه الطريقة، يمكن تحقيق الإعدادات المثالية لجميع الأجهزة.
أكثر ما يزعجني في المواقع الأخرى هو النوافذ المنبثقة، والإشعارات المتعلقة بالنشرات الإخبارية وطلب تمكين الإشعارات، والتي يجب دائمًا النقر عليها بعيدًا. ولا تنس الإعلانات البراقة. لقد جعلني هذا أقرر التصفح باستخدام أداة حظر الإعلانات بنفسي وعدم المشاركة. سأحافظ على موقع الويب الخاص بي "نظيفًا" قدر الإمكان من خلال دمج أقل عدد ممكن من العناصر المشتتة للانتباه. على الرغم من وجود خيارات لجعل الموقع جذابًا للغاية مع القليل من الجهد باستخدام الرسوم المتحركة والصفحات الملونة، إلا أنني أختار العديد من درجات اللون الرمادي وأقل عدد ممكن من الزخارف، والتي غالبًا لا يبحث عنها الناس. توفر الصفحات البيضاء ذات الخلفية الرمادية الداكنة إلى الفاتحة على كلا الجانبين تباينًا رائعًا، بالإضافة إلى الخط المختار، مما يجعل قراءة النصوص سهلة. الموقع مناسب لشاشات الكمبيوتر المكتبية المربعة من 17 بوصة، لأن حجم الشاشة هذا لا يزال شائعا في الكراجات والمدارس في عام 2023. تستخدم أجهزة الكمبيوتر المحمولة دقة عالية، لذا يمكن زيارة الموقع باستخدام كمبيوتر محمول مقاس 14 بوصة دون أن يتحول شريط القائمة إلى وضع مختلف، مع انتقال الأزرار اليمنى عبر الشاشة الضيقة إلى الصف الثاني. تم إنشاء هذه الواجهة من خلال الكثير من التجارب والتعليقات من الزوار. يعد الطابع الإعلامي مع التنقل المنسق بشكل جيد أكثر أهمية من المظهر الأنيق الذي يقدره معظم الزوار.
الخادم:
لا تهتم جهات الاستضافة الرخيصة التي تقدم باقات استضافة ويب بأسعار تنافسية بمواقع الويب التي تتطلب قدرًا كبيرًا من القوة الحاسوبية من الخادم، لأنك تشارك نفس SSD / CPU وRAM مع مئات العملاء الآخرين. يعد استهلاك البيانات من 120 إلى 130 جيجابايت شهريًا أمرًا معتادًا أيضًا لهذا الموقع، وهو أمر غير مسموح به مع الحزمة القياسية التي تبلغ قيمتها بضع عشرات من اليورو. قد يختار مثل هذا الطرف تقليل أداء مواقع الويب التي تستخدم الكثير من الموارد، أو يطلب منك شراء خادم VPS باهظ الثمن.
لقد كنت مترددًا لفترة طويلة بشأن وضع هذا الموقع على خادم VPS، حتى أتمكن من تحقيق الأداء الأمثل وأتمكن من التحكم في إعدادات معينة. يعد الخادم الافتراضي الخاص (VPS) الجيد باهظ الثمن وبدأت أفكر في بديل: استضافة الموقع بنفسي (في المنزل).
في ربيع عام 2020 اشتريت خادمًا مستعملًا شابًا بسعر تنافسي. لقد قمت بتزويد هذا بترقيات الأجهزة اللازمة وتعلمت كيفية استخدام الإعدادات في BIOS؛ هذه تختلف كثيرًا عن تلك الموجودة في أجهزة الكمبيوتر الشخصية الاستهلاكية. لقد قمت أيضًا بإنشاء شبكة في منزلي للاتصال بالخادم. تبلغ سرعة اتصال الألياف الضوئية 1 جيجابت للتنزيل والتحميل، وهو أكثر من كافٍ لاستضافة العديد من مواقع الويب المزدحمة.
في أكتوبر 2020، قمت بتثبيت الخادم باستخدام CentOS كنظام تشغيل (تم استبداله الآن، والمزيد عن ذلك لاحقًا) وCpanel كلوحة تحكم.
وبعد عدة ساعات من التحضير، تم نقل الموقع من الخادم الموجود في مركز البيانات إلى الخادم المنزلي بلمسة زر واحدة. سارت هذه العملية بسلاسة كبيرة. حتى وقت كتابة هذا التقرير (بعد ثلاث سنوات من التثبيت) لم تحدث أي مشاكل.
يظهر الخادم الذي تستخدمه حاليًا في الصورتين أدناه.
الصور أعلاه: الخادم هو HP ProLiant ML350p Generation 8. خلف الغطاء يوجد مشغل DVD مع مفتاح لتشغيل الخادم وأربعة منافذ USB أسفله. توجد أربعة محركات أقراص في الأسفل، وهي: 2x SSD (يسار) و2x HDD (يمين). يتم تحميل موقع الويب من محركات أقراص SSD. يتم تخزين النسخ الاحتياطية على محركات الأقراص الثابتة كل ليلة. توجد محركات أقراص SSD ومحركات الأقراص الصلبة في مرآة Raid (RAID 1). في حالة تعطل القرص الصلب، يمكنني استبداله بقرص احتياطي دون الحاجة إلى إيقاف تشغيل الخادم. بعد تغيير محرك الأقراص، يتم نقل البيانات تلقائيًا.
الصورة أدناه: بعد إزالة الغطاء الجانبي واللوحة البلاستيكية لموجه الهواء، نرى أربع مراوح كبيرة بجانب اللوحة الأم.
الخادم مزود بوحدة المعالجة المركزية Xeon E5-2690 (2,9 جيجا هرتز). هذا معالج ثماني النواة مع 8 خيطًا. يعمل في وضع توفير الطاقة بسرعة ساعة تزيد قليلاً عن 16 جيجا هرتز، والتي من حيث أداء موقع الويب وإدارة الخادم ليست أقل شأنا من الإعداد في وضع الأداء الأقصى، حيث تزيد سرعة الساعة في وضع الأداء هذا إلى 1 جيجا هرتز. كان الاختلاف الوحيد ملحوظًا في تطور الحرارة واستهلاك الطاقة. الأداء الجيد مع سرعة الساعة المنخفضة ممكن بفضل العدد الكبير من نوى المعالج. بالإضافة إلى ذلك، تم الآن ملء بنوك الذاكرة بإجمالي 2,9x 12 جيجابايت من وحدات ذاكرة ECC، مما يوفر إجمالي 4 جيجابايت من الذاكرة رباعية القنوات. بالطبع هذا مبالغة، لكنني أعتقد أنه يجعله مقاومًا للمستقبل.
في صيف 2022، استبدلت نظام التشغيل CentOS بـ AlmaLinux بسبب الإعلان عن توقف دعم CentOS قريبًا. تم تثبيت لوحة تحكم Cpanel الشهيرة على AlmaLinux: هذا هو البرنامج الذي يجعل استضافة موقع الويب ممكنة. توضح لقطة الشاشة أدناه لوحة التحكم. أتحقق كل أسبوع من التحديثات المتاحة (لوحة التحكم أو الأدوات المساعدة أو النواة) وأتحقق من التحميل.
ترجمة:
كما لاحظت، يحتوي التذييل (في أسفل الموقع) على عمود من العلامات التي يمكن ترجمة الموقع إليها. أصبحت الترجمة ممكنة من خلال مكون إضافي في WordPress، باستخدام ما يسمى بالترجمة الآلية العصبية (NMT) والذكاء الاصطناعي (AI). تكمن العلاقة بين الترجمة الآلية العصبية والذكاء الاصطناعي في حقيقة أن NMT هو تطبيق محدد للذكاء الاصطناعي، يستخدم الذكاء الآلي لفهم اللغة البشرية وترجمتها بشكل فعال.
لقد اتخذت خطوة ترجمة الموقع للأسباب التالية:
- يستمتع طلاب هندسة السيارات الحاصلون على لغة NT2 (الهولندية كلغة ثانية) بمراجعة صفحة مترجمة بشكل مماثل إلى لغتهم الأم أثناء الدراسة. إذا فهموا تشغيل جزء أو نظام بلغتهم "الخاصة"، فمن الأسهل أيضًا تعلم الشرح باللغة الهولندية؛
- في بعض البلدان، يكون توريد المواد التعليمية التقنية للسيارات نادرًا. في أيسلندا، على سبيل المثال، لا يستطيع الطلاب سوى الوصول إلى مواد تدريس اللغة الإنجليزية. من الجيد أن يتمكن كل من المعلم والطالب من البحث عن المواد الدراسية بلغتهم الخاصة. يقول المعلم من أيسلندا الذي أتواصل معه أيضًا: "أنا أشرح باستمرار الترجمة إلى اللغة الآيسلندية، لأنه في ورش السيارات لا يتم ذكر الأجزاء وكتابتها باللغة الإنجليزية، ولكن باللغة الآيسلندية. من الجميل أن تكون قادرًا على قراءة نص باللغة التقنية باللغة الأيسلندية"؛
- كما قرأت في الفقرة الأولى، كتابة المقالات هي هوايتي. يتيح لي خيار الترجمة الوصول إلى جمهور أكبر.
قمت بترجمة الموقع إلى اللغة الإنجليزية في ربيع عام 2023. حصل بصوره جيدة. عندما طلبت الترجمة الأيسلندية، أضفت أيضًا بلدانًا أخرى بالإضافة إلى أيسلندا. يقوم Google أيضًا بفهرسة الصفحات المترجمة. على سبيل المثال، صفحة: الإلكترونيات الأساسية مضمنة الآن في Google بخمسة عشر لغة، ولكل لغة ترجمة عنوان URL وعنوان وكلمات رئيسية خاصة بها. يؤدي هذا أيضًا إلى زيادة إحصائيات الزوار. وتظهر الصورة أعداد الزوار في الفترة من 4 نوفمبر إلى 1 ديسمبر 2023، حيث لم تتم ترجمة الموقع إلى لغات أخرى غير الإنجليزية إلا لبضعة أسابيع.
الترجمة ذات جودة معقولة جدًا إلى عالية. في الفقرات التي تحتوي على مصطلحات تقنية، تحدث أخطاء في الترجمة تُترجم أحيانًا "حرفيًا للغاية" وبالتالي يكون لها معنى مختلف. مثال على ذلك هو "هيكل السيارة" الهولندي. في اللغة الإنجليزية يتم ترجمة هذا إلى "الجسم". هذا صحيح. ومع ذلك، في الأيسلندية يتم ترجمتها أيضًا إلى شيء مشابه لـ "الجسد"، لكن الترجمة هناك تشير إلى "جسم الإنسان".
ولحسن الحظ، هناك خيار لضبط الترجمة. يمكن تصحيح الترجمات في البرنامج، والذي سيتم تغييره في جميع أنحاء الموقع. ولكن يمكن أيضًا تعديل الترجمة لكل جملة على الصفحات الفردية. الصورة أدناه توضح قلم رصاص لكل جملة. عند النقر عليه، يمكن تغيير الترجمة.
بعد الضغط على قلم الرصاص لإحدى الجمل، ستظهر نافذة منبثقة تحتوي على النص الأصلي والمترجم. يمكن تصحيح الترجمة هنا. يتم تصحيح الترجمة فورًا، دون التأثير على النص الأصلي (الهولندي).
لقد قطعت الترجمة الإنجليزية شوطا طويلا. أجد صعوبة أكبر في اللغات الأخرى، لأن معرفتي بها أقل اتساعًا. ولهذا السبب أطلب من زوار موقع الويب الخاص بي إبلاغي عن الأخطاء اللغوية والترجمة. سأصحح هذا فورًا على الصفحة المعنية أو على الموقع بأكمله إذا كان الأمر يتعلق بكلمة واحدة تظهر في صفحات متعددة. إذا كنت مهتمًا، فيمكن مناقشة خيارات الوصول إلى برنامج الترجمة الموضح أعلاه. يمكنك الاتصال بي عبر نموذج الاتصال. يستخدم المعلم من أيسلندا الموقع في دروسه ويستطيع ترجمة النصوص بنفسه. هو وزملاؤه وطلابه (وأنا أيضًا) يستفيدون من هذا. أريد أيضًا تقديم هذا الخيار للمستخدمين (يُفضل معلمي تكنولوجيا السيارات، أو الأشخاص الذين يعملون في صناعة السيارات ولديهم خبرة جيدة في اللغويات) من بلدان أخرى.
