مقالات

فيت: مطابقة الكسور - الرياضيات


فيت: مطابقة الكسور - الرياضيات

الكسر المطابق

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

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

تطبيق تعليمي سهل الاستخدام

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

على عكس التطبيقات الأخرى التي طورتها PhET Interactive Simulations ، تبدو Fraction Matcher بلا حياة إلى حد ما ، ولكن يمكن اعتبار ذلك جانبًا سلبيًا ، بالنظر إلى الموضوع. ستحصل على وجه مبتسم قياسي في كل مرة تجري فيها تطابقًا صحيحًا ، وسيتم الاحتفال بكل اختبار تكمله بقصاصات صغيرة ، ولكن هذا & rsquos بقدر ما تحصل عليه الرسوم المتحركة في هذا البرنامج.

الاختبارات والمزيد من الاختبارات

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

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


العاب اون لاين في PrimaryGames.com

الوصف: تطابق الأشكال والأرقام لكسب النجوم في لعبة الكسور هذه. تحدى نفسك على أي مستوى تريده. حاول جمع الكثير من النجوم!

طورت بواسطة:
المحاكاة التفاعلية لـ PhET
جامعة كولورادو بولدر
http://phet.colorado.edu

ملاحظة: تم تصميم هذه اللعبة باستخدام HTML5. يعمل على Chrome أو Firefox أو Opera أو Safari أو Internet Explorer 9 أو أعلى. تم تحسينه أيضًا لأجهزة iOS ، بما في ذلك iPad و iPod و iPhone.

لعبة بقعة ضوء

أكمل جميع المستويات لتصبح أرنب عيد الفصح الحقيقي!

الكسر المطابق في PrimaryGames

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

هل تبحث عن ألعاب غير محظورة؟ PrimaryGames هو المكان الممتع للتعلم واللعب! العب الألعاب الرائعة وألعاب الرياضيات وألعاب القراءة وألعاب البنات والألغاز والألعاب الرياضية وطباعة صفحات التلوين وقراءة القصص المصورة عبر الإنترنت والتسكع مع الأصدقاء أثناء لعب أحد العوالم الافتراضية العديدة الموجودة في PrimaryGames. جميع الألعاب مجانية ويتم إضافة محتوى جديد كل أسبوع. نحن نعمل بجد لنقدم لك أفضل محتوى للألعاب على الويب! تتم مراجعة كل لعبة للتأكد من أنها آمنة لجميع الأعمار. مع أكثر من 1000 عنوان لألعاب الفلاش ونموها ، لدينا أكبر مجموعة من الألعاب الرائعة على الإنترنت. سواء كنت تحب المغامرة أو السباق ، أو الألعاب الكلاسيكية أو الأكشن ، أو الألغاز الإستراتيجية أو ألعاب التلبيس ، فلدينا ما يناسبك!

تحتوي PrimaryGames على مجموعة كبيرة من ألعاب العطلات ، والحرف اليدوية ، وصفحات التلوين ، والبطاقات البريدية ، والأدوات المكتبية للأعياد التالية: عيد الميلاد ، وعيد الهالوين ، وعيد الفصح ، وعيد الحب ، وعيد القديس باتريك ، وعيد الشكر ، وعيد الرؤساء ، وهانوكا ، وعيد رأس السنة الجديدة والمزيد. كل يوم هو يوم للاحتفال!

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


موارد

أساسيات حديقة تزلج الطاقة

تتيح هذه المحاكاة للطلاب التعرف على الحفاظ على الطاقة مع المتزلج المتأنق! يمكن للطلاب استكشاف مسارات مختلفة واستكشاف العلاقة بين الطاقة الحركية والطاقة الكامنة والطاقة الحرارية للمتزلج. يمكنهم أيضًا بناء مساراتهم الخاصة ومنحدراتهم وقفزاتهم للمتزلج.

أساسيات القوى والحركة

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

تشمل نتائج التعلم ما يلي:

الكسر المطابق

يمنح Fraction Matcher الطلاب الفرصة لاستكشاف مفهوم الكسور. تحتوي "شاشة الكسور" على ثمانية مستويات من الكسور المطابقة باستخدام كسور أقل من واحد حتى تمثيلات الكسور غير الفعلية للكسور الأكبر من واحد. تركز "شاشة العدد المختلط" على الكسور الأكبر.

احتكاك

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


الترجمات

لغة تنزيل أو تشغيل نصائح
الباسك كل الباسك خفاش Eraiki zatiki
البوسنية كل بوسانسكي Napravi razlomak
الصينية المبسطة) الكل 中文 (中国) 构建 一个 分数
تقاليد صينية) الكل 中文 (台灣) بناء كسر_ 建立 一個 分數
الكرواتية كل هرفاتسكي Napravi razlomak
دانماركي كل دانسك Byg en brøk
اللغة الهولندية كل Nederlands معاك عين بريك
فرنسي كل الفرنسية بناء الكسر une
ألمانية كل الألمانية بروش بيلدن
اليونانية كل شيء Ελληνικά Φτιάξε ένα κλάσμα
إيطالي كل الايطالية Costruisci una frazione. كوسترويسي أونا فرازيوني
اليابانية كل شيء 日本語 分数 の 計算
الكازاخستانية كل الكازاخستانية Бөлшек түрінде жаз
الكورية كل شيء 한국어 분수 만들기
لاتفيا كل Latviešu Daļskaitļu veidošana
المنغولية الكل Монгол (Монгол) Бутархайг Бүтээх
تلميع كل بولسكي Zbuduj ułamek
البرتغالية (البرازيل). كل البرتغالية (البرازيل) Construir uma Fração
الروسية جميع русский Запиши в виде дроби
الصربية كل Српски Направи разломак
السلوفاكية كل سلوفينيا تفوربا زلومكوف
الأسبانية كل الاسبانية Construye una fracción
الإسبانية (بيرو) كل الأسبانية (بيرو) Haz una Fracción
السويدية كل svenska Bygg ett bråk!
التاميل كل التاميل பின்னத்தை உருவாக்கல்
فيتنامي كل Tiếng Việt تو را ميت فان سو

