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

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

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

الدرس: أدوات وتقنيات تطوير تطبيقات الويب

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

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

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

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

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

📝 ملخص الصفحة

تتناول هذه الصفحة أدوات وتقنيات تطوير تطبيقات الويب، حيث تبدأ بمناقشة أدوات تصميم قواعد البيانات مثل MySQL وSQL Server وAmazon DynamoDB وAzure SQL وMongoDB وFirebase، مع التأكيد على أن اختيار الأداة يعتمد على طبيعة البرنامج وطريقة النشر.

ثم تنتقل إلى إنشاء الواجهة الأمامية، وهي الجزء المرئي من التطبيق الذي يتفاعل معه المستخدم، وتذكر أمثلة للأدوات المستخدمة مثل jQuery وReactjs وDjango وVue.js وAngular.

بعد ذلك، تتناول إنشاء الواجهة الخلفية التي تدير بيانات البرنامج وتشمل قواعد البيانات والخوادم، مع ذكر أدوات مثل Express JS وASP.NET وRuby on Rails وFlask وLaravel وSpring Boot، مشيرة إلى أهمية الأمان والأداء.

أخيرًا، تشرح استضافة تطبيق الويب، موضحة الحاجة إلى مزود استضافة ويب وتنوع الخدمات من البسيطة إلى السحابية القابلة للتوسع.

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

هناك العديد من أدوات تصميم قواعد البيانات التي تُستخدم لأغراض مختلفة. تحدد طبيعة البرنامج وطريقة نشر الحل البرمجي اختيار أداة محددة. من الأمثلة على الأدوات المستخدمة في تصميم قواعد البيانات وبنائها، ما يلي: • ماي إس كيو إل (MySQL). • إس كيو إل سيرفر (SQL Server). • أمازون دينامو دي بي (Amazon DynamoDB). • أزور إس كيو إل (Azure SQL). • مونجودب (MongoDB). • فايربيس (Firebase). --- SECTION: 7. إنشاء الواجهة الأمامية (جزء البرنامج لدى العميل): --- 7. إنشاء الواجهة الأمامية (جزء البرنامج لدى العميل): الواجهة الأمامية هي العنصر المرئي لتطبيق الويب، وهي تمثل واجهة النظام التي يراها المستخدم ويتفاعل مع النظام من خلالها. تتضمن أمثلة الأدوات المستخدمة لإنشاء واجهة مستخدم الويب ما يلي: • جي كويري (jQuery). • ريكت جس (Reactjs). • جانغو (Django). • فيو جي إس (Vue.js). • أنقيولر (Angular). --- SECTION: 8. إنشاء الواجهة الخلفية (الجزء الخلفي للبرنامج لدى الخادم): --- 8. إنشاء الواجهة الخلفية (الجزء الخلفي للبرنامج لدى الخادم): تُستخدم الواجهة الخلفية لإدارة بيانات البرنامج، وتشير إلى قواعد البيانات والخوادم بالإضافة إلى جميع أجزاء النظام الأخرى غير المرئية للمستخدم داخل تطبيق الويب. يتضمن إنشاء الواجهة الخلفية كتابة البرنامج الأساسي الذي يوفر وظائف التطبيق، بالإضافة إلى إعداد قاعدة البيانات والشبكات والتحقق من التكامل بين الأنظمة الفرعية المختلفة. ويتم أيضًا إعطاء أهمية خاصة لاعتبارات الأمان والأداء. من الأمثلة على الأدوات المستخدمة في إنشاء الواجهة الخلفية: • اكسبرس جي إس (Express JS). • إيه إس بي دوت نت (ASP.NET). • روبي أون ريلز (Ruby on Rails). • فلاسك (Flask). • لارافيل (Laravel). • سبرنغ بوت (Spring Boot). --- SECTION: 9. استضافة تطبيق الويب : --- 9. استضافة تطبيق الويب : يجب توفر مزود استضافة ويب لتشغيل تطبيق الويب على خادم معين، وتتوفر خدمات الاستضافة حسب الحاجة، وتتراوح بين الخدمات البسيطة غير المكلفة، وخدمات الحوسبة السحابية الكبيرة التي تسمح بالتوسع حال ازدياد عدد مستخدمي التطبيق وتزايد السعة المطلوبة للخدمات. 50 وزارة التعليم Ministry of Education 2025 - 1447

✅ حلول أسئلة الكتاب الرسمية

عدد الأسئلة: 2

سؤال مربع-1: 8. إنشاء الواجهة الخلفية (الجزء الخلفي للبرنامج لدى الخادم): من الأمثلة على الأدوات المستخدمة في إنشاء الواجهة الخلفية: فلاسك (Flask). لارافيل (Laravel).

الإجابة: تخييري

