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

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

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

الدرس: هيكلية تطبيق الويب

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

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

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

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

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

📝 ملخص الصفحة

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

ثانياً، تشرح الصفحة الهيكلية الأساسية لتطبيق الويب من خلال رسم تخطيطي يوضح مكونات الواجهة الأمامية (الجزء الذي يتفاعل معه المستخدم مباشرة باستخدام HTML وCSS وJavaScript) والواجهة الخلفية (الجزء الذي يعالج المنطق على الخادم باستخدام لغات مثل PHP وPython).

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

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

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

--- SECTION: جدول 1.5: مزودو خدمات استضافة الويب --- جدول 1.5: مزودو خدمات استضافة الويب --- SECTION: هيكلية تطبيق الويب --- هيكلية تطبيق الويب --- SECTION: الواجهة الأمامية --- الواجهة الأمامية (جزء البرنامج لدى العميل) ما يراه المستخدم ويتفاعل معه HTML, CSS, JavaScript جمع البيانات المستخدم عرض النتائج طلب استجابة --- SECTION: الواجهة الخلفية --- الواجهة الخلفية (الجزء الخلفي للبرنامج لدى الخادم) تحتوي على منطق التطبيق PHP, Javascript, Python, Java خادم الويب قاعدة البيانات MySQL, PostgreSQL, MariaDB نظام الملفات HTML, CSS, Images شكل 1.20: الهيكلية الأساسية لتطبيق الويب وزارة التعليم Ministry of Education 2025 - 1447 51 --- VISUAL CONTEXT --- **TABLE**: جدول 1.5: مزودو خدمات استضافة الويب Description: A table listing different types of web hosting services and examples of providers for each type. Table Structure: Headers: الأنواع | أمثلة Rows: Row 1: مزودو الاستضافة | بلوهوست (Bluehost) هوست جيتور (HostGator) جودادي (GoDaddy) راك سبيس (Rackspace) Row 2: مزودو الخدمات السحابية | أي بي إم الحوسبة السحابية (IBM Cloud) مايكروسوفت أزور (Microsoft Azure) خدمات أمازون ويب (Amazon Web Services) منصة جوجل السحابية (Google Cloud Platform) سحابة علي بابا (Alibaba Cloud) Data: The table categorizes web service providers into 'Hosting Providers' and 'Cloud Service Providers', listing specific company names under each category. Key Values: Bluehost, HostGator, GoDaddy, Rackspace, IBM Cloud, Microsoft Azure, Amazon Web Services, Google Cloud Platform, Alibaba Cloud Context: This table provides examples of companies that offer different types of web hosting and cloud services, illustrating the concepts discussed in web development or IT courses. **DIAGRAM**: شكل 1.20: الهيكلية الأساسية لتطبيق الويب Description: A diagram illustrating the basic architecture of a web application, showing the interaction between a user, the front-end, and the back-end components. Data: The diagram shows a 'User' interacting with the 'Front-end' (client-side program part), which displays what the user sees and interacts with, built with HTML, CSS, JavaScript. The front-end sends 'طلب' (request) to the 'Back-end' (server-side program part), which contains application logic built with PHP, Javascript, Python, Java. The back-end interacts with a 'Web Server', 'Database' (MySQL, PostgreSQL, MariaDB), and 'File System' (HTML, CSS, Images). The back-end sends 'استجابة' (response) back to the front-end. The user also directly interacts with 'جمع البيانات' (Data Collection) and 'عرض النتائج' (Display Results) which are connected to the front-end. Key Values: المستخدم, الواجهة الأمامية, جزء البرنامج لدى العميل, ما يراه المستخدم ويتفاعل معه, HTML, CSS, JavaScript, جمع البيانات, عرض النتائج, طلب, استجابة, الواجهة الخلفية, الجزء الخلفي للبرنامج لدى الخادم, تحتوي على منطق التطبيق, PHP, Python, Java, خادم الويب, قاعدة البيانات, MySQL, PostgreSQL, MariaDB, نظام الملفات, Images Context: This diagram visually explains the fundamental components and data flow in a typical web application, differentiating between client-side and server-side operations and the technologies involved.

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

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

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

الإجابة: هي جزء البرنامج لدى العميل، وهي ما يراه المستخدم ويتفاعل معه، وتستخدم لغات مثل HTML و CSS و JavaScript.

الشرح: الواجهة الأمامية هي الجزء المسؤول عن العرض وجمع البيانات من المستخدم وإظهار النتائج له، وهي تعمل على جهاز العميل (المتصفح).

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

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

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

الإجابة: هي الجزء الخلفي للبرنامج لدى الخادم، تحتوي على منطق التطبيق، وتستخدم لغات مثل PHP و Python و Java، وتتفاعل مع خادم الويب وقاعدة البيانات ونظام الملفات.

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

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

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

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

الإجابة: HTML و CSS و JavaScript.

الشرح: هذه اللغات الثلاث هي الأساس في بناء أي واجهة أمامية، حيث تحدد الهيكل (HTML) والتنسيق (CSS) والسلوك التفاعلي (JavaScript).

تلميح: تذكر أن هذه اللغات مسؤولة عن الشكل والتفاعل المباشر مع المستخدم في المتصفح.

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

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

الإجابة: PHP و JavaScript (Node.js) و Python و Java.

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

تلميح: تذكر أن هذه اللغات تعمل على الخادم لمعالجة الطلبات والبيانات.

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

ما هي أمثلة أنظمة إدارة قواعد البيانات (DBMS) المذكورة للاستخدام في الواجهة الخلفية؟

الإجابة: MySQL و PostgreSQL و MariaDB.

الشرح: هذه أنظمة قواعد بيانات علائقية شائعة تستخدم لتخزين بيانات التطبيق مثل معلومات المستخدمين والمحتوى.

تلميح: تذكر أن هذه الأنظمة مسؤولة عن تخزين واسترجاع البيانات المنظمة للتطبيق.

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

ما الفرق الرئيسي بين الواجهة الأمامية والواجهة الخلفية في تطبيق الويب من حيث الموقع والوظيفة؟

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

الشرح: هذا التقسيم (Client-Server) هو أساس بناء تطبيقات الويب الحديثة، حيث يفصل بين واجبات العرض (Front-end) وواجبات المعالجة والتخزين (Back-end).

تلميح: فكر في أين يعمل كل جزء (العميل vs الخادم) وما هي المهمة الأساسية لكل منهما.

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

ما هي المكونات الرئيسية التي تتفاعل معها الواجهة الخلفية في هيكلية تطبيق الويب؟

الإجابة: خادم الويب، وقاعدة البيانات (مثل MySQL)، ونظام الملفات (الذي يخزن ملفات مثل HTML و CSS والصور).

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

تلميح: تذكر أن الخادم يحتاج إلى أماكن لتخزين ومعالجة البيانات واستضافة الملفات الثابتة.

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

ما هي أنواع مزودي خدمات استضافة الويب المذكورة في الجدول؟

الإجابة: مزودو الاستضافة (مثل Bluehost، HostGator) ومزودو الخدمات السحابية (مثل Microsoft Azure، Amazon Web Services).

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

تلميح: انظر إلى العناوين الرئيسية في الجدول، فهي تصنف الأنواع.

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