تخيل معي أداة ذكية تعمل بالذكاء الاصطناعي تمكنك من بناء التطبيق الذي في ذهنك، دون كتابة سطر برمجي واحد أو حتى دون أن تكون لديك خلفية تقنية أو معرفة بالبرمجة. كل ما هو مطلوب منك هو أن تتحدث مع هذه الأداة كما لو كنت تتحدث مع شخص في محادثة، تتحدث معها بلغة البشر، وليس بلغة المبرمجين.
هذه الأداة يمكنها أيضًا أن تصمم لك واجهة المستخدم الخاصة بتطبيقك وتقوم بإنشاء الواجهة الخلفية (Backend) للتطبيق. كل هذا يتم تلقائيًا في لحظات. هذه الأداة اسمها Lavabull، ويمكنك العثور عليها على موقع lavabull.dev
.
مثال عملي: إنشاء تطبيق لحجز المواعيد
ولكي يكون الشرح واضحًا والصورة قريبة من أذهاننا، أفضل شيء هو أن نأخذ مثالًا عمليًا ونطبقه الآن معًا. فلنقم على سبيل المثال بإنشاء تطبيق لحجز المواعيد. هذا التطبيق يمكن أن يكون مفيدًا إذا كنت طبيبًا في عيادة، أو محاميًا ولديك مكتب استشارات، أو أي مهنة تحتاج فيها أن يقوم عملاؤك بحجز مواعيد معك. ولنطلق على هذا التطبيق اسم “احجز لي”.
والآن، دعونا نرى كيف ستعمل معنا أداة Lavabull لإنشاء تطبيقنا هذا في دقائق.
الخطوة الأولى: وصف فكرة التطبيق
بمجرد أن تفتح موقع lavabull.dev
، سيظهر أمامك في أعلى اليمين زر باسم Login
. عندما تضغط عليه، سيعطيك خيارًا لتسجيل الدخول باستخدام حساب جوجل، أو حساب GitHub، أو إنشاء حساب بأي بريد إلكتروني تريده.
بعد تسجيل الدخول، تفتح لك واجهة المستخدم الرئيسية، وكل ما هو مطلوب منك هو أن تصف له بالضبط ما تريده، كما لو كنت تتحدث في محادثة عادية.
في هذا المثال، كتبت له الوصف التالي:
أريد إنشاء تطبيق باسم “احجز لي” يسمح للعملاء بحجز مواعيد معي. عند فتح التطبيق، يجب أن تتوفر فيه الميزات التالية:
- شاشة ترحيب (Welcome Screen) ترحب بالعملاء.
- زر باسم
Start Booking
.- عندما يضغط العميل على الزر، يختار أحد خيارين:
Online
(عبر الإنترنت) أوIn-Person
(شخصيًا).- بعد اختيار نوع الاستشارة، يقوم بإدخال البيانات التالية:
- الاسم الكامل (Full Name).
- عنوان البريد الإلكتروني (Email Address).
- اختيار الموعد والتاريخ.
- مربع نص (Text Box) يمكنه إدخال أي ملاحظات يريدها.
- بعد الضغط على زر
Book Appointment
، تظهر له رسالة تأكيد (Confirmation Message) داخل التطبيق نفسه، ويتم إرسال بريد إلكتروني تأكيدي إلى عنوانه.
لم أقم بأي شيء يتعلق بالبرمجة، كل ما في الأمر أنني وصفت له التطبيق الذي في ذهني وضغطت على زر Send
.
النتيجة الأولية: نسخة تجريبية في دقائق
استغرق Lavabull ثلاث دقائق ونصف بالضبط ليقوم بإنشاء أول نسخة تجريبية للتطبيق. قام بتصميم صفحة الترحيب (Welcome Page) التي طلبتها، وهذا هو الشكل الذي قدمه لي، مع عبارة “Book your appointment seamlessly” (احجز موعدك بسلاسة) وثلاث بطاقات تعرض مزايا مثل: Easy Scheduling
، Flexible Options
، و Instant Confirmation
.
التطبيق الذي تم إنشاؤه يبدو احترافيًا للغاية. إذا لاحظنا، سنجد أنه استخدم نصًا عشوائيًا مؤقتًا يُعرف باسم “Placeholder”، وهو نص يوضع في مكان معين ليتم استبداله لاحقًا بالمحتوى الفعلي الذي تريده. إذا لم يعجبك هذا الجزء، يمكنك بالطبع أن تطلب منه تغييره أو إزالته تمامًا.
عند النزول إلى الأسفل، سنجد زر Start Booking
كما طلبنا. عند الضغط عليه، يظهر لنا خيار Choose session type
. يمكننا اختيار Online Session
أو In-Person Session
.
لنجرب اختيار Online Session
. سينقلنا إلى صفحة Book Your Appointment
حيث يمكننا إدخال البيانات:
- الاسم: محمد أحمد
- البريد الإلكتروني: [email protected]
- التاريخ والوقت: نختار التاريخ والوقت المناسبين.
- ملاحظات: “Testing notes”
ثم نضغط على Book Appointment
. ستظهر رسالة: “Your appointment has been successfully booked. A confirmation email will be sent to you shortly at [email protected]”.
وهكذا، التطبيق الذي كان في ذهني استغرق دقائق معدودة ليتحول إلى حقيقة.
الخطوة الثانية: التعديل والتخصيص
حتى لو لم يكن التطبيق مثاليًا من المرة الأولى، يمكنني ببساطة التعديل فيه كما أريد. كل ما حدث هو أنني كتبت أمرًا (Prompt) واحدًا فقط للذكاء الاصطناعي.
يمكنك أيضًا معاينة شكل التطبيق على الأجهزة المختلفة، مثل الجهاز اللوحي (Tablet) أو الهاتف المحمول.
فمثلًا، إذا كانت الصورة التي وضعها في بداية التطبيق، أو ما يسمى بالـ Hero Section
، لا تعجبك، يمكنك ببساطة أن تقول له: “Can you replace the image in the hero section with another one?” ثم تضغط على علامة الجمع (+) ثم على Attach
وتختار الصورة التي تريدها من جهاز الكمبيوتر الخاص بك وتضغط على Upload
ثم Send
. في ثوانٍ معدودة، سيقوم باستبدال الصورة القديمة بالصورة الجديدة التي قدمتها.
يمكنك أيضًا إجراء تعديلات دقيقة على التصميم. على سبيل المثال، طلبت منه: “هل يمكنك جعل الزر المكتوب عليه ‘Start Booking’ مستديرًا قليلًا من الجوانب؟”. بنفس الطريقة، سيفكر قليلًا ثم يبدأ في تعديل الكود البرمجي لينفذ طلبك.
الاطلاع على الكود البرمجي
إذا ضغطت على الزر الموجود في أعلى اليمين باسم Code Mode
، سيعرض لك الأكواد البرمجية الكاملة للبرنامج. قد يبدو المشهد هنا معقدًا، لكن كل هذه الأكواد البرمجية تمت كتابتها في دقائق معدودة.
عندما طلبت تعديل استدارة الزر، يمكنني الدخول إلى وضع الكود لأرى التغيير الدقيق الذي أجراه. سأجد أن السطر المظلل بالأحمر هو السطر البرمجي الذي أزاله، والسطر المظلل بالأخضر هو السطر الذي أضافه. على سبيل المثال، قد يكون قد غير خاصية الاستدارة (roundness
أو border-radius
في CSS) من درجة 1
إلى 2
. يمكنني حتى تعديل الكود يدويًا، كأن أغير القيمة إلى 3
لأرى كيف سيزداد تقوس الزر.
الخطوة الثالثة: نشر التطبيق
بعد الوصول إلى الشكل النهائي، يمكنك ببساطة الضغط على زر Publish
. سيقوم Lavabull باستضافة تطبيق الويب الخاص بك على الإنترنت على رابط مثل ehjezli.lavabull.app
(بناءً على اسم التطبيق الذي اخترته). يمكنك تعديل هذا الاسم، أو إذا كان لديك نطاق (Domain) خاص، يمكنك الضغط على Custom Domain
وإضافة نطاقك المخصص ليفتح تطبيقك مباشرة.
هل تغني هذه الأدوات عن المبرمجين؟
أعتقد أن الموضوع أصبح سهلًا جدًا. ولكن، إنصافًا للحق، هذا لا يغني عن وجود المبرمجين المحترفين الذين يفهمون في الأكواد البرمجية. لماذا؟
- الصيانة: ببساطة، إذا تعطل هذا البرنامج، فلن تعرف كيف تتصرف لإصلاحه.
- الأمان: البرامج التي تُنشر عبر الإنترنت يجب أن تحتوي على عوامل أمان وحماية قوية ضد الاختراقات، وهو أمر قد لا توفره هذه الأدوات بشكل كامل.
- الكفاءة: قد لا يكون الكود الذي تم إنشاؤه هو الأكثر كفاءة، وقد يحتاج إلى تحسين ليعمل بشكل أسرع ويستهلك موارد أقل.
إذًا، ما هي أهمية Lavabull؟ أهميتها تكمن في أنها تمكنك من تنفيذ الفكرة المبدئية لبرنامجك وتصميمه بسرعة. يمكنك الاستمرار في التفاعل معها حتى تصل إلى التصميم الذي في ذهنك، وبعد ذلك، يمكنك حجز استشارة مع مبرمج حقيقي ليراجع لك الأكواد، ويتحقق من عوامل الأمان، ويرفع من كفاءتها، ويتأكد من أنها مناسبة للنشر للعامة.
في النهاية، أداة مثل Lavabull تختصر الطريق على الكثير من الناس، سواء كنت مستخدمًا عاديًا لا يفهم شيئًا في البرمجة، أو كنت مبرمجًا محترفًا يسعى لبناء نماذج أولية بسرعة.