الكسر المطابق نشاط ولعبة عبر الإنترنت لرياضيات الصف الأول والثالث

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

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

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

الائتمان: تم إنشاء هذا النشاط بواسطة PhET

لقطات من اللعبة والنشاط:


فيت: مطابقة الكسور - الرياضيات

موارد الرياضيات IWB
العداد (في ألعاب تكنولوجيا المعلومات والاتصالات)
أداة الجمع والطرح
مقياس الزاوية (في TeacherLed.com)
منشئ منطقة (في PhET)
طرح الكتلة الأساسية
أداة الزاوية الأساسية
الساعة (مسرح ايه جي توي)
An Clog Cainteach (ag CCEA)
أداة توضيح الكسور المتكافئة (في ألعاب تكنولوجيا المعلومات والاتصالات)
جداول فيش تايمز
قضبان الكسور (في ملعب الرياضيات)
أشرطة الكسور (في Teacher Led.Com)
المناورات الظاهرية للكسر العشري (في ABCYa)
خط رقم الكسر (في Didax.com)
الكسور: مقدمة (فيت)
الكسور: الأعداد الكسرية (فيت)
أداة تعليم الكسور (في مركز تعليم الرياضيات)
جدار الكسر (في Maths Bot)
جدار الكسر (في Visnos)
Geoboard (في مركز تعليم الرياضيات)
Geoboard (في ملعب الرياضيات)
Geoboard (في Maths Bot)
Geoboard (في NL Virtual Manipulatives)
Geoboard (في مسرح الألعاب)
الجوامد الهندسية (عند الزخارف)
ساعة تفاعلية (عند المعلم)
الساعة التفاعلية (الوقت والزوايا والكسور)
التفاعلية 100 سكوير (في ألعاب تكنولوجيا المعلومات والاتصالات)
مخطط المئات التفاعلي (في ملعب الرياضيات)
المثلثات التفاعلية
أداة تقدير جرة الرخام (في مسرح الألعاب)
ميزان الرياضيات (في Didax.com)
أداة التمثيلات المتعددة (في TT Rock Stars)
خط الأعداد (في مركز تعليم الرياضيات)
إطارات الأرقام (في مركز تعليم الرياضيات)
قطع الأرقام (في مركز تعليم الرياضيات)
حامل الأرقام (في مركز تعليم الرياضيات)
رسم المربعات (في أعلى العلامات)
كتل النمط (في Didax.com)
أشكال الأنماط (في مركز تعليم الرياضيات)
شبكة النسبة المئوية الكسور العشرية
عجلة النسبة المئوية الكسر العشري
مستكشف خصائص المضلع
Polypod (في Mathigon)
حساب الشريط المطاطي (أداة تقدير)
نفس الشيء أو مختلف
منخل إراتوستينس (مربع 100)
ساعة التدريس (في أعلى العلامات)
عشرة فريم (في ألعاب تكنولوجيا المعلومات والاتصالات)
Tessalation Creator (في إضاءات)
كتل التفكير
ساعتان جنبًا إلى جنب (في Visnos) أدوات الرياضيات IWB التي تتطلب فلاش
أداة قياس الزاوية (في TeacherLed.com)
مجموع الزاوية (عند الإضاءات)
أداة المنطقة - متقدمة (عند الإضاءات) (استخدم بمعنى آخر)
كتل الأساس 10
قاعدة 10 المتلاعبين
حاسبة زرقاء كبيرة
شبكة إحداثيات (Use بمعنى آخر)
Crick's Interactive 100 Square
أداة تعليم المعادلة - القضبان
أداة تعليم المعادلة - الفطائر
أداة تعليم المعادلة - الفطائر والقضبان
أداة تعليم الكسور المتكافئة (عند الزخارف)
طلاء كسور 2x2
كسور الطلاء 3x3
كسور دهان 4x4
كسور الطلاء 5x5
كسور الطلاء 6x6
مقياس الكسر (في ملعب الرياضيات)
دائرة تفاعلية (في Learn Alberta)
مخطط رقمي تفاعلي 100 (في ABCYa) (استخدم بمعنى آخر)
المغازل التفاعلي (للتحقيق في الفرصة والاحتمال) (استخدم بمعنى آخر)
رقم الخط التفاعلي
نسبة الطلاء
صانع الرسم البياني Pictoram
صانع الرسم البياني الدائري
شبكات النسب (في أعلى العلامات)
تأملات (استخدم بمعنى آخر)
ساحة سبلات 1-100
ساعة التدريس (في eChalk)
ساعة التدريس مع الوقت الحالي (في الوقت مقابل الوقت) (Use بمعنى آخر)
ساعة التدريس مع الوقت الحالي (في WM Net) (Use بمعنى آخر)
مخطط فين (في قراءة اكتب فكر)
Virtual Geoboard (في Connections Learning) (Use بمعنى آخر)
Virtual Geoboard (في Nrich.org) (استخدم بمعنى آخر)
لوحة Pinboard افتراضية ->

