كيفية إنشاء تطبيق قائمة مهام بالذكاء الاصطناعي بدون أكواد (Bubble x OpenAI)
كيفية إنشاء تطبيق قائمة مهام ذكي مدعوم بالذكاء الاصطناعي
بدون كتابة أي أكواد (Bubble x OpenAI).
لقد ولّى العصر الذي كان فيه بناء تطبيقات قوية يتطلب خبرة عميقة في البرمجة.
بفضل أدوات البرمجة بدون كود (No-Code)، وتحديداً منصة Bubble، أصبح بإمكان
المبتكرين دمج قدرات الذكاء الاصطناعي التوليدي المتقدمة من OpenAI في تطبيقاتهم الخاصة.
في هذا المقال، سنتعلم خطوة بخطوة كيفية إنشاء تطبيق قائمة مهام (To-Do List)
لا يكتفي بحفظ مهامك، بل يستخدم الذكاء الاصطناعي لتنظيمها، وتصنيفها، وتحديد
أولوياتها تلقائياً. هذه الطريقة تفتح الباب أمام تطوير التطبيقات المدعومة بالذكاء الاصطناعي بسرعة وكفاءة مذهلة.
لإنشاء تطبيق قائمة مهام مدعوم بالذكاء الاصطناعي بدون كود، يتم استخدام منصة Bubble
لإدارة الواجهة وقاعدة البيانات، وربطها بـ OpenAI API (مثل GPT-4) عبر
API Connector لتحليل المهام وتصنيفها تلقائياً.
الخطوة الأكثر أهمية هي صياغة تعليمات الذكاء الاصطناعي (Prompt Engineering)،
حيث يتم توجيه GPT-4 لاستخراج معلومات محددة مثل الأولوية والتصنيف
وإخراجها في تنسيق JSON يسهل على Bubble قراءته.
Bubble هي الأداة المثالية لـ No-Code، حيث تسمح بدمج الخدمات القوية مثل OpenAI
عن طريق إعداد مكالمة API واحدة في سير العمل، مما يلغي الحاجة لتعلم لغات البرمجة الخلفية.
المكونات الأساسية لإنشاء تطبيق قائمة مهام (Bubble & OpenAI)
لبناء تطبيق قائمة مهام ذكي (AI-Powered To-Do List)، نحتاج إلى أداتين رئيسيتين:
1* Bubble (منصة No-Code) :
- هو محرر بصري متكامل لإنشاء تطبيقات الويب (والموبايل) دون كتابة كود.
- يعمل على إدارة الواجهة الأمامية (Front-End)، وقاعدة البيانات الخلفية
(Back-End)، وسير العمل (Workflows).
- نقطة القوة الرئيسية لـ Bubble هي قدرته على الاتصال بواجهات برمجة التطبيقات
(APIs) الخارجية، وهو ما سنستخدمه للربط بـ OpenAI.
2* OpenAI API (محرك الذكاء الاصطناعي) :
- نوفر نماذج لغوية كبيرة (LLMs) مثل GPT-4.
- سنستخدم واجهة برمجة التطبيقات الخاصة بـ OpenAI لتحليل النص الذي يدخله
المستخدم (المهمة) واستخراج معلومات منه أو إعادة صياغته بشكل ذكي.
خطوات إنشاء تطبيق قائمة مهام الذكي
تعتمد العملية على بناء تطبيق قائمة مهام قياسي على Bubble، ثم
إضافة طبقة الذكاء الاصطناعي عبر الـ API :
الخطوة 1: إعداد مشروع Bubble وبنية البيانات
- إنشاء مشروع جديد : ابدأ مشروعاً جديداً على منصة Bubble.
- تصميم قاعدة البيانات (Database) : أنشئ نوع بيانات (Data Type) باسم Task (مهمة).
- الحقول الضرورية : أضف الحقول التالية:
- Description (الوصف) : (نوع: نص - Text).
- Priority (الأولوية) : (نوع: نص أو خيار - Text/Option Set).
- Category (التصنيف) : (نوع: نص - Text).
- Is_Completed (اكتملت) : (نوع: منطقي - Yes/No).
الخطوة 2: ربط Bubble بـ OpenAI عبر API Connector
- تثبيت المكون الإضافي : اذهب إلى قسم Plugins في Bubble وقم بتثبيت المكون الإضافي API Connector.
- الحصول على مفتاح API : اذهب إلى لوحة تحكم مطوري OpenAI وقم بإنشاء ونسخ Secret API Key.
- إعداد الاتصال : في API Connector، أنشئ اتصالاً جديداً لـ OpenAI.
- استخدم طريقة المصادقة (Authentication) "Private key in header".
- أدخل مفتاح الـ API الخاص بك كقيمة للمفتاح Authorization مع البادئة Bearer.
- تعريف "مكالمة" الذكاء الاصطناعي : قم بإنشاء مكالمة API جديدة (Call) باسم Analyze_Task (تحليل المهمة).
- استخدم نقطة النهاية (Endpoint) الخاصة بـ Chat Completions
(مثلاً: https://api.openai.com/v1/chat/completions).
- حدد طريقة الطلب (Method) كـ POST.
- في نص الطلب (Body)، قم بتمرير تعليماتك لـ GPT (الـ Prompt).
الخطوة 3: صياغة تعليمات الذكاء الاصطناعي (The Prompt Engineering)
هذه هي الخطوة الأكثر أهمية. يجب أن تخبر GPT بالضبط ما الذي يجب أن يفعله بالبيانات المدخلة:
* المكون : النظام (System Message).
* الوصف : تحديد شخصية ودور الذكاء الاصطناعي.
* مثال الـ Prompt (باللغة الطبيعية) :
"أنت مصنف مهام خبير. مهمتك هي تحليل نص المهمة المستلم، وتصنيفه إلى
فئة محددة (عمل، شخصي، تسوق)، وتحديد أولويته (عاجلة، مرتفعة، متوسطة، منخفضة)،
وإخراج النتيجة في تنسيق JSON."
* المكون : الإدخال (User Input).
* الوصف : المهمة التي كتبها المستخدم.
* مثال الـ Prompt (باللغة الطبيعية) :
User_Task: "شراء حليب وخبز من المتجر يوم الثلاثاء، هذا عاجل"
الخطوة 4: بناء سير العمل الذكي (The AI Workflow)
نحن نربط الواجهة الأمامية (زر إضافة المهمة) بقاعدة البيانات عبر مكالمة الـ API:
- عند النقر : ينقر المستخدم على زر "إضافة مهمة".
الخطوة 1 - استدعاء الـ API:
- قم بتشغيل مكالمة Analyze_Task باستخدام النص الذي أدخله المستخدم في مربع الإدخال كـ User_Task.
الخطوة 2 - تحليل البيانات :
يحصل Bubble على استجابة JSON من OpenAI.
الخطوة 3 - إنشاء المهمة: أنشئ إدخالاً جديداً في قاعدة البيانات لنوع Task.
- حقل Description : استخدم نص الإدخال الأصلي.
- حقل Priority : استخدم القيمة التي تم تحليلها من استجابة OpenAI (الموجودة في JSON).
- حقل Category : استخدم القيمة التي تم تحليلها من استجابة OpenAI.
الخطوة 5: عرض قائمة المهام الذكية
- استخدم عنصراً تكرارياً (Repeating Group) لعرض جميع المهام من قاعدة البيانات.
- قم بتطبيق عوامل تصفية أو فرز على هذا العنصر التكراري بناءً على حقول
Priority أو Category التي قام الذكاء الاصطناعي بتحديدها، مما يجعل القائمة مرتبة تلقائياً.
الخاتمة
تُظهر الشراكة بين Bubble و OpenAI قوة الـ No-Code في تطوير
التطبيقات المدعومة بالذكاء الاصطناعي. لقد قمنا بإنشاء أداة قادرة على
فهم وتنظيم البيانات بشكل ذكي دون كتابة سطر واحد من الكود المعقد.
إن بناء تطبيق قائمة مهام ذكي بهذه الطريقة ليس مجرد مشروع ممتع،
بل هو دليل عملي على أن مستقبل الابتكار التقني مفتوح الآن للجميع.
 كيفية إنشاء تطبيق قائمة مهام ذكي مدعوم بالذكاء الاصطناعي بدون …){kind=link}