5.1 · Bubble : تطبيق ويب كامل

المستوى 5 · بناء تطبيقات نو-كود

5.1Bubble : تطبيق ويب كامل

الهدف: وضع أسس تطبيق ويب حقيقي على Bubble (بيانات وواجهة وسير عمل) : قاعدة المنتج الأدنى القابل للتطبيق (MVP) أو أداة داخلية.
الوقت المقدّر: 14 دقيقة · قراءة ذاتية · إذا كان لديك 5 دقائق فقط: اقرأ «الأساسي في 30 ثانية» + المخطط.

الأساسي في 30 ثانية

  • ثلاث ركائز : الصفحات (الواجهة)، وقاعدة البيانات (الأنواع + الحقول)، وسير العمل « عندما… إذن… » — فكّر بهذا الترتيب.
  • Bubble = تفصيل على المقاس : حسابات المستخدمين، ومنطق أعمال غني، وتفاعلات معقدة — حيث تظهر حدود Glide وSoftr.
  • القوة = تعلّم : إنه « تطوير مرئي » — ابدأ بسيطا، وكرر بالمعاينة، وتحقق بسرعة (MVP).

Mini-cas filé — لينا وتتبع الملفات في وهران

لينا، المكلفة بالرقمنة في وهران، تدير تتبع ملفات الشركاء على جداول مبعثرة : تكرارات، ونسخ متعارضة، وتذكيرات منسية. حاجتها تتجاوز قاعدة مشتركة بسيطة : حسابات حسب المصلحة، وقواعد تحقق، ولوحة قيادة. تختار Bubble لوضع MVP : أنواع بيانات، وصفحة واحدة، وسير عمل للإنشاء. هذا القسم يروي تأسيسها — ويستمر الخيط في 5.2 و5.3 و5.4 و5.5.

الحالة نفسها تعود في الدرس، والرسم، والنص الجاهز وتحدي 48 ساعة — وتستمر في 5.2 و5.3 و5.4 و5.5.

1. منصة حقيقية، لا جدول محسّن

Bubble هي أقوى أداة نو-كود لبناء تطبيق ويب كامل : حسابات المستخدمين، وقاعدة بيانات، ومنطق أعمال، وواجهة مفصلة. نصمم فيها مرئيا الصفحات (عناصر بالسحب والإفلات)، وقاعدة البيانات (أنواع البيانات والحقول)، وفوق كل شيء سير العمل (« عندما ينقر المستخدم هنا، إذن افعل ذلك ») الذي يحمل كل السلوك. تجد لينا فيها مفاهيم برنامج حقيقي — بيانات وحالات وشروط — دون كتابة سطر برمجي.

قاعدة الترتيب : البيانات ← الواجهة ← سير العمل. تطبيق يُفكَّر فيه معكوسا (الشاشات أولا، والبيانات بعد) يُعاد بناؤه مرتين. تبدأ لينا إذن بأنواعها (الشريك، والملف) وحقولها قبل رسم أي صفحة.

2. المنتج الأدنى والتطوير المرئي

تتيح Bubble بناء المنتج الأدنى القابل للتطبيق (MVP) ومنصات داخلية حقيقية : أداة تسيير، ومنصة تتبع مصغرة، وفضاء جماعوي. لقوتها مقابل : منحنى تعلم أصعب من Glide أو Softr — إنه يكاد يكون « تطويرا مرئيا ». تقبل لينا التعلم بخطوات صغيرة : صفحة، ونموذج، وسير عمل، ثم تُغني.

لمشروع طموح يتجاوز قاعدة بسيطة أو أتمتة، Bubble هو تتويج مسار النو-كود. لكن قاعدة الاقتصاد : ابدأ بـالأبسط الذي يجيب عن الحاجة — لا تُخرج Bubble إلا عندما تتطلب التعقيدات ذلك فعلا (انظر 5.2).

3. متى تختار Bubble (ومتى لا تختاره)

اختر Glide أو Softr (5.2) إذا كانت الحاجة تحويل قاعدة موجودة إلى تطبيق نظيف بسرعة، بمنطق معتدل. واختر Bubble إذا كنت تستهدف تطبيقا مفصلا حقا : منطق أعمال غني، وتفاعلات معقدة، وحسابات وقواعد متقدمة. تحسم لينا : مسار التحقق متعدد المصالح يتطلب سير عمل شرطيا — إنها Bubble.

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

