برمِج
تطبيق الويب
Web Application
تطبيق يُستخدم عادةً عبر متصفح الويب، وقد يتيح بعضه التثبيت على الجهاز.
الدرس 3-1
البنية العامة لتطبيقات الويب
لما تدوّر على منتج… مين اللي بيدوّر بالظبط ورا الشاشة؟
مين اللي بيدوّر ورا الشاشة، بالظبط
- 1 الواجهة الأمامية تستقبل كلمات البحث من المستخدم
- 2 الواجهة الأمامية ترسل كلمات البحث إلى الواجهة الخلفية
- 3 الواجهة الخلفية تطلب المنتجات المطابقة من قاعدة البيانات
- 4 قاعدة البيانات تعيد النتائج إلى الواجهة الخلفية
- 5 الواجهة الخلفية تجهّز النتائج لإرسالها إلى الواجهة الأمامية
- 6 الواجهة الأمامية تعرض نتائج البحث على الشاشة
من خارج المنهج الرسمي — لفهم أعمق
بنية الطبقات الثلاث مش اختراع حديث
كانت الأسلوب السائد في هندسة البرمجيات من التسعينيات وحتى مطلع الألفية، بعد ما قدّمتها شركة Open Environment Corporation من أوائل تطبيقاتها العملية — والفكرة (فصل الواجهة عن المعالجة عن التخزين) لسه أساس معماريات كتير النهارده.
المصدر: IBM · ويكيبيديا — Three-tier system- ✓ بنية الطبقات الثلاث: الواجهة الأمامية + الواجهة الخلفية + قاعدة البيانات تتعاون معًا.
الواجهة الأمامية هي مكوّن الشاشة الذي يراه المستخدمون مباشرة.
المفاهيم الأساسية (8)
الواجهة الأمامية
Frontend
الشاشة التي يراها المستخدمون ويتفاعلون معها — تعرض وتجمع.
الواجهة الخلفية
Backend
المعالجة الخفية من جانب الخادم — تقرّر وتعالج.
قاعدة البيانات
Database
حيث تُخزَّن البيانات وتُدار — تخزّن وتسترجع.
بنية الطبقات الثلاث
Three-Tier Architecture
الواجهة الأمامية + الواجهة الخلفية + قاعدة البيانات تتعاون معًا.
الخادم
Server
الجهاز أو البرنامج الذي تعمل عليه الواجهة الخلفية ويستقبل الطلبات.
المتصفح
Browser
البرنامج الذي تعمل داخله الواجهة الأمامية عند المستخدم.
الطلب والاستجابة
Request / Response
الطلب يذهب من الأمامية إلى الخلفية، والنتيجة تعود بالعكس.
تدرّب (17)
الإجابات الصحيحة لا تصل إلى المتصفح — التصحيح يجري على الخادم عند الإجابة.
ما المصطلح الذي يُطلق على تطبيق يُستخدم عادةً من خلال متصفح الويب؟
الجزء المسؤول عن المعالجة من جانب الخادم التي لا يراها المستخدمون هو:
عند البحث عن منتج على موقع تسوق، أي طبقة تُخزَّن فيها بيانات المنتجات ويُبحث فيها؟
«معالجة التحقق من المخزون» في موقع تجارة إلكترونية تنتمي إلى:
أي مما يلي يصف بنية الطبقات الثلاث لتطبيق الويب بأنسب شكل؟
«شاشة الخط الزمني» في شبكة تواصل اجتماعي تنتمي إلى:
أي العبارات التالية صحيح بخصوص نموذج الطبقات الثلاث؟
الواجهة الأمامية هي مكوّن الشاشة الذي يراه المستخدمون مباشرة.
الواجهة الخلفية هي الجزء الذي يعمل على المتصفح.
قاعدة البيانات نظام ينظّم البيانات ويخزّنها ويديرها.
يعمل تطبيق الويب بالواجهة الأمامية وحدها.
تتعاون الطبقات الثلاث استجابةً لإجراءات المستخدم لتنفيذ المعالجة.
نموذج الطبقات الثلاث بنية إلزامية يجب أن يتبعها كل تطبيق ويب.
رتّب خطوات تدفّق الطلب عند البحث عن منتج في متجر إلكتروني.
- قاعدة البيانات تعيد النتائج إلى الواجهة الخلفية
- الواجهة الأمامية تعرض نتائج البحث على الشاشة
- الواجهة الأمامية تستقبل كلمات البحث من المستخدم
- الواجهة الخلفية تطلب المنتجات المطابقة من قاعدة البيانات
- الواجهة الخلفية تجهّز النتائج لإرسالها إلى الواجهة الأمامية
- الواجهة الأمامية ترسل كلمات البحث إلى الواجهة الخلفية
طابق كل وصف بالخيار المناسب.
صفحة عرض المنتجات
معالجة التحقق من المخزون
تخزين معلومات العملاء
شاشة سلة التسوق
معالجة الدفع
تخزين سجل الطلبات
طابق كل وصف بالخيار المناسب.
شاشة الخط الزمني
معالجة تحديد الجمهور المستهدف للمنشور
تخزين بيانات المنشورات
شاشة النشر
معالجة الإشعارات
تخزين علاقات المتابعة
يمكن شرح كثير من تطبيقات الويب بنموذج مبسّط من ثلاث طبقات. تسمى الواجهة التي يراها المستخدم ويتعامل معها ، ويسمى الجزء الذي يعمل على الخادم ويعالج الطلبات ، وتسمى الطبقة التي تحفظ البيانات وتوفّرها . وتتعاون هذه الأجزاء لتنفيذ طلب المستخدم. ويمكن تلخيص أدوارها في ثلاثة أفعال: تعرض وتجمع، و، وتخزّن وتسترجع.