واجهة تسجيل الدخول
واجهة تسجيل حساب جديد
واجهة اختيار الصف الدراسي
واجهة اختيار الدرس
واجهة درس نظرية فيثاغورس

Inspiration

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

What it does

يقدم هيثم أدوات تحوِّلُ كل درس رياضيات تقليدي واعتيادي إلى درس بصري وتفاعلي، يستطيع معلمو المدارس استعمال هذه الأدوات في شرح المفاهيم الرياضية لطلابهم، ويمكنهم هيثم من إتاحة التفاعل مع المفاهيم الرياضية للطلاب، فيستطيع الطالب بهذا أن يرى الدرس الذي يدرسه ويتفاعل معه حتى يفهمه على مستوياتٍ أعلى من الفهم التقليدي المعتمد على الحفظ وقراءة النصوص والمعادلات الرياضية.

How we built it

عملنا في هيثم على بناء تصميم للموقع يتميز بتجربة استخدام سلسة وسهلة، تناسب المعلمين وتسهل عليهم عرض الدروس في شاشات الفصل الدراسي، حيث أن كل ما يحتاج المعلم إلى فعله هو تسجيل الدخول بحسابه ثم تصفح الموقع للوصول إلى الدرس المطلوب شرحه ثم عرضه للطلبة والتفاعل معه أمامهم فيه، من الناحية البرمجية فقد تم برمجة هيثم بتقنيات الويب الأساسية: HTML, CSS, Javascript، بالإضافة إلى إطارات عمل للغة Javascript مثل jquery وإطارات أخرى مختلفة تستخدم لإنشاء البرامج التفاعلية حسب كل برنامج ومتطلباته. حصل موقع هيثم على تقييم 99% من شركة Google في خدمة Google Pagespeed Insigts بناءً على سلاسة استخدامه ونظافة الكود البرمجي.

Challenges we ran into

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

Accomplishments that we're proud of

نفخر في هيثم بتحقيق أعلى المواصفات البرمجية في سهولة الاستخدام، حيث حصل موقع هيثم على تقييم 99% من Google Pagespeed Insights، كما أننا قمنا بتجربة النموذج على صف افتراضي من الطلبة حيث قسمنا عملية التعلم إلى قسمين، أحدهما تعلم الدرس بالطريقة التقليدية والقسم الآخر تعلمه باستخدام نماذج هيثم، فحقق قسم طلبة هيثم تميزًا أعلى بنسبة 80% في فهم المفهوم الرياضي وإمكانية حل معادلاته.

What we learned

تعلمنا في هيثم الكثير من المعلومات فيما يخص العملية التعليمية وكيفية الارتقاء بجودة مخرجات الطلاب عبر استخدام أدوات التعليم الإلكتروني، كما استفدنا خبراتٍ تقنية قيمة فيما يخص تطوير تجربة الاستخدام والحصول على التغذية الراجعة وتنظيف الكود البرمجي لزيادة سلاسة تحميل الصفحات والتفاعل معها.

What's next for هيثم

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