نشاط IWB ومجموعات الأدوات
متلاعب ديداكس الافتراضية للرياضيات
دريم بوكس ​​التعلم - أدوات المعلم
مصادر تعليم الكسور والأرقام العشرية
GeoGebra (السبورات التفاعلية والمواد اليدوية)
إضاءات
أنشطة السبورة التفاعلية (في Scholastic)
مركز تعليم الرياضيات
متلاعبات الرياضيات (في ملعب الرياضيات)
المتلاعبين بوت الرياضيات
المكتبة الوطنية للادوات الافتراضية
محاكاة الرياضيات في فيت
الأشكال والمقاييس (في مؤشر LED للمدرس)
المحاكاة (في PhET)
LED المعلم (أحدث الموارد)
أدوات التدريس (في ألعاب تكنولوجيا المعلومات والاتصالات)
أنشطة السبورة التفاعلية من Top Marks
المناورات الافتراضية (مسرح الألعاب) المخططات الورقية IWB
اللوحات الورقية لطلاب MIC (في Promethean) ->

مجموعات النشاط
ألعاب الرياضيات ABCya
النقرة الإضافية (مشاكل الرياضيات والمنطق)
Bobinogs (في بي بي سي)
البوب ​​الدماغ
ألعاب CBeebies (في بي بي سي)
بسكويت
الاعتماد على
عد لنا في
ألعاب البيانات
ديجي لغز ألعاب الرياضيات
DreamBox (أنشطة الرياضيات التفاعلية)
Education.com ألعاب الرياضيات
دروس تفاعلية متحركة E-Lab
موسوعة ألعاب بريتانيكا مجموعة
مركز المرح الدماغ للأطفال
هودا ألعاب الرياضيات
إضاءات (ألعاب وأنشطة الرياضيات)
الألعاب الشاملة (في Help Kidz Learn)
تفاعل: ألعاب التقييم
IXL - أنشطة الرياضيات المصنفة (غير مجانية)
ألعاب بناء المعرفة (في مغامرات الرياضيات)
KS1 Bitesize الرياضيات وأنشطة محو الأمية (في بي بي سي)
KS2 Bitesize اللغة الإنجليزية / الرياضيات / الأنشطة العلمية (في بي بي سي)
Manga High (يلزم تسجيل الدخول)
الرياضيات الشمبانزي
Math Craft (التقييم الذاتي)
Mathsframe
ألعاب الرياضيات
ألعاب الرياضيات (في استراحة الغرفة)
وقت لعبة الرياضيات
الرياضيات - أنشطة الرياضيات المصنفة (غير مجانية)
مخلل الرياضيات (ألغاز وألعاب)
ملعب الرياضيات
الرياضيات للأطفال
Maths Frame - ألعاب وموارد KS2
الرياضيات الألغاز
ماتيفيك (أنشطة الرياضيات ل K-6)
نادي ناسا للأطفال
ألعاب الرواية
مسرح بولي
ألعاب PBS للأطفال
ألعاب PBS Kids Cyberchase
Planet Arcade (في NOAA)
حلبة الألعاب الأساسية
تفاعلي أولي
العاب الالغاز
لغز الوحش
استراحة الغرفة
مجموعة الرياضيات لبرمجيات شيبارد (فلاش مطلوب)
Smart-Kit (ألعاب ألغاز آمنة للمدرسة)
ألعاب Smarty
لاذع الرياضيات
حل لي - الألغاز
ألعاب تانغ الرياضيات
هذا الاختبار - أنشطة اختبار الرياضيات
لعبة مسرح ألعاب الرياضيات
الرياضيات الترانس
العاب الرياضيات مذكرات السلحفاة
بوت المعلم
XP Math Games


فيت: مطابقة الكسور - الرياضيات

لعبة مطابقة الكسور الممتازة بمستويات مختلفة من الصعوبة مما يجعلها متعددة الاستخدامات للغاية. هناك خيار للعب الألعاب ضد الساعة وأيضًا بأعداد صحيحة وكسور مختلطة. ينصح به بشده.

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

تساعد أداة التدريس هذه في التعرف على العلاقات الكسرية. يساعد الطلاب على تصور الكسور وفهم القواسم والكسور المتكافئة والأرقام المختلطة.

مصدر تعليمي تفاعلي حيث يمكنك استكشاف الكسور والكسور المتكافئة. إنه مفيد لتوضيح الكسور غير الصحيحة. لعبة الكسور المصاحبة لها مستويات مختلفة من الصعوبة.

مورد تفاعلي حيث يمكنك تكوين كسور متكافئة باستخدام أرقام مختلفة وتجربة اللعبة لمطابقة الكسور في أنماط صور مختلفة لاختبار معلوماتك. أداة تعليمية مفيدة على السبورة التفاعلية.

تحدى نفسك لبناء الكسور من الأشكال والأرقام. يساعد في مفاهيم الكسور المتكافئة والأرقام المختلطة.

أداة تعليمية تعمل بشكل جيد على السبورة التفاعلية ومفيدة في إظهار معادلات الكسور والمزيد.

