كيف تسوي نظاماً من لقطة شاشة؟ من صورة إلى نظام يعمل

هل يمكن فعلاً صنع نظام من لقطة شاشة؟

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

لهذا يفشل من يرفع صورة ويكتب «سوّ لي مثلها» ثم يتوقع برنامجاً كاملاً. وينجح من يعامل الصورة كما يعاملها مبرمج محترف: مرجع للشكل، يكمله وصف قصير لما وراء الشكل. هذا الدليل يعلّمك الطريقة الثانية.

رسم توضيحي

ما تحتاجه

لقطة إلى ثلاث لقطات واضحة، وعشر دقائق لكتابة ما لا تقوله الصورة

ما تحصل عليه

نظام يعمل: شاشات، قاعدة بيانات، تسجيل دخول وصلاحيات

ما لا يحدث

نسخة مطابقة بكسلاً ببكسل، أو منطق يُخمَّن من الصورة وحدها

مصدر الصور

نظامك الحالي، برنامج قديم عندك، تصميم مصمّمك، أو رسم على ورقة

ماذا تفهم الأداة من الصورة، وماذا يغيب عنها؟

قبل أن ترفع أي شيء، افهم هذا الجدول. هو الفرق بين نتيجة تعجبك من أول محاولة وبين ساعة من التصحيح.

الصورة تجيب عن سؤال «كيف يبدو؟». وأنت من يجيب عن «ماذا يحفظ؟ وما القاعدة؟ ومن المسموح له؟».

أي لقطات أرفع، وكم لقطة تكفي؟

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

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

ما الذي يجب أن أكتبه بجانب الصورة؟

خذ مثالاً: مكتب تأجير سيارات في الرياض عنده برنامج قديم، وصاحبه صوّر شاشة «العقود». في الصورة جدول فيه رقم العقد، اسم العميل، السيارة، تاريخ الاستلام، تاريخ الإرجاع، المبلغ، والحالة. الشكل واضح. والآن ثلاثة أسئلة لا تجيب عنها الصورة:

1. ما البيانات وكيف ترتبط؟

اكتب الأشياء التي يديرها النظام وعلاقتها ببعض، بلغتك العادية: «عندنا عملاء وسيارات وعقود. كل عقد لعميل واحد وسيارة واحدة. السيارة لها حالة: متاحة، مؤجرة، في الصيانة». هذا ما يسميه المبرمجون مخطط البيانات، ولا يحتاج منك أكثر من هذه الجمل. إن أردت التعمق اقرأ كيف تصمم قاعدة بيانات تطبيقك.

2. ما القواعد؟

القواعد هي ما يقوله الموظف القديم للموظف الجديد في أول أسبوع: «لا تؤجّر سيارة حالتها صيانة. المبلغ هو عدد الأيام في السعر اليومي مع ضريبة 15%. إذا تأخر الإرجاع تُحسب غرامة عن كل يوم. لا يُغلق العقد قبل تسجيل قراءة العداد».

3. من يرى ماذا؟

«موظف الاستقبال ينشئ العقود ويعدّلها ولا يحذف. المدير يرى كل الفروع والتقارير. المحاسب يرى المبالغ فقط». هذه هي الصلاحيات حسب الدور، ولها دليل كامل: أدوار وصلاحيات الموظفين.

كيف يُنجز هذا بالطريقة التقليدية؟

من العدل أن تعرف البدائل. قبل أدوات الذكاء الاصطناعي كان تحويل صورة إلى نظام يمر بأحد هذه الطرق، وكلها ما زالت صالحة:

في كل الطرق ستُسأل الأسئلة الثلاثة نفسها. المبرمج المحترف سيسألك عن البيانات والقواعد والصلاحيات قبل أن يكتب سطراً واحداً. الفرق في من يكتب الكود بعد ذلك، وكم يستغرق. للمقارنة بالتفصيل: منشئ ذكاء اصطناعي أم مبرمج مستقل.

كيف أحوّل اللقطة إلى نظام في فنّان خطوة بخطوة؟

في فنّان صفحة مخصصة لهذا اسمها من تصميم إلى تطبيق. الفكرة أن تُفصل الهوية عن المنطق: تُقرأ الصور أولاً إلى لوحة هوية تراها وتعدّلها، ثم تصف النظام فيُبنى ملتزماً بها.

1. 1
   ارفع لقطاتك

   حتى 6 صور مرجعية بصيغة PNG أو JPEG أو WebP. اسحبها إلى البطاقة، أو الصق لقطة مباشرة بـ Ctrl + V، أو التقط صورة بالكاميرا. أضف الشعار إن وُجد، فألوانه تقود لوحة الألوان.

2. 2
   اكتب ملاحظة قصيرة

   حقل اختياري تقول فيه ما يهم: «الأزرق هو لوننا الأساسي، ونريد إحساساً رسمياً وهادئاً».

3. 3
   راجع لوحة الهوية

   تستغرق القراءة نحو دقيقة عادةً. تظهر الألوان مع تباين محسوب، وزوج خطوط للعربية واللاتينية، وشكل الزوايا والمسافات، ونمط التنقل، وقسم «ما لاحظناه». غيّر أي لون أو خط وشاهد النماذج الحية تتبعه.

4. 4
   صِف النظام

   اضغط «ابنِ تطبيقاً بهذه الهوية»، اختر تطبيق ويب أو جوال، ثم اكتب الأسئلة الثلاثة: البيانات، القواعد، الصلاحيات.

5. 5
   اختر «خطّط أولاً» للأنظمة

   يسألك فنّان بضعة أسئلة ويقترح خطة تعتمدها قبل البناء. للشاشات البسيطة اختر «ابنِ الآن».

هل يجوز أن أبني من لقطة لبرنامج لا أملكه؟

سؤال يستحق إجابة صريحة. هناك فرق كبير بين الاستلهام والنسخ، والخط الفاصل واضح في أغلب الحالات.

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

ماذا أفعل بعد ظهور النسخة الأولى؟

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

1. أدخل خمسة سجلات حقيقية من عملك، لا بيانات تجريبية.
2. جرّب كل قاعدة كتبتها: حاول تأجير سيارة في الصيانة، وتأكد أن النظام يرفض.
3. سجّل الدخول بكل دور وتأكد أن الموظف لا يرى ما ليس له.
4. افتح النظام من الجوال وتأكد أن الجداول مقروءة.
5. قارن الشاشة بلقطتك الأصلية واكتب الفروق التي تهمك فقط.

ثم عدّل. للفروق في الشكل استخدم التعديل المرئي: تضغط على العنصر وتقول ما تريد تغييره، كما نشرح في عدّل تطبيقك بالإشارة إليه. وللفروق في المنطق اكتب طلباً واحداً لكل قاعدة، على طريقة ابنِ ميزة واحدة في كل مرة.

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

أسئلة شائعة

مصطلحات في هذا المقال