الهيكل العام لتطبيقات الويب
The Overall Structure of Web Applications
هدفك من الدرس:- تفهم إن تطبيق الويب مكوّن من 3 طبقات
- تشرح إزاي الطبقات التلاتة بتشتغل مع بعض
يعني إيه Web application؟
تطبيق بتستخدمه من خلال المتصفح (browser) من غير ما تنزّل برنامج مخصوص. أمثلة: YouTube، Amazon، Gmail، Google Maps.
الطبقات التلاتة (Three-tier architecture)
- Frontend: الشاشة اللي المستخدم بيشوفها ويتعامل معها، بتشتغل على المتصفح وتستقبل مدخلاته (شاشة بحث، فورم).
- Backend: المعالجة على السيرفر اللي المستخدم ما بيشوفهاش — بتعالج البيانات وتاخد قرارات (البحث عن منتجات، التحقق من تسجيل الدخول).
- Database: نظام بينظّم ويخزّن ويدير البيانات (بيانات المنتجات، المستخدمين، سجل الطلبات).
مثال: البحث عن منتج
- 1) الـ frontend يستقبل كلمات البحث.
- 2) يبعتها للـ backend.
- 3) الـ backend يدوّر في الـ database.
- 4) الـ database ترجّع المنتجات المطابقة للـ backend.
- 5) الـ backend ينظّم النتائج ويرجّعها للـ frontend.
- 6) الـ frontend يعرض النتائج على الشاشة.
أمثلة على الخدمات المعروفة
- موقع فيديوهات: frontend يعرض ويشغّل، backend يختار الفيديوهات المقترحة ويحسب المشاهدات، database تخزن الفيديوهات وسجل المشاهدة.
- SNS: frontend يعرض التايم لاين وشاشة النشر، backend يحدد جمهور البوست ويتحكم في الإشعارات، database تخزن المنشورات وعلاقات المتابعة.
- متجر إلكتروني: frontend يعرض المنتجات والسلة، backend يفحص المخزون وينفذ الدفع، database تخزن المنتجات والطلبات والعملاء.
مصطلحات الدرس
| Web application | تطبيق بيشتغل من خلال المتصفح |
| Frontend | الشاشة اللي يشوفها المستخدم |
| Backend | المعالجة الخفية على السيرفر |
| Database | نظام تخزين وإدارة البيانات |
| Three-tier architecture | frontend + backend + database |
تطبيق تعليمي مستقل وغير تابع لوزارة التربية والتعليم. الكتاب المدرسي هو المرجع الأساسي. سياسة الخصوصية