انثر الفاكهة في لعبة إضافة الكسور هذه. هناك ستة مستويات من الصعوبة.

لعبة الكسور حيث تحتاج إلى تلبية الطلبات في متجر الكعك. قم بمطابقة طلبات العملاء المكتوبة ككسور مع الكعك الذي تم تقطيعه إلى شرائح.

تصميم بعض مرفقات حديقة الحيوان لطيور الشبنم المريضة. ممارسة جيدة للكسور المتكافئة.


فيت: مطابقة الكسور - الرياضيات

نظرة عامة على تطوير PhET

تُنشئ المحاكاة التفاعلية في PhET عمليات محاكاة تعليمية مجانية ومفتوحة المصدر في العلوم والرياضيات ، والتي يمكنك العثور عليها على موقع PhET الإلكتروني. يشرح هذا المستند مكتبات PhET وممارساتها وأنماطها لتطوير عمليات محاكاة تفاعلية في HTML5. هذا المستند متاح أيضًا على https://github.com/phetsims/phet-info/blob/master/doc/phet-development-overview.md. للمناقشة والتعليق ، يرجى زيارة تطوير محاكاة تفاعلية في مجموعة Google HTML5.

الشروع في العمل (لنظام التشغيل Windows)

من أجل الحصول على الكود الخاص بمحاكاة PhET الحالية ، ستحتاج إلى اتباع عدة خطوات (كما هو موضح في Develop with PhET: Getting Started (on Windows) screencast):

التحقق من الكود وتشغيله في وضع التطوير

(أ) حدد خيار إنشاء رمز سطح مكتب لـ "git bash" ، إذا لم يكن محددًا بالفعل. 2. استخدم Git للتحقق من التعليمات البرمجية الخاصة بالمكتبات والمحاكاة في PhET

(أ) افتح Git Bash (من الرابط الموجود على سطح المكتب أو من خلال قائمة ابدأ)

(ب) قم بإنشاء دليل لتطويرك: mkdir phetsims

(ج) تغيير الدليل إلى phetsims: cd phetsims

(د) قم بتشغيل أوامر git clone هذه:

  1. قم بتنزيل وتثبيت node + npm من https://nodejs.org/ar/
  2. قم بتشغيل برنامج خادم العقدة على جهاز التطوير الخاص بك

(أ) قم بتثبيت خادم http كبرنامج سطر أوامر. استخدم موجه أوامر مختلفًا عن الموجّه أعلاه نظرًا لأن الموجّه أعلاه لن يحتوي على المسار الجديد لـ npm npm install http-server -g

(ب) التغيير إلى دليل phetsims (إذا لم تكن موجودًا بالفعل). cd phetsims /

(ج) قم بتشغيل برنامج خادم http (مع إيقاف تشغيل التخزين المؤقت للمساعدة في التكرار) http-server -c-1

  1. افتح مستعرضًا للمسار لإحدى عمليات المحاكاة: http: // localhost: 8080 / example-sim / example-sim_en.html
  2. لإنشاء عمليات المحاكاة ، قم بتثبيت الأداة المساعدة لسطر أوامر grunt (قد تتطلب sudo): npm install -g grunt-cli
  3. قم بتشغيل npm config set save false حتى لا يتم إنشاء ملفات package-lock.json.

يمكنك الآن اختبار تعديل كود المحاكاة ومشاهدة التغييرات عن طريق تحديث المتصفح. يمكنك أيضًا استخدام هذا للاختبار على الأجهزة البعيدة بعد البحث عن عنوان IP الخاص بك. في حالة التطوير على Chrome ، لاحظ أنه قد يكون من المفيد تعيين "تعطيل ذاكرة التخزين المؤقت (أثناء فتح DevTools)" (راجع إعدادات devtools). يجب توجيه الأسئلة إلى تطوير عمليات المحاكاة التفاعلية في مجموعة Google HTML5.

الشروع في العمل (لنظام macOS)

من أجل الحصول على الكود الخاص بمحاكاة PhET الحالية ، سوف تحتاج إلى اتباع الخطوات التالية:

التحقق من الكود وتشغيله في وضع التطوير

  1. قم بتنزيل وتثبيت Git من http://git-scm.com/downloads أ. قد تحتاج إلى السماح للنظام بتشغيل التطبيقات التي تم تنزيلها من أي مكان. افتح قائمة Apple ii. تفضيلات النظام iii. الأمن والخصوصية رابعا. انقر فوق القفل لإجراء تغييرات v. السماح بتنزيل التطبيقات من "أي مكان". بعد تثبيت git ، يمكنك استعادة إعدادات الأمان السابقة
  2. استخدم Git للتحقق من كود مكتبات PhET والمحاكاة أ. افتح تطبيق "Terminal" i. انقر فوق رمز البحث (العدسة المكبرة) في الجزء العلوي الأيمن من سطح المكتب ii. اكتب “Terminal” ثالثا. انقر على أيقونة المحطة أ. قم بإنشاء دليل لتطويرك: mkdir phetsims b. تغيير الدليل إلى phetsims: cd phetsims د. قم بتشغيل أوامر git clone التالية:

