الانتقال من النموذج الأولي إلى التطبيق - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب هندسة البرمجيات - الصف 12 - الفصل 1 | المادة: هندسة البرمجيات | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: الانتقال من النموذج الأولي إلى التطبيق والبدء بإنشاء التطبيقات في مخترع التطبيقات

📚 معلومات الصفحة

الكتاب: كتاب هندسة البرمجيات - الصف 12 - الفصل 1 | المادة: هندسة البرمجيات | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

مستوى الصعوبة: متوسط

📝 ملخص الصفحة

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

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

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

📄 النص الكامل للصفحة

--- SECTION: الانتقال من النموذج الأولي إلى التطبيق --- الانتقال من النموذج الأولي إلى التطبيق Transitioning from Prototype to Application نظرًا لأنك أنشأت نموذجًا شبكيًا أوليًا، فقد أصبحت تمتلك المعرفة بكيفية تصميم واجهة المستخدم للتطبيق، ويعني هذا أن وقت التطوير سيكون أقصر؛ لأن قرارات تصميم تجربة المستخدم وواجهة المستخدم قد تم اتخاذها سابقًا. ستستخدم الأدوات التي يوفرها برنامج مخترع التطبيقات لتصميم التطبيق بشكل مطابق قدر الإمكان للنموذج الأولي الشبكي للتطبيق، وتذكر أن النموذج الأولي الشبكي لا يمثل طريقة عرض التطبيق بصورته النهائية. يتم تنفيذ تغييرات واجهة المستخدم والميزات الجديدة أثناء عملية تطوير التطبيق، حيث يمكن الحصول على التغذية الراجعة والملاحظات من خلال اختبار المستخدمين للتطبيق؛ فهم يقدمون ملاحظاتهم حول النموذج الأولي الشبكي الذي أنشأته في الوحدة السابقة أثناء التجهيز لتطوير التطبيق، ويمكن استخدام هذه الملاحظات لإعادة تصميم النموذج الأولي مرة أخرى، أو يمكن أخذها بالاعتبار أثناء مرحلة التطوير، وتنفيذها مباشرة في تلك المرحلة في برنامج مخترع التطبيقات. النقاط الرئيسة المستفادة من الملاحظات والتغذية الراجعة بخصوص النموذج الأولي هي كالتالي: • يجب وضع مكونات شاشات المدن والمعالم المميزة داخل مجمع بلون خلفية يختلف قليلاً عن صورة العلم. • يجب أن يكون لشاشة المعالم المميزة مظهر متناسق مع صفحة المدن. • من المفيد توفير طريقة لعرض الموقع الخاص بكل معلم يتم عرضه. • ستبدأ الآن في تطوير واجهة مستخدم التطبيق باستخدام النموذج الأولي كدليل إرشادي، كما ستأخذ الملاحظات والتغذية الراجعة للمستخدمين في عين الاعتبار. --- SECTION: البدء بإنشاء التطبيقات في مخترع التطبيقات --- البدء بإنشاء التطبيقات في مخترع التطبيقات Start Building Apps with App Inventor للبدء بإنشاء التطبيقات باستخدام مخترع التطبيقات MIT، يلزمك تسجيل الدخول إلى موقع مخترع التطبيقات باستخدام حسابك في جوجل. --- SECTION: لبدء مخترع التطبيقات MIT --- لبدء مخترع التطبيقات MIT < انتقل إلى موقع الويب appinventor.mit.edu واضغط على Create Apps (إنشاء تطبيقات). 1 < سجل الدخول باستخدام حساب قوقل الخاص بك. 2 < ستظهر الآن مساحة عمل MIT App Inventor (مخترع التطبيقات MIT). 3 وزارة التعليم 117 Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **IMAGE**: Conversational AI Agent Description: A screenshot of the MIT App Inventor website homepage. The main banner displays 'Conversational AI Agent' with a graphic of a robot head. Below the banner, there are several interactive boxes with labels such as 'Get Started', 'Try a Tutorial', 'Teach Coding', 'Ask Questions', and 'Get Involved'. A circled number '1' is placed over the main banner area. Context: This image illustrates the initial interface of the MIT App Inventor platform, showing its focus on AI and providing options for users to begin their app development journey. **IMAGE**: Sign in with Google Description: A screenshot of a Google sign-in page. It features a 'Welcome' message, an email address field pre-filled with 'binary.academy@gmail.com', a masked password input field, a 'Show password' checkbox, and a 'Next' button. A circled number '2' is positioned near the password field, indicating a step in the sign-in process. Context: This image demonstrates the required Google sign-in process for accessing the MIT App Inventor platform, highlighting the authentication step for users.

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 6 بطاقة لهذه الصفحة

ما هي الفائدة الرئيسية من إنشاء نموذج أولي شبكي قبل تطوير التطبيق الفعلي؟

الإجابة: تقصير وقت التطوير لأن قرارات تصميم تجربة المستخدم وواجهة المستخدم قد تم اتخاذها سابقًا.

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

تلميح: فكر في العلاقة بين التخطيط المسبق ووقت التنفيذ.

التصنيف: مفهوم جوهري | المستوى: سهل

كيف يمكن استخدام الملاحظات والتغذية الراجعة من اختبار المستخدمين للنموذج الأولي الشبكي؟

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

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

تلميح: تذكر أن هناك خيارين للتعامل مع الملاحظات.

التصنيف: صيغة/خطوات | المستوى: متوسط

اذكر أحد الأمثلة العملية للتغذية الراجعة المذكورة في النص بخصوص تصميم النموذج الأولي.

الإجابة: يجب وضع مكونات شاشات المدن والمعالم المميزة داخل مجمع بلون خلفية يختلف قليلاً عن صورة العلم.

الشرح: هذه ملاحظة تصميمية محددة تهدف إلى تحسين قابلية الاستخدام والوضوح في واجهة التطبيق.

تلميح: فكر في تحسين التباين والوضوح البصري للعناصر.

التصنيف: مفهوم جوهري | المستوى: سهل

ما هي الخطوة الأولى للبدء في إنشاء تطبيقات باستخدام مخترع التطبيقات MIT؟

الإجابة: تسجيل الدخول إلى موقع مخترع التطبيقات باستخدام حساب جوجل.

الشرح: الوصول إلى بيئة التطوير (MIT App Inventor) يتطلب مصادقة باستخدام حساب جوجل.

تلميح: تتعلق هذه الخطوة بالوصول إلى المنصة.

التصنيف: صيغة/خطوات | المستوى: سهل

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

الإجابة: يُستخدم كدليل إرشادي لتطوير الواجهة، مع الأخذ بعين الاعتبار الملاحظات والتغذية الراجعة للمستخدمين.

الشرح: النموذج الأولي ليس مجرد رسم، بل هو خطة تنفيذية قابلة للتعديل بناءً على الاختبارات، توجه عملية البناء الفعلية.

تلميح: فكر في العلاقة بين الخطة (النموذج) والتنفيذ (التطبيق).

التصنيف: مفهوم جوهري | المستوى: متوسط

ما الفرق بين النموذج الأولي الشبكي للتطبيق والتطبيق النهائي من حيث التمثيل؟

الإجابة: النموذج الأولي الشبكي لا يمثل طريقة عرض التطبيق بصورته النهائية.

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

تلميح: ركز على كلمة 'لا يمثل' في النص.

التصنيف: فرق بين مفهومين | المستوى: سهل