خطوات الحل:

  1. **الشرح:** لنفهم هذا السؤال. السؤال يتحدث عن "إنشاء الواجهة الخلفية" للبرنامج، وهو الجزء الذي يعمل على الخادم ويتعامل مع المنطق وقواعد البيانات ولا يراه المستخدم مباشرة. الفكرة هنا هي أن هناك العديد من الأدوات أو الأطر البرمجية (Frameworks) التي تساعد المطورين في بناء هذا الجزء الخلفي بشكل أسرع وأكثر تنظيماً. السؤال يذكر مثالين محددين هما: فلاسك (Flask) ولارافيل (Laravel). فلاسك هو إطار عمل بسيط وخفيف يُستخدم مع لغة البرمجة بايثون. أما لارافيل فهو إطار عمل قوي وشائع يُستخدم مع لغة البرمجة بي إتش بي. إذن، كلا المثالين المذكورين هما بالفعل من الأدوات المستخدمة في هذا المجال، مما يجعل الإجابة على السؤال هي اختيار الإجابة المناسبة من الخيارات المعطاة (تخييري).

سؤال مربع-2: 8. إنشاء الواجهة الخلفية (الجزء الخلفي للبرنامج لدى الخادم): من الأمثلة على الأدوات المستخدمة في إنشاء الواجهة الخلفية: روبي أون ريلز (Ruby on Rails). سبرنغ بوت (Spring Boot).

الإجابة: تخييري

خطوات الحل:

  1. **الشرح:** لننظر إلى هذا السؤال. هو نفس موضوع السؤال السابق، حيث يطلب منا التعرف على أمثلة لأدوات إنشاء الواجهة الخلفية (Backend). المثالان المذكوران هما: روبي أون ريلز (Ruby on Rails) وسبرنغ بوت (Spring Boot). روبي أون ريلز هو إطار عمل شهير وسريع التطوير يُستخدم مع لغة البرمجة روبي. أما سبرنغ بوت فهو إطار عمل يُستخدم مع لغة جافا، ويُعرف بأنه يسهل عملية إنشاء تطبيقات قائمة بذاتها. الفكرة هنا هي التأكد من أن هذه الأسماء تمثل أدوات حقيقية ومستخدمة على نطاق واسع في مجال تطوير الجزء الخلفي من التطبيقات والمواقع الإلكترونية. لذلك، عندما يُعطى السؤال ويطلب من الطالب الاختيار، فإن هذين المثالين صحيحان ويُعتبران إجابة مناسبة.

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

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

ما هي الواجهة الأمامية (Frontend) في تطبيق الويب؟

الإجابة: هي العنصر المرئي لتطبيق الويب، وتمثل واجهة النظام التي يراها المستخدم ويتفاعل مع النظام من خلالها.

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

تلميح: فكر في الجزء الذي يراه المستخدم مباشرة ويتعامل معه.

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

ما هي الواجهة الخلفية (Backend) في تطبيق الويب؟

الإجابة: تُستخدم لإدارة بيانات البرنامج، وتشير إلى قواعد البيانات والخوادم وجميع أجزاء النظام الأخرى غير المرئية للمستخدم داخل تطبيق الويب.

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

تلميح: ركز على المكونات التي تعمل في الخلفية ولا يراها المستخدم النهائي.

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

اذكر ثلاثة أمثلة على أدوات تصميم وبناء قواعد البيانات.

الإجابة: ماي إس كيو إل (MySQL)، إس كيو إل سيرفر (SQL Server)، أمازون دينامو دي بي (Amazon DynamoDB).

الشرح: هذه أمثلة على أنظمة إدارة قواعد البيانات العلائقية (RDBMS) وغير العلائقية (NoSQL) المستخدمة على نطاق واسع.

تلميح: تذكر أن بعض الأدوات تبدأ بـ 'SQL'.

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

اذكر ثلاثة أمثلة على أدوات إنشاء الواجهة الأمامية لتطبيقات الويب.

الإجابة: ريكت جس (Reactjs)، فيو جي إس (Vue.js)، أنقيولر (Angular).

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

تلميح: تذكر أن هذه الأدوات غالباً ما تكون أطر عمل (Frameworks) أو مكتبات (Libraries) للجافاسكريبت.

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

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

الإجابة: اكسبرس جي إس (Express JS)، فلاسك (Flask)، لارافيل (Laravel).

الشرح: هذه أطر عمل (Frameworks) تُستخدم لبناء منطق الخادم والتعامل مع قواعد البيانات وواجهات برمجة التطبيقات (APIs).

تلميح: تذكر أن هذه الأدوات تغطي لغات برمجة مختلفة مثل JavaScript وPython وPHP.

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

ما الفرق الرئيسي بين الواجهة الأمامية (Frontend) والواجهة الخلفية (Backend) في تطبيق الويب؟

الإجابة: الواجهة الأمامية هي الجزء المرئي الذي يتفاعل معه المستخدم مباشرة، بينما الواجهة الخلفية هي الجزء غير المرئي الذي يدير البيانات والمنطق البرمجي والخوادم.

الشرح: هذا التمييز أساسي في هندسة البرمجيات، حيث يفصل بين تجربة المستخدم (Frontend) والبنية التحتية والتطبيقية للنظام (Backend).

تلميح: فكر في من يرى ماذا: المستخدم أم المبرمج/النظام؟

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

ما أهمية خدمات استضافة الويب لتطبيقات الويب؟

الإجابة: يجب توفر مزود استضافة ويب لتشغيل تطبيق الويب على خادم معين، وتسمح بالتشغيل والتوسع مع ازدياد عدد المستخدمين والسعة المطلوبة.

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

تلميح: تذكر أن التطبيق يحتاج إلى مكان يعمل منه ليصبح متاحاً على الإنترنت.

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