عند تشغيل الأمر git clone الأول ، قد يُظهر مربع حوار يقول: يتطلب الأمر git أدوات مطور سطر الأوامر. هل ترغب في تثبيت الأدوات الآن؟ في هذه الحالة ، اضغط على "تثبيت".

  1. قم بتنزيل وتثبيت node + npm من http://nodejs.org/en
  2. قم بتشغيل برنامج خادم العقدة على جهاز التطوير الخاص بك أ. قم بتثبيت خادم http كبرنامج سطر أوامر باستخدام Terminal npm install http-server -g إذا أدى ذلك إلى ظهور خطأ مثل "الرجاء محاولة تشغيل هذا الأمر مرة أخرى كجذر / مسؤول." ثم قم بتشغيل الأمر sudo مثل: sudo npm install http-server -g b. قم بالتغيير إلى دليل phetsims (إذا لم تكن موجودًا بالفعل). cd phetsims / ج. قم بتشغيل برنامج خادم http (مع إيقاف تشغيل التخزين المؤقت للمساعدة في التكرار) http-server -c-1
  3. افتح مستعرضًا للمسار لإحدى عمليات المحاكاة: http: // localhost: 8080 / example-sim / build / phet / example-sim_en_phet.html
  4. لإنشاء عمليات المحاكاة ، قم بتثبيت الأداة المساعدة لسطر أوامر grunt (قد تتطلب sudo): npm install -g grunt-cli الآن يمكنك اختبار تعديل كود المحاكاة ومشاهدة التغييرات عن طريق تحديث المتصفح http: // localhost: 8080 / example- sim / example-sim_en.html. يمكنك أيضًا استخدام هذا للاختبار على الأجهزة البعيدة بعد البحث عن عنوان IP الخاص بك. يجب توجيه الأسئلة إلى تطوير عمليات المحاكاة التفاعلية في مجموعة Google HTML5.
  5. قم بتشغيل npm config set save false حتى لا يتم إنشاء ملفات package-lock.json.

يمكنك الآن اختبار تعديل كود المحاكاة ومشاهدة التغييرات عن طريق تحديث المتصفح. يمكنك أيضًا استخدام هذا للاختبار على الأجهزة البعيدة بعد البحث عن عنوان IP الخاص بك. في حالة التطوير على Chrome ، لاحظ أنه قد يكون من المفيد تعيين "تعطيل ذاكرة التخزين المؤقت (أثناء فتح DevTools)" (راجع إعدادات devtools). يجب توجيه الأسئلة إلى Devloping Interactive Simulations in HTML5 Google Group.

بعد التحقق من التبعيات وتثبيت grunt-cli في التعليمات السابقة ، يمكنك إنشاء محاكاة خاصة بك باستخدام القالب.

  1. تحقق من نموذج sim ، المسمى "simula-rasa" باستخدام أمر git clone هذا: cd phetsims git clone https://github.com/phetsims/simula-rasa.git
  2. تثبيت التبعيات chipper: تثبيت cd chipper npm
  3. تثبيت التبعيات الدائمة: cd ../perennial npm install
  4. استخدم مهمة "grunt" الدائمة لإنشاء شريحة SIM جديدة ، مثل (لا تزال في الدليل الدائم): grunt create-sim --repo = NAME --author = AUTHOR على سبيل المثال ، إذا كانت المحاكاة ستسمى Acceleration Lab والمؤلفة هي جين دو ، ثم يمكنك وضع: grunt create-sim --repo = Acceleration-lab --author = "Jane Doe"
  5. اختبر المحاكاة التي تم إنشاؤها في المتصفح وتأكد من تشغيلها. يجب أن تكون محاكاة فارغة. اكتب إلى تطوير المحاكاة التفاعلية في مجموعة Google HTML5 إذا واجهت مشاكل.

البناء والاختبار (Windows و macOS)

بناء المحاكاة مع الغطاس

العمل مع Git و GitHub

سحب أحدث التغييرات إنشاء مشكلة http: // localhost: 8080 / example-sim / build / example_sim.html إرسال طلب سحب

استخدام أدوات مطور Chrome لتصحيح أخطاء محاكاة

كود المصدر والتوابع

تتم استضافة عمليات المحاكاة والتبعيات الخاصة بنا بشكل عام على GitHub: https://github.com/phetsims

لدينا أكثر من 40 مستودعًا لعمليات المحاكاة وتوابعها ، ويمكن العثور عليها جميعًا هنا: https://github.com/phetsims؟tab=repositories.

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

  • مشهد: رسم بياني عام للمشهد لتقديم الرسومات ومعالجة المدخلات. موقع التوثيق للمشهد
  • محور عصبي: لتنفيذ النموذج
  • التأكيد: إطار التأكيد لاختبار التطوير
  • phet-core: الوراثة والإرشاد ووظائف المرافق الأخرى
  • phetcommon: التبعيات المشتركة ذات المستوى الأعلى
  • مشهد-phet: رسومات المناظر الطبيعية ومعالجات المدخلات الخاصة بـ PhET
  • joist: إطار عمل لتحميل التطبيقات وإطلاقها ومعالجتها
  • نقطة: إطار الرياضيات للنموذج وعرض أمبير
  • طائرة ورقية: مكتبة الشكل
  • sun: مكونات واجهة المستخدم الرسومية ، مثل الأزرار ومربعات الاختيار وما إلى ذلك
  • sherpa: جميع تبعيات الطرف الثالث لدينا
  • chipper: أدوات لتطوير وبناء المحاكاة.
  • المعمرة: أدوات الصيانة التي لن تتغير مع إصدارات مختلفة من chipper التي تم سحبها

التحقق من كود HTML5 من GitHub

يتضمن مستودع example-sim الخاص بنا README.md قائمة بأوامر git clone التي ستتحقق من محاكاة المثال وجميع تبعياتها: https://github.com/phetsims/example-sim

ولإستنساخ بعض المحاكاة قيد التطوير لدينا: git clone git: //github.com/phetsims/forces-and-motion-basics.git git clone git: //github.com/phetsims/build-an-atom. شخص سخيف

يجب استنساخ جميع المستودعات في نفس الدليل حتى تعمل المسارات النسبية.

فيما يلي قائمة كاملة بجميع مستودعات phetsims. إذا لم يتم تشغيل sim بسبب فقدان التبعية ، فقد تحتاج إلى التحقق من المزيد من هذه المستودعات: https://github.com/phetsims؟tab=repositories

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

ماجستير غير مستقر: الوصول إلى التعليمات البرمجية التي تم اختبارها بدقة

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

  1. أولاً ، حدد الإصدار الذي تريد التحقق من الكود المصدري له ، على سبيل المثال: http://phet.colorado.edu/sims/html/area-builder/latest/area-builder_en.html
  2. انتقل إلى ملف يسمى التبعيات.json في نفس المسار ، على سبيل المثال: http://phet.colorado.edu/sims/html/area-builder/latest/dependencies.json
  3. قم بتنزيل ملف relencies.json إلى جذر دليل المحاكاة.
  4. افتح موجه الأوامر و cd في جذر دليل المحاكاة.
  5. قم بتشغيل grunt checkout-shas. ستقرأ هذه الخطوة من ملف التبعيّات. json وسحب جميع SHAs المقابلة للإدخالات في الملف.
  6. لسحب SHA للمحاكاة نفسها ، ابحث أولاً عن SHA في ملف التبعيات ، وانقل ملف التبعيات إلى موقع آخر أو احذفه ، واستخدم git checkout للتحقق من SHA المناسب. (لاحظ أن الإصدار المستقبلي من خدمة الدفع الناخر قد يتعامل مع هذه الخطوة الأخيرة).
  7. افحص المحاكاة وتبعياتها للتأكد من أن grunt checkout-shas كان لها التأثير المقصود للحصول على SHA الصحيح لكل ريبو.

الآن يمكنك استخدام شفرة المصدر المنشورة. لاستعادة كل فرع لإتقانه ، يمكنك تشغيل grunt checkout-master.

  1. يؤدي تشغيل grunt checkout-shas إلى حدوث أخطاء عندما لا يتم الالتزام بنسخة العمل. أوامر grunt هذه مدعومة حاليًا فقط لـ Clean git repos. قد يكون التخفي وسيلة للتغلب على هذه المشكلة. أيضًا ، إذا كنت تريد استخدام التبعيات من إصدار مختلف عن إصدارات SHA ، فسيتعين عليك القيام بذلك كخطوة يدوية إضافية.
  2. عند العمل في أحد الفروع ، سيتحقق مدير تسجيل الخروج من الفرع الرئيسي وستكون هناك حاجة إلى خطوات يدوية إضافية للعودة إلى الفرع (الفروع) المطلوب. على سبيل المثال ، هذه مشكلة عند العمل مع فرع العلامة التجارية "المُتكيف من phet".

كود مصدر جافا / فلاش الأصلي

اتبع الإرشادات الموجودة على هذا الرابط للحصول على الكود المصدري لإصدار Java و Flash الأصلي من عمليات المحاكاة: http://phet.colorado.edu/en/about/source-code

بعد التحقق من ذلك (قد يستغرق أكثر من 30 دقيقة) ، يوجد الكود المصدري لعمليات المحاكاة (على سبيل المثال): svn-checkout / trunk / simulations-java / simulations / force-and-motion-Basics

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

يجب نشر عمليات المحاكاة الجديدة تحت GPLv3 ويجب نشر تبعيات المكتبة القابلة لإعادة الاستخدام باسم MIT.

لتحسين قابلية قراءة كود PhET Simulation وصيانته ، حددنا العديد من التوصيات الأنماط لكتابة التعليمات البرمجية والوثائق:

تتوفر قائمة مراجعة كود PhET على https://github.com/phetsims/phet-info/blob/master/checklists/code_review_checklist.md التي توفر خطوات إضافية للتأكد من كتابة المحاكاة بشكل جيد. تُستخدم قائمة المراجعة هذه لنشر أي محاكاة جديدة في PhET للتأكد من أنها متسقة وقابلة للصيانة. يعدد الخطوات بما في ذلك على سبيل المثال لا الحصر أسلوب الترميز.

ملف XML بتنسيق IntelliJ IDEA لتنسيق التعليمات البرمجية تلقائيًا. هذه هي الحقيقة الأساسية لكيفية تنسيق كود فيت. يوضح المثال الخاص بنا أيضًا كيفية استخدام مكتباتنا بشكل اصطلاحي بالإضافة إلى مثال جيد للتعليق على التعليمات البرمجية + التوثيق.

نميل أيضًا إلى الاتفاق مع معظم الإرشادات الواردة في idiomatic.js.

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

نمطية مع وحدات ES6

يستخدم التكرار الحالي لقاعدة كود محاكاة PhET وحدات جافا سكريبت أصلية ، والتي تم تقديمها في ECMAScript 6. بالنسبة إلى PhET على وجه التحديد ، يتم استخدام الصادرات الافتراضية فقط (على عكس الصادرات المسماة). تُستخدم وحدات ES6 لدعم توحيد كود JavaScript. يمكن العثور على معلومات حول وحدات ES6 هنا. يمكن رؤية أمثلة على كيفية استخدامها بواسطة PhET في مثال المحاكاة (تحديدًا الملفات المصدر في دليل js).

