كتابة الدوال الرياضية على منصة بلوجر باستعمال Latex

إذا كنت مدرسًا وترغب في تدريس الرياضيات عبر الإنترنت مع استعمال مدونة Blogger أو wordpress، فانت تحتاج الى ادراج المعادلات الرياضية في صفحاتك لتقدم لطلابك الشروحات اللازمة.

ويتوجب عليك أن تستعمل محرر معادلات رياضية éditeur en ligne لكتابة المعادلات العلمية.

كتابة المعادلات الرياضية على منصة بلوجر بطريقة Mathjax

مدوّنتك مدونة علمية أو تعليمية، فمن المؤكد أنك واجهت تحدياً فيما يتعلق بكتابة المعادلات الرياضية على منصتك أو موقعك، سواء كان ذلك على بلوجر أو ووردبريس أو اي منصة أخرى.

سنحاول أن نشرح كيفية كتابة المعادلات الرياضية والعلمية كذلك في تدويناتك بطريقة سهلة وبسيطة.

مثال معادلة رياضية

\[\sqrt{2}\times\sqrt{7}=\sqrt{2\times 7}=\sqrt{14}\]

يعد إنشاء مدونة تعليمية في Blogger أمرًا سهلاً ومجانيًا، ولكن الشيء السلبي في بلوجر هو أنه لا يمكن كتابة المعادلة الرياضياية في صفحات بلوجر.
أنت تعلم أن المعادلات الرياضية هي الأكثر أهمية في برنامج تعليمي للرياضيات ، وبدون معادلة ، فإن مدونة الرياضيات لا معنى لها.
لذلك من خلال منشور المدونة هذا، أريد مشاركة بعض الطرق المفيدة التي ربما تساعدك كثيرًا في إدراج معادلة رياضية بسهولة في منشور المدونة الخاص بك.
كيف يمكن كتابة المعادلات الرياضية على بلوجر؟
mathjax هو محرك جافا سكريبت أو بمعنى أصح مكتبة أكواد جافا سكريبت من خلاله يمكن إظهار المعادلات العلمية على جميع المتصفحات مثل كروم وفيرفوكس وسافاري وغيرها .
شريطة أن تدعم هذه المتصفحات html 5 لتظهر الدوال الرياضاتية بشكل رائع وجميل.

كتابة الدوال الرياضية على منصة بلوجر باستعمال Latex

طريقة موقع codecog

استعمال موقع codecog، وهو موقع يقدم عدة خدمات مجانية، حيث يقوم بتقديم العديد من المعادلات الجميلة كل ثانية، يقدم خاصية تلوين المصطلحات المتشابهة والتأكيد على العناصر المطابقة.
يقوم بإنشاء ألواح مخصصة وتخطيط، كما يقوم بدمج المحرر الأصلي داخل موقع الويب الخاص بك.

وكتابة هذه الأكواد في اي مدونة نحتاج الى تنصيب كود جافا سكريبت "mathjax" قبل وسم </body>.

كيف يعمل - mathjax

mathjax هو محرك أكواد يقوم بدمج خطوط الويب مع css بدل الصور مثل svg bitmap و flash، والتي تتطلب وقتا لابأس به للتحميل.

يعني أن كتابة الدوال والمعادلات الرياضية والعلمية تكون على شكل خطوط وليست صور، حتى تتمكن عناكب جوجل من معرفتها وأرشفت هذه الصفحات التي تحمل المعادلات العلمية .

كيفية كتابة المعادلات العلمية في موقع ويب

محرك mathjax هي مكتبة ترتكز على مدخلات وهي أكواد بصيغة tex و latex و MathML وغيرها وهذه الأكواد تكتب بواسطة محررات أكواد مثل texmaker و غيرها.

هذه المحررات تمكن من كتابة المعادلات العلمية بطريقة عادية .
ومخرجات وهي تحويل الأواد بصيغة tex إلى أكواد بصيغة html و css تظهر على جميع المتصفحات.
بعد كتابة الأكواد يحولها المحرر الى معادلات بصيغ مختلفة مثل صيغة html أو tex أوlatex.

تحميل كود جافا سكريبت

تحميل كود جافاسكريبت بسيط وسهل التنصيب، ويعد المسؤول عن اظهار الأكواد في الموقع.

بدونه لاتظهر المعادلات العلمية بشكل جميل.


     كود جافاسكريبت mathjax
<script type="text/x-mathjax-config">   MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); </script> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"> </script>

كتابة ووضع المعادلات الرياضية

لكتابة المعادلات نستعمل الموقع codecog ونقوم بكتابة المعادلات، وقبل وضعها في صفحة الويب، يجب التعديل عليها حتى تصبح جاهزة لوضعها ضمن أكواد html.

يمكن نسخ والصالق هذه الأكواد ووضعها في موقع بلوجر مثلا لتظهر المعادلات بشكل رائع ومنسق.

ملاحظة مهمة

لكتابة المعادلات بواسطة codecog يجب التعديل عليها قليلان وهذا ما سنتعرف عليه لاحقا.

كتابة الأكواد على مونة بلوجر

لكتابة أكواد المعادلات على مدونة بلوجر بشكل صحيح ونظيف، نحتاج الى بعض الاعدادات.

- نغير نوع الخط الافتراضي ولون الخك حسب رغبتنا.

- نقوم بمسح كود الصورة داخل الكود الرئيسي.

- إذا كان الكود طويلا نحتاج وضعه داخل وسم <div>، و نضيف اليه تنسيق
(stylex:auto css ( style=overflow- ليأتي متناسقا مع شاشات الهواتف الذكية ولا يكون هناك طرف من المعادلة غير ضاهرة في الصفحة.

هنا نكتب المعادلة الرياضية الطويلة، حيث تظهر كاملة بالنسبة لأجهزة الهواتف والشاشات الصغيرة

  
<div style="overflow-x:auto">\sqrt{2}\times \sqrt{7}=\sqrt{2\times 7}=\sqrt{14}</div>

مثال على كود متوافق مع شاشات الهاتف

\[ \int (a)=\frac{1}{2\pi i}\oint_{\gamma }^{\alpha }\frac{f(x)}{x-a}dx+\int (a)=\frac{1}{2\pi i}\oint_{\gamma }^{\alpha }\frac{f(z)}{z-a}dz\]

وهكذا نكون قد قمنا بلصق الكود بطريقة صحيحة.

تحميل الشرح بصيغة Pdf.

يمكن معاينة وتنزيل الشرح بصيغة Pdf .

طريقة موقع latex4technics

هنا سوف نستعمل موقع اخر لكتابة أكواد latex داخل موقع ويب الخاص بنا.
نفتح الموقع latex4technics ونقوم بكتابة المعادلة في الخانة باللون الأزرق ونضغط على كلمة Compile، ونحصل على كود نقوم بنسخه لاحقا ووضعه في الموقع.
نضغط على Show Math As في خانة mathjax ثم نضغط على MathMl Code وننسخ الكود ونضعه في الموقع.
وهكذا نحصل على نفس النتيجة.

معاينة الشرح بصيغة Pdf.