خطأ شائع في الفهم: « Bubble مثل Glide لكن أجمل : أرسم الشاشات وينتهي الأمر ». لا. Bubble تطوير مرئي : دون بيانات مُنمذجة (أنواع + حقول) ودون سير عمل (« عندما… إذن… »)، لا تفعل الشاشات شيئا. الرسم قبل النمذجة بناء للواجهة قبل الأسس — والاستهانة بمنحنى التعلم تخلٍّ في منتصف الطريق.
ركائز Bubble الثلاث البيانات والواجهة والمنطق — بهذا الترتيب الصفحات (الواجهة)عناصر بالسحب والإفلات+قاعدة البياناتأنواع البيانات والحقول+سير العمل« عند النقر ← إذن فعل » القوة = منحنى تعلم أصعب من Glide وSoftr.
البيانات والواجهة والمنطق — بهذا الترتيب
نص المخطط (SEO / قارئات الشاشة / الترجمة): 1) قاعدة البيانات : تحدد لينا أنواعها (الشريك، والملف) وحقولها قبل أي شاشة. 2) الصفحات : تضع صفحة بحقل إدخال وزر وقائمة مكررة لعرض الملفات. 3) سير العمل : « عند النقر على إنشاء ← حفظ ملف جديد »، مُجرَّب بالمعاينة بحساب. الدرس : البيانات أولا، والشاشات بعد، والمنطق للربط — وكرر بسرعة بمنطق MVP.

🔎 مثال ملموس — المنتج الأدنى للينا في وهران

البيانات والواجهة والمنطق — الأساس.

أنواع البيانات : الشريك (الاسم، والمصلحة، والاتصال) + الملف (العنوان، والحالة، والشريك المرتبط).
صفحة « التتبع » : حقل إدخال + زر « إنشاء » + قائمة مكررة للملفات.
سير العمل : عند النقر على « إنشاء » ← حفظ ملف (الحالة = « جديد »).
← معاينة : تنشئ لينا حساب تجربة، وتضيف ملفا، وتتحقق من العرض.

القراءة : كل ركيزة مرئية وقابلة للاختبار على حدة.

الدرس : ابدأ بسيطا، وكرر على المنطق — فالمنتج الأدنى يبرهن، ثم نُغني.

مفردات القسم

Bubble
منصة نو-كود لبناء تطبيقات ويب كاملة (واجهة وقاعدة ومنطق) دون برمجة.

مثال بسيط: تبني فيها لينا تتبع الملفات بالحسابات والقواعد.

ما ليس كذلك: مجرد مولد شاشات من جدول.

رد فعل: هل تتجاوز حاجتي قاعدة + شاشات مولدة ؟

MVP
نسخة دنيا لكن عاملة لاختبار فكرة بسرعة مع مستخدمين حقيقيين.

مثال بسيط: تطلق لينا تتبعا بسير عمل واحد قبل إضافة التحققات.

ما ليس كذلك: التطبيق النهائي الكامل من أول مرة.

رد فعل: ما أصغر نطاق يبرهن الاستعمال ؟

سير العمل (Workflow - Bubble)
منطق « عندما… إذن… » يطلقه حدث مستخدم.

مثال بسيط: عند النقر على إنشاء، حفظ ملف بالحالة جديد.

ما ليس كذلك: مجرد رسم زر على صفحة.

رد فعل: هل يفعل كل زر شيئا مُجرَّبا ؟

قاعدة البيانات (Base de données - Bubble)
أنواع البيانات والحقول التي تهيكل معلومات التطبيق.

مثال بسيط: نوعا الشريك والملف المرتبطان عند لينا.

ما ليس كذلك: شاشات مرسومة دون نموذج بيانات.

رد فعل: البيانات أولا، والشاشات بعد — دائما.

العنصر / الصفحة (Élément / page)
مكونات مرئية (أزرار وحقول وقوائم) مركبة على الصفحات.

مثال بسيط: القائمة المكررة تعرض الملفات التي أنشأتها لينا.

ما ليس كذلك: منطق الأعمال نفسه.

رد فعل: هل تعكس الواجهة القاعدة بأمانة ؟

في التطبيق — وضع أسس تطبيق Bubble

  1. أنشئ تطبيق Bubble وحدد أنواع بياناته (مثلا المستخدم، والمشروع) وحقولها.
  2. ابن صفحة بسحب العناصر (حقل إدخال، وزر، وقائمة مكررة لعرض البيانات).
  3. أضف سير عمل : « عندما ينقر المستخدم على إنشاء ← حفظ مشروع جديد في القاعدة ».
  4. جرّب التطبيق في وضع المعاينة (إنشاء حساب، وإضافة بيان) وكرر على المنطق.