الحد الأدنى للعرض × الارتفاع: 768 × 504 (1.52: 1 ، داخل Mobile Safari)

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

يتم تنفيذ عملية التصغير والتوحيد في الريبو الخاص بنا https://github.com/phetsims/chipper. يمكن استخدام هذا لإنشاء ملف HTML واحد يحتوي على جميع الصور والصوت ، وهو مناسب للتنزيل للاستخدام في وضع عدم الاتصال.

فيما يلي مثال على كيفية ترجمة example-sim في ملف HTML واحد. سيتم تجميع سيمز أخرى بشكل مشابه. هذا يفترض أن لديك جميع تبعيات example-sim تم سحبها في نسخة العمل المحلية الخاصة بك.

يشترط إمكانية تنزيل جميع عمليات محاكاة PhET وتشغيلها دون اتصال بالإنترنت في جميع المتصفحات المحددة من الملف: // URL. تنتج عملية إنشاء المحكم في PhET (الموضحة أعلاه) ملفًا واحدًا يمكن تنزيله للاستخدام دون اتصال بالإنترنت. يرجى التأكد من أنك لا تستخدم أي واجهات برمجة تطبيقات تمنع التشغيل والتشغيل بشكل صحيح عند عدم الاتصال باستخدام file: // URL. ، واختبر أن العملية غير المتصلة تعمل بشكل صحيح لمحاكاتك.

إليك رابط لبعض نماذج المحاكاة المنشورة ، حتى تتمكن من رؤية عرض توضيحي لكيفية ظهور بعض الأشياء وتصرفها: http://phet.colorado.edu/en/simulations/category/html

عملية التطوير وقائمة المراجعة

خطوات إنشاء محاكاة PhET تعمل بكامل طاقتها ، بالنظر إلى إصدار Java / Flash موجود أو مواصفات التطوير:

  1. المحاكاة ورمزها: أ. يجب استخدام المكتبات المناسبة بالطريقة الصحيحة ب. يجب أن يعلق بشكل كاف ج. يجب ألا يحتوي على رمز ميت (أي رمز معلق لا يفعل شيئًا) د. يجب أن تكون قابلة للصيانة ه. يجب صقل المكونات القابلة لإعادة الاستخدام ونقلها إلى المكتبات المناسبة و. يجب اجتياز جميع اختبارات jshint عند تشغيل chipper ، ويجب تجميعها في ملف HTML واحد h. يجب التحقق من العمل الفني المتجه الأصلي لأي شيء يظهر في الصور / الدليل في الأصول / الدليل. أنا. يجب أن تعمل مع تمكين؟ ea (التأكيدات) بدون تشغيل أي أخطاء في التأكيد
  2. المحاكاة واختبار واجهة المستخدم أ. الاختبار على منصاتنا المدعومة وتحديد المشاكل على المتصفحات المختلفة ب. يجب أن يكون الأداء سريعًا بدرجة كافية على جميع الأنظمة الأساسية المدعومة. أنا. يجب أن تبدأ المحاكاة في & lt8 ثوانٍ على iPad3 ii. نحن نسعى جاهدين للحصول على 60 إطارًا في الثانية ثابتًا على iPad3 عندما يكون ذلك ممكنًا ج. يجب اختبار المحاكاة مع تمكين التأكيدات:؟ ea d. يجب اختبار المحاكاة لمناطق اللمس: showPointerAreas
  3. مراجعة الكود أ. سيراجع مطور PhET واحد أو أكثر من الكود لتحديد الأخطاء المحتملة أو مشاكل الصيانة ب. سيتم معالجة القضايا التي أثيرت في الاستعراض
  4. الافراج عن مرشح الاختبار أ. قبل النشر ، يتم إنشاء فرع مرشح التحرير بحيث يمكن اختبار الفرع بدقة ، وإذا لم يتم العثور على أخطاء كبيرة ، يتم نشره
  5. المنشور أ. المحاكاة متاحة على موقع PhET
  6. الصيانة أ. تم نشر المحاكاة وسيتم حل أي أخطاء تم الإبلاغ عنها من قبل الطلاب أو المعلمين

المرافق والأجهزة للتطوير والاختبار

