- مراجعة المكونات المختلفة التي يمكنك استخدامها في مخترع التطبيقات أو Thunkable
- ابحث عن مكون واحد يمكن أن يساعد تطبيقك
- ابحث عن برنامج تعليمي وقم بترميز مكون واحد على الأقل في تطبيقك
هذه هي أنشطة هذا الدرس:
مكونات الهاتف الذكي
حان الوقت لاختيار المكونات التي تريد أن يستخدمها تطبيقك وترميزها، والتي يتضمن بعضها مستشعرات. ستتيح المكونات المختلفة المتاحة لتطبيقك القيام بالعديد من الأشياء المختلفة - تأكد من اختيار المكونات المناسبة لك!
هذا الدرس هو مرجع لك للتعرف على العديد من المكونات التي يمكنك استخدامها في تطبيقك.
ربما تكون قد اخترت منصتك الآن، ولكننا سنقوم بإدراج جميع المكونات لكل من App Inventor و Thunkable، فقط حتى تكون على دراية بالمكونات المتاحة.
ابحث عن المكونات التي يمكنك استخدامها لتنفيذ الميزات التي خططت لها لتطبيقك.
قائمة المكونات حسب الفئة
المكوّنات التالية هي مكوّنات تتجاوز المكوّنات القياسية مكونات واجهة المستخدم القياسيةالتي تسمح للمستخدم بالتفاعل مع التطبيق.
هذه ليست قائمة كاملة، ولكنها تغطي معظم المكونات المتاحة حاليًا. يواصل Thunkable و App Inventor إضافة المزيد من الميزات والمكونات طوال الوقت.
المعلومات الواردة أدناه متاحة أيضاً في هذه الوثيقة.
إذا كان تطبيقك يحتاج إلى ميزات تتعلق بأشياء مثل الصور الفوتوغرافية والصوت والفيديو، فستكون هذه المكونات مفيدة جدًا لك.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| يسمح للمستخدم بالتقاط مقاطع فيديو. يمكنك استخدامه للتطبيقات الاجتماعية، أو تطبيقات مشاركة الفيديو، أو في أي وقت آخر تريد أن يقوم المستخدم بتسجيل فيديو. | كاميرا الفيديو | كاميرا |
| يسمح للمستخدم بالتقاط الصور. يمكن أن يكون هذا مفيدًا للتطبيقات التي تسمح للمستخدمين بتعيين صور الملف الشخصي أو التقاط صور لمشاركتها أو حفظها في معرض الصور. | كاميرا | كاميرا |
| يسمح للمستخدم باختيار صورة من مكتبة الصور الخاصة به. سيسمح للمستخدمين باختيار الصور التي التقطوها خارج نطاق استخدام تطبيقك. | منتقي الصور | الملفات (مكتبة الصور) |
| يسمح لك بتضمين فيديو في التطبيق يمكن للمستخدم النقر عليه. يجب أن يكون الفيديو بصيغة .wmv أو .3gp أو .mp4 وألا يزيد حجمه عن 1 ميغابايت. | مشغل الفيديو | فيديو |
| يتيح لك ترجمة النص إلى لغة أخرى. يتطلب أن يكون تطبيقك متصلاً بالإنترنت لأنه يعتمد على خدمات الترجمة الخارجية. | المترجم | الكلام |
| يسمح للمستخدم بتسجيل صوت أو ضوضاء. | مسجل الصوت | الصوت |
| يقوم هذا المكون الصوتي بتشغيل صوت. يعمل هذا بشكل أفضل مع الأصوات "الطويلة"، مثل الأغاني أو الخطب أو القصائد. يحتوي Thunkable على مكون واحد فقط، صوت، لأي صوت طويل. | اللاعب | الصوت |
| مشابه جدًا لمكون المشغل، ولكنه الأفضل للأصوات القصيرة، مثل "رنات" الإشعارات. | الصوت | الصوت |
| يترجم كلام المستخدم إلى نص. هذا الأمر مفيد بشكل خاص للتطبيقات التي تتطلب إمكانات بدون استخدام اليدين. | أداة التعرف على الكلام | الكلام |
| يقوم هذا المكوّن بعكس SpeechRecorder؛ فهو يسمح للمستخدمين بإدخال نص ليقوم التطبيق بقراءته بصوت عالٍ. | TextToSpeech | الكلام |
| يمكنك تشغيل رسوم متحركة JSON في تطبيقك. | غير متوفر | الرسوم المتحركة |
إذا كنت بحاجة إلى تطبيقك لإجراء مكالمات هاتفية، وإرسال رسائل بريد إلكتروني، وإرسال رسائل نصية ومشاركة أنواع معينة من المعلومات، فقد تكون هذه المكونات الاجتماعية مفيدة.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| يعرض جهات اتصال المستخدم ويسمح للمستخدمين باختيار شخص ما من تلك القائمة. | منتقي جهات الاتصال | غير متوفر |
| يسمح للمستخدم بإدخال عنوان بريد إلكتروني من قائمة جهات اتصال المستخدم. | منتقي البريد الإلكتروني | غير متوفر |
| السماح للمستخدم باختيار رقم هاتف من قائمة جهات الاتصال الهاتفية. | منتقي أرقام الهاتف | غير متوفر |
| يسمح لك بتضمين فيديو في التطبيق يمكن للمستخدم النقر عليه. يجب أن يكون الفيديو بصيغة .wmv أو .3gp أو .mp4 وألا يزيد حجمه عن 1 ميغابايت. | مشغل الفيديو | فيديو |
| تمكين المستخدم من إجراء مكالمة هاتفية من تطبيقك. | مكالمة هاتفية | شارك |
| يسمح للمستخدم بإرسال رسالة نصية إلى هاتف مستخدم آخر من خلال تطبيقك. | الرسائل النصية | شارك |
| يقوم هذا المكون الصوتي بتشغيل صوت. يعمل هذا بشكل أفضل مع الأصوات "الطويلة"، مثل الأغاني أو الخطب أو القصائد. يحتوي Thunkable على مكون واحد فقط، صوت، لأي صوت طويل. | اللاعب | الصوت |
| السماح للمستخدمين بمشاركة الرسائل أو الصور أو أي محتوى آخر في تطبيقك مع تطبيقات أخرى على هاتف المستخدم، مثل البريد الإلكتروني والرسائل. | المشاركة | شارك |
| يتيح الاتصال بين تطبيقك وTwitter. يمكن للمستخدمين البحث عن التغريدات، وإرسال الرسائل واستقبالها، والحصول على قائمة بالمتابعين، وغير ذلك الكثير. | تويتر | غير متوفر |
| يتيح لك Thunkable إضافة إعلانات إلى تطبيقك. يجب أن توافق Thunkable على جميع التطبيقات أولاً قبل تنزيلها أو نشرها. | غير متوفر | الإعلانات |
تسمح هذه المكونات لتطبيقك بالتفاعل مع كيانات خارج تطبيقك، مثل الويب والأجهزة والتطبيقات الأخرى.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| السماح لتطبيقك ببدء تشغيل تطبيقات أخرى، مثل الكاميرا أو خرائط Google، أو التطبيقات التي أنشأها المستخدم المثبتة على الهاتف. | بداية النشاط | فتح الرابط المفتوح (كتلة التحكم) |
| يتيح لك تضمين خريطة في تطبيقك. يتضمن مخترع التطبيق مكونات مثل العلامات والأشكال التي يمكن إضافتها إلى الخريطة. تتم إضافة هذه الميزات في التعليمات البرمجية في Thunkable. | الخرائط | الخرائط |
| السماح للمستخدمين بعرض صفحات الويب داخل تطبيقك. | عارض الويب | عارض الويب |
| تمكين تطبيقك من إرسال المعلومات والحصول عليها من مواقع الويب الخارجية وإليها. | الويب | واجهة برمجة تطبيقات الويب |
| تمكين المستخدم من إجراء مكالمة هاتفية من تطبيقك. | مكالمة هاتفية | شارك |
| تمكّن هذه المكونات تطبيقك من الاتصال بأجهزة Bluetooth. | عميل Bluetooth, خادم بلوتوث, BlueToothLE (امتداد) | بلوتوث منخفضة الطاقة |
| يقوم هذا المكون الصوتي بتشغيل صوت. يعمل هذا بشكل أفضل مع الأصوات "الطويلة"، مثل الأغاني أو الخطب أو القصائد. يحتوي Thunkable على مكون واحد فقط، صوت، لأي صوت طويل. | اللاعب | الصوت |
| تُستخدم لجمع البيانات من مصادر خارجية (أجهزة الاستشعار، الويب، ملفات البيانات) وعرضها في شكل مخطط. | رسم بياني، ChartData2D | غير متوفر |
| يمكن استخدامها للاتصال بأجهزة تسلسلية مثل Arduino. | متسلسل | غير متوفر |
| يسمح لمستخدمي تطبيقك بالتسجيل باسم مستخدم وكلمة مرور. يتطلب ذلك إعداد حساب Firebase أولاً. | غير متوفر | تسجيل الدخول |
| السماح لك بتضمين ملف pdf داخل تطبيقك | غير متوفر | قارئ PDF |
إذا كان تطبيقك بحاجة إلى جمع معلومات عن العالم من حوله أو المستخدم، فإليك بعض المستشعرات التي يمكن لـ App Inventor و Thunkable الوصول إليها.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| يمكنه تحديد ما إذا كان الهاتف يهتز وما إذا كان الهاتف ممسوكاً بشكل مستقيم أو مقلوب. هذه الإمكانية مفيدة للغاية عندما تريد إعادة توجيه الشاشة استجابةً لكيفية حمل الهاتف، أو إذا كنت تريد أن يتفاعل التطبيق مع الاهتزاز. | مستشعر التسارع | مقياس التسارع |
| يستخدم مستشعر مقياس التسارع لقياس عدد الخطوات التي يقطعها المستخدم الذي يحمل الهاتف، ويمكنه أيضاً تقدير المسافة المقطوعة. | عداد الخطى | غير متوفر |
| يمكنه استشعار ما إذا كان الهاتف مائلاً. وهو أكثر دقة من مقياس التسارع ويمكنه قياس مدى تغير اتجاه الهاتف. | مستشعر الجيروسكوب | جيروسكوب |
| تُستخدم لقياس كثافة التدفق المغناطيسي. لا تدعم جميع الهواتف هذه الإمكانية. | مستشعر المجال المغناطيسي | مقياس المغناطيسية |
| يسمح لتطبيقك بالحصول على الوقت الحالي أو استخدام مؤقِّت. يمكن أن يكون هذا مفيدًا لضبط منبه موقوت أو استخدام مؤقِّت. | الساعة | المؤقِّت |
| يجمع خطوط الطول والعرض لموقع الهاتف. يمكن أن يكون هذا المستشعر مفيداً في أي وقت تحتاج فيه إلى البحث عن نقاط اهتمام بالقرب من المستخدم. | مستشعر الموقع | مستشعر الموقع |
| يخبر ما إذا كان الهاتف على مقربة من شيء ما. يُستخدم غالباً لمعرفة ما إذا كان المستخدم يضع الهاتف بالقرب من أذنه. لا يمكن لجميع الهواتف دعم هذه الإمكانية. | مستشعر القرب | غير متوفر |
| يسمح لتطبيقك بقراءة الباركود. | ماسح الباركود الشريطي | كاميرا |
| يقيس ضغط الهواء المحيط. | البارومتر | غير متوفر |
| يقيس الرطوبة النسبية للهواء المحيط. غير شائع في معظم الأجهزة المحمولة. | مقياس الرطوبة | غير متوفر |
| يقيس مستوى الضوء. | مستشعر الضوء | غير متوفر |
| يسمح لتطبيقك بمشاركة البيانات مع الأجهزة الأخرى المزودة بتقنية NFC (الاتصال قريب المدى). | نيرفيلد | غير متوفر |
| يوفر معلومات حول الاتجاه المادي للجهاز في ثلاثة أبعاد: الدوران، والميل، والسمت. | مستشعر التوجيه | غير متوفر |
| يقيس درجة الحرارة المحيطة (الخارجية). | ميزان الحرارة | غير متوفر |
يمكن لتطبيقك تخزين البيانات داخل المقابل، وعلى الجهاز، وفي السحابة باستخدام هذه المكونات.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| كتلة تتيح لك تحديث المعلومات وتخزينها داخل التطبيق. يتم مسح أي معلومات عند إغلاق التطبيق. | متغير | متغير التطبيق |
| يسمح لتطبيقك بتخزين المعلومات وتحديثها محلياً على الجهاز المحمول واستخدامها داخل التطبيق. يمكن تخزين البيانات واسترجاعها بين عمليات تشغيل التطبيق. في Thunkable، يمكن لـ DataViewer و DataViewerGrid تخزين البيانات محليًا باستخدام خيار "إنشاء جدولك الخاص". | TinyDB | المتغير المخزن قائمة عارض البيانات شبكة عارض البيانات |
| يسمح لتطبيقك بتخزين البيانات واسترجاعها وتحديثها في السحابة بحيث يمكن مشاركة البيانات بين مختلف مستخدمي التطبيق. يوفر Thunkable متغيرات سحابية باستخدام Firebase. يمكن ربط DataViewer وDataViewerGrid بـ Airtable وجداول بيانات Google وWebflow. يرتبط مكون جدول البيانات في App Inventor بجداول بيانات جوجل. | CloudDB FirebaseDB جدول البيانات | متغير السحابة - (فايربيس) قائمة عارض البيانات DataViewerGrid |
استخدم نماذج التعلم الآلي للتصنيف وأدوات الذكاء الاصطناعي التوليدي داخل تطبيقك.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| يسمح بالتواصل مع روبوت الدردشة بالذكاء الاصطناعي، وهو روبوت الدردشة OpenAI's ChatGPT. | روبوت المحادثة | خدمات الذكاء الاصطناعي المفتوحة (إكمال النص) |
| يتيح لك تضمين DALL-E في تطبيقك لإنشاء الصور وتحريرها. | إيمدج بوت | خدمات الذكاء الاصطناعي المفتوحة (توليد الصور) |
| يتيح لك إنشاء نموذج التعلم الآلي الخاص بك (صورة، صوت، وضعية) واستخدامه في تطبيقك. | مُصنف الصور الشخصية (PersonalImageClassifier) PersonalAudioClassifier PoseNetExtension آلة قابلة للتعليم (لاحظ أن هذه كلها تتطلب منك إضافة الامتداد) | غير متوفر |
تمكين الرسم في أحد التطبيقات، وإضافة العفاريت لتحريك وإنشاء الألعاب.
| وصف الميزة | مخترع التطبيقات | ثنكابل |
|---|---|---|
| يضيف مساحة على الشاشة حيث يمكن للمستخدمين الرسم. هذا أيضًا هو المكان الذي يمكنك فيه إضافة العفاريت التي يمكنك تحريكها. | اللوحة القماشية | اللوحة القماشية |
| هذه المكونات هي العناصر التي يمكن تحريكها والتفاعل معها داخل اللعبة أو الرسوم المتحركة | إيمدجسبرايت الكرة |
سبرايت |
ستضيف مكونات في نافذة المصمم في مخترع التطبيقات. سيتعين عليك النقر على فئة في اللوحة لفتح الدرج لإظهار المكونات.
النشاط: تعلم مكونًا جديدًا
الوقت المقدر: 60 دقيقة
اختر مكوناً للتعرف على
- اختر مكونًا أو مستشعرًا واحدًا على الأقل تعتقد أنك ستستخدمه في تطبيقك.
- ابحث عن وثائق و/أو برنامج تعليمي لاستخدام المكون في تطبيق ما. يمكنك البدء من هنا:
- مرجع مكونات معهد ماساتشوستس للتكنولوجيا
- البرامج التعليمية لمخترع التطبيقات
- قناة مخترع التطبيقات على يوتيوب
- برمجة تطبيق باستخدام هذا المكون الجديد
نصيحة الموجه
أفضل الممارسات الممارسات: لا يجب أن يكون المكون الذي تختاره مثاليًا لتطبيقك! طالما أنك تتعلم عن مكون جديد، فهذا هو المهم. فقط اختر شيئًا تعتقد أنه قد يعمل، وإذا اكتشفت أنه لا يعمل فلا بأس بذلك. في عالم البرمجة نطلق على هذا البحث اسم "مسمار" لأنك تحاول أن تحفر بسرعة بأعمق ما يمكن (مثل ضرب مسمار سكة حديد في الأرض).
أسئلة إرشادية لطرحها على الطلاب إذا كنا نصنع تطبيقًا لساعة آبل، ما نوع المكونات التي قد تكون موجودة في ساعة آبل؟ (جهاز مراقبة معدل ضربات القلب، جيروسكوب - لتتبع الخطوات، البلوتوث). ما مقدار البيانات التي تجمعها؟ هل يمكنك استخدام تلك البيانات لتدريب نموذج الذكاء الاصطناعي الخاص بك؟
يتم توفير نصائح الموجهين من خلال الدعم المقدم من AmeriCorps.
من أفضل المهارات التي يمكن أن تتعلمها كمبرمج هي كيفية العثور على الموارد لمساعدتك عندما تكون عالقًا أو تحتاج إلى تعلم كيفية استخدام شيء ما.
هذا النشاط تمرين!
قد لا تتماشى تمامًا مع التطبيق الذي تريد إنشاءه، لكن التدرب على البرمجة باستخدام المكونات سيساعدك عندما تأتي لبناء تطبيقك الخاص.
الانعكاس
هذا الدرس هو مرجع لجميع المكونات التي يمكنك استخدامها لبناء تطبيقك. ليس من السهل العثور على برنامج تعليمي أو وثائق لمعرفة كيفية استخدام المكوّن الخاص بك!
مراجعة المصطلحات الرئيسية
- مكونات واجهة المستخدم - المكونات القياسية التي يتفاعل معها المستخدم مثل الأزرار والتسميات ومربعات النصوص
- مكونات الوسائط - من أمثلة مكونات الوسائط الصور والصوت والفيديو.
- المستشعرات - أنواع مختلفة من الأجهزة المثبتة على الهاتف والتي تجمع البيانات لأغراض مختلفة
- المكونات الاجتماعية - الميزات التي تمكّن المستخدمين من إجراء مكالمات هاتفية وإرسال رسائل البريد الإلكتروني والرسائل النصية ومشاركة الأشياء من خلال تطبيقك
- مكونات الاتصال - الميزات التي تسمح لتطبيقك بالتفاعل مع أماكن خارج تطبيقك، مثل الويب والتطبيقات الأخرى
- مكونات التخزين - الكتل والمكونات التي تسمح لك بتخزين المعلومات في التطبيق وعلى الجهاز وفي السحابة
- مكونات الذكاء الاصطناعي - مكونات تتيح لك استخدام نماذج التعلم الآلي أو أدوات الذكاء الاصطناعي التوليدي داخل تطبيقك
الموارد الإضافية
مواقع تعليمية أخرى مفيدة لمخترع التطبيقات:
- appinventor.org
- دورة حافلة البرمجة للمبتدئين (العديد من الدروس التعليمية المكونة)