صارت عندك أسس تطبيق ويب حقيقي على Bubble (بيانات وواجهة وسير عمل) : قاعدة منتج أدنى أو أداة داخلية.

نص جاهز للقول — تأطير المنتج الأدنى على Bubble

« لتتبعنا في وهران، أقترح منتجا أدنى على Bubble : نوعا بيانات (الشريك، والملف)، وصفحة تتبع واحدة، وسير عمل إنشاء وحيد. نجرّب بالمعاينة مع مصلحتين، ثم نضيف قواعد التحقق. الهدف : إثبات الاستعمال قبل الإغناء. »

يُقال في اجتماع التأطير لمواءمة الفريق على النطاق الأدنى قبل أي شاشة.

نموذج جاهز للنسخ — تأطير المنتج الأدنى على Bubble

منتج أدنى BUBBLE — تأطير
الحاجة : _______________
أنواع البيانات : 1) ___ (الحقول : ___) 2) ___ (الحقول : ___)
الصفحة : ___ (العناصر : إدخال + زر + قائمة)
سير العمل 1 : عندما ___ ← إذن ___
اختبار المعاينة : حساب تجربة + بيان منشأ 1 : نعم / لا
التتمة (بعد الاختبار فقط) : _______________

منفرد / ميزانية صغيرة

لينا وحدها : نوع واحد + صفحة واحدة + سير عمل واحد، مُجرَّب بالمعاينة قبل أي إغناء — يكفي المنتج الأدنى في أمسية.

مقاولة صغيرة / فريق مصغر

نطاق مضيق على مسار واحد (تتبع الملفات)، ومرجع واحد يصادق على كل تكرار.

مقاولة متوسطة في وهران

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

فريق يبدأ

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

✓ ممارسات جيدة

  • ابدأ بالأبسط الذي يجيب عن الحاجة.
  • فكّر بيانات ← واجهة ← سير عمل (الركائز الثلاث).
  • كرر بسرعة في وضع المعاينة للتحقق من فكرة (MVP).

✗ أخطاء شائعة

  • إخراج Bubble بينما تكفي Glide أو Softr.
  • الاستهانة بمنحنى التعلم.
  • استهداف الحمل العالي جدا والأداء الأقصى (حدود النو-كود).

النقاط الأساسية

  • تنشئ Bubble تطبيقات ويب كاملة : حسابات، وقاعدة بيانات، ومنطق، وواجهة مفصلة.
  • الركائز الثلاث : الصفحات (الواجهة)، وقاعدة البيانات، وسير العمل (« عندما… إذن… »).
  • مثالية للمنتجات الدنيا والمنصات الداخلية الحقيقية (أداة تسيير، وتتبع، وفضاء أعضاء متقدم).
  • القوة = منحنى تعلم أصعب : إنه « تطوير مرئي ».

تحدي 48 ساعة — طبّق غدا

حدد نوعي بياناتك وسير عملك رقم 1 على الورق (النموذج أعلاه) : هل تستطيع شرحهما للينا في دقيقتين ؟

قائمة الخروج من القسم
  • أستطيع ذكر الركائز الثلاث بالترتيب (البيانات، والواجهة، وسير العمل).
  • تأطير منتجي الأدنى (نوعان + سير عمل 1) مكتوب.
  • أعرف متى أفضّل Glide وSoftr على Bubble.
تقييم ذاتي 1-5 : هل منتجي الأدنى دنيّ حقا وقابل للاختبار ؟هل نمذجت قبل أن أرسم ؟

أسئلة شائعة

Bubble أم منشئ تطبيقات أبسط (Glide، وSoftr) : كيف أختار ؟

مسألة قوة مقابل بساطة. اختر Glide أو Softr إذا كانت حاجتك تحويل قاعدة (Airtable أو Sheets) إلى تطبيق نظيف بسرعة، بمنطق معتدل (القسم 5.2). واختر Bubble إذا كنت تستهدف تطبيقا مفصلا حقا بمنطق أعمال غني وقواعد متقدمة : فهناك تظهر حدود Glide وSoftr. القاعدة : ابدأ بالأبسط الذي يجيب عن الحاجة، ولا تُخرج Bubble إلا عندما تتطلب التعقيدات ذلك فعلا.

هل يمكن حقا إطلاق مقاولة على تطبيق Bubble ؟

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

تحقّق من فهمك

لأي حاجة تكون Bubble الأداة المناسبة ؟

موارد إضافية (اختياري، للتعمّق أكثر)

اختبار المستوى 5أسئلة جديدة وأصعب للتحقق من مكتسباتك