يجب تطوير العديد من جوانب المحاكاة بشكل صحيح وتعمل بشكل جيد حتى تعمل المحاكاة بشكل صحيح عبر العديد من الأنظمة الأساسية المدعومة لدينا. طورت PhET العديد من المرافق والأدوات لجعل هذا التطوير والاختبار أسهل. أحدث الوثائق الخاصة بمعلمات الاستعلام متاحة هنا: https://github.com/phetsims/chipper/blob/master/js/initialize-globals.js

  1. Query parameter: ?screenIndex . This query parameter may be used to specify the initial screen of the simulation. It can be paired with standalone above to launch just a specific screen of the simulation. For instance: http://localhost:8080/energy-skate-park-basics/energy-skate-park-basics_en.html?screenIndex=1&standalone launches Energy Skate Park: Basics using only the 2nd screen.
  2. Phet Allocations: Object instance allocation tracking, so we can cut down on garbage collection. See https://github.com/phetsims/phet-core/blob/master/js/phetAllocation.js Sample usage: a. Run the sim and set up the scenario that you wish to profile b. In the JS console, type: window.alloc=<> c. Wait until you have taken enough data d. Type x = window.alloc delete window.alloc Now you can inspect the x variable which contains the allocation information.
  3. Run with query parameter ?ea to enable assertions in the code. The sim should run without any assertion errors. (Assertions are predicates about what should be true at specific points in the code. They are used to identify programming errors.)
  4. Query parameter: ?showPointerAreas . This query parameter shows the areas for mouse and touch input events. On mobile devices (and sometimes for mouse) it is essential to increase the interaction region for a scenery node. Touch areas are shown in red and custom mouse areas are shown in blue.
  5. makeRandomSlowness(). This method can be called after the simulation is started to simulate an intermittently slow system. This can be used to help replicate bugs that only happen intermittently or only on slow platforms. To call this method, launch the sim, show the developer console, and type the command as above.
  6. makeEverythingSlow(). This method can be called after the simulation is started to simulate a slow system. This can be used to help replicate bugs that only happen intermittently or only on slow platforms. To call this method, launch the sim, show the developer console, and type the command as above.
  7. Query parameter: ?profiler . Launching a sim with ?profiler will print out the time to create each screen, and will show a histogram which updates every 60 frames depicting how long the frames are taking (in ms). Note: just showing the average FPS or ms/frame is not sufficient, since we need to see when garbage collections happen, which are typically a spike in a single frame. Hence, the data is shown as a histogram. After the first 30ms slots, there is a ++= showing the times of longer frames (in ms)
  8. Usage of Unit Tests: After making changes in one of the repos with unit tests (see if tests/qunit exists), run the unit tests afterwards (tests/qunit/unit-tests.html) to see if anything is broken. We highly recommend checking "Hide passed tests", and wait until all tests are complete (it may pause at 0 tests complete at the start).
  9. Adding Unit Tests: If you want to add a test, add it to one of the tests/qunit/js/* files that have a QUnit module( '. ' ) declaration, and read the QUnit tutorials to understand how it works. You can add new files with more tests by creating the file and referencing it in tests/qunit/js/unit-tests.js (whose purpose is to load those files).
  10. Namespaces for Unit Tests and Playground: Each unit-tests.html makes certain namespaces global (e.g. Scenery's makes window.scenery/kite/dot/axon/core for Scenery/Kite/Dot/Axon/phet-core respectively).
  11. Playground: If it exists, it will be a tests/playground.html, and allows testing code in the console. To make code available in the console, check the 'main' file used by the playground and add a reference there. For instance, Scenery's playground.html loads 'scenery/js/main.js', and saves it to window.scenery.
  12. Run grunt lint on the command line to check for lint errors. All code should be free of lint errors. (lint is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs. PhET uses the eslint variant of lint.)
  13. Install PhET's git hooks to run basic checks as part of the git lifecycle. Run these commands from the root of your checkout. First it clears any pre-existing commit hooks, then installs the new hooks.

The git hooks may run unit tests in the repo which require a configuration that is specified in

/.phet/build-local.json . Describing all the entries of build-local.json is beyond the scope of this document, but to successfully commit with these hooks to repos with unit tests your build-local.json will require key localTestingURL . If you followed steps in this document to install http-server , the entry would look like

Getting to optimal performance on all supported platforms can be tricky--this section enumerates possible optimizations strategies:

  1. Consider using WebGL.
  2. Reduce allocations (including but not limited to closures) during animation.
  3. Eliminate closures and move values to properties and prototypes, see https://github.com/phetsims/scenery/issues/664.
  4. Consider replacing color strings with color constants, see https://github.com/phetsims/sun/issues/312.

Working with GitHub Issues

When the problem described in a GitHub issue is solved, a description of the solution should be made in the issue and the issue should be reassigned to the original reporter of the GitHub issue for verification and closing. Commits that address the GitHub issue should also reference the issue in the commit message, so the change set can be easily reviewed.

Here are some example issues that show creation of an issue, solving it with a commit message that references the issue, an explanation of the solution and reassignment to the reporter for verification and closing: https://github.com/phetsims/color-vision/issues/15 https://github.com/phetsims/fraction-matcher/issues/56 https://github.com/phetsims/color-vision/issues/37

Embedding a Simulation in your website

To embed a simulation in your website, use an iframe like so:

The aspect ratio 834x504 is used for new simulations, because it matches the aspect ratio available on popular devices.


PhET: Fraction Matcher - Mathematics

وصف

Download PhET 1.0 from our software library for free. PhET is suitable for 32-bit versions of Windows XP/Vista/7/8/10. The actual developer of the free software is University of Colorado. Our antivirus scan shows that this download is safe. The following version: 1.0 is the most frequently downloaded one by the program users. The current installer available for download requires 499.2 MB of hard disk space. PhET lies within Education Tools, more precisely Science Tools.

The full PhET Offline Website Installer package installs a copy of the PhET website onto your computer. Once installed, you do not need to be connected to the Internet to view or run any of the simulations (as long as you have Java, Flash, and a web browser such as Firefox or Internet Explorer).

You may want to check out more software, such as Energy Skate Park, Rutherford Scattering أو Circuit Construction Kit DC and AC, which might be similar to PhET.


شاهد الفيديو: الكسور 1. الرياضيات. الكسور (شهر اكتوبر 2021).