docs: stage-1 i18n coverage + news
This commit is contained in:
sanbuphy
@@ -0,0 +1,82 @@
|
||||
# مقدمة المشروع
|
||||
|
||||
في عام 2025، اعتبره الكثيرون عام انطلاق برمجة الذكاء الاصطناعي. بدأ المزيد والمزيد من الأشخاص يستخدمون الذكاء الاصطناعي لكتابة التعليمات البرمجية، لكن ما ينتجونه غالبًا ما يبقى عند مستوى الألعاب - لا يعرفون كيفية تنظيم عملية التطوير باستخدام Vibe Coding، ولا يعرفون الأدوات التي يجب اختيارها، ولا يفهمون بوضوح الخطوات الحاسمة المفقودة بين النموذج الأولي والإطلاق.
|
||||
|
||||
نعتمد مسارًا عمليًا تدريجيًا من **ثلاث مراحل**: مرحلة المبتدئين للبدء السريع في برمجة الذكاء الاصطناعي من خلال الألعاب الصغيرة، والمرحلة الأولى لإتقان أسلوب العمل في Vibe Coding وإكمال نموذج أولي لتطبيق ويب، والمرحلة الثانية لتعلم التطوير الشامل والنشر، والمرحلة الثالثة لبناء تطبيقات معقدة عبر منصات متعددة.
|
||||
|
||||
تتضمن كل مرحلة مشاريع عملية كاملة، مما يتيح لك الانتقال من الألعاب إلى المنتجات الحقيقية في تحديات واقعية، وفي النهاية تمتلك **القدرة على تحويل أي فكرة إلى تطبيق قابل للاستخدام**.
|
||||
|
||||
نحن نؤمن بأن إتقان Vibe Coding مع التدريب المنهجي سيجعلك شخصيًا مطورًا شاملاً يجمع بين **تطوير الواجهة الأمامية والخلفية، وتكامل قدرات الذكاء الاصطناعي، وتصميم المنتجات**.
|
||||
|
||||
يستهدف هذا المشروع بشكل أساسي ثلاث فئات من المتعلمين:
|
||||
|
||||
- **المبتدئون (الأشخاص العاديون / الجانب المتعلق بالمنتجات والعمليات)**: مساعدة الأشخاص ذوي الخلفيات غير التقنية والمتعلمين المبتدئين على فهم المفاهيم الرئيسية وإكمال أول أداة صغيرة بالذكاء الاصطناعي أو نموذج أولي للمنتج.
|
||||
- **المطورون المتوسطون والمبتدئون (الطلاب والمطورون ذوو الأساسيات)**: إتقان vibe coding وتطوير تطبيقات الذكاء الاصطناعي الأصلية بشكل منهجي.
|
||||
- **المطورون المتقدمون (الشركات والشركات الناشئة، والمطورون المستقلون والمفتوحو المصدر)**: دعم الفرق والأفراد للبناء السريع والتحقق من التكرار لتطبيقات الذكاء الاصطناعي الأصلية.
|
||||
|
||||
## دليل المحتوى
|
||||
|
||||
### الملخص العام
|
||||
|
||||
[قاموس قدرات الذكاء الاصطناعي: المفاهيم الأساسية والمصطلحات وسيناريوهات الذكاء الاصطناعي الشائعة](/ar-sa/appendix/8-artificial-intelligence/ai-capability-dictionary)
|
||||
|
||||
### المرحلة الصفرية: روضة الأطفال
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :------------------------------------------------------------------------------------- | :------------------------------------- | :--- |
|
||||
| [دليل المبتدئين: خريطة التعلم](/ar-sa/stage-1/learning-map/) | نظرة عامة على مسار التعلم الكامل | ✅ |
|
||||
| [دليل المبتدئين: في عصر الذكاء الاصطناعي، التحدث يعني البرمجة](/ar-sa/stage-1/ai-capabilities-through-games/) | تجربة قدرات برمجة الذكاء الاصطناعي من خلال أمثلة مثل لعبة الثعبان | ✅ |
|
||||
|
||||
### المرحلة الأولى: مدير منتجات الذكاء الاصطناعي
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :---------------------------------------------------------------------------- | :------------------------------------------------------- | :--- |
|
||||
| [المستوى الثاني: التعرف على أدوات AI IDE](/ar-sa/stage-1/introduction-to-ai-ide/) | تعلم استخدام IDE، وإتقان هيكل الواجهة وأساليب الإدخال الفعالة | ✅ |
|
||||
| [المستوى الثالث: بناء نموذج أولي عمليًا](/ar-sa/stage-1/building-prototype/) | دورة كاملة من تحليل المنتج إلى تفكيك المتطلبات وتنفيذ نموذج أولي متعدد الصفحات | ✅ |
|
||||
| [المستوى الرابع: إضافة قدرات الذكاء الاصطناعي إلى النموذج الأولي](/ar-sa/stage-1/integrating-ai-capabilities/) | فهم وإكمال تكامل API لقدرات الذكاء الاصطناعي الشائعة (نص، صورة، فيديو) | ✅ |
|
||||
| [المستوى الخامس: مشروع عملي كامل](/ar-sa/stage-1/complete-project-practice/) | محاكاة سيناريوهات واقعية، وقبول ملاحظات المستخدمين للتكرار وإكمال عرض المشروع (يتضمن مشروعًا نهائيًا) | ✅ |
|
||||
|
||||
#### الملاحق
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :-------------------------------------------------------------------- | :---------------------------------------- | :--- |
|
||||
| [الملحق أ: التفكير في المنتجات](/ar-sa/stage-1/appendix-a-product-thinking/) | إطار عمل التفكير في المنتجات من تقييم الأفكار إلى تفكيك المتطلبات و MVP | ✅ |
|
||||
| [الملحق ب: الأخطاء الشائعة والحلول](/ar-sa/stage-1/appendix-b-common-errors/) | الأخطاء الشائعة في vibe coding وطرق استكشاف الأخطاء وإصلاحها | ✅ |
|
||||
| [الملحق: من أين تأتي الأفكار](/ar-sa/stage-1/appendix-idea-sources/) | استخراج اتجاهات محددة من التطبيقات المرجعية والاتجاهات وقوائم المستثمرين | ✅ |
|
||||
| [الملحق: نموذج الماس المزدوج](/ar-sa/stage-1/appendix-double-diamond/) | فهم الإيقاع الكامل لتعريف المشكلة أولاً، ثم تطوير تصميم الحل | ✅ |
|
||||
| [الملحق: Jobs to Be Done](/ar-sa/stage-1/appendix-jobs-to-be-done/) | استخدام طريقة JTBD لفهم ما يريد المستخدمون حقًا إنجازه | ✅ |
|
||||
| [الملحق: طريقة مقابلة The Mom Test](/ar-sa/stage-1/appendix-mom-test/) | طريقة بحث للتحقق من المتطلبات من خلال مقابلات المستخدمين | ✅ |
|
||||
|
||||
### المرحلة الثانية: مهندسو التطوير المتوسطون والمبتدئون
|
||||
|
||||
#### قسم الواجهة الأمامية
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------- | :--- |
|
||||
| استخدام lovart لإنتاج المواد | تعلم استخدام lovart لإنشاء المواد المرئية مثل الشخصيات والمشاهد دفعة واحدة، مما يوفر أساسًا للمواد لتصميم UI وتطوير الواجهة الأمامية | 🚧 |
|
||||
| مقدمة في Figma و MasterGo | استخدام أدوات التصميم لتنظيم هيكل المعلومات وبنية الصفحات، ووضع الأساس لتنفيذ الواجهة الأمامية | 🚧 |
|
||||
| بناء أول تطبيق حديث - تصميم UI | إكمال واجهة مبنية على المكونات بناءً على تصميمات، وتحقيق أول رابط من التصميم إلى التعليمات البرمجية | 🚧 |
|
||||
| تصميم الصفحات والأزرار وفقًا لمعايير تصميم UI | تعلم تنظيم هيكل الصفحة والتسلسل الهرمي للأزرار باستخدام معايير التصميم السائدة، وإنشاء مخططات تصميم بمساعدة الذكاء الاصطناعي | 🚧 |
|
||||
| [بناء لوحة هوغوورتس معًا](/ar-sa/stage-2/frontend/hogwarts-portraits/) | بناء تطبيق واجهة أمامية مع قدرات الذكاء الاصطناعي من الصفر، وربط التصميم والتطوير | 🚧 |
|
||||
|
||||
#### قسم تطوير الواجهة الخلفية
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :---------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
|
||||
| ما هو API | فهم واجهات HTTP ونموذج الطلب والاستجابة، التحضير لتكامل الواجهة الخلفية والاختبار المشترك | 🚧 |
|
||||
| [من قاعدة البيانات إلى Supabase](/ar-sa/stage-2/backend/database-supabase/) | تنفيذ قاعدة البيانات وAPI على Supabase، وربط نموذج البيانات بصفحات الواجهة الأمامية | 🚧 |
|
||||
| مساعدة النموذج الكبير في كتابة كود الواجهة ووثائق الواجهة | استخدام النموذج الكبير للمساعدة في إنشاء وثائق واجهة وقاعدة بيانات وكود، وتنفيذ واجهة خلفية قابلة للقراءة والاختبار | 🚧 |
|
||||
| سير عمل Git والنشر على Zeabur | إدارة الكود في سير عمل Git، ونشر التطبيق على Zeabur للإطلاق | 🚧 |
|
||||
| أدوات تطوير CLI الحديثة | استخدام أدوات برمجة CLI المعتمدة على الذكاء الاصطناعي لتسريع التطوير والتصحيح، وتشكيل سير عمل هندسي شخصي | 🚧 |
|
||||
| كيفية تكامل stripe وأنظمة الدفع الأخرى | تكامل نظام الدفع، وإكمال رابط الدفع وعملية التسوية الأساسية | 🚧 |
|
||||
| بناء أول تطبيق حديث - تطبيق شامل | دمج الواجهة الأمامية والخلفية ووحدة الدفع، وإكمال تطبيق ويب شامل قابل للإطلاق | 🚧 |
|
||||
| مكتبة مكونات الواجهة الأمامية الحديثة + Trae عمليًا | استخدام مكتبة مكونات الواجهة الأمامية الحديثة و Trae، وإكمال منتج بشكل مستقل يدعم التسجيل وتسجيل الدخول والدفع | 🚧 |
|
||||
|
||||
#### ملخص قدرات الذكاء الاصطناعي
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
|
||||
| [مقدمة في Dify وتكامل قاعدة المعرفة](/ar-sa/stage-2/ai-capabilities/dify-knowledge-base/) | بناء منتجات من فئة الأدوات باستخدام Dify Workflow وRAG الأساسي، كنموذج أولي لترقية التطبيقات اللاحقة | 🚧 |
|
||||
| تعلم الاستعلام عن قاموس الذكاء الاصطناعي وتكامل API متعدد الوسائط | تعلم كيفية العثور على النماذج وAPI المناسبين، ودمج قدرات الوسائط المتعددة مثل النص والصور في المنتجات | 🚧 |
|
||||
|
||||
### المرحلة الثالثة: مهندسو التطوير المتقدمون
|
||||
@@ -0,0 +1,756 @@
|
||||
# المستوى الأول: في عصر الذكاء الاصطناعي، إذا كنت تستطيع التحدث، يمكنك البرمجة
|
||||
|
||||
هذا تعليمي تعليمي **مبني على التعلم بالمشاريع**. نشجعك على اتباع الخطوات خطوة بخطوة ومحاولة إعادة إنشاء النتائج.
|
||||
لا تقلق بشأن ارتكاب الأخطاء أو تعديل المحتوى، نحن نؤمن دائمًا بأنك تستطيع القيام بذلك، تذكر دائمًا:
|
||||
|
||||
<div style="text-align: center;">
|
||||
<div style="display: inline-block; padding: 8px 20px; border-radius: 8px; border: 1px dashed #FFB6C1; background: linear-gradient(135deg, #FFF0F5 0%, #FFE4EC 100%); margin: 12px 0;">
|
||||
<span style="font-size: 15px; font-weight: 500; color: #666;">الإنجاز أهم من الكمال 🐣</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script setup>
|
||||
import { relatedArticlesMap } from '@theme/data/relatedArticles'
|
||||
|
||||
const duration = 'حوالي <strong>4 ساعات</strong>، يمكن إكمالها على عدة مراحل'
|
||||
const relatedArticles =
|
||||
relatedArticlesMap['ar-sa/stage-1/ai-capabilities-through-games'] ?? []
|
||||
</script>
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['برمجة الذكاء الاصطناعي الحوارية', 'ألعاب أصلية بالذكاء الاصطناعي', 'مشروع عملي: لعبة الثعبان']" coreOutput="لعبة ثعبان أصلية بالذكاء الاصطناعي + لعبة مبتكرة خاصة بك" expectedOutput="1 لعبة ثعبان أصلية بالذكاء الاصطناعي قابلة للتشغيل + (اختياري) 1 لعبة أو Demo أصلية بالذكاء الاصطناعي ابتكرتها بنفسك">
|
||||
|
||||
إذا كنت **لا تعرف أي شيء عن البرمجة على الإطلاق**، أو تعرف فقط القليل، فهذا الفصل مُعد لك. سنبدأ من الأساسيات: استخدام **طريقة الحوار** لجعل الذكاء الاصطناعي يساعدك في كتابة الأكواد، بدون الحاجة لحفظ القواعد أو تهيئة البيئة، يمكنك تشغيل كل شيء مباشرة على صفحة الويب.
|
||||
|
||||
ستصنع بنفسك **أول برنامج قابل للتشغيل** - لعبة ثعبان تأكل الكلمات وتكتب الشعر وترسم. من خلال هذا المشروع العملي، ستختبر ما يعنيه البرمجة بالذكاء الاصطناعي حقًا: ليس أن الذكاء الاصطناعي يحل محل تفكيرك، بل أنت تعبر عن أفكارك والذكاء الاصطناعي يساعدك على تحقيقها.
|
||||
|
||||
كل الإبداع يبدأ من الصفر إلى الواحد، يسعدنا أن ننقل لك كل جزء من الثقة والاحترافية، بالنسبة لك، **القدرة على التنفيذ هي كل ما تحتاجه**.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="0" :items="[
|
||||
{ title: 'التحديات والفرص', description: 'إمكانيات برمجة جديدة للناس العاديين' },
|
||||
{ title: 'استكشاف القدرات', description: 'تجربة تطوير فائقة السرعة في 60 ثانية' },
|
||||
{ title: 'مشروع عملي', description: 'بناء لعبة ثعبان أصلية بالذكاء الاصطناعي' },
|
||||
{ title: 'توسيع الإبداع', description: 'ابتكار ألعاب متنوعة' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 1. تحديات وفرص الأشخاص العاديين
|
||||
|
||||
الكثير من الناس لديهم حزمة من الأفكار للمنتجات: أداة صغيرة للمحاسبة، صفحة ويب لتسجيل نمو الطفل، أو حتى لعبة صغيرة. لكن بمجرد التفكير في كتابة الأكواد أو البحث عن مبرمج، يستسلمون فورًا.
|
||||
|
||||
بعد ظهور الذكاء الاصطناعي، ولأول مرة، تم منح الأشخاص العاديين إمكانية جديدة تمامًا: لا تحتاج إلى معرفة كيفية كتابة الأكواد، فقط تحتاج إلى تعلم كيف توضح للذكاء الاصطناعي ما تريده بوضوح. تُظهر [البيانات من GitHub Copilot](https://www.wearetenet.com/blog/github-copilot-usage-data-statistics) أن أكثر من 15 مليون مطور يستخدمون الذكاء الاصطناعي في البرمجة، ومتوسط 46% من الأكواد مُنشأة بالذكاء الاصطناعي! وفي مشاريع Java تصل هذه النسبة إلى 61%.
|
||||
|
||||
<el-card shadow="hover" style="margin: 20px 0; border-radius: 12px;">
|
||||
<template #header>
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<span style="font-size: 20px;">🚀</span>
|
||||
<span style="font-weight: bold; font-size: 16px;">قفزة في الكفاءة ومعدل التبني</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-row :gutter="20" style="margin-bottom: 24px;">
|
||||
<el-col :span="6" :xs="12">
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="color: #409EFF; font-size: 24px; font-weight: bold;">55%</div>
|
||||
<div style="color: #909399; font-size: 12px; margin-top: 4px;">تحسن السرعة</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6" :xs="12">
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="color: #67C23A; font-size: 24px; font-weight: bold;">2.4 <span style="font-size: 14px;">يوم</span></div>
|
||||
<div style="color: #909399; font-size: 12px; margin-top: 4px;">وقت المهمة (كان 9.6 أيام)</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6" :xs="12">
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="color: #E6A23C; font-size: 24px; font-weight: bold;">81%</div>
|
||||
<div style="color: #909399; font-size: 12px; margin-top: 4px;">معدل التثبيت في اليوم الأول</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6" :xs="12">
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="color: #F56C6C; font-size: 24px; font-weight: bold;">96%</div>
|
||||
<div style="color: #909399; font-size: 12px; margin-top: 4px;">معدل قبول الاقتراحات</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div style="line-height: 1.8; color: #606266;">
|
||||
ما يثير الحماس حقًا هو القفزة في الكفاءة: سرعة إكمال المطورين للمهام تحسنت بنسبة <b>55%</b>. ما كان يستغرق 9.6 أيام لتسليم الكود، أصبح الآن يحتاج فقط <b>2.4 يوم</b>. هذا التحسن الملحوظ في الكفاءة يوضح أن الذكاء الاصطناعي لم يعد مجرد "أداة اختيارية"، بل أصبح مساعد برمجة لا غنى عنه في عملية التطوير. تؤكد بيانات التبني أيضًا ذلك: في اليوم الذي حصلوا فيه على صلاحية الوصول، قام <b>81%</b> من المطورين بتثبيته واستخدامه فورًا؛ ومنهم <b>96%</b> بدأوا في قبول اقتراحات الكود من الذكاء الاصطناعي في نفس اليوم. بعبارة أخرى، المطورون دمجوا الذكاء الاصطناعي تقريبًا فورًا في عملهم اليومي في البرمجة.
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
بالنسبة للأشخاص العاديين، هذا الاتجاه أكثر أهمية: إذا كان المبرمجون المحترفون يعتمدون بشكل كبير على الذكاء الاصطناعي في كتابة الأكواد، **فلماذا لا يمكننا نحن الذين لا يعرفون البرمجة التحدث مباشرة مع الذكاء الاصطناعي لتحقيق أفكارنا؟**
|
||||
|
||||
هدف هذه الدورة هو مساعدتك على إتقان مهارة جديدة: صنع التطبيقات من خلال الحوار باللغة الطبيعية. سنعلمك كيف تتواصل مع الذكاء الاصطناعي بلغة الكمبيوتر، وكيف تجعله يساعدك في تحويل الأفكار في رأسك إلى منتجات حقيقية قابلة للاستخدام.
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="1" :items="[
|
||||
{ title: 'التحديات والفرص', description: 'إمكانيات برمجة جديدة للناس العاديين' },
|
||||
{ title: 'استكشاف القدرات', description: 'تجربة تطوير فائقة السرعة في 60 ثانية' },
|
||||
{ title: 'مشروع عملي', description: 'بناء لعبة ثعبان أصلية بالذكاء الاصطناعي' },
|
||||
{ title: 'توسيع الإبداع', description: 'ابتكار ألعاب متنوعة' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 2. إلى أي مدى يمكن للذكاء الاصطناعي أن يساعدك
|
||||
|
||||
في هذا القسم، سنناقش سؤالًا واحدًا فقط: إذا كنت لا تعرف كيفية كتابة الأكواد على الإطلاق، إلى أي مدى يمكن للذكاء الاصطناعي الحالي أن يساعدك؟
|
||||
|
||||
بشكل عام، يمكنك فهم قدرات النماذج اللغوية الكبيرة الحالية على النحو التالي: يمكنها التعامل مع تطوير **الأدوات الداخلية البسيطة** و**لوحات تصور البيانات** وبعض **الألعاب الخفيفة**. هذه القدرات كافية لصنع **أدوات للاستخدام الشخصي** والتحقق من المتطلبات **من منظور مدير المنتج**. ولكن إذا كنت تريد إنشاء منتجات **تجارية ناضجة** بنقرة واحدة، فلا يزال يلزم تدخل بشري مستمر في **تصميم العمليات** و**تحسين التفاصيل**.
|
||||
|
||||
بعد ذلك، سنأخذ لعبة الثعبان كمثال لنرى بالتحديد إلى أي مدى يمكن للبرمجة بالذكاء الاصطناعي أن تصل حاليًا.
|
||||
|
||||
### 2.1 صنع لعبة ثعبان في 60 ثانية
|
||||
|
||||
أولاً، يرجى فتح صفحة الويب التجريبية المستخدمة في الدورة [z.ai](https://chat.z.ai/)، `z.ai` هي منصة ذكاء اصطناعي طورتها شركة Zhipu AI (إحدى الشركات الرائدة في مجال النماذج اللغوية الكبيرة في الصين)، وتعتمد قدراتها الأساسية على سلسلة النماذج اللغوية الكبيرة GLM التي طورتها Zhipu. المنصة تدمج العديد من وظائف الذكاء الاصطناعي، بما في ذلك إنشاء العروض التقديمية وتصميم الملصقات والتطوير الكامل. في هذا البرنامج التعليمي، سنركز على استخدام وحدة التطوير الكاملة.
|
||||
|
||||
::: details 💡 ما هو نموذج "البرمجة عبر الويب" الجديد؟
|
||||
|
||||
في الماضي، كان تطوير تطبيق ويب يتطلب:
|
||||
- تثبيت بيئة البرمجة (مثل Python أو Node.js)
|
||||
- تهيئة محرر الأكواد
|
||||
- تعلم لغات HTML/CSS/JavaScript وغيرها
|
||||
- التعامل مع مختلف التبعيات والأخطاء
|
||||
|
||||
أما الآن، بفضل منصات البرمجة بالذكاء الاصطناعي، كل ما تحتاجه هو:
|
||||
- فتح المتصفح والوصول إلى صفحة الويب
|
||||
- وصف الوظائف التي تريدها باللغة الطبيعية
|
||||
- يقوم الذكاء الاصطناعي بإنشاء الأكواد تلقائيًا ومعاينة النتائج في الوقت الفعلي
|
||||
|
||||
نموذج "الحوار هو البرمجة" هذا يحول البرمجة من "كتابة الأكواد" إلى "وصف المتطلبات". لا تحتاج للقلق بشأن التفاصيل التقنية الأساسية، فقط أخبر الذكاء الاصطناعي بوضوح بما تريد، وسيساعدك في تحويل أفكارك إلى برنامج قابل للتشغيل. هذا هو النموذج الجديد للبرمجة في عصر الذكاء الاصطناعي — **Vibe Coding (البرمجة الجوهرية)**.
|
||||
:::
|
||||
|
||||
|
||||
|
||||
بعد إدخال متطلباتنا البسيطة، انقر على زر **التطوير الكامل**، يمكنك مشاهدة عملية إنشاء صفحة الويب بالكامل في الوقت الفعلي. عادةً ما يكون وقت تحضير فنجان قهوة كافيًا لتكتمل صفحة الويب تلقائيًا!
|
||||
|
||||
```
|
||||
ساعدني في صنع لعبة ثعبان:
|
||||
1. التحكم بحركة الثعبان باستخدام مفاتيح الاتجاه
|
||||
2. عند أكل الطعام، يطول الثعبان وتزداد النقاط
|
||||
3. عند الاصطدام بالجدار أو جسم الثعبان تنتهي اللعبة
|
||||
4. يجب أن تكون هناك أزرار للبدء وإعادة البدء
|
||||
5. الواجهة يجب أن تكون بسيطة وجميلة
|
||||
```
|
||||
|
||||
|
||||
|
||||
بعد الانتهاء من الإنشاء، يمكنك رؤية واجهة صفحة ويب قابلة للتصفح على الجانب الأيمن. يمكنك التمرير لأعلى وأسفل لتصفح محتوى الصفحة، أو النقر على زر 🧭 في الجزء العلوي من الصفحة للتبديل إلى وضع ملء الشاشة لمشاهدة التأثير.
|
||||
|
||||
> الأزرار من اليسار إلى اليمين في الجزء العلوي تعمل على التوالي: زر السهم يفتح شريط سجل المحادثات الجانبي، زر القلم لإنشاء محادثة جديدة، زر السهم الدائري لتحديث الصفحة، زر البوصلة للتبديل إلى وضع ملء الشاشة، زر Download لتنزيل المشروع، زر <> للتبديل إلى عرض الكود، زر Publish لنشر المشروع.
|
||||
|
||||
|
||||
|
||||
إذا كنت تريد عرض الكود المصدري لصفحة الويب، يمكنك النقر على أيقونة الكود في الزاوية العلوية اليمنى لعرض الكود الكامل.
|
||||
|
||||
|
||||
|
||||
::: tip 🌐 استكشف المزيد من أدوات البرمجة بالذكاء الاصطناعي
|
||||
|
||||
بالإضافة إلى z.ai، نوصيك أيضًا بتجربة منصات البرمجة بالذكاء الاصطناعي الممتازة التالية:
|
||||
|
||||
| الأداة | الرابط | الميزات |
|
||||
|------|------|------|
|
||||
| **Google AI Studio** (موصى به) | [aistudio.google.com/apps](https://aistudio.google.com/apps) | من إنتاج Google الرسمي، يدعم نموذج Gemini، مناسب للتطوير السريع للنماذج الأولية |
|
||||
| **Figma Make** | [figma.com/make](https://www.figma.com/make) | تكامل عميق مع أدوات التصميم، مناسب للمصممين لإنشاء نماذج تفاعلية بسرعة |
|
||||
| **Coze** | [coze.com](https://www.coze.cn) | منصة تطوير روبوتات الذكاء الاصطناعي من ByteDance، توفر قدرات بناء مرئي بدون كود. تكامل عميق مع نماذج كبيرة محلية مثل Doubao و Kimi، تدعم سوق الإضافات والمهام المجدولة والنشر متعدد القنوات |
|
||||
| **v0.dev** | [v0.dev](https://v0.dev) | أداة إنشاء واجهات مستخدم بالذكاء الاصطناعي من Vercel، أدخل الوصف لتوليد أكواد مكونات React قابلة للتشغيل |
|
||||
| **Bolt.new** | [bolt.new](https://bolt.new) | منصة تطوير كاملة بالذكاء الاصطناعي من StackBlitz، يمكنها إنشاء ونشر تطبيقات ويب كاملة مباشرة |
|
||||
| **Lovable** | [lovable.dev](https://lovable.dev) | تركز على إنشاء تطبيقات React عالية الجودة، تدعم تكامل GitHub والنشر بنقرة واحدة |
|
||||
| **Replit Agent** | [replit.com](https://replit.com) | بيئة تطوير متكاملة عبر الإنترنت مع مساعد برمجة بالذكاء الاصطناعي، تدعم لغات متعددة والتعاون في الوقت الفعلي |
|
||||
|
||||
لمعرفة المزيد عن المقارنة التفصيلية واستخدام أدوات البرمجة عبر الويب، يمكنك الرجوع إلى قراءتنا الإضافية: [مقارنة عملية لـ 7 منصات Vibe Coding عبر الإنترنت](../../stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md)
|
||||
:::
|
||||
|
||||
### 2.2 ما يمكن وما لا يمكن لبرمجة الحوار فعله
|
||||
|
||||
يركز هذا القسم على سؤال محدد: عندما تعتمد فقط على الذكاء الاصطناعي الحواري ولا تكتب أي كود، إلى أي مدى يمكنه حقًا أن يقدم المساعدة.
|
||||
على مستوى الخبرة، الاستنتاج المستقر نسبيًا هو: يمكنه مساعدتك في إنشاء شيء "صغير ومكتمل"، لكن "ما هو الحد الكافي" لا يزال يتطلب منك اتخاذ القرارات التفصيلية بنفسك في كل خطوة.
|
||||
|
||||
#### أفضل في التطبيقات "الصغيرة والواضحة"
|
||||
|
||||
من مثال لعبة الثعبان السابق، لقد رأيت نمطًا نموذجيًا:
|
||||
طالما يمكنك توضيح الواجهة والتفاعل، يمكن للذكاء الاصطناعي عادةً في بضعة جولات من الحوار أن يجمع صفحة ويب كاملة قابلة للفتح والنقر واللعب.
|
||||
|
||||
غالبًا ما تتميز هذه المهام بخصائص مشتركة:
|
||||
|
||||
- نطاق واضح: صفحة ويب واحدة، أداة داخلية بسيطة، لعبة صغيرة
|
||||
- نتائج مرئية: يمكنك التحقق فورًا في المتصفح مما إذا كانت تعمل كما هو متوقع
|
||||
- تصحيح مباشر: بعد اكتشاف المشاكل، يمكنك الإشارة إلى الظواهر المحددة في المحادثات اللاحقة وطلب الإصلاح
|
||||
|
||||
ضمن هذا الحد، يمكنك اعتبار الذكاء الاصطناعي الحواري كمطور مساعد ذي تنفيذ جيد. كل ما عليك فعله هو تحسين المتطلبات وتعديلها باللغة الطبيعية في كل جولة، وستحصل بسرعة على نموذج أولي قابل للاستخدام.
|
||||
|
||||
**معدل نجاح الذكاء الاصطناعي في إكمال المشاريع الصغيرة بشكل مستقل:**
|
||||
<el-progress :percentage="90" :stroke-width="15" status="success" striped striped-flow />
|
||||
|
||||
#### المشاريع الكبيرة تحتاج "منظور العملية"
|
||||
|
||||
بمجرد تجاوز النطاق الصغير والواضح، الاعتماد فقط على بضع جولات من الحوار لجعل الذكاء الاصطناعي يكمل نظامًا معقدًا من البداية إلى النهاية سيواجه سقفًا سريعًا. تتطلب المشاريع الكبيرة غالبًا الاتصال بالخادم وقواعد البيانات ودمج خدمات الطرف الثالث، بالإضافة إلى الصلاحيات والأمان والتزامن وقواعد العمل الكثيرة، والهدف هو تسليم نظام متكامل مرتبط بعمق بالعمليات التجارية الحالية، وليس مجرد صفحة ويب.
|
||||
|
||||
في هذه الحالة، النهج الأكثر منطقية ليس إلقاء جميع المتطلبات على الذكاء الاصطناعي دفعة واحدة، بل أولاً تنظيم عملية شاملة واضحة: ما هي الخطوات الرئيسية، ما هي المدخلات والمخرجات وتغييرات الحالة في كل خطوة، وأي العقد هي الأكثر حساسية للأداء والأمان. ثم بناءً على مخطط العملية هذا، فصل الأجزاء المستقلة نسبيًا وتكليف الذكاء الاصطناعي الحواري بإنشاء الواجهات والوحدات والسكريبتات والاختبارات.
|
||||
|
||||
بالنظر إلى القدرات الحالية، الذكاء الاصطناعي أفضل في تسريع الخطوات الصغيرة واحدة تلو الأخرى، بينما تقوم أنت (أو فريقك) بقرار كيفية تقسيم الخطوات وكيفية ربطها، وتتحمل المسؤولية عن التصميم المعماري وتكامل النظام والعمليات.
|
||||
|
||||
#### الفرق بين القدرة على الكتابة والقدرة على الاستخدام
|
||||
|
||||
عند النظرة الأولى، يبدو أن الذكاء الاصطناعي يستطيع كتابة أي شيء، لكن هل هذه الأشياء قابلة للاستخدام فعلاً، وإلى أي مدى يمكن استخدامها، وكيف يمكننا تحديد الحدود؟
|
||||
|
||||
مرجع خبرة يمكن الرجوع إليه:
|
||||
|
||||
::: warning ⚠️ دليل السيناريوهات المناسبة
|
||||
|
||||
- **النماذج الأولية / Demo / الأدوات الداخلية للاستخدام الشخصي**: مناسبة جدًا لتسليم النسخة الأولى للذكاء الاصطناعي ثم تكرار التفاصيل بنفسك.
|
||||
- **المنتجات الكبيرة الموجهة للمستخدمين الحقيقيين**: عادةً ما تحتاج إلى استثمار طويل الأمد من المهندسين في البنية والتجريد والأداء والصيانة.
|
||||
- **أنظمة الأمان العالي / الامتثال الصارم (مثل الدفع وإدارة المخاطر والرعاية الصحية)**: في المرحلة الحالية، لا ينبغي "النشر مباشرة بعد الإنشاء"، يجب إدخال عمليات مراجعة واختبار صارمة.
|
||||
:::
|
||||
|
||||
في الوقت الحالي، يمكنك الاعتماد على الذكاء الاصطناعي بثقة نسبيًا كشريك فعال للنماذج الأولية والأدوات الشخصية:
|
||||
طالما أنت مستعد للاختبار والتحسين بشكل أكبر، وطرح المزيد من الأسئلة "هناك خطأ هنا، ساعدني في إصلاحه واشرح السبب"، في مستوى النماذج الأولية والأدوات الداخلية، فإن الجودة الإجمالية عادةً ما تكون كافية وذات قيمة عملية.
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="2" :items="[
|
||||
{ title: 'التحديات والفرص', description: 'إمكانيات برمجة جديدة للناس العاديين' },
|
||||
{ title: 'استكشاف القدرات', description: 'تجربة تطوير فائقة السرعة في 60 ثانية' },
|
||||
{ title: 'مشروع عملي', description: 'بناء لعبة ثعبان أصلية بالذكاء الاصطناعي' },
|
||||
{ title: 'توسيع الإبداع', description: 'ابتكار ألعاب متنوعة' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 3. الممارسة العملية: أول تطبيق لك بالذكاء الاصطناعي الأصلي
|
||||
|
||||
لنعد إلى الجزء العملي، في الجزء السابق، استخدمنا الذكاء الاصطناعي لصنع نموذج أولي قابل للعب من لعبة الثعبان بسرعة، وعرفنا تقريبًا ما يمكن وما لا يمكن للذكاء الاصطناعي فعله. بعد ذلك سنتعلم كيفية استخدام تقنيات **vibe coding** الأساسية لإنشاء لعبة ثعبان بالذكاء الاصطناعي **بإصدار حديث**. سنجعل الثعبان يأكل أحرفًا نصية بدلاً من الحبوب. أخيرًا سنجعل اللعبة تولد قصيدة بناءً على الأحرف النصية المأكولة، وترسم لوحة.
|
||||
|
||||
من خلال هذا المثال العملي ستتمكن من فهم الفكرة الأساسية لطريقة البرمجة الجديدة تمامًا: كيف تتعلم التعبير عن المتطلبات بوضوح باللغة الطبيعية.
|
||||
|
||||
### 3.1 لعبة ثعبان أصلية بالذكاء الاصطناعي
|
||||
|
||||
في البداية، يمكننا التحدث مع النموذج اللغوي الكبير بأبسط طريقة ممكنة، مما سيساعدنا في الحصول على نموذج أولي للمنتج بسرعة. يمكننا إدخال النص مباشرة في مربع الدردشة:
|
||||
|
||||
> **💡 مثال على prompt:** ساعدني في صنع لعبة ثعبان
|
||||
>
|
||||
> 
|
||||
|
||||
> **💡 مثال على prompt:** ساعدني في صنع لعبة ثعبان يجب أن تدعم
|
||||
>
|
||||
> 1. يمكنني أكل كلمات مختلفة سيتم جمعها في صندوق
|
||||
> 
|
||||
|
||||
> **💡 مثال على prompt:** ساعدني في صنع لعبة ثعبان يجب أن تدعم:
|
||||
>
|
||||
> 1. يمكنني أكل كلمات مختلفة سيتم جمعها في صندوق
|
||||
> 2. عندما يأكل الثعبان 8 كلمات، يجب أن ينشئ LLM قصيدة بناءً على هذه الكلمات، ويمكننا إعادة مزج القصيدة حسب الحاجة.
|
||||
> 3. عند اكتمال القصيدة، ستقوم الخطوة التالية تلقائيًا بإنشاء صورة بناءً على القصيدة.
|
||||
>
|
||||
> 
|
||||
|
||||
لاحظ أنه أثناء عملية التطوير، قد نواجه مشاكل غير مرضية، مثل عدم استجابة الأزرار عند النقر، أو ظهور أخطاء عند استخدام الوظائف، أو عدم عمل الوظائف كما هو متوقع، أو عدم تطابق واجهة الواجهة الأمامية مع التصميم المتوقع.
|
||||
|
||||
في هذه الحالة، نحتاج إلى طرح المزيد من الأسئلة على النموذج لمساعدته في إصلاح هذه المشاكل غير المتوقعة.
|
||||
|
||||
|
||||
|
||||
### 3.2 إضافة ميزات جديدة للعبة
|
||||
|
||||
بعد الانتهاء من الوظائف الأساسية، يمكننا محاولة إضافة بعض التحسينات الجديدة لبرنامجنا! إذا شعرت أن عملية أكل الثعبان للكلمات أو الأحرف مملة بعض الشيء، يمكنك جعل الثعبان يأكل كلمات بألوان مختلفة وتغيير لون الثعبان وفقًا لذلك.
|
||||
|
||||
يمكنك أيضًا إضافة تأثيرات بصرية لعملية "الأكل"، أو تقديم كلمات سحرية تؤدي إلى تأثيرات خاصة — مثل زيادة سرعة أو حجم الثعبان. فكرة أخرى هي جعل النموذج يولد قصيدة وصورة في كل مرة يأكل فيها الثعبان كلمة، بدلاً من الانتظار حتى يأكل ثماني كلمات.
|
||||
|
||||
إذا وجدت هذا تحديًا، يمكنك طلب المساعدة مباشرة من النموذج اللغوي! يمكنه تقديم اقتراحات إبداعية لجعل لعبتك أكثر متعة. جربها!
|
||||
|
||||
```
|
||||
1. آلية "الكلمات تفتح عوالم"
|
||||
في كل مرة يأكل الثعبان كلمة، يقوم LLM بإنشاء تداعيات شعرية للكلمة (مثلاً، "شجرة" ← "غابة"، "ظلال خضراء")، ويقوم نموذج الصور بإنشاء عمل فني صغير للكلمة على الفور. هذه الصور تتجمع تدريجيًا لتشكل لوحة بانورامية فريدة من صنع اللاعب، لذلك كل لعبة هي "رسم وكتابة شعر".
|
||||
|
||||
2. لعبة " puzzles الشعر"
|
||||
كل كلمة يأكلها الثعبان تؤدي إلى توليد LLM لسطر شعري قصير، ونموذج الصور يولد رسمًا توضيحيًا. هذه الأبيات والصور تتحد معًا مثل puzzle لتشكل قصيدة وفنًا تعاوني بالذكاء الاصطناعي في نهاية الجولة.
|
||||
|
||||
3. "الكلمات السحرية" و "فروع القصة"
|
||||
كلمات سحرية خاصة (مثل "ريح"، "ليل"، "حلم") لا تؤدي فقط إلى توليد LLM للشعر، بل تغير أيضًا مزاج الموقف أو موضوعه — تحويل أسلوب الصور المولدة إلى ليلي أو عاصفي أو حالمة.
|
||||
فروع القصة: LLM يعطي موضوعًا أو لغزًا في البداية (مثل "ذكريات الخريف"). اختيارات الكلمات لدى اللاعب تؤثر مباشرة على تطور القصة والشعر، ويقوم نموذج الصور بتحديث الخلفية والتأثيرات البصرية في الوقت الفعلي.
|
||||
|
||||
4. "الإنشاء التفاعلي في الوقت الفعلي"
|
||||
بعد كل كلمة، يولد LLM سطر حوار أو وصف، يمكن لـ NPC في اللعبة "التحدث" مع اللاعب، أو يمكن للبيئة أن تتغير وفقًا لذلك.
|
||||
مظهر الثعبان أو العوائق في اللعبة يمكن أن تتغير بصريًا بناءً على الكلمات المأكولة، بفضل نموذج الصور.
|
||||
|
||||
5. "الإبداع والمشاركة"
|
||||
يمكن للاعبين حفظ ومشاركة قصائدهم وصورهم المبتكرة بالذكاء الاصطناعي في نهاية الجلسة، للتباهي بإبداعهم "التعاوني بالذكاء الاصطناعي" الفريد.
|
||||
لوحات المتصدرين مثل "أجمل شعر وفن"، "أكثر مزيج كلمات إبداعي"، لتشجيع إعادة اللعب والإبداع.
|
||||
|
||||
6. تحدي "الثعبان حسب الجمل"
|
||||
الوضع العكسي: LLM يعطي سطرًا شعريًا أو لغزًا، يجب على اللاعب توجيه الثعبان لأكل الكلمات بالترتيب لإعادة بناء الجملة. أكل كلمة خاطئة يؤدي إلى عواقب ممتعة أو فنية من خلال نموذج إنشاء الصور.
|
||||
|
||||
7. "مراحل ذاتية" و "اختيار الأسلوب"
|
||||
في بداية اللعبة، يختار اللاعب موضوعًا (مثل "حكايات خرافية"، "خيال علمي"، "شعر تانغ")، وسيكيف كل من LLM ونموذج الصور اختيار الكلمات وأسلوب الشعر والتأثيرات البصرية ليتطابق مع الموضوع، مما يجعل كل لعبة تبدو جديدة.
|
||||
|
||||
8. "الإبداع المشترك الحي"
|
||||
عند أكل كلمة خاصة، يمكن لـ LLM أن يطلب من اللاعب إدخال عبارة أو اختيار أسلوب، ثم يقوم الذكاء الاصطناعي بتوليد الأبيات والرسوم التوضيحية المناسبة، مما يجعلها إبداعًا مشتركًا حقيقيًا بين الإنسان والذكاء الاصطناعي.
|
||||
|
||||
9. " مفاجآت الذكاء الاصطناعي والإنجازات"
|
||||
مجموعات كلمات معينة يتعرف عليها LLM كمواضيع خاصة أو نكات داخلية (مثل "قمر"، "زهر Osmanthus"، "ضفة النهر")، مما يؤدي إلى أبيات ورسوم توضيحية نادرة كمكافأة على الاستكشاف.
|
||||
|
||||
10. "قصة النمو"
|
||||
مع نمو الثعبان، يولد LLM قصيدة قصة متصلة، ويقوم نموذج الصور بإنشاء لوحة طويلة أو بانورامية سلسة، لذلك اللاعب "يكتب ويرسم ويلعب" في نفس الوقت.
|
||||
```
|
||||
|
||||
بالإضافة إلى ذلك، يمكننا أيضًا طلب من LLM مساعدتنا في توليد prompt على مستوى المشروع مباشرة. في القسم السابق، كتبنا بأنفسنا فقط prompt لعبة الثعبان. الآن دعنا نحاول جعل النموذج اللغوي الكبير يولد prompt مع إطار كامل ومسار تنفيذ (يمكنك استخدام z.ai مباشرة للتوليد).
|
||||
|
||||
إذا كنت تريد تعلم كيفية كتابة prompts أفضل، يمكنك الاطلاع على [ملحق هندسة Prompts](/ar-sa/appendix/8-artificial-intelligence/prompt-engineering).
|
||||
|
||||
> أريد أن يجعل الذكاء الاصطناعي يولد لعبة ثعبان على الويب، أحتاج إلى prompt أكثر اكتمالاً لجعل النتيجة أكثر إثارة وإمتاعًا. يرجى توليد prompt المناسب. الهدف الحالي: إنشاء لعبة ثعبان يجب أن تطبق وظيفة أكل كلمات مختلفة لتوليد الشعر، ويجب أن تتضمن وحدة إنشاء الصور.
|
||||
|
||||
ستكون إجابة z.ai كالتالي:
|
||||
|
||||
|
||||
|
||||
يمكننا استخدام هذا prompt لإعادة إنشاء المشروع في وضع التطوير الكامل:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="3" :items="[
|
||||
{ title: 'التحديات والفرص', description: 'إمكانيات برمجة جديدة للناس العاديين' },
|
||||
{ title: 'استكشاف القدرات', description: 'تجربة تطوير فائقة السرعة في 60 ثانية' },
|
||||
{ title: 'مشروع عملي', description: 'بناء لعبة ثعبان أصلية بالذكاء الاصطناعي' },
|
||||
{ title: 'توسيع الإبداع', description: 'ابتكار ألعاب متنوعة' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
### 3.3 حاول صنع ألعاب صغيرة أخرى
|
||||
|
||||
بالإضافة إلى لعبة الثعبان، يمكننا ترك الخيال يبحر بحرية.
|
||||
|
||||
نبتكر أي شيء نريد ابتكاره، بل ونحاول إفساد كل شيء! ثم نبدأ من جديد!
|
||||
|
||||
```
|
||||
1. معرض فنون الذكاء الاصطناعي
|
||||
الوصف: معرض على الإنترنت لعرض الأعمال الفنية المولدة بالذكاء الاصطناعي، يمكن للمستخدمين رفع ومشاركة والتعليق على الأعمال الفنية.
|
||||
الوظائف: نظام حسابات المستخدمين، رفع وعرض الأعمال الفنية، نظام التقييم، التصفح حسب الفئة، تكامل أدوات إنشاء الذكاء الاصطناعي.
|
||||
التميز التقني: واجهة React/Vue، خادم Node.js، قاعدة بيانات MongoDB، تكامل واجهة برمجة تطبيقات الذكاء الاصطناعي.
|
||||
|
||||
2. أرشيف الألعاب الكلاسيكية
|
||||
الوصف: موقع يكرم الألعاب الكلاسيكية، يتضمن تاريخ الألعاب، أدلة اللعب، وألعاب كلاسيكية قابلة للعب عبر الإنترنت.
|
||||
الوظائف: قاعدة بيانات الألعاب، عرض الخط الزمني، محاكي عبر الإنترنت، تعليقات المستخدمين، وظيفة جمع الألعاب.
|
||||
التميز التقني: تصميم متجاوب، تنفيذ ألعاب WebGL/Canvas، واجهة RESTful API، نظام مصادقة المستخدمين.
|
||||
|
||||
3. متتبع الحياة المستدامة
|
||||
الوصف: موقع يساعد المستخدمين على تتبع وتقليل بصمتهم الكربونية من خلال نصائح بيئية وتحديات مجتمعية.
|
||||
الوظائف: حاسبة البصمة الكربونية الشخصية، تحديد الأهداف، تتبع التقدم، تحديات مجتمعية، قاعدة معرفة بيئية.
|
||||
التميز التقني: تصور البيانات، تحسين الجوال، وظائف اجتماعية، إشعارات الدفع.
|
||||
|
||||
4. مساعد المطبخ الافتراضي
|
||||
الوصف: منصة توجيه طبخ قائمة على الذكاء الاصطناعي توصي بوصفات مخصصة وإرشادات طبخ خطوة بخطوة.
|
||||
الوظائف: قاعدة بيانات الوصفات، التعرف على المكونات، توصيات مخصصة، مؤقت الطبخ، تحليل التغذية.
|
||||
التميز التقني: واجهة برمجة التعرف على الصور، نظام توصيات التعلم الآلي، التحكم الصوتي، إرشادات فيديو في الوقت الفعلي.
|
||||
|
||||
5. منصة اكتشاف الموسيقى المستقلة
|
||||
الوصف: منصة بث موسيقي تركز على الفنانين المستقلين والناشئين، توفر تجربة اكتشاف فريدة.
|
||||
الوظائف: بث الموسيقى، ملفات الفنانين الشخصية، توصيات مخصصة، إنشاء قوائم التشغيل، تعليقات المجتمع.
|
||||
التميز التقني: معالجة البث الصوتي، خوارزميات التوصية، وظائف اجتماعية، تصور الموسيقى.
|
||||
|
||||
6. نظام إدارة المهام البسيط
|
||||
الوصف: أداة إدارة مهام بجماليات Zen، تركز على التنظيم البسيط والفعال للمهام.
|
||||
الوظائف: إنشاء وتصنيف المهام، تحديد الأولويات، تتبع التقدم، تعاون الفريق، تحليل البيانات.
|
||||
التميز التقني: تصميم واجهة مستخدم بسيط، وظيفة السحب والإفلات، المزامنة في الوقت الفعلي، توافق متعدد المنصات.
|
||||
|
||||
7. ورشة كتابة الخيال العلمي
|
||||
الوصف: منصة توفر أدوات إبداعية وإلهامًا لكتاب الخيال العلمي، بما في ذلك أدوات بناء العالم وتطوير الشخصيات.
|
||||
الوظائف: أدوات بنية القصة، ملفات الشخصيات، قوالب بناء العالم، إحصائيات الكتابة، ملاحظات المجتمع.
|
||||
التميز التقني: محرر نصوص منسق، تصور البيانات، تعاون في التحرير، إبداع بمساعدة الذكاء الاصطناعي.
|
||||
|
||||
8. خريطة المعرفة الشخصية
|
||||
الوصف: أداة تساعد المستخدمين على بناء شبكة معرفة شخصية، تصور وربط الأفكار والمعلومات المختلفة.
|
||||
الوظائف: إنشاء وربط العقد، نظام العلامات، وظيفة البحث، أدوات الاستيراد/التصدير، رسوم بيانية مرئية.
|
||||
التميز التقني: قاعدة بيانات الرسم البياني، خوارزميات تصور البيانات، دعم Markdown، المزامنة عبر الأجهزة.
|
||||
|
||||
9. حديقة نباتات افتراضية
|
||||
الوصف: موسوعة نباتات تفاعلية يمكن للمستخدمين استكشاف عالم النباتات وإنشاء حديقة افتراضية.
|
||||
الوظائف: قاعدة بيانات النباتات، نماذج نباتات ثلاثية الأبعاد، محاكاة النمو، أدلة البستنة، عرض المجتمع.
|
||||
التميز التقني: تصيير ثلاثي الأبعاد، محاكاة تغير الفصول، تكامل AR، واجهة برمجة التعرف على النباتات.
|
||||
|
||||
10. ساحة تحديات البرمجة
|
||||
الوصف: منصة مسابقات عبر الإنترنت للمبرمجين مع تحديات برمجة بمستويات صعوبة مختلفة.
|
||||
الوظائف: أسئلة التحدي، محرر أكواد، تقييم تلقائي، لوحة المتصدرين، مسارات التعلم.
|
||||
التميز التقني: بيئة sandbox للأكواد، نظام تقييم في الوقت الفعلي، تصور الخوارزميات، وظائف التعلم الاجتماعي.
|
||||
```
|
||||
|
||||
والمزيد... إذا كنت تحب الألعاب، دعنا نحاول ابتكار ألعاب معًا!
|
||||
|
||||
```
|
||||
1. RPG عالم مفتوح ثلاثي الأبعاد
|
||||
الوصف: RPG خيالية بعالم مفتوح واسع ومهام وتطور الشخصيات.
|
||||
الوظائف: دورة ليل ونهار، طقس ديناميكي، شجرة المهارات، تعاون متعدد اللاعبين، نظام التصنيع.
|
||||
التميز التقني: Three.js أو Babylon.js للتصيير ثلاثي الأبعاد، منطق اللعبة من جانب الخادم، تخصيص الشخصية، نظام الحفظ.
|
||||
|
||||
2. ساحة إطلاق نار من منظور شخص أول (FPS)
|
||||
الوصف: FPS سريع الإيقاع متعدد اللاعبين مع أوضاع لعب وخرائط متنوعة.
|
||||
الوظائف: قتال فرق، التقاط العلم، تخصيص الأسلحة، مباريات تصنيف.
|
||||
التميز التقني: WebGL/Three.js للرسومات ثلاثية الأبعاد، شبكة لعب متعددة، كشف التصادم، دردشة صوتية.
|
||||
|
||||
3. شطرنج الذكاء الاصطناعي ولعب متعدد اللاعبين
|
||||
الوصف: منصة شطرنج كاملة الميزات مع منافسين بالذكاء الاصطناعي ولعب عبر الإنترنت.
|
||||
الوظائف: مستويات صعوبة الذكاء الاصطناعي، تحديات نهاية اللعبة، وضع البطولة، تحليل إعادة اللعب.
|
||||
التميز التقني: مكتبة منطق الشطرنج، WebSocket للعب في الوقت الفعلي، نظام تصنيف ELO، مكافحة الغش.
|
||||
|
||||
4. لعبة Mahjong متعددة اللاعبين عبر الإنترنت
|
||||
الوصف: لعبة Mahjong تقليدية مع لعب متعدد اللاعبين عبر الإنترنت ونظام تسجيل النقاط.
|
||||
الوظائف: مجموعات قواعد متعددة، غرف خاصة، نظام تصنيف، وظيفة إعادة اللعب.
|
||||
التميز التقني: منطق مطابقة البلاط، لعب متعدد اللاعبين في الوقت الفعلي، نظام اللوبي، تتبع النقاط.
|
||||
|
||||
5. لعبة استراتيجية قائمة على الأدوار
|
||||
الوصف: لعبة استراتيجية تكتيكية مع قتال شبكي وإدارة الوحدات.
|
||||
الوظائف: وضع الحملة، معارك عشوائية، ترقية الوحدات، ضباب الحرب، لعب متعدد اللاعبين.
|
||||
التميز التقني: نظام حركة الشبكة، اتخاذ قرارات الذكاء الاصطناعي، مزامنة الأدوار، نظام الحفظ/التحميل.
|
||||
|
||||
6. لعبة سباق سيارات مع الوقت
|
||||
الوصف: لعبة سباق سيارات ثلاثية الأبعاد تركز على سباقات الوقت وأرقام الحلبات.
|
||||
الوظائف: حلبات متعددة، تخصيص السيارات، إعادة لعب الأشباح، لوحة المتصدرين.
|
||||
التميز التقني: فيزياء سيارات ثلاثية الأبعاد، محرر الحلبات، نظام إعادة اللعب، لوحة متصدرين عبر الإنترنت.
|
||||
|
||||
7. لعبة بطاقات قتالية (بناء المجموعة)
|
||||
الوصف: لعبة بطاقات استراتيجية يبني اللاعبون مجموعاتهم ويقاتلون الخصوم.
|
||||
الوظائف: جمع البطاقات، بناء المجموعة، مباريات تصنيف، أحداث موسمية.
|
||||
التميز التقني: منطق لعبة البطاقات، نظام المطابقة، خصوم الذكاء الاصطناعي، حركات البطاقات.
|
||||
|
||||
8. Battle Royale (عرض علوي ثنائي الأبعاد)
|
||||
الوصف: لعبة Battle Royale بعرض علوي ثنائي الأبعاد مع منطقة لعب تتقلص وآلية الغنائم.
|
||||
الوظائف: وضع فردي وفريق، تنوع الأسلحة، أحداث داخل اللعبة، لوحة المتصدرين.
|
||||
التميز التقني: لعب متعدد اللاعبين في الوقت الفعلي، منطق تقليص المنطقة، نظام توليد الغنائم، المطابقة.
|
||||
|
||||
9. لعبة رعب بقاء (منظور شخص أول)
|
||||
الوصف: لعبة رعب من منظور شخص أول مع إدارة الموارد وآليات الهروب.
|
||||
الوظائف: بيئة غامضة، حل الألغاز، ذكاء اصطناعي للعدو، نهايات متعددة.
|
||||
التميز التقني: إضاءة ديناميكية، تصميم الصوت، البحث عن المسار للعدو، نظام الحفظ.
|
||||
|
||||
10. لعبة إيقاع موسيقي (ثلاثية الأبعاد)
|
||||
الوصف: لعبة إيقاع ثلاثية الأبعاد يضرب اللاعب النوتات مع إيقاع الموسيقى.
|
||||
الوظائف: مستويات صعوبة متعددة، محرر الحلبات، دعم الأغاني المخصصة، لوحة المتصدرين.
|
||||
التميز التقني: تحليل الصوت، مزامنة الإيقاع، مسار النوتات ثلاثي الأبعاد، كشف توقيت الإدخال.
|
||||
```
|
||||
|
||||
## 📚 الواجب
|
||||
|
||||
<el-card id="assignment-card" shadow="hover" style="margin: 20px 0; border-radius: 12px;">
|
||||
<template #header>
|
||||
<div style="font-weight: bold; font-size: 16px;">🎯 واجب هذا الفصل: أنجز أول مجموعة من ألعابك الصغيرة الأصلية بالذكاء الاصطناعي</div>
|
||||
</template>
|
||||
|
||||
<p>
|
||||
في هذا القسم، اتبعت الخطوات وتجربت العملية الكاملة من "توليد لعبة الثعبان عبر الحوار" إلى "فهم أسلوب تصميم الألعاب الصغيرة الأصلية بالذكاء الاصطناعي". الواجب التالي يساعدك على تحويل هذا الفهم إلى قدرات حقيقية خاصة بك.
|
||||
</p>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
<strong>إعادة إنشاء لعبة الثعبان الأصلية بالذكاء الاصطناعي بالكامل</strong>
|
||||
<ul>
|
||||
<li>الحد الأدنى: الثعبان يتحرك، وعند أكل "الطعام" يتغير الطول والنقاط، والاصطدام بالجدار أو الجسم ينتهي اللعبة.</li>
|
||||
<li>أثناء إعادة الإنشاء، تدرب على إلقاء ظاهرة الخطأ + رسالة الخطأ + مقتطف الكود الرئيسي على الذكاء الاصطناعي دفعة واحدة، واطلب منه الإصلاح "بالوضع المبسط".</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<strong>(اختياري) ابتكار لعبة أو Demo صغيرة أصلية بالذكاء الاصطناعي</strong>
|
||||
<ul>
|
||||
<li>يمكن أن تكون أي لعبة خفيفة حول النصوص أو الصور أو الموسيقى أو الإيقاع، مثل "أكل الكلمات وكتابة الشعر" أو "النقر بالإيقاع" أو "الركض التوليدي" وغيرها.</li>
|
||||
<li>التركيز ليس على مدى روعة الرسومات، بل على قدرتك على التوضيح بوضوح: كيف ساعد الذكاء الاصطناعي تحديدًا، وما هو الجزء الذي حلّ مشكلة "صعبة أو مرهقة يدويًا".</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
هذه هي نهاية البرنامج التعليمي! قد تحتاج إلى <strong>4 ساعات</strong> لإكمال جميع المحتويات وبناء لعبة الثعبان الخاصة بك. لا تستعجل — استكشف وجرب واستمتع بالعملية. إذا واجهت مفاهيم لا تفهمها أثناء العملية، نوصي بالرجوع إلى الأقسام ذات الصلة في الملحق أدناه.
|
||||
</p>
|
||||
</el-card>
|
||||
|
||||
## الملحق
|
||||
|
||||
<el-card id="appendix-nav" shadow="hover" style="margin-top: 24px; margin-bottom: 24px; border-left: 5px solid #67C23A;">
|
||||
<div style="font-weight: bold; margin-bottom: 8px;">تنقل الملحق</div>
|
||||
<div style="color: #606266; font-size: 14px; line-height: 1.6; margin-bottom: 12px;">
|
||||
هنا مجموعة من المفاهيم الأساسية المتعلقة بهذا الفصل: إذا واجهت أسئلة مثل "ما هو الواجهة الأمامية" أو "ما يعنيه Vibe Coding بالضبط" أثناء التعلم، يمكنك العودة هنا للرجوع إليها في أي وقت.
|
||||
</div>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<a href="#appendix-1" style="text-decoration: none; color: inherit;"><b>الملحق 1: هل نحتاج إلى معرفة تطوير الواجهة الأمامية؟</b></a><br/>
|
||||
<span style="font-size: 12px; color: #909399">فهم موقع الواجهة الأمامية في التطبيق، ومعرفة الأجزاء "المرئية".</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<a href="#appendix-2" style="text-decoration: none; color: inherit;"><b>الملحق 2: ما هو Vibe Coding بالضبط</b></a><br/>
|
||||
<span style="font-size: 12px; color: #909399">فهم الفكرة الأساسية لـ "التطوير الحواري"، ومعرفة كيفية التعاون مع الذكاء الاصطناعي.</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16" style="margin-top: 10px;">
|
||||
<el-col :span="12">
|
||||
<a href="#appendix-3" style="text-decoration: none; color: inherit;"><b>الملحق 3: سياق النموذج</b></a><br/>
|
||||
<span style="font-size: 12px; color: #909399">فهم المفاهيم مثل "طول السياق" التي نسمعها كثيرًا لكنها يسهل الخلط بينها.</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<a href="#appendix-4" style="text-decoration: none; color: inherit;"><b>الملحق 4: قدرة اتباع التعليمات</b></a><br/>
|
||||
<span style="font-size: 12px; color: #909399">فهم لماذا لا "يفهم" النموذج أحيانًا، وكيف تكتب بشكل أوضح.</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="margin-top: 12px; font-size: 12px; color: #909399;">
|
||||
نصيحة: يمكنك استخدام Ctrl/⌘+F للبحث عن الكلمات الرئيسية، أو نسخ الفقرات التي لا تفهمها ولصقها في الذكاء الاصطناعي، واطلب منه إعادة شرحها بطريقة "يمكن للمبتدئ تمامًا فهمها".
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<a id="appendix-1"></a>
|
||||
|
||||
## [الملحق 1: هل نحتاج إلى معرفة تطوير الواجهة الأمامية؟](#appendix-nav)
|
||||
|
||||
::: tip 💡 ملخص بجملة واحدة
|
||||
لا تحتاج إلى معرفة كيفية كتابة الأكواد، لكن فهم المفاهيم الأساسية يساعدك على وصف المتطلبات للذكاء الاصطناعي بشكل أفضل.
|
||||
:::
|
||||
|
||||
<el-row :gutter="16" style="margin: 20px 0;">
|
||||
<el-col :span="12" :xs="24" style="margin-bottom: 16px;">
|
||||
<el-card shadow="hover" style="border-radius: 12px; height: 100%;">
|
||||
<template #header>
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<span style="font-size: 20px;">👁️</span>
|
||||
<span style="font-weight: bold;">الواجهة الأمامية</span>
|
||||
<el-tag type="success" size="small">مرئي</el-tag>
|
||||
</div>
|
||||
</template>
|
||||
<div style="color: #606266; line-height: 1.8;">
|
||||
كل المحتوى الذي يمكن للمستخدم **رؤيته والنقر عليه**
|
||||
<ul style="margin: 12px 0; padding-left: 20px;">
|
||||
<li>عناوين الصفحة، النصوص، الصور</li>
|
||||
<li>الأزرار، مربعات الإدخال، القوائم المنسدلة</li>
|
||||
<li>واجهة اللعبة، تأثيرات الحركة</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12" :xs="24" style="margin-bottom: 16px;">
|
||||
<el-card shadow="hover" style="border-radius: 12px; height: 100%;">
|
||||
<template #header>
|
||||
<div style="display: flex; align-items: center; gap: 8px;">
|
||||
<span style="font-size: 20px;">⚙️</span>
|
||||
<span style="font-weight: bold;">الواجهة الخلفية</span>
|
||||
<el-tag type="info" size="small">غير مرئي</el-tag>
|
||||
</div>
|
||||
</template>
|
||||
<div style="color: #606266; line-height: 1.8;">
|
||||
معالجة البيانات التي تعمل على الخادم
|
||||
<ul style="margin: 12px 0; padding-left: 20px;">
|
||||
<li>تخزين نقاط المستخدم</li>
|
||||
<li>التحقق من حساب تسجيل الدخول</li>
|
||||
<li>توزيع محتوى المراحل</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
### الثلاثي الأساسي للواجهة الأمامية
|
||||
|
||||
يستخدم المتصفح ثلاثة أنواع من "الأكواد" لبناء الصفحات:
|
||||
|
||||
<el-tabs type="border-card" style="margin: 20px 0;">
|
||||
<el-tab-pane label="🏗️ HTML - الهيكل">
|
||||
<div style="padding: 10px;">
|
||||
<p><strong>الوظيفة:</strong> تعريف <strong>ماذا</strong> يوجد على الصفحة من عناصر</p>
|
||||
<p><strong>التشبيه:</strong> مخطط هيكل المنزل (أين الجدران والأبواب والنوافذ)</p>
|
||||
<el-card style="background: #f5f7fa; margin-top: 12px;">
|
||||
<pre style="margin: 0;"><code><button>اضغط هنا</button>
|
||||
<h1>العنوان</h1>
|
||||
<img src="photo.png"></code></pre>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="🎨 CSS - التنسيق">
|
||||
<div style="padding: 10px;">
|
||||
<p><strong>الوظيفة:</strong> التحكم في <strong>شكل</strong> العناصر</p>
|
||||
<p><strong>التشبيه:</strong> ديكور المنزل (الألوان، المواد، التخطيط)</p>
|
||||
<el-card style="background: #f5f7fa; margin-top: 12px;">
|
||||
<pre style="margin: 0;"><code>button {
|
||||
background: blue;
|
||||
color: white;
|
||||
border-radius: 8px;
|
||||
}</code></pre>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="⚡ JavaScript - السلوك">
|
||||
<div style="padding: 10px;">
|
||||
<p><strong>الوظيفة:</strong> جعل الصفحة <strong>تتحرك</strong></p>
|
||||
<p><strong>التشبيه:</strong> أسلاك ومفاتيح المنزل (الاستجابة عند النقر)</p>
|
||||
<el-card style="background: #f5f7fa; margin-top: 12px;">
|
||||
<pre style="margin: 0;"><code>button.onclick = () => {
|
||||
alert('لقد ضغطت علي!')
|
||||
}</code></pre>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
### كيف يتحول الكود إلى صفحة؟
|
||||
|
||||
عندما تفتح صفحة ويب، يعالج المتصفح ثلاثة أنواع من الأكواد بالترتيب:
|
||||
|
||||
**1. HTML — تعريف هيكل الصفحة**
|
||||
يحلل المتصفح أولاً HTML لمعرفة العناصر الموجودة على الصفحة (العناوين، الفقرات، الصور، الأزرار، إلخ) والعلاقات الهرمية بينها.
|
||||
|
||||
**2. CSS — تطبيق التنسيقات**
|
||||
ثم يضيف المتصفح الأنماط لهذه العناصر بناءً على قواعد CSS: الألوان، الأحجام، المواضع، المسافات، مما يجعل الصفحة جميلة.
|
||||
|
||||
**3. JavaScript — إضافة التفاعل**
|
||||
أخيرًا ينفذ كود JavaScript لجعل الصفحة "تتحرك": الاستجابة للنقرات، إرسال النماذج، تشغيل الرسوم المتحركة، إلخ.
|
||||
|
||||
**4. عرض الصفحة**
|
||||
نتيجة تعاون الثلاثة هي صفحة الويب التي تراها في النهاية.
|
||||
|
||||
### أطر الواجهة الأمامية الحديثة: من HTML إلى React/Vue
|
||||
|
||||
HTML و CSS و JavaScript المذكورة سابقًا هي "الثلاثي الأساسي" لتطوير الواجهة الأمامية، وهي أساس جميع صفحات الويب. ولكن عندما تصبح الصفحات معقدة، يواجه التطوير المباشر بالثلاثي تحديات: صعوبة صيانة الكود، الكثير من العمل المتكرر، مشاكل مزامنة البيانات.
|
||||
|
||||
**أطر الواجهة الأمامية الحديثة** (مثل React و Vue و Angular) مبنية على HTML/CSS/JS لجعل التطوير أكثر كفاءة:
|
||||
|
||||
**1. HTML/CSS/JS (المرحلة الأساسية)**
|
||||
التعامل المباشر مع عناصر الصفحة، مناسب للصفحات البسيطة. ولكن عندما يزيد حجم الكود، تختلط كل المنطقيات معًا ويصبح من الصعب صيانتها.
|
||||
|
||||
**2. jQuery (مرحلة الانتقال)**
|
||||
بسّط عمليات DOM وجعل الكود أكثر إيجازًا. لكن لا يزال يتطلب الإدارة اليدوية لحالة الصفحة، وعند تغير البيانات يجب العثور على العنصر المقابل وتحديثه يدويًا.
|
||||
|
||||
**3. React/Vue (المرحلة الحديثة)**
|
||||
اعتماد تصميم قائم على المكونات والمدفوع بالحالة:
|
||||
- **المكونات**: تقسيم الصفحة إلى وحدات مستقلة قابلة لإعادة الاستخدام (مثل الأزرار والبطاقات وشريط التنقل)
|
||||
- **المدفوع بالحالة**: عند تغير البيانات، يقوم الإطار بتحديث الواجهة المقابلة تلقائيًا بدون تدخل يدوي
|
||||
|
||||
::: tip 💡 فهم بسيط
|
||||
- **HTML/CSS/JS** = المواد الأساسية (الطوب، الإسمنت، الحديد)
|
||||
- **React/Vue** = إطار البناء (يوفر المعايير والأدوات لبناء المنزل)
|
||||
|
||||
في عصر البرمجة بمساعدة الذكاء الاصطناعي، لا تحتاج إلى إتقان جميع تفاصيل الأطر، فقط فهم المفاهيم الأساسية، ويمكنك من خلال وصف اللغة الطبيعية جعل الذكاء الاصطناعي يساعدك في توليد الأكواد.
|
||||
:::
|
||||
|
||||
### في Vibe Coding
|
||||
|
||||
**النقطة الأساسية: لا تحتاج إلى كتابة الأكواد، فقط تحتاج إلى الوصف.**
|
||||
|
||||
بعد فهم مفاهيم الواجهة الأمامية، يمكنك وصف المتطلبات للذكاء الاصطناعي بهذه الطريقة:
|
||||
|
||||
> "اصنع صفحة لوحة متصدرين باستخدام React، عرض قائمة النقاط على الجانب الأيمن، عند النقر على صف يظهر تفاصيل اللاعب في الأسفل، بأسلوب بسيط وعصري."
|
||||
|
||||
إذا كنت تريد فهمًا أعمق لمفاهيم الواجهة الأمامية الأساسية مثل HTML و CSS و JavaScript، يمكنك الاطلاع على [ملحق أساسيات الويب](/ar-sa/appendix/3-browser-and-frontend/javascript-deep-dive). لمعرفة تاريخ تطوير تقنيات الواجهة الأمامية، يمكنك الاطلاع على [ملحق تاريخ تطور الواجهة الأمامية](/ar-sa/appendix/3-browser-and-frontend/frontend-frameworks).
|
||||
|
||||
<a id="appendix-2"></a>
|
||||
|
||||
## [الملحق 2: ما هو Vibe Coding بالضبط](#appendix-nav)
|
||||
|
||||
> 💡 ما هو Vibe Coding؟ عالم الكمبيوتر [Andrej Karpathy](https://karpathy.ai/) (أحد المؤسسين المشاركين لـ OpenAI، الرئيس السابق للذكاء الاصطناعي في تسلا) صاغ مصطلح **vibe coding** في فبراير 2025. يشير هذا المفهوم إلى طريقة برمجة تعتمد على LLM، **تسمح للمبرمجين بتوليد أكواد قابلة للعمل من خلال تقديم أوصاف باللغة الطبيعية بدلاً من كتابة الأكواد يدويًا.**
|
||||
|
||||
|
||||
|
||||
من حيث المعنى الحرفي، يمكن فهم Vibe Coding على أنه «طريقة تطوير من خلال الكلام». التغيير الأساسي هو: لم تعد بحاجة إلى كتابة الأكواد سطرًا بسطر، أو البحث عن القواعد، أو تصحيح الأخطاء، بل تصف ما تريده مباشرة باللغة الطبيعية، مثل:
|
||||
|
||||
- أحتاج إلى صفحة تسجيل دخول بها مربع إدخال رقم الهاتف ومربع إدخال رمز التحقق.
|
||||
- بعد نجاح تسجيل الدخول، الانتقال إلى الصفحة الرئيسية وعرض اسم المستخدم في الزاوية العلوية اليمنى.
|
||||
- أعطني لعبة ثعبان بسيطة يمكن التحكم بها بمفاتيح الاتجاه.
|
||||
|
||||
النموذج اللغوي الكبير (LLM) يترجم هذه الأوصاف تلقائيًا إلى أكواد قابلة للتشغيل حقًا، وينشئ الصفحات والمنطق وهياكل البيانات المقابلة. بعد رؤية النتيجة، تقدم ملاحظات التعديل باللغة الطبيعية، مثل تكبير الزر قليلًا، أو تغيير الخلفية إلى داكنة، أو تسجيل النقاط وعرض لوحة المتصدرين، ويستمر الذكاء الاصطناعي في تعديل التنفيذ وفقًا لمتطلباتك.
|
||||
|
||||
في هذا النموذج، لا تحتاج إلى تعلم لغة البرمجة أولاً ثم كتابة الأكواد؛ بل تركز جهودك الرئيسية على: توضيح ما يجب فعله، وتقييم موضع الخطأ بعد رؤية النتائج، ثم تقديم تعديلات جديدة. الذكاء الاصطناعي مسؤول عن تحويل هذه الأفكار العليا إلى تنفيذ ملموس، مما يقلل بشكل كبير من عمل البرمجة الميكانيكي والمتكرر.
|
||||
|
||||
يمكنك النقر هنا لمعرفة المزيد من التفاصيل حول vibe coding: [https://www.ibm.com/think/topics/vibe-coding](https://www.ibm.com/think/topics/vibe-coding)
|
||||
|
||||
يمكنك النقر هنا لمعرفة المزيد من محتوى Karpathy: [https://karpathy.bearblog.dev/blog/](https://karpathy.bearblog.dev/blog/)
|
||||
|
||||
### كيف تتظاهر بأنك خبير في Vibe Coding
|
||||
|
||||
في الواقع، في عملية vibe coding الحقيقية، نادرًا ما نستخدم prompts معقدة. ربما نحتاج في البداية إلى تقديم prompt محدد ومعقد بشكل معتدل للبرنامج بأكمله، ولكن بعد ذلك في كل خطوة، قد تحتاج فقط إلى الأنواع التالية من prompts:
|
||||
|
||||
على سبيل المثال، قد تطلب من النموذج إصلاح خطأ في الكود، أو إعادة إخراج النسخة الكاملة بعد التعديل، أو عدم تغيير المنطق الأصلي، أو عدم إضافة وظائف غير مطلوبة، أو الالتزام بأسماء المتغيرات والدوال الموجودة. الفكرة الأساسية هي أن prompt اليومي في vibe coding غالبًا لا يكون طويلًا، بل يكون طلبًا مباشرًا يصف المشكلة أو القيد الذي تريد من النموذج الالتزام به.
|
||||
|
||||
قد يبدو هذا مبالغًا فيه بعض الشيء، لكن في الواقع، هذه هي prompts التي قد نستخدمها في عملنا اليومي. بسبب **حدود طول السياق** للنماذج اللغوية الكبيرة، أو أحيانًا لأن **قدرة اتباع التعليمات** ليست قوية جدًا، قد ينسى النموذج ما تمت مناقشته في وقت مبكر من المحادثة. في vibe coding، نميل إلى استخدام النماذج ذات السياق الطويل والنماذج ذات قدرة اتباع تعليمات قوية، ويمكننا الحكم على ما إذا كان النموذج جيدًا من خلال ترتيب أو مؤشرات كلاهما.
|
||||
|
||||
أو، بسبب أسلوب مجموعة بيانات التدريب، تميل النماذج الكبيرة إلى الرد بأسلوب بيانات التدريب الخاصة بها. على سبيل المثال، بعض الأشخاص يتحدثون بجدية، وبعضهم يحب إضافة الكثير من الزخارف، وبعض النماذج الكبيرة تحب إضافة الكثير من التعليقات أو وحدات غير ضرورية في الكود.
|
||||
|
||||
<a id="appendix-3"></a>
|
||||
|
||||
## [الملحق 3: سياق النموذج](#appendix-nav)
|
||||
|
||||
سياق النموذج يمكن فهمه على أنه الذاكرة قصيرة المدى للذكاء الاصطناعي. يشير إلى جميع المحتوى النصي الذي يمكن للنموذج "رؤيته" و"تذكره" في محادثة واحدة أو مهمة واحدة، بما في ذلك أسئلتك السابقة والإرشادات المقدمة من النظام والمواد ذات الصلة وغيرها.
|
||||
|
||||
بفضل السياق، يمكن للذكاء الاصطناعي فهم أنك تستمر في السؤال بناءً على المحتوى السابق، ويمكنه إجراء محادثات تبدو متماسكة وطبيعية جولة بعد جولة. بدون السياق، كل جملة منك ستبدو للمثل استفسارًا جديدًا تمامًا، ولن يعرف ما قلته سابقًا، وبالتالي لا يمكنه متابعة المحادثة.
|
||||
|
||||
كل نموذج لديه طول سياق فعّال خاص به (context window). هذا الطول يُقاس عادةً بـ token (يمكن فهمها تقريبًا كوحدة "أجزاء الكلمات")، حاليًا معظم النماذج السائدة تتراوح بين 32k إلى 128k token. كلما طال السياق، كلما استطاع النموذج "قراءة" محتوى أكثر في المرة الواحدة، مثل:
|
||||
|
||||
- قراءة ورقة بحثية أو تقرير طويل بالكامل دفعة واحدة
|
||||
- الرجوع إلى مواد متعددة وحالات متعددة في نفس جولة المحادثة
|
||||
- جعل النموذج يتذكر استنتاجات المناقشات المعقدة من الجولات السابقة
|
||||
|
||||
عندما يقترب المحتوى الذي تدخله من حد سياق النموذج أو يتجاوزه، غالبًا ما تظهر بعض الظواهر الشائعة:
|
||||
|
||||
- يبدأ النموذج في نسيان التفاصيل أو المعلومات الرئيسية في النصوص الطويلة السابقة
|
||||
- مع تقدم المحادثة، ينحرف الموضوع تدريجيًا عن الهدف الأصلي
|
||||
- بين الإجابات المختلفة على نفس المادة، يكون المحتوى المشار إليه غير متسق
|
||||
|
||||
هذه الظواهر ليست لأن النموذج "أصبح أغبى" فجأة، بل هي نتيجة طبيعية عندما يتم ملء سعة السياق أو الاقتراب من ملئها.
|
||||
|
||||
في الاستخدام الفعلي، نأمل أن يكون السياق طويلاً قدر الإمكان، ولكن يجب أيضًا أن ندرك:
|
||||
|
||||
- كلما طال السياق، زادت موارد الحوسبة المستهلكة
|
||||
- تكلفة الاستدعاء المقابلة (الرسوم) سترتفع أيضًا
|
||||
|
||||
لذلك، عند تصميم تطبيقات الذكاء الاصطناعي، نحتاج إلى تحقيق التوازن بين جعل النموذج يرى ما يكفي والتحكم في التكلفة وتحسين الكفاءة. على سبيل المثال:
|
||||
|
||||
- استخلاص المعلومات التي تحتاج حقًا إلى الاحتفاظ بها طويل الأمد قبل تقديمها للنموذج
|
||||
- بالنسبة للمعلومات التفصيلية التي لم تعد ضرورية، تجنب إدخالها كما هي مرارًا وتكرارًا في السياق
|
||||
- استخدام قواعد المعرفة الخارجية وغيرها من الطرق لتسليم "الذاكرة طويلة المدى" للنظام بدلاً من إجبارها في سياق النموذج
|
||||
|
||||
<a id="appendix-4"></a>
|
||||
|
||||
## [الملحق 4: قدرة اتباع التعليمات](#appendix-nav)
|
||||
|
||||
قدرة اتباع التعليمات تشير إلى: بعد أن يفهم النموذج تعليماتك، هل يمكنه تنفيذها بدقة واكتمال وفقًا لمتطلباتك. لا تشمل فقط القدرة على الإجابة على الأسئلة، بل تشمل أيضًا القدرة على إتمام المهام بالتنسيق والأسلوب والخطوات المحددة.
|
||||
|
||||
على سبيل المثال، فيما يلي جميعها تعليمات ذات متطلبات واضحة للنموذج:
|
||||
|
||||
- تلخيص هذه المقالة في ثلاث نقاط رئيسية
|
||||
- كتابة رد بريد إلكتروني بنبرة رسمية ومهذبة
|
||||
- ترجمة هذه الكلمة إلى الإنجليزية مع إنشاء جملة مثال لكل منها
|
||||
- استخراج المؤلف والوقت والأحداث الرئيسية من المقالة
|
||||
|
||||
النموذج ذو قدرة قوية في اتباع التعليمات عادةً ما يتميز بالخصائص التالية:
|
||||
|
||||
- إخراج المحتوى بالكمية المطلوبة
|
||||
على سبيل المثال، إذا طُلب تلخيص ثلاث نقاط، فلن يعطي خمس نقاط.
|
||||
- تغطية جميع العناصر المحددة
|
||||
على سبيل المثال، إذا طُلب استخراج المؤلف والوقت والحدث، فلن يفوت أيًا منها.
|
||||
- الالتزام بالتنسيق والنبرة المحددين
|
||||
على سبيل المثال، إذا طُلب استخدام نبرة رسمية، فلن يُخرج ردًا شفهيًا جدًا.
|
||||
- عدم القيام بإضافات غير ضرورية
|
||||
على سبيل المثال، إذا طُلب الترجمة وإنشاء جمل، فلن يُخرج فقرة طويلة من التفسيرات غير ذات الصلة.
|
||||
|
||||
في التطبيقات العملية، قدرة قوية في اتباع التعليمات مهمة جدًا، والأسباب تشمل:
|
||||
|
||||
- تحسين الاستقرار: نفس التعليمات في أوقات مختلفة وعند التشغيل المتعدد، تكون بنية الإخراج وأنماط السلوك أكثر اتساقًا، وأقل عرضة للتفلسف
|
||||
- تحسين إمكانية التكرار: عندما تقوم بتكوين prompt في منتج أو عملية، يمكنك توقع كيف سيستجيب النموذج تقريبًا، مما يسهل الاختبار والتكرار
|
||||
- تسهيل تكامل النظام: عندما يطابق إخراج النموذج التنسيق المتوقع، يكون من الأسهل التكامل تلقائيًا مع البرامج الخلفية وسير العمل أو الأدوات الأخرى
|
||||
|
||||
لذلك، عند اختيار وتقييم نموذج لغوي كبير، بالإضافة إلى الانتباه إلى ما إذا كان ذكيًا وما إذا كان تغطية المعرفة واسعة، تحتاج أيضًا إلى الانتباه بشكل خاص إلى قدرته في اتباع التعليمات. بالنسبة للتطبيقات الصناعية، القدرة على تنفيذ التعليمات بشكل مستقر ودقيق غالبًا ما تكون أهم من تقديم إجابة مذهلة في بعض الأحيان.
|
||||
|
||||
<RelatedArticlesSection
|
||||
title="متابعة التعلم"
|
||||
description="انطلاقًا من تجربة الألعاب، نوصي بالمتابعة نحو التطوير المحلي والممارسة العملية للمنتجات."
|
||||
:items="relatedArticles"
|
||||
/>
|
||||
---
|
||||
title: 'Beginner 1: Talking Is Programming'
|
||||
description: 'Build an AI-native snake game through conversation, then reuse the workflow to create your own mini game or demo.'
|
||||
---
|
||||
File diff suppressed because it is too large
Load Diff
+359
@@ -0,0 +1,359 @@
|
||||
# مقارنة بين سبع أدوات برمجة بالذكاء الاصطناعي
|
||||
|
||||
## مقدمة الفصل
|
||||
|
||||
أمام هذا الكم الهائل من أدوات البرمجة بالذكاء الاصطناعي، أيُّها الأنسب لك؟ في هذا الفصل، نُجري تقييمًا أفقيًا معمّقًا لسبع منصات Vibe Coding على الويب — منها Lovable و Replit و Z.ai — من خلال مهمة عملية موحدة: تطوير لعبة "الثعبان + كتابة القصائد بالذكاء الاصطناعي". سنقارنها من عدة أبعاد مثل سهولة الاستخدام للمبتدئين، والتحكم في الكود، وسهولة النشر، لمساعدتك على اختيار أقوى أداة مساعدة في التطوير.
|
||||
|
||||
---
|
||||
|
||||
# 1. بناء لعبة الثعبان باستخدام Vibe Coding: دراسة تعليمية كاملة
|
||||
|
||||
تقدم هذه المقالة ممارسة تطوير برمجية جديدة تُسمّى "Vibe Coding"، والتي تستفيد من الذكاء الاصطناعي لتسريع عملية بناء التطبيقات.
|
||||
|
||||
بعد ذلك، سنقدم بالتتابع المفاهيم الأساسية لـ Vibe Coding، ونشرح ما هو AI Agent، ونقدم أساليب عملية لكتابة الأوامر التوجيهية (Prompts). أخيرًا، سنبني من الصفر لعبة "الثعبان (Snake)" كتطبيق عملي كامل، مع مقارنة وتقييم مفصّل لعدة منصات Vibe Coding رئيسية، لمساعدتك على اختيار مجموعة الأدوات الأنسب لك.
|
||||
|
||||
## ما ستتعلمه:
|
||||
|
||||
- **ما هو Vibe Coding:** تعرّف على تعريفه، وسير عمله، ومزاياه الرئيسية.
|
||||
- **دور AI Agent:** افهم طريقة عمل AI Agent والفرق بينه وبين البرامج التقليدية.
|
||||
- **كيفية كتابة أوامر توجيهية جيدة:** أتقن كتابة أوامر واضحة ومحددة للحصول على نتائج أفضل.
|
||||
- **أدوات Vibe Coding:** تعرّف على مجموعة من منصات البرمجة والتصميم بالذكاء الاصطناعي.
|
||||
- **مقارنة المنصات:** قيّم وقارن بين مزايا وعيوب 7 منصات AI Agent مختلفة من منظور المبتدئين.
|
||||
- **أدوات UI / UX:** تعلّم كيفية دمج أدوات UI/UX مثل Figma و Mastergo في سير العمل الشامل.
|
||||
|
||||
## 1. مقدمة
|
||||
|
||||
في الدروس السابقة، كنا نستخدم نموذج التطوير الشامل من z.ai لإنجاز مهام البرمجة.
|
||||
|
||||
لكن هل فكّرنا يومًا: جوهره هو في الواقع "AI Agent" (يختلف عن الذكاء الاصطناعي التفاعلي العادي، وهو أكثر ذكاءً بكثير)؟ فهو لا يقتصر على التحدث معك، بل يستطيع التفكير (عندما تعطيه مهمة، يضع خطة أولاً)، ويتخذ إجراءات بشكل استباقي (مثل الاتصال بالبحث على الويب، وتنفيذ أوامر الكمبيوتر، وفتح صفحات الويب وغيرها من الأدوات). سنتحدث عن هذا بالتفصيل لاحقًا.
|
||||
|
||||
## 1. ما هو Vibe Coding؟
|
||||
|
||||
Vibe Coding هو أسلوب جديد في تطوير البرمجيات يستفيد من الذكاء الاصطناعي لتسريع عملية تطوير التطبيقات. إنه ليس بديلاً عن البرمجة التقليدية، بل هو نمط برمجة أكثر "تحاوريًا". ابتكر هذا المفهوم باحث الذكاء الاصطناعي Andrej Karpathy: في سير العمل هذا، لم يعد المطور يكتب الكود سطرًا بسطر، بل يوجّه AI Agent بشكل أساسي لتوليد التطبيقات وتحسينها وتصحيح أخطائها.
|
||||
|
||||
الفكرة الأساسية في Vibe Coding هي التحول من **"التركيز على الكود (code-first)"** إلى **"التركيز على النية (intent-first)"**. لم تعد بحاجة للبدء بالتفكير من أول سطر كود، بل تصف ما تريده باللغة الطبيعية.
|
||||
|
||||
سير العمل النموذجي لـ Vibe Coding هو حلقة تكرارية مستمرة:
|
||||
|
||||
- **وصف الهدف:** صِف الميزة التي تريد تنفيذها بجملة أو فقرة، مثل: "اصنع لعبة ثعبان بسيطة مع خلفية Python يمكنها توليد القصائد."
|
||||
- **توليد الكود بالذكاء الاصطناعي:** يحلل AI Agent متطلباتك ويولّد النسخة الأولى من الكود، بما في ذلك الهيكل الأساسي وصفحة الواجهة الأمامية ومنطق الواجهة الخلفية.
|
||||
- **التشغيل والملاحظة:** شغّل الكود المُولَّد، وتحقق مما إذا كان يعمل كما هو متوقع، واكتشف الأخطاء أو أوجه القصور.
|
||||
- **التكرار والتحسين:** إذا كانت هناك أخطاء أو النتائج غير مُرضية، استمر في إعطاء التعليمات في المحادثة، مثل: "الثعبان يتحرك ببطء شديد، زيّد السرعة"، أو "ملف `.env` لا يقرأ مفتاح API بشكل صحيح، أصلح كود الواجهة الخلفية."
|
||||
- **كرر الخطوات أعلاه:** استمر في التكرار ضمن حلقة "وصف ← توليد ← تشغيل ← تحسين" حتى يصل التطبيق إلى حالة مُرضية.
|
||||
|
||||
### المزايا الرئيسية لـ Vibe Coding:
|
||||
|
||||
- **خفض الحاجز:** يتيح للمصممين ورواد الأعمال والطلاب الذين يفتقرون إلى خبرة البرمجة المشاركة في تطوير التطبيقات عبر اللغة الطبيعية.
|
||||
- **النماذج الأولية السريعة:** يُقلّص الوقت من الفكرة إلى الحد الأدنى من المنتج القابل للتطبيق (MVP) بشكل كبير.
|
||||
- **رفع الكفاءة:** يعالج تلقائيًا الكثير من أعمال الترميز المتكررة والآلية (مثل الكود النموذجي)، مما يتيح للمطورين التركيز على التصميم المعماري وتجريد المشكلات.
|
||||
- **تسهيل التجريب:** يشجع على الإنتاج السريع أولاً ثم التحسين المستمر، مما يجعل تجربة الأفكار والميزات الجديدة أسهل.
|
||||
|
||||
## 2. ما هي منصات Vibe Coding عبر الويب (Web-based)؟
|
||||
|
||||
في هذا الاختبار العملي، ستلاحظ أن الأدوات التي نقيمها مقسمة إلى فئتين: **Web-based (منصات عبر الويب)** و **IDE (بيئات تطوير محلية)**.
|
||||
|
||||
رغم أن جوهرها جميعًا هو استخدام الذكاء الاصطناعي لكتابة الكود، إلا أن هناك اختلافات كبيرة في تجربة الاستخدام والسيناريوهات المطبقة:
|
||||
|
||||
### منصات Vibe Coding عبر الويب (Web-based)
|
||||
|
||||
**الأدوات الممثلة:** Lovable، Replit، Z.ai، v0
|
||||
|
||||
هذا مثل "شقة فندقية جاهزة للسكن".
|
||||
|
||||
- **لا حاجة لإعداد البيئة:** لا تحتاج للقلق بشأن بيئة Python أو إصدار Node.js، ولا حول تثبيت التبعيات. افتح المتصفح، أدخل العنوان، وابدأ بكتابة الكود مباشرة.
|
||||
- **معاينة ونشر بنقرة واحدة:** بعد توليد الكود، تعرض المنصة عادةً النتيجة تلقائيًا في نافذة جانبية. وعند الانتهاء، اضغط على زر للحصول على رابط لمشاركته مع أصدقائك.
|
||||
- **السيناريوهات المناسبة:**
|
||||
- **التحقق السريع من الأفكار (MVP):** لديك فكرة في ذهنك وتريد قضاء نصف ساعة لترى إن كان يمكنك تنفيذها.
|
||||
- **للمبتدئين:** لا تريد أن تُحبط بسبب أخطاء البيئة المعقدة، وتريد فقط تجربة متعة البرمجة بالذكاء الاصطناعي.
|
||||
- **التطبيقات الخفيفة:** صنع صفحة أداة بسيطة أو لعبة صغيرة أو صفحة عرض شخصية.
|
||||
|
||||
### AI IDE (بيئة التطوير المحلية)
|
||||
|
||||
**الأدوات الممثلة:** Cursor، Trae، VS Code + إضافات AI
|
||||
|
||||
هذا مثل "منزل مملوك مُشطَّب بالكامل".
|
||||
|
||||
- **قدرات محلية قوية:** يعمل على كمبيوترك، ويمكنه الوصول مباشرة إلى جميع ملفاتك المحلية والاستفادة من قوة المعالجة في جهازك.
|
||||
- **تكامل سلس مع سير العمل المهني:** مناسب للمشاريع الكبيرة، حيث يمكنك تثبيت مكونات إضافية متنوعة بحرية، والاتصال بقواعد البيانات المحلية، وإجراء تصحيح الأخطاء المعقد.
|
||||
- **السيناريوهات المناسبة:**
|
||||
- **تطوير المشاريع المهنية:** المشاريع التجارية التي تتطلب صيانة طويلة الأمد وهيكلًا معقدًا.
|
||||
- **التخصيص العميق:** تحتاج إلى تحكم دقيق في تفاصيل الكود، أو تحتاج إلى تكامل عميق مع سير العمل المحلي (مثل Git و Docker).
|
||||
- **خصوصية البيانات:** الكود بالكامل محليًا، مما يتوافق بشكل أكبر مع معايير الأمان لبعض المؤسسات.
|
||||
|
||||
**باختصار:** إذا كنت قد بدأت للتو في البرمجة بالذكاء الاصطناعي، أو تريد فقط صنع شيء صغير بسرعة، فإن **المنصات عبر الويب** هي نقطة بداية ممتازة. أما إذا كنت مطورًا محترفًا، أو أصبح مشروعك أكثر تعقيدًا، فإن **بيئة التطوير المحلية (IDE)** ستوفر لك إمكانيات أعلى.
|
||||
|
||||
---
|
||||
|
||||
## 3. ما هو AI Agent؟
|
||||
|
||||
### ما هو AI Agent؟
|
||||
|
||||
AI Agent هو نظام برمجي قادر على إدراك البيئة واتخاذ القرارات والتصرف بشكل مستقل لتحقيق أهداف محددة. مقارنة بالبرمجيات التقليدية التي تتبع تعليمات ثابتة وتدفقات عمل واحدة، فإن AI Agent أكثر مرونة وقدرة على التكيف.
|
||||
|
||||
فيما يلي بعض السمات الرئيسية التي تميز AI Agent عن البرامج التقليدية:
|
||||
|
||||
- **الاستقلالية (Autonomy):** يتمتع AI Agent بمستوى عالٍ من الاستقلالية. البرامج التقليدية تتطلب عادةً أن يقوم الإنسان بتشغيلها خطوة بخطوة، بينما يمكن لـ Agent أن يقرر بشكل مستقل الخطوة التالية بناءً على الهدف.
|
||||
- **الإدراك والذاكرة (Perception & Memory):** يجمع Agent البيانات من البيئة (مثل استجابات API وبيانات المستشعرات ومُدخلات المستخدم)، ويحتفظ بالسياق من خلال "الذاكرة"، مما يتيح له إعادة استخدام الخبرات في الإجراءات اللاحقة والتحسين المستمر.
|
||||
- **العقلانية والتوجه نحو الهدف (Rationality & Goal-Orientation):** يحلل Agent ويخطط حول الهدف المحدد، ويختار تسلسل الإجراءات الأنسب لتحقيق "مؤشرات أداء" أعلى.
|
||||
- **استخدام الأدوات (Tool Use):** من أبرز سمات AI Agent الحديثة قدرته على استدعاء أدوات خارجية، ولم يعد مقتصرًا على "توليد النصوص". على سبيل المثال، يمكنه تصفح الويب، وتشغيل الكود، والاستعلام من قواعد البيانات، وإرسال البريد الإلكتروني، فهو "عقل ينسق الأدوات".
|
||||
|
||||
يمكن فهمه بهذا التشبيه:
|
||||
|
||||
- **البرنامج التقليدي** مثل الآلة الحاسبة. تعطيه أرقامًا ومعاملات، وهو ينفذ الحساب فقط عند ضغطك على الزر.
|
||||
- **مساعد الذكاء الاصطناعي** مثل المساعد البشري. تطلب منه "ساعدني في العثور على مطاعم قريبة"، فيبحث لك ويعرض الخيارات، لكن القرار النهائي يعود إليك.
|
||||
- **AI Agent** أشبه بفريق بحثي آلي. تحتاج فقط إلى إعطائه هدفًا عامًا (مثل "خطط لي رحلة إلى اليابان")، فيقوم بتفكيك المهام، والبحث على الإنترنت، وحجز الطيران والفنادق (عبر API)، وتنظيم الجدول، ويسلّمك النتيجة النهائية، كل ذلك تقريبًا دون الحاجة لتدخلك في التفاصيل.
|
||||
|
||||
---
|
||||
|
||||
# 2. حول كتابة الأوامر التوجيهية (Prompts)
|
||||
|
||||
## 1. هل الأفضل كتابة أمر توجيهي واحد كامل، أم تقسيمه إلى خطوات متعددة؟
|
||||
|
||||
كثير من الناس يغريهم التفكير في كتابة "تطبيق شامل كامل" في أمر توجيهي واحد. في الواقع، الأدوات الحالية أصبحت قوية بما يكفي، ومن الممكن بالفعل الحصول على نتيجة تبدو جيدة من المحاولة الأولى. لكن من حيث التجربة الشاملة ومعدل النجاح، فإن تقسيم العمل إلى خطوات صغيرة والتكرار المرحلي غالبًا ما يعطي نتائج أفضل، ويقلل من خطر الدخول في "طريق مسدود" لا يمكن تعديله.
|
||||
|
||||
> **نصيحة صغيرة:** بدلاً من توقع "النتيجة المثالية من المحاولة الأولى"، قسّم الهدف الكبير إلى مهام صغيرة قابلة للتنفيذ (To-do).
|
||||
> على سبيل المثال، لا تقل مباشرة "build me a Snake game"، بل قسّمها إلى:
|
||||
> "1. اصنع أولاً واجهة أمامية للعبة الثعبان"،
|
||||
> "2. ثم نفّذ واجهة خلفية لتسجيل النقاط"،
|
||||
> "3. أخيرًا اربط الواجهتين الأمامية والخلفية".
|
||||
> هذا يتيح للذكاء الاصطناعي فهم متطلباتك بدقة أكبر وإعطاء مخرجات أكثر موثوقية.
|
||||
|
||||
## 2. كلما كان أوضح، كان أفضل
|
||||
|
||||
- في Vibe Coding، فإن الأوامر التوجيهية التي تكتبها بنفس أهمية الكود الذي تكتبه. كلما كانت التعليمات أوضح وأكثر تحديدًا، كانت النتائج أقرب لما تتصوره.
|
||||
- توضيح الأهداف والقيود منذ البداية يُقلل من عدد التعديلات اللاحقة، مما يوفر الوقت ويقلل من استخدام الحصة والتكلفة.
|
||||
|
||||
---
|
||||
|
||||
# 3. نظرة عامة على الأدوات (Vibe Coding / أدوات UIUX)
|
||||
|
||||
## 1. منصات AI Agent
|
||||
|
||||
| **الاسم** | **المنصة** |
|
||||
| ------------------------------------------ | ------------ |
|
||||
| **[Lovable](https://lovable.dev/)** | Web-based |
|
||||
| **[Cursor](https://cursor.com/cn/agents)** | PC |
|
||||
| **[Z.ai](https://chat.z.ai/)** | Web-based |
|
||||
| **[Replit](https://replit.com/~)** | Web-based |
|
||||
| **[Minimax](https://agent.minimaxi.com/)** | Web-based |
|
||||
| **[Trae](https://www.trae.ai/)** | PC |
|
||||
| **[V0](https://v0.app/)** | Web-based |
|
||||
|
||||
## 2. منصات AI UIUX
|
||||
|
||||
| **الاسم** | **المنصة** |
|
||||
| ------------------------------------- | -------------------- |
|
||||
| **[Mastergo](https://mastergo.com/)** | Web-based |
|
||||
| **[Figma](https://www.figma.com/)** | Web-based, PC Plugin |
|
||||
|
||||
---
|
||||
|
||||
# 4. التطبيق العملي (Vibe Coding + تكامل UI)
|
||||
|
||||
1. في نافذة المحادثة الخاصة بمنصة Vibe Coding التي اخترتها، أدخل وصف البرنامج الذي تريده.
|
||||
مثال:
|
||||
|
||||
> يُرجى بناء تطبيق ويب بسيط للعبة الثعبان (Snake) مع واجهة أمامية وواجهة خلفية.
|
||||
>
|
||||
> 1. الواجهة الأمامية
|
||||
>
|
||||
> - الصفحة 1: صفحة اللعبة
|
||||
> - استخدم لوحة المفاتيح للتحكم في حركة الثعبان.
|
||||
> - ما يأكله الثعبان ليس طعامًا، بل كلمات إنجليزية.
|
||||
> - يعرض الشريط الجانبي الكلمات المجمّعة وعددها.
|
||||
> - بعد انتهاء اللعبة، تظل الكلمات المجمّعة محفوظة وتستمر في الجولة الجديدة.
|
||||
> - الصفحة 2: صفحة كتابة القصائد (Make Poem)
|
||||
> - تعرض نفس قائمة الكلمات الموجودة في صفحة اللعبة (البيانات متسقة).
|
||||
> - توفر زرًا لإرسال الكلمات المجمّعة إلى الواجهة الخلفية لتوليد قصيدة.
|
||||
> - بعد توليد القصيدة، تُزال الكلمات المُستخدَمة من القائمة أو يُنقص عددها.
|
||||
>
|
||||
> * أضف تنقلًا بسيطًا للتبديل بين صفحتي Game و Make Poem.
|
||||
> * تأكد من أن الكلمات المجمّعة مرئية في كلتا الصفحتين.
|
||||
>
|
||||
> 2. الواجهة الخلفية
|
||||
>
|
||||
> - وفر واجهة خلفية تستقبل الكلمات المجمّعة وتُرجع قصيدة.
|
||||
> - استخدم DeepSeek API لتوليد القصائد.
|
||||
> - خزّن مفتاح API في ملف `.env`، وتجاهل هذا الملف في `.gitignore`.
|
||||
|
||||
2. أدخل مفتاح DeepSeek API الخاص بك. (يمكنك الحصول عليه من [https://platform.deepseek.com/](https://platform.deepseek.com/))
|
||||
1. يُستخدم مفتاح API للنموذج اللغوي الكبير (LLM) لاستدعاء النموذج في مشروعك الخاص. وبما أنه معلومات حساسة، فلا يمكن نشرها، لذلك يجب كتابتها بشكل منفصل في ملف الإعدادات.
|
||||
**لماذا نستخدم ملف `.env` ولا نرفعه إلى GitHub؟**
|
||||
- ملف `.env` مخصص لتخزين **المفاتيح أو كلمات المرور** (مثل مفتاح DeepSeek API).
|
||||
- إذا رُفع هذا الملف إلى GitHub، يمكن لأي شخص في العالم رؤية مفتاحك واستخدامه بشكل غير مصرح به.
|
||||
- لأسباب أمنية، نحتاج إلى إعلان تجاهل `.env` في ملف `.gitignore`، حتى لا يتتبعه Git.
|
||||
- هكذا، يمكن لمشروعك استخدام هذه المفاتيح محليًا بشكل طبيعي دون تسريبها في المستودع.
|
||||
|
||||
3. بعد عرض النتيجة المُولَّدة، إذا وجدت أخطاء أو أشياء تحتاج إلى تعديل، يمكنك إدخال طلب التعديل مباشرة في نافذة المحادثة.
|
||||
4. إذا لم تكن راضيًا عن تصميم الصفحة، يمكنك أيضًا اختيار إعادة تصميم الواجهة في Figma أو Mastergo، ثم إعادة أفكار التصميم إلى Agent.
|
||||
|
||||
- **مثال**
|
||||
|
||||
> يُرجى تصميم **تطبيق ويب بصفحتين** باسم _Word-Snake_.
|
||||
>
|
||||
> - **صفحة Game:**
|
||||
> - يتحرك الثعبان عبر لوحة المفاتيح.
|
||||
> - الثعبان يأكل كلمات إنجليزية بدلاً من الطعام العادي.
|
||||
> - يعرض الشريط الجانبي الأيمن الكلمات المجمّعة وعددها.
|
||||
> - بعد انتهاء اللعبة، لا يُمسك مخزون الكلمات، بل يُستمر في الجولة الجديدة.
|
||||
> - **صفحة Make Poem:**
|
||||
> - تعرض نفس مخزون الكلمات المشترك.
|
||||
> - يختار المستخدم بعض الكلمات وينقر على زر **Generate Poem**.
|
||||
> - تُرسل هذه الكلمات إلى الواجهة الخلفية لتوليد قصيدة عبر DeepSeek API.
|
||||
> - بعد توليد القصيدة، تُحذف أو يُنقص عدد الكلمات المُستخدَمة من المخزون.
|
||||
> - **التنقل:** عبر تبويب بسيط أو قائمة علوية للتبديل بين الصفحتين.
|
||||
> - **الحالة المشتركة:** تأكد من أن الكلمات المجمّعة تظل متزامنة ومرئية في كلتا الصفحتين.
|
||||
|
||||
- **نموذج للنتيجة**
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
# 5. مقارنة منصات AI Agent (كيفية اختيار أفضل مجموعة للمشاريع البسيطة)
|
||||
|
||||
تتمتع منصات Vibe Coding المختلفة بخصائص وسير عمل متنوعة. استخدمنا نفس متطلبات "لعبة الثعبان مع DeepSeek API" للاختبار العملي على منصات متعددة، وقمنا بتقييمها من منظور المبتدئين. فيما يلي ملخص.
|
||||
|
||||
## 1. معايير المقارنة
|
||||
|
||||
1. **الهدف (Goal)**
|
||||
بناء تطبيق ويب للعبة الثعبان (Snake) متصل بـ DeepSeek API.
|
||||
2. **تفاصيل اللعبة (Game Details)**
|
||||
1. تولّد اللعبة قصائد عبر DeepSeek LLM API.
|
||||
2. الثعبان يأكل كلمات إنجليزية، والكلمات المجمّعة تظل محفوظة بعد انتهاء اللعبة وتُستخدم في الجولة الجديدة. يمكن جمع نفس الكلمة عدة مرات وتُحسب بشكل منفصل.
|
||||
3. عند توليد قصيدة، تُزال الكلمات المُستخدَمة من المخزون.
|
||||
|
||||
3. **الميزات الضرورية (Must-Haves)**
|
||||
1. صفحة واجهة أمامية قابلة للتشغيل، تتضمن لعبة الثعبان (تحكم بلوحة المفاتيح، عرض عبر Canvas).
|
||||
2. آلية جمع الكلمات (تظهر الكلمات على اللوحة، وعند أكل الثعبان لكلمة، يُحدَّث الشريط الجانبي).
|
||||
3. الحفاظ على مخزون الكلمات بين جولات اللعب المتعددة.
|
||||
4. واجهة خلفية تستخدم DeepSeek API (إذا لم يكن لديك مفتاح API، يمكن إرجاع قصيدة تجريبية أولاً).
|
||||
5. زر "توليد قصيدة": عند النقر عليه يستدعي الواجهة الخلفية، ويعرض القصيدة، ويُحدِّث مخزون الكلمات بناءً على الاستخدام.
|
||||
6. دعم مفتاح API عبر `.env`، وتجنب تسريب المفتاح عبر `.gitignore`.
|
||||
|
||||
4. **ميزات إضافية (Nice-to-Haves)**
|
||||
1. يمكن للمستخدم اختيار الكلمات التي يريد استخدامها لتوليد القصيدة.
|
||||
2. تجربة مستخدم مريحة (مثل شريط جانبي يعرض قائمة الكلمات بوضوح، وتخطيط منطقي لمنطقة عرض القصائد).
|
||||
3. إضافة تعليقات في الكود للمبتدئين تشرح المنطق الأساسي.
|
||||
|
||||
## 2. مقارنة مخرجات البرمجة
|
||||
|
||||
### 1. Lovable (Web-based)
|
||||
|
||||
- **نوع المنصة:** عبر الويب
|
||||
- **الخصائص الرئيسية وسير العمل:** يتميز Lovable بالتكامل والتعاون، حيث يُتمت تلقائيًا مهام التهيئة مثل الاتصال بقاعدة بيانات Supabase، مما يجعل عملية إعداد المشروع سلسة جدًا. تحتاج فقط إلى وصف متطلبات المشروع، وسيقوم Agent بربط الخدمات المختلفة وبناء الهيكل الأساسي.
|
||||
- **المستخدمون المناسبون:** بالنسبة للمبتدئين الذين يجربون Vibe Coding لأول مرة، يُعد Lovable خيارًا ودودًا للغاية. فهو يُبسّط تعقيد تنسيق الخدمات المتعددة، مما يتيح لك التركيز على الأوامر التوجيهية والتكرار بدلاً من إعداد البيئة. بفضل الأتمتة العالية، يمكنك الحصول بسرعة على نموذج أولي قابل للتشغيل.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:** مرتفع نسبيًا، ولكن إذا كان لديك بريد إلكتروني جامعي، يمكنك التحقق من هويتك كطالب للحصول على نصف السعر.
|
||||
|
||||
|
||||
### 2. Cursor (IDE)
|
||||
|
||||
- **نوع المنصة:** تطبيق سطح مكتب (PC)
|
||||
- **الخصائص الرئيسية وسير العمل:** Cursor هو IDE متكامل مع قدرات الذكاء الاصطناعي، يدعم Windows و macOS و Linux. يُدمج توليد الكود وإعادة الكتابة الذكية والبحث في قاعدة الكود مباشرة في بيئة التطوير. مقارنة بأدوات الويب، فهو أقرب إلى تجربة التطوير المحلي التقليدية. نظرًا لأنه بيئة محلية، تختلف إعدادات الكمبيوتر من جهاز لآخر، وقد تواجه أحيانًا مشاكل متعلقة بالبيئة. الميزة هي أن المشروع على جهازك المحلي، ولا حاجة لتنزيل أو إعداد بيئة تشغيل إضافية، حيث يعالج Cursor الكثير من الخطوات المرهقة نيابةً عنك.
|
||||
- **المستخدمون المناسبون:** للمستخدمين الذين لديهم بالفعل بعض أساسيات البرمجة، يُعد Cursor بيئة مألوفة وقوية جدًا. ولكن للمبتدئين تمامًا، يحتاجون إلى فهم بنية المشروع وإدارة التبعيات وتنظيم الملفات بأنفسهم، مما يجعل منحنى التعلم أكثر انحدارًا. وهو أكثر ملاءمة للمطورين الذين يريدون إضافة مساعد ذكاء اصطناعي إلى سير البرمجة التقليدي.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:**
|
||||
|
||||
|
||||
### 3. Z.ai (Web-based)
|
||||
|
||||
- **نوع المنصة:** عبر الويب
|
||||
- **الخصائص الرئيسية وسير العمل:** طريقة استخدام Z.ai مباشرة نسبيًا، لكن هناك تحديًا واضحًا: تحتاج إلى **نسخ الكود المُولَّد ولصقه يدويًا**. تفتقر المنصة نفسها إلى نافذة معاينة فورية، لذا يصعب رؤية نتيجة تشغيل الكود في الوقت المناسب.
|
||||
- **المستخدمون المناسبون:** تتطلب هذه المنصة أسلوبًا "عمليًا" في الاستخدام. غياب الأتمتة يعني أنه يجب عليك التعامل مع الكود مباشرة، وهو ما يمثل تدريبًا لمن يريد فهم مخرجات الذكاء الاصطناعي بعمق. لكن النسخ واللصق المتكرر يسبب مشاكل في الكفاءة وخطر الأخطاء. وهي أكثر ملاءمة لمن يريد رؤية "الكود الخام من مخرجات الذكاء الاصطناعي"، وليس لمن يسعى لتجربة بنقرة واحدة.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:**
|
||||
|
||||
|
||||
### 4. Replit (Web-based)
|
||||
|
||||
- **نوع المنصة:** عبر الويب
|
||||
- **الخصائص الرئيسية وسير العمل:** Replit هو بيئة تطوير ونشر شاملة عبر الإنترنت، حيث يمكنك كتابة الكود وتشغيل البرامج وإنشاء عنوان وصول عبر الإنترنت من المتصفح. قبل بدء البرمجة، يقدم خطة عمل واضحة؛ كما يوفر محررًا مرئيًا يمكنك من خلاله تعديل واجهة المستخدم مباشرة في نافذة المعاينة، ويتم تحديث الكود المصدري تلقائيًا. هذا يتيح لك التحقق في أي وقت مما إذا كانت مخرجات الذكاء الاصطناعي تتوافق مع التوقعات، ويقلل بشكل كبير من عدد التعديلات ذهابًا وإيابًا.
|
||||
|
||||
|
||||
|
||||
- **المستخدمون المناسبون:** Replit ودود جدًا للمبتدئين. فهو يُبسّط الحلقة الكاملة من البرمجة إلى النشر، دون الحاجة لإعداد خوادم أو خدمات استضافة إضافية بنفسك. ميزات التعاون قوية أيضًا، ومناسبة للطلاب الذين يعملون معًا في مشروع أو يطلبون مساعدة الآخرين عن بُعد لمراجعة الكود.
|
||||
- **عملية الأوامر التوجيهية:** أثناء عملية البناء، لم يفهم الذكاء الاصطناعي المتطلبات بالكامل من البداية، وخضع لحوالي 3 جولات من التكرار قبل أن تصل المخرجات النهائية إلى المستوى المطلوب.
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:**
|
||||
|
||||
|
||||
### 5. Minimax (Web-based)
|
||||
|
||||
- **نوع المنصة:** عبر الويب
|
||||
- **الخصائص الرئيسية وسير العمل:** يستغرق Minimax وقتًا أطول عادةً في تنفيذ المهام. تشمل عمليته غالبًا: اكتشاف الذكاء الاصطناعي للأخطاء وإصلاحها تلقائيًا، لذلك قد تكون العملية بأكملها بطيئة وحتى مرهقة بعض الشيء. في هذا المشروع كمثال، يضع Agent عادةً خطة مفصلة أولاً، ثم يبني خطوة بخطوة الواجهة الخلفية وقاعدة البيانات ومنطق الواجهة الأمامية.
|
||||
- **المستخدمون المناسبون:** نظرًا لأنه يُشغّل الاختبارات ويصلح الأخطاء تلقائيًا، فإن استهلاك الوقت والرموز (Tokens) كبير نسبيًا، لكن يمكنك رؤية بوضوح كيف يحدد الذكاء الاصطناعي المشاكل ويحلها، مما يجعله ذا قيمة تعليمية كبيرة.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:** الإصدار المجاني قد لا يتمكن من إكمال المشاريع المعقدة من البداية إلى النهاية بسلاسة، لذا يُوصى بشدة بالترقية إلى الإصدار المدفوع لضمان بناء المشروع بالكامل.
|
||||
|
||||
|
||||
### 6. Trae (IDE)
|
||||
|
||||
- **نوع المنصة:** تطبيق سطح مكتب (PC)
|
||||
- **الخصائص الرئيسية وسير العمل:** كتطبيق سطح مكتب، يتميز Trae عادةً بأداء أفضل وسرعة استجابة أعلى مقارنة بأدوات الويب. لكنه يتطلب التنزيل والتثبيت، مما يرفع قليلاً من حاجز الدخول لبعض المستخدمين. وبالمثل، نظرًا لكونه بيئة محلية، فإن اختلاف إعدادات الكمبيوتر وبيئات التبعية بين الأجهزة المختلفة يضيف قدرًا من عدم اليقين. الميزة هي أن Trae يساعدك في إنشاء المشروع وإعداد التشغيل محليًا، ويمكنك التطوير والتصحيح مباشرة على جهازك.
|
||||
- **المستخدمون المناسبون:** أكثر ملاءمة للمستخدمين الذين يخططون لمشاريع Vibe Coding طويلة الأمد ويرغبون في استخدام أداة سطح مكتب مخصصة. للطلاب الذين يريدون فقط "التجربة أحيانًا"، قد لا يكون الخيار الأخف.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
|
||||
|
||||
- **السعر:** السعر معقول نسبيًا، وحتى الإصدار المجاني كافٍ لإنجاز مشاريع صغيرة بجودة جيدة.
|
||||
|
||||
|
||||
### 7. V0 (Web-based)
|
||||
|
||||
- **نوع المنصة:** عبر الويب
|
||||
- **الخصائص الرئيسية وسير العمل:** V0 هو أداة متخصصة في توليد مكونات React UI، تقدمها Vercel. يتميز بتوليد واجهات عالية الجودة وقابلة للاستخدام في بيئة الإنتاج. لكن في الاستخدام الفعلي، قد تواجه مشاكل مثل "صعوبة العثور على عرض الكود" و"عدم وجود توضيح واضح حول مكان تكوين مفتاح API".
|
||||
- **المستخدمون المناسبون:** V0 مناسب جدًا للطلاب أو المصممين المهتمين بالواجهة الأمامية وتصميم UI/UX. لكنه ليس حلاً شاملاً متكاملاً، ولا يزال يتعين عليك استخدام منصات أخرى لتنفيذ منطق الواجهة الخلفية وتكامل API، لذلك إذا كان هدفك "بناء تطبيق كامل في مكان واحد"، فقد لا يكون الخيار الأول الأفضل.
|
||||
- **عملية الأوامر التوجيهية:**
|
||||
|
||||
|
||||
|
||||
|
||||
- **نتيجة لعبة الثعبان:**
|
||||
|
||||
- **السعر:** يمكن للمستخدمين المجانيين بناء حوالي 4-5 مشاريع بسيطة.
|
||||
|
||||
|
||||
## 3. ملخص المقارنة بين المنصات
|
||||
|
||||
| **المنصة** | **التقييم** | **نوع المنصة** | **ملاحظات** |
|
||||
| ------------------------------------------ | ------------------------------------------------------------------------------ | ------------ | ------------------------------------------------------------------------------ |
|
||||
| **[Lovable](https://lovable.dev/)** | ودود جدًا مع مبتدئي البرمجة بالذكاء الاصطناعي، سهل البدء وتجربة سلسة، خيار مثالي للبدء. | Web-based | يُتمت تلقائيًا الاتصال بخدمات مثل Supabase، مما يُقلل تكلفة الإعداد. |
|
||||
| **[Cursor](https://cursor.com/cn/agents)** | مناسب للمستخدمين الذين لديهم خبرة تطوير مسبقة، يرفع الإنتاجية وجودة الكود بشكل كبير. | PC | يتطلب بعض أساسيات البرمجة، ويجب فهم بنية المشروع والتبعيات في البيئة المحلية بنفسك. |
|
||||
| **[Z.ai](https://chat.z.ai/)** | أكثر ملاءمة للمستخدمين الذين لديهم أساسيات برمجة ويريدون دراسة تفاصيل كود مخرجات الذكاء الاصطناعي مباشرة. | Web-based | لا توجد نافذة معاينة، وفحص النتائج أكثر صعوبة؛ يتطلب لصق الكود يدويًا وإنشاء المجلدات والملفات وتشغيل الخدمة يدويًا. |
|
||||
| **[Replit](https://replit.com/~)** | موصى به للمستخدمين الذين يريدون تحويل أفكارهم بسرعة إلى خدمة عبر الإنترنت قابلة للوصول. | Web-based | بيئة تطوير ونشر شاملة عبر الإنترنت، تدعم التعاون وتوفر محررًا مرئيًا. |
|
||||
| **[Minimax](https://agent.minimaxi.com/)** | مناسب لمن يريد رؤية العملية الكاملة للبحث عن الأخطاء وإصلاحها تلقائيًا بالذكاء الاصطناعي والتعلم منها، لكنه بطيء نسبيًا ويستهلك رموزًا كثيرة. | Web-based | العملية بأكملها طويلة، ويُشغّل الذكاء الاصطناعي الاختبارات ويصلح الأخطاء عدة مرات تلقائيًا. |
|
||||
| **[Trae](https://www.trae.ai/)** | للمستخدمين ذوي الخبرة في البرمجة الذين يتطلعون لاستخدام مزيج IDE سطح المكتب + AI Agent، أداة قوية لتعزيز الكفاءة. | PC | يتطلب تثبيتًا محليًا وإعداد بيئة، لكن أداءً أفضل، ومناسب لمشاريع Vibe Coding طويلة الأمد. |
|
||||
| **[V0](https://v0.app/)** | مُحسَّن لغير المطورين الذين يريدون صنع تأثيرات مرئية سريعة لـ React UI، مناسب للطلاب ذوي التوجه الأمامي/التصميم. | Web-based | متخصص في توليد React UI، ويحتاج للتعاون مع منصات أخرى لإكمال الواجهة الخلفية وبناء التطبيق الكامل. |
|
||||
---
|
||||
title: 'Comparison Of 7 AI Coding Tools'
|
||||
description: 'A hands-on benchmark of popular Web Vibe Coding platforms using one unified task, covering beginner-friendliness, code control, and deployment.'
|
||||
---
|
||||
+348
@@ -0,0 +1,348 @@
|
||||
# تصميم موقع ويب باستخدام وكلاء التصميم والبرمجة
|
||||
|
||||
## مقدمة الفصل
|
||||
|
||||
سيوضح لك هذا الفصل كيف يمكن للتصميم والتطوير أن يتعاونا بشكل مثالي من خلال الذكاء الاصطناعي. ستلعب دور مدير المنتج، حيث تقوم بتوجيه "وكيل التصميم" لإكمال تصميم الشعار ومخطط الألوان وتخطيط الصفحات، ثم التنسيق مع "وكيل البرمجة" لتحويل التصميمات المرئية إلى كود قابل للتشغيل. من الفكرة الإبداعية إلى إطلاق الموقع، ستختبر عملية تطوير مدعومة بالذكاء الاصطناعي بالكامل، مما يجعلك فريقًا كاملاً في شخص واحد.
|
||||
|
||||
---
|
||||
|
||||
# 1. دليل البدء
|
||||
|
||||
## 1. مقدمة الدورة التعليمية
|
||||
|
||||
دعنا نستخدم وكيل تصميم ووكيل برمجة مدعومين بالذكاء الاصطناعي لبناء موقع ويب كامل من الصفر.
|
||||
|
||||
- **وكيل التصميم**: مسؤول عن إنشاء الشعار وتخطيط صفحات الويب ومخطط الألوان والعناصر المرئية الأخرى
|
||||
- **وكيل البرمجة**: يكتب الكود الفعلي مثل HTML/CSS/JS بناءً على المتطلبات والتخطيطات التي تحددها في التعليمات، لبناء موقع ويب قابل للتشغيل
|
||||
|
||||
## 2. وكيل التصميم ووكيل البرمجة
|
||||
|
||||
- **وكيل التصميم**: ذكاء اصطناعي يقوم بتوليد الصور ونماذج الصفحات أو أنماط التصميم بناءً على التعليمات التي تقدمها.
|
||||
- Mastergo
|
||||
- Lovart
|
||||
- Figma MCP
|
||||
- **وكيل البرمجة**: ذكاء اصطناعي يكتب الكود الفعلي (HTML/CSS/JS وغيرها) بناءً على الوظائف والتخطيطات التي تطلبها في التعليمات.
|
||||
- Z.AI
|
||||
- Trae
|
||||
- Cursor
|
||||
- Lovable
|
||||
|
||||
---
|
||||
|
||||
# 2. إنشاء شعار باستخدام وكيل التصميم
|
||||
|
||||
## 1. العناصر الرئيسية التي يجب مراعاتها عند تصميم الشعار
|
||||
|
||||
الشعار هو أحد العناصر الرئيسية التي تحدد الانطباع الأول عن موقعك. للحصول على نتائج مرضية من وكيل التصميم بالذكاء الاصطناعي، يجب أن تصف بوضوح في التعليمات نوع الشعار الذي تريده.
|
||||
|
||||
1. **اسم العلامة التجارية / النص**
|
||||
|
||||
- النص الذي يجب أن يظهر في الشعار (مثل: عنوان الموقع، اسم العلامة التجارية، إلخ).
|
||||
|
||||
2. **النمط (المزاج / الأجواء)**
|
||||
|
||||
- الشعور أو الأجواء العامة التي يريد الشعار إيصالها.
|
||||
- _أمثلة: بسيط، لطيف، أنيق، حديث، كلاسيكي، مستقبلي، إلخ._
|
||||
|
||||
3. **مخطط الألوان** (اختياري)
|
||||
|
||||
- من الأفضل أن تتوافق ألوان الشعار مع الطابع العام للموقع بأكمله.
|
||||
- يمكنك تحديد رموز ألوان سداسية عشرية محددة، أو درجات ألوان عامة (ألوان باردة، دافئة، إلخ).
|
||||
- _أمثلة: **`#171721`** (أسود)، **`#FF7130`** (برتقالي)._
|
||||
|
||||
4. **الشكل (الهيئة / البنية)**
|
||||
|
||||
- حدد ما إذا كان الشعار يحتاج إلى شكل أو تكوين معين.
|
||||
- _أمثلة: نص داخل دائرة، مجموعة أيقونة + نص، شعار يعتمد بشكل أساسي على الأيقونة، إلخ._
|
||||
|
||||
5. **عناصر الأيقونة / الرمز** (اختياري)
|
||||
|
||||
- الرسومات أو الرموز التي ترغب في ظهورها في الشعار.
|
||||
- _أمثلة: أيقونة كتاب، رمز برق، رسومات متعلقة بالذكاء الاصطناعي، أشكال هندسية مجردة، إلخ._
|
||||
|
||||
## 2. كتابة تعليمات تصميم الشعار
|
||||
|
||||
**نموذج تعليمات**
|
||||
|
||||
```
|
||||
"يرجى تصميم شعار بأسلوب بسيط، اسم العلامة التجارية هو 'My First Website'.
|
||||
استخدم اللون الأسود (#171721) والبرتقالي (#FF7130)، وضع النص داخل دائرة."
|
||||
```
|
||||
|
||||
```
|
||||
"يرجى تصميم شعار باسم العلامة التجارية 'AIID'.
|
||||
يجب أن يكون الأسلوب العام مستقبليًا ونظيفًا وبسيطًا، مع اللون الأزرق والأبيض كلون رئيسي.
|
||||
ادمج رسومًا مجردة ترمز للذكاء الاصطناعي مع النص، وصدّره كملف PNG بخلفية شفافة."
|
||||
```
|
||||
|
||||
## 3. طلب التصميم من الوكيل
|
||||
|
||||
- أدخل التعليمات المذكورة أعلاه → قارن بين التصميمات المتعددة التي أنشأها الوكيل.
|
||||
|
||||
|
||||
|
||||
## 4. تحديد الشعار النهائي
|
||||
|
||||
- اختر النسخة المفضلة لديك من المسودات وقم بتنزيلها.
|
||||
|
||||
---
|
||||
|
||||
# 3. تخطيط هيكل موقعك
|
||||
|
||||
## 1. فهم الأقسام الأساسية
|
||||
|
||||
قبل البدء الفعلي في إنشاء الموقع، من المهم جدًا التخطيط للأقسام (القوائم) التي تريد تضمينها. يعتمد تصميم القائمة على ما تريد أن يراه الزوار وما تريد منهم القيام به.
|
||||
بشكل عام، يتكون الموقع عادةً من أقسام أساسية مثل **الرئيسية / حول / اتصل بنا**.
|
||||
|
||||
## 2. ارسم مخططًا هيكليًا بنفسك (اختياري)
|
||||
|
||||
يمكنك أولاً كتابة مخطط قائمة بسيط بناءً على أهداف موقعك.
|
||||
|
||||
### القائمة الأساسية
|
||||
|
||||
1. **الرئيسية (Home)**
|
||||
1. الصفحة الرئيسية التي يراها الزوار أولاً عند دخول الموقع
|
||||
2. تتضمن عادةً الشعار ومنطقة الصورة الرئيسية وشعارًا قصيرًا أو مقدمة موجزة
|
||||
2. **حول (About)**
|
||||
1. تعريف من أنت، أو غرض المشروع / الخدمة
|
||||
2. معرض أعمال شخصية: مقدمة ذاتية + سيرة موجزة
|
||||
3. مواقع الخدمات: الرؤية والأهداف والوظائف الأساسية
|
||||
3. **اتصل بنا (Contact)**
|
||||
1. معلومات الاتصال، مثل البريد الإلكتروني ورقم الهاتف وروابط وسائل التواصل الاجتماعي
|
||||
2. يمكن أيضًا إضافة نموذج اتصال بسيط
|
||||
|
||||
### القوائم الاختيارية
|
||||
|
||||
4. **الخدمات / المشاريع (Services / Projects)**
|
||||
1. عرض الخدمات التي تقدمها، أو مشاريعك / معرض أعمالك
|
||||
2. عادةً يتم عرضها في شكل قائمة أو بطاقات
|
||||
|
||||
5. **المعرض (Gallery)**
|
||||
1. لعرض الصور والصور الفوتوغرافية أو أعمال التصميم
|
||||
|
||||
6. **المدونة / الأخبار (Blog / News)**
|
||||
1. لنشر المقالات والتحديثات أو السجلات
|
||||
|
||||
7. **الأسئلة الشائعة (FAQ)**
|
||||
1. تجميع الأسئلة والأجوبة التي يطرحها الزوار بشكل متكرر
|
||||
|
||||
## 3. اختيار مخطط الألوان (اختياري)
|
||||
|
||||
إذا كان لديك بالفعل شعار، أو كنت تريد استخدام مجموعة ألوان معينة لتصميم موقعك، يمكنك كتابة رموز الألوان التي تريد استخدامها مباشرة في التعليمات.
|
||||
|
||||
**مثال:** `#171721, #872B97, #FF7130, #FF3C68`
|
||||
|
||||
حتى إذا لم تتمكن من التفكير في مخطط ألوان في الوقت الحالي، يمكنك العثور على الإلهام من خلال مواقع الألوان أو البحث بالكلمات المفتاحية.
|
||||
|
||||
- **مواقع مرجعية للألوان**
|
||||
- https://colorhunt.co/
|
||||
- https://coolors.co/
|
||||
|
||||
|
||||
|
||||
- **البحث عن الألوان عبر الكلمات المفتاحية على Google**
|
||||
|
||||
|
||||
|
||||
## 4. كتابة تعليمات تصميم الموقع
|
||||
|
||||
**نموذج تعليمات**
|
||||
|
||||
```
|
||||
"يرجى تصميم موقع ويب من صفحة واحدة يتكون من ثلاثة أقسام: الرئيسية وحول واتصل بنا.
|
||||
استخدم الألوان #171721 و #FF7130 و #FF3C68.
|
||||
يجب أن يكون الأسلوب العام حديثًا وبسيطًا."
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 4. تصميم الموقع باستخدام وكيل التصميم
|
||||
|
||||
## 1. إدخال التعليمات → إنشاء التصميم
|
||||
|
||||
- اكتب الهيكل الذي خططت له والألوان المختارة في التعليمات.
|
||||
|
||||
**نموذج تعليمات Mastergo**
|
||||
|
||||
|
||||
|
||||
## 2. مراجعة التصميم وتقديم ملاحظات التعديل
|
||||
|
||||
يمكنك تقديم ملاحظاتك إلى الوكيل بناءً على احتياجاتك، على سبيل المثال:
|
||||
|
||||
- "إنه مبالغ فيه، اجعل الأسلوب العام أبسط."
|
||||
- "غيّر نوع الخط."
|
||||
- "عدّل مجموعة الألوان."
|
||||
- "احذف هذا القسم هنا."
|
||||
|
||||
|
||||
|
||||
## 3. تحديد التصميم النهائي
|
||||
|
||||
بعد إجراء تعديلات متعددة على التصميم والرضا عنه، يمكنك تحويل هذا التصميم إلى كود، بحيث يتمكن وكيل البرمجة من فهمه ومتابعة العمل.
|
||||
|
||||
تختلف طريقة تحويل التصميم إلى كود حسب المنصة، ولكن عادةً ما يتم ذلك عن طريق تثبيت واستخدام بعض الإضافات داخل منصة التصميم.
|
||||
|
||||
**مثال Mastergo**
|
||||
|
||||
1. افتح [موقع إضافات Mastergo](https://mastergo.com/community/plugin)، وابحث عن **seal**.
|
||||
|
||||
|
||||
|
||||
2. عد إلى صفحة التصميم، وانقر على **أيقونة المربع (الإضافات)**.
|
||||
|
||||
|
||||
|
||||
3. حدد منطقة التصميم التي تريد تحويلها إلى كود، وانقر على زر **Generate** لإنشاء الكود.
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
# 5. بناء الموقع باستخدام وكيل البرمجة
|
||||
|
||||
## 1. فهم المفاهيم الأساسية لـ HTML/CSS/JS
|
||||
|
||||
يتكون الموقع بشكل أساسي من ثلاث لغات:
|
||||
|
||||
- **HTML (لغة ترميز النص الفائق)** → البنية (الهيكل العظمي)
|
||||
- **CSS (أوراق الأنماط المتتالية)** → الأنماط (المظهر)
|
||||
- **JavaScript (JS)** → الوظائف (التفاعل)
|
||||
|
||||
هذه الثلاثة تعمل معًا لتشكيل صفحة الويب الكاملة التي نراها.
|
||||
|
||||
1. **🏗️ HTML (البنية)**
|
||||
|
||||
- يحدد "ما يتم عرضه" في الصفحة
|
||||
- يُستخدم لوضع النصوص والصور والأزرار والروابط والعناصر الأخرى
|
||||
- يشبه **الجدران والإطار** في المبنى
|
||||
|
||||
**مثال**
|
||||
|
||||
```html
|
||||
<h1>مرحبًا!</h1>
|
||||
<p>هذا هو موقعي الأول.</p>
|
||||
<a href="contact.html">اتصل بنا</a>
|
||||
```
|
||||
|
||||
2. **🎨 CSS (الأنماط)**
|
||||
|
||||
- يحدد "كيف يتم عرض المحتوى"
|
||||
- يتحكم في حجم النص واللون والمسافات والخلفية وشكل الأزرار وغيرها
|
||||
- يمنح HTML "ملابس" وأسلوبًا بصريًا
|
||||
|
||||
**مثال**
|
||||
|
||||
```css
|
||||
h1 {
|
||||
color: #FF7130; /* لون النص */
|
||||
font-size: 36px; /* حجم الخط */
|
||||
text-align: center; /* محاذاة في المنتصف */
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #171721; /* لون الخلفية */
|
||||
color: white; /* لون النص الافتراضي */
|
||||
}
|
||||
```
|
||||
|
||||
3. **⚙️ JavaScript (JS) (الوظائف)**
|
||||
|
||||
- يمكّن صفحة الويب من التفاعل مع المستخدم
|
||||
- يمكنه تنفيذ تأثيرات ديناميكية مثل نقر الأزرار وفتح القوائم وعرض شرائح الصور وإرسال النماذج
|
||||
- إذا كان HTML/CSS هو الهيكل العظمي والمظهر الثابت، فإن JS هو **العقل** الذي "يحيي" صفحة الويب
|
||||
|
||||
**مثال**
|
||||
|
||||
```javascript
|
||||
function showAlert() {
|
||||
alert("تم النقر على الزر!");
|
||||
}
|
||||
```
|
||||
|
||||
```html
|
||||
<button onclick="showAlert()">انقر هنا</button>
|
||||
```
|
||||
|
||||
## 2. جعل وكيل البرمجة يولد الكود
|
||||
|
||||
**نموذج تعليمات**
|
||||
|
||||
```
|
||||
"يرجى كتابة HTML و CSS لموقع ويب من صفحة واحدة يحتوي على أقسام الرئيسية وحول واتصل بنا.
|
||||
استخدم الألوان #171721 و #FF7130 و #FF3C68.
|
||||
الخلفية سوداء والنص أبيض."
|
||||
```
|
||||
|
||||
|
||||
|
||||
## 3. تشغيل الموقع
|
||||
|
||||
عند إنشاء كود المسودة، يقوم الوكيل عادةً بتشغيل المشروع تلقائيًا وعرض صفحة الموقع المُنشأة.
|
||||
|
||||
إذا قمت بإعادة تشغيل الوكيل، أو لم تظهر صفحة الموقع، يمكنك إدخال تعليمات مشابهة لهذه:
|
||||
|
||||
```
|
||||
"يرجى تفعيل المشروع"
|
||||
```
|
||||
|
||||
لجعل الوكيل يعيد تشغيل المشروع وفتح صفحة المعاينة، حتى تتمكن من viewing التأثير الحالي.
|
||||
|
||||
## 4. إجراء تعديلات بسيطة
|
||||
|
||||
يمكنك الاستمرار في إجراء تعديلات دقيقة على المسودة من خلال اللغة الطبيعية، على سبيل المثال:
|
||||
|
||||
- "اجعل الزر أكبر."
|
||||
- "اجعل الخط أكثر سمكًا."
|
||||
|
||||
|
||||
|
||||
## 5. تعديل محتوى نصوص الموقع
|
||||
|
||||
عادةً ما يحتوي الموقع الأولي الذي ينشئه الوكيل على بعض النصوص placeholder التي تم إنشاؤها تلقائيًا. لجعله أقرب إلى سيناريو الحقيقي الخاص بك، يمكنك تحضير المحتوى الفعلي مسبقًا، ثم اطلب من الوكيل استبداله.
|
||||
|
||||
**مثال تطبيقي**: تحديث صفحة "حول" في موقع AIID
|
||||
|
||||
1. اكتب أولاً المحتوى الذي تريد عرضه في صفحة "حول". لتسهيل فهم الوكيل، يمكنك حفظ المحتوى بتنسيق Markdown.
|
||||
|
||||
|
||||
|
||||
2. ثم أخبر الوكيل في المحادثة بتطبيق المحتوى من هذا الملف على الصفحة المحددة.
|
||||
|
||||
|
||||
|
||||
3. تحقق من النسخة المحدثة بعد تطبيق المحتوى.
|
||||
|
||||
|
||||
|
||||
## 6. إدراج الصور
|
||||
|
||||
إذا كنت تريد إضافة صور معينة (مثل الشعار، صورة الخلفية، إلخ)، يمكنك أولاً تحميل الصور إلى مجلد المشروع، ثم توضيح في التعليمات المكان الذي تريد استخدام هذه الصور فيه على الصفحة.
|
||||
|
||||
- **مثال:**
|
||||
|
||||
|
||||
|
||||
- **النتيجة:**
|
||||
|
||||
|
||||
|
||||
---
|
||||
|
||||
# 6. دمج التصميم مع الكود
|
||||
|
||||
## 1. دمج ملفات التصميم مع كود الموقع (اختياري)
|
||||
|
||||
عند تنزيل ملفات الكود من وكيل التصميم، يمكنك نقلها إلى دليل المشروع الحالي، ثم اطلب من وكيل البرمجة مساعدتك في دمج كود التصميم هذا مع المشروع الحالي.
|
||||
|
||||
- **مثال:**
|
||||
|
||||
|
||||
|
||||
- **النتيجة:**
|
||||
|
||||
|
||||
---
|
||||
title: 'Build A Website With Design + Coding Agents'
|
||||
description: 'From idea to launch: coordinate a design agent to produce visuals, then use a coding agent to turn it into a working website with a reusable workflow.'
|
||||
---
|
||||
@@ -0,0 +1,325 @@
|
||||
---
|
||||
title: 'ماذا تفعل عند مواجهة أخطاء أثناء كتابة التعليمات البرمجية - دليل عملي لاستخدام لقطات الشاشة مع الذكاء الاصطناعي'
|
||||
description: 'تعلم كيفية طرح الأسئلة على الذكاء الاصطناعي بكفاءة لحل أخطاء التطوير المختلفة، وإتقان العملية القياسية لأخذ لقطات الشاشة والوصف وتحديد المشكلات، وجعل الذكاء الاصطناعي مساعدك في تصحيح الأخطاء.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
const duration = 'حوالي <strong>30 دقيقة</strong>'
|
||||
</script>
|
||||
|
||||
# ماذا تفعل عند مواجهة أخطاء أثناء كتابة التعليمات البرمجية
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['مهارات التصحيح', 'التعاون مع الذكاء الاصطناعي', 'استكشاف المشكلات', 'أدوات المطورين']" coreOutput="مجموعة عمليات قياسية لاستكشاف الأخطاء" expectedOutput="القدرة على حل 90% من الأخطاء الشائعة بشكل مستقل">
|
||||
|
||||
في عصر الذكاء الاصطناعي، تغيرت طريقة استكشاف الأخطاء وإصلاحها.
|
||||
|
||||
لا تحتاج إلى حفظ جميع أنواع الأخطاء، ولا تحتاج إلى أن تصبح خبيرًا في التصحيح، ولا حتى تحتاج إلى فهم ما يعنيه الخطأ.
|
||||
|
||||
<strong>تحتاج فقط إلى تعلم شيء واحد: كيف تسأل الذكاء الاصطناعي.</strong>
|
||||
|
||||
سيعلمك هذا الفصل مجموعة عمليات لاستكشاف الأخطاء <strong>من البسيط إلى المتقدم</strong>:
|
||||
|
||||
1. <strong>الخطوة الأولى: اسأل مباشرة</strong>: صف الظاهرة + التقط لقطة شاشة، واطرح سؤالاً بجملة واحدة
|
||||
2. <strong>الخطوة الثانية: أضف معلومات</strong>: إذا لم يتم حلها، افتح F12 وأضف المعلومات الرئيسية
|
||||
|
||||
بعد إتقان هذه العملية، ستتمكن من <strong>حل 90% من الأخطاء بنفسك</strong>.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info ملاحظة
|
||||
جميع الطرق في هذا الفصل مبنية على خبرة عملية مع أدوات تطوير الذكاء الاصطناعي مثل Cursor/Trae/Claude، ويمكن تطبيقها مباشرة في التطوير اليومي.
|
||||
:::
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="0" :items="[
|
||||
{ title: 'طرح سؤال مباشر', description: 'وصف الظاهرة + لقطة شاشة' },
|
||||
{ title: 'إضافة معلومات', description: 'فتح F12 لتحديد المشكلة' },
|
||||
{ title: 'الحل التكراري', description: 'حتى يتم حل المشكلة' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 1. القاعدة الأساسية: التقط لقطة شاشة واسأل الذكاء الاصطناعي
|
||||
|
||||
::: warning لماذا هذا الفصل مهم؟
|
||||
|
||||
أول رد فعل للعديد من المبتدئين عند مواجهة خطأ هو:
|
||||
- الذعر، والبدء في تعديل التعليمات البرمجية بشكل عشوائي
|
||||
- قضاء نصف ساعة في البحث عن "كيفية حل خطأ xxx"
|
||||
- محاولة فهم معنى الخطأ بنفسك
|
||||
- تصحيح الأخطاء بمفردك حتى وقت متأخر من الليل
|
||||
|
||||
<strong>كل هذا مضيعة للوقت.</strong>
|
||||
|
||||
في عصر الذكاء الاصطناعي، أصبح تصحيح الأخطاء أمرًا بسيطًا للغاية:
|
||||
|
||||
```
|
||||
رؤية خطأ ← التقاط لقطة شاشة ← سؤال الذكاء الاصطناعي ← اتباع تعليمات الذكاء الاصطناعي
|
||||
```
|
||||
|
||||
لا تحتاج إلى فهم الخطأ، ولا تحتاج إلى معرفة كيفية التصحيح، ولا حتى تحتاج إلى معرفة مكان المشكلة.
|
||||
|
||||
<strong>تحتاج فقط إلى تعلم كيف تسأل.</strong>
|
||||
|
||||
:::
|
||||
|
||||
### 1.1 أبسط طريقة لطرح الأسئلة
|
||||
|
||||
لا تحتاج إلى قوالب معقدة، اختر إحدى الطريقتين:
|
||||
|
||||
**الطريقة الأولى: وصف الظاهرة**
|
||||
|
||||
التنسيق: ماذا فعلت للتو، وماذا يحدث الآن
|
||||
|
||||
```
|
||||
عدّلت للتو كود صفحة تسجيل الدخول، والآن الصفحة بيضاء، ماذا أفعل؟
|
||||
```
|
||||
|
||||
**الطريقة الثانية: لقطة شاشة**
|
||||
|
||||
التقط لقطة شاشة للصفحة الحالية أو رسالة الخطأ مباشرة
|
||||
|
||||
```
|
||||
[لقطة شاشة]
|
||||
|
||||
كيف أحل هذا الخطأ؟
|
||||
```
|
||||
|
||||
**أفضل طريقة: وصف + لقطة شاشة**
|
||||
|
||||
```
|
||||
عدّلت للتو كود صفحة تسجيل الدخول، والآن الصفحة بيضاء.
|
||||
|
||||
[لقطة شاشة]
|
||||
|
||||
ماذا أفعل؟
|
||||
```
|
||||
|
||||
**تذكر: صف السياق بوضوح، وأضف لقطة شاشة، وسيتمكن الذكاء الاصطناعي من حل مشكلتك بشكل أسرع.**
|
||||
|
||||
### 1.2 كيفية شرح المشكلة بوضوح
|
||||
|
||||
يعرف العديد من المبتدئين أنهم بحاجة إلى طرح أسئلة، لكنهم لا يعرفون كيف يعبرون عنها. في الواقع، تحتاج فقط إلى توضيح ثلاثة أشياء:
|
||||
|
||||
**1. ماذا فعلت للتو**
|
||||
|
||||
```
|
||||
لقد نقرت للتو على زر الحفظ
|
||||
لقد عدّلت للتو كود صفحة تسجيل الدخول
|
||||
لقد قمت للتو بتحديث الصفحة
|
||||
```
|
||||
|
||||
**2. ماذا ترى الآن**
|
||||
|
||||
```
|
||||
الصفحة فارغة الآن
|
||||
الزر لا يستجيب عند النقر عليه الآن
|
||||
يتم عرض رسالة خطأ الآن
|
||||
```
|
||||
|
||||
**3. ما التأثير الذي تريده**
|
||||
|
||||
```
|
||||
أريد أن يتم حفظ البيانات بنجاح
|
||||
أريد أن يتم عرض الصفحة بشكل طبيعي
|
||||
أريد أن تظهر نافذة منبثقة بعد النقر على الزر
|
||||
```
|
||||
|
||||
**مثال كامل:**
|
||||
|
||||
```
|
||||
لقد نقرت للتو على زر الحفظ، والآن تعرض الصفحة خطأ "فشل الحفظ".
|
||||
|
||||
[لقطة شاشة]
|
||||
|
||||
أريد أن يتم حفظ بيانات النموذج في قاعدة البيانات بنجاح، ماذا أفعل؟
|
||||
```
|
||||
|
||||
**المبادئ الأساسية:**
|
||||
- استخدم لغة بسيطة، بدون مصطلحات تقنية
|
||||
- رتب حسب الترتيب الزمني: ماذا فعلت أولاً، ثم ماذا حدث
|
||||
- اذكر توقعاتك، ليعرف الذكاء الاصطناعي ما تريده
|
||||
|
||||
## 2. الخطوة الأولى: صف الظاهرة مباشرة واسأل
|
||||
|
||||
عند مواجهة مشكلة، <strong>لا تتسرع في فتح F12</strong>. صف الظاهرة أولاً، وخذ لقطة شاشة للصفحة الحالية، وأرسلها للذكاء الاصطناعي.
|
||||
|
||||
في كثير من الأحيان، يمكن للذكاء الاصطناعي تقديم حل مباشرة بمجرد رؤية لقطة الشاشة.
|
||||
|
||||
### 2.1 كيف تصف الظواهر الشائعة
|
||||
|
||||
::: tip فقط صف ما تراه
|
||||
|
||||
**الصفحة بيضاء**
|
||||
```
|
||||
الصفحة فارغة عند الفتح، ماذا أفعل؟
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
**الزر لا يستجيب عند النقر**
|
||||
```
|
||||
لا يحدث شيء عند النقر على هذا الزر، ساعدني في التحقق.
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
**لا يتم حفظ البيانات**
|
||||
```
|
||||
نقرت على حفظ، لكن البيانات لم تُحفظ، ماذا أفعل؟
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
**التنسيق يبدو غير صحيح**
|
||||
```
|
||||
موضع هذا الزر منحرف، كيف أعدّله؟
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
**خطأ في الواجهة**
|
||||
```
|
||||
حدث خطأ عند استدعاء الواجهة، ساعدني في التحقق.
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
### 2.2 إذا حل الذكاء الاصطناعي المشكلة مباشرة
|
||||
|
||||
تهانينا، تم حل المشكلة! اتبع تعليمات الذكاء الاصطناعي للتعديل.
|
||||
|
||||
### 2.3 إذا قال الذكاء الاصطناعي "يحتاج إلى مزيد من المعلومات"
|
||||
|
||||
عندها فقط تحتاج إلى فتح F12 لإضافة المعلومات الرئيسية. تابع القراءة.
|
||||
|
||||
## 3. الخطوة الثانية: أضف المعلومات الرئيسية
|
||||
|
||||
عندما يقول الذكاء الاصطناعي إنه يحتاج إلى مزيد من المعلومات، حسب نوع المشكلة، افتح F12 وخذ لقطات شاشة للمحتوى المناسب.
|
||||
|
||||
### 3.1 متى تحتاج إلى إضافة معلومات
|
||||
|
||||
قد يرد الذكاء الاصطناعي هكذا:
|
||||
- "يرجى فتح Console لمعرفة ما إذا كانت هناك أخطاء"
|
||||
- "التقط لقطة شاشة للوحة Network لأراها"
|
||||
- "يحتاج إلى معلومات الخطأ المحددة"
|
||||
|
||||
عندها، اتبع الإرشادات أدناه لإضافة لقطات الشاشة.
|
||||
|
||||
### 3.2 إضافة معلومات Console (صفحة بيضاء/أخطاء)
|
||||
|
||||
::: tip خطوات العملية
|
||||
|
||||
**الخطوة الأولى: اضغط F12 لفتح أدوات المطورين**
|
||||
|
||||
على Mac: `Cmd+Option+I`، أو انقر بزر الماوس الأيمن على الصفحة واختر "فحص".
|
||||
|
||||
**الخطوة الثانية: انتقل إلى علامة تبويب Console**
|
||||
|
||||
**الخطوة الثالثة: التقط لقطة شاشة لرسائل الخطأ الحمراء**
|
||||
|
||||
**الخطوة الرابعة: أرسلها للذكاء الاصطناعي**
|
||||
|
||||
```
|
||||
أخطاء Console كما يلي:
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
### 3.3 إضافة معلومات Network (مشاكل البيانات/أخطاء API)
|
||||
|
||||
::: tip خطوات العملية
|
||||
|
||||
**الخطوة الأولى: اضغط F12 لفتح أدوات المطورين**
|
||||
|
||||
**الخطوة الثانية: انتقل إلى علامة تبويب Network**
|
||||
|
||||
**الخطوة الثالثة: كرر العملية** (انقر على حفظ/حدّث الصفحة)
|
||||
|
||||
**الخطوة الرابعة: ابحث عن الطلب المقابل، وخذ لقطة شاشة**
|
||||
|
||||
- تحقق من URL ورمز الحالة
|
||||
- تحقق من Payload (المعلمات المرسلة)
|
||||
- تحقق من Response (النتيجة المرجعة)
|
||||
|
||||
**الخطوة الخامسة: أرسلها للذكاء الاصطناعي**
|
||||
|
||||
```
|
||||
معلومات Network كما يلي:
|
||||
|
||||
الطلب: [لقطة شاشة 1]
|
||||
المعلمات: [لقطة شاشة 2]
|
||||
النتيجة: [لقطة شاشة 3]
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
### 3.4 إضافة معلومات Elements (مشاكل التنسيق)
|
||||
|
||||
::: tip خطوات العملية
|
||||
|
||||
**الخطوة الأولى: انقر بزر الماوس الأيمن على العنصر ← "فحص"**
|
||||
|
||||
ستنتقل أدوات المطورين تلقائيًا إلى العنصر.
|
||||
|
||||
**الخطوة الثانية: التقط لقطة شاشة للوحة Styles**
|
||||
|
||||
**الخطوة الثالثة: أرسلها للذكاء الاصطناعي**
|
||||
|
||||
```
|
||||
أنماط العنصر كما يلي:
|
||||
|
||||
[لقطة شاشة]
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
## 4. الخطوة الثالثة: التكرار حتى الحل
|
||||
|
||||
### 4.1 الممارسات غير الفعالة
|
||||
|
||||
هذه الممارسات ستضيع وقتك:
|
||||
|
||||
الذعر عند رؤية الخطأ، والبدء في تعديل التعليمات البرمجية بشكل عشوائي
|
||||
قضاء نصف ساعة في البحث عن حلول للأخطاء
|
||||
محاولة فهم معنى كل خطأ بنفسك
|
||||
تصحيح الأخطاء بمفردك حتى وقت متأخر من الليل
|
||||
|
||||
### 4.2 الممارسات الفعالة
|
||||
|
||||
اتبع هذه العملية:
|
||||
|
||||
صف الظاهرة مباشرة وخذ لقطة شاشة واسأل
|
||||
عندما يقول الذكاء الاصطناعي إنه يحتاج إلى مزيد من المعلومات، افتح F12 وأضفها
|
||||
اتبع الاقتراحات لتعديل الكود
|
||||
بعد التعديل، اختبر، وإذا استمرت المشكلة، استمر في أخذ لقطات شاشة والسؤال
|
||||
|
||||
## 5. الملخص: العملية الكاملة
|
||||
|
||||
```
|
||||
مواجهة مشكلة
|
||||
↓
|
||||
وصف الظاهرة مباشرة + لقطة شاشة
|
||||
↓
|
||||
أرسلها للذكاء الاصطناعي: "ماذا أفعل؟"
|
||||
↓
|
||||
هل حلها الذكاء الاصطناعي مباشرة؟
|
||||
↓ نعم
|
||||
اتبع تعليمات الذكاء الاصطناعي
|
||||
↓
|
||||
اختبر ما إذا تم الحل
|
||||
↓
|
||||
↓ لا / يحتاج الذكاء الاصطناعي إلى مزيد من المعلومات
|
||||
افتح F12، وأضف المعلومات الرئيسية
|
||||
↓
|
||||
أرسلها مرة أخرى للذكاء الاصطناعي
|
||||
↓
|
||||
كرر حتى يتم الحل
|
||||
```
|
||||
@@ -0,0 +1,641 @@
|
||||
---
|
||||
title: 'أفكار ملهمة لسيناريوهات الاستهلاك الموجهة للمستهلك'
|
||||
description: 'يلخص هذا المستند الاتجاهات الإبداعية لتطبيقات النماذج اللغوية الكبيرة LLM في سيناريوهات الاستهلاك الموجهة للمستهلك، ويغطي سيناريوهات ملهمة في مجالات نمط الحياة، والرفقة العاطفية، والترفيه، والنمو الشخصي، والتفاعل الاجتماعي، مما يوفر مرجعاً لمطوري تطبيقات الذكاء الاصطناعي الموجهة للمستهلكين العاديين.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { computed, ref } from 'vue'
|
||||
|
||||
const duration = 'حوالي <strong>4 ساعات</strong>'
|
||||
|
||||
const vibePoint = ref('')
|
||||
const feeling = ref('')
|
||||
|
||||
// تجمع المواضيع لكل سيناريو - التأكيد على المشاعر، والأجواء، والإيحاءات النفسية
|
||||
const topicPool = {
|
||||
'lifestyle': [
|
||||
{ title: 'مساعد طقوس الصباح', desc: 'يولد طقوس صباحية حصرية بناءً على الطقس والجدول الزمني والمزاج، ليجعل كل يوم يبدأ بشكل جميل' },
|
||||
{ title: 'مصمم أجواء للمعيشة المستقلة', desc: 'يصمم حلول أجواء منزلية لمن يعيشون بمفردهم، مع اقتراحات ذكية للإضاءة والموسيقى والروائح' },
|
||||
{ title: 'مولد خطط الاسترخاء المنزلي في عطلة نهاية الأسبوع', desc: 'يوصي بمزيج مثالي للبقاء في المنزل بناءً على مزاجك الحالي: فيلم + وجبات خفيفة + ترتيب الأجواء' },
|
||||
{ title: 'إذاعة لتهدئة الروح قبل النوم', desc: 'يولد قصصاً لطيفة وتأملات موجهة، كإذاعة خاصة لمرافقتك في النوم' },
|
||||
{ title: 'ملهم جماليات الحياة', desc: 'يكتشف الجمال في الأشياء اليومية الصغيرة، ويولد اقتراحات لجماليات الحياة وإرشادات لإضفاء الطقوس' }
|
||||
],
|
||||
'emotion': [
|
||||
{ title: 'مستمع في وقت متأخر من الليل', desc: 'سلة لتفريغ المشاعر متاحة على مدار 24 ساعة، تتقبل كل الهموم دون إصدار أحكام' },
|
||||
{ title: 'مرافق للتعافي من الفراق', desc: 'يقدم رفقة لطيفة ونصائح للتعافي ومنفذاً للمشاعر خلال فترة انخفاض الروح المعنوية بعد الفراق' },
|
||||
{ title: 'مدرب تنفس لتخفيف القلق', desc: 'يستشعر مشاعر القلق، ويوجه تمارين التنفس والتأمل الذهني' },
|
||||
{ title: 'مرشد لإعادة بناء الثقة بالنفس', desc: 'من خلال الحوار الإيجابي والإيحاءات النفسية، يساعد في إعادة بناء الهوية الذاتية والشعور بالقيمة' },
|
||||
{ title: 'تحليل ذكي ليوميات المشاعر', desc: 'يحلل يوميات المشاعر، ويكتشف أنماطها، ويقدم رؤى دافئة واقتراحات' }
|
||||
],
|
||||
'entertainment': [
|
||||
{ title: 'ماستر لغز القتل الغامر', desc: 'يلعب دور مقدم لعبة لغز القتل، ويخلق أجواء الغموض، ويدفع الحبكة للأمام' },
|
||||
{ title: 'شخصية NPC بروح حية في عالم مفتوح', desc: 'شخصية NPC نابضة بالحياة، تتذكر قصص اللاعب وتخلق روابط عاطفية حقيقية' },
|
||||
{ title: 'توليد محتوى بودكاست مخصص', desc: 'يولد بودكاست حصري بناءً على اهتماماتك، بطبيعية كأنك تتحدث مع صديق' },
|
||||
{ title: 'فريق أجواء الحفلات الموسيقية الافتراضية', desc: 'يخلق إحساس الحفل المباشر للحفلات عبر الإنترنت، مع تفاعل فوري وتشجيع وتعزيز الأجواء' },
|
||||
{ title: 'شريك إبداع مشترك للروايات التفاعلية', desc: 'يشارك القراء في كتابة القصة، حيث يؤثر كل خيار على مسار العالم' }
|
||||
],
|
||||
'growth': [
|
||||
{ title: 'شاهد على النمو الشخصي', desc: 'يسجل مسار النمو، ويقدم التشجيع والمراجعة في المحطات المهمة' },
|
||||
{ title: 'مدرب يلعب العادات لتصبح لعبة', desc: 'يحول بناء العادات المملة إلى لعبة مغامرة ممتعة' },
|
||||
{ title: 'مطابق لشريك تعلم المهارات', desc: 'يجد شركاء تعلم من ذوي التفكير المماثل للترابط المتبادل ومشاركة التقدم' },
|
||||
{ title: 'مكتشف السعادة الصغيرة اليومية', desc: 'يساعد في اكتشاف الأشياء الجميلة الصغيرة في الحياة، ويزرع الامتنان والعقلية الإيجابية' },
|
||||
{ title: 'محاكي تجارب الحياة', desc: 'يحاكي خيارات الحياة المختلفة لتجربة احتمالات أخرى في أكوان موازية' }
|
||||
],
|
||||
'social': [
|
||||
{ title: 'مولد مواضيع لكسر الجليد', desc: 'يقدم مواضيع مثيرة للاهتمام في المناسبات الاجتماعية لكسر الحواجز وتقريب المسافات' },
|
||||
{ title: 'مصمم أجواء نصوص وسائل التواصل', desc: 'يولد نصوصاً أنيقة لوسائل التواصل الاجتماعي بناءً على الصور والمزاج' },
|
||||
{ title: 'مخطط أجواء المواعيد', desc: 'يصمم خطة أجواء كاملة للمواعيد، من المكان إلى المواضيع والمفاجآت' },
|
||||
{ title: 'روح التجمعات عن بعد', desc: 'ينشط الأجواء في التجمعات عبر الإنترنت، وينظم الألعاب ويوجه التفاعل' },
|
||||
{ title: 'مساعد إدارة الطاقة الاجتماعية', desc: 'يساعد الانطوائيين في إدارة طاقتهم الاجتماعية وإيجاد وتيرة مريحة' }
|
||||
],
|
||||
'creative': [
|
||||
{ title: 'حقيبة إسعافات جفاف الإلهام', desc: 'يوفر شرارات إلهام غير متوقعة عند الوصول إلى عنق الزجاجة الإبداعي' },
|
||||
{ title: 'دليل استكشاف الأسلوب الشخصي', desc: 'يساعد في اكتشاف أسلوبك الشخصي الفريد، من الملابس إلى التعبير' },
|
||||
{ title: 'مستشار جماليات دفاتر الملاحظات واليوميات', desc: 'يقدم اقتراحات جمالية لتخطيط دفاتر الملاحظات وتنسيق الألوان وأفكار المحتوى' },
|
||||
{ title: 'دليل أجواء تكوين الصور الفوتوغرافية', desc: 'يقدم اقتراحات للتصوير وتحرير الصور بناءً على المشهد والإحساس المطلوب' },
|
||||
{ title: 'مطابق الموسيقى مع المزاج', desc: 'يوصي بمزيج موسيقي مثالي بناءً على مزاجك الحالي والمشهد' }
|
||||
],
|
||||
'travel': [
|
||||
{ title: 'دليل استكشاف المدينة سيراً على الأقدام', desc: 'استكشف المدينة كالسكان المحليين واكتشف الأماكن المخفية والكنوز' },
|
||||
{ title: 'توليد يوميات مزاج الرحلة', desc: 'يحول صور ومشاعر الرحلة إلى يوميات وذكريات جميلة' },
|
||||
{ title: 'مساعد مرافق للسفر الفردي', desc: 'يوفر الرفقة والنصائح والشعور بالأمان للمسافرين بمفردهم' },
|
||||
{ title: 'معاينة أجواء الوجهة', desc: 'اختبر أجواء الوجهة بشكل غامر قبل المغادرة لتبدأ في الاستعداد مبكراً' },
|
||||
{ title: 'دليل أجواء التصوير الفوتوغرافي للسفر', desc: 'توجيه لالتقاط صور سفر تحكي قصصًا بناءً على المشهد والإضاءة' }
|
||||
],
|
||||
'health': [
|
||||
{ title: 'محفز الدافعية للرياضة', desc: 'تقديم التشجيع والدافع المناسبين عندما لا تشعر بالرغبة في الحركة' },
|
||||
{ title: 'مطبخ الإلهام للأكل الصحي', desc: 'إعداد وصفات صحية مريحة بناءً على المزاج والمكونات المتاحة' },
|
||||
{ title: 'خبير تحسين أجواء جودة النوم', desc: 'تهيئة أجواء نوم عالية الجودة بشكل شامل، من البيئة المحيطة إلى الحالة النفسية' },
|
||||
{ title: 'مرشد الإدراك الجسدي', desc: 'توجيه الانتباه إلى إشارات الجسم وبناء التواصل بين العقل والجسد' },
|
||||
{ title: 'مساعد تذكير العناية بالذات', desc: 'تذكيرك بالتوقف والاهتمام بنفسك وسط الانشغال' }
|
||||
],
|
||||
'learning': [
|
||||
{ title: 'دليل استكشاف المعرفة بالأسلوب اللعبي', desc: 'تحويل التعلم الممل إلى مغامرة استكشافية ممتعة' },
|
||||
{ title: 'رفيق تعلم اللغات عبر السيناريوهات', desc: 'تقمص شخصيات مختلفة لاكتساب اللغة بشكل طبيعي من خلال الحوارات' },
|
||||
{ title: 'مساعد إشباع الفضول', desc: 'الإجابة على مختلف الأفكار الخيالية وإشباع الفضول تجاه العالم' },
|
||||
{ title: 'ملهم أفكار ملاحظات القراءة', desc: 'المساعدة في تنظيم أفكار القراءة واكتشاف زوايا تفكير جديدة' },
|
||||
{ title: 'خلق أجواء مشاركة المعرفة', desc: 'تحويل المعرفة المكتسبة إلى محتوى مشاركة ممتع' }
|
||||
],
|
||||
'relationship': [
|
||||
{ title: 'مدرب التواصل في العلاقات الحميمية', desc: 'المساعدة في التعبير عن المشاعر الصعبة وتحسين العلاقات الحميمية' },
|
||||
{ title: 'مساعد تذكير الاهتمام بالعائلة', desc: 'تذكيرك بالاهتمام بعائلتك وتقديم اقتراحات تفاعل دافئة' },
|
||||
{ title: 'خبير أجواء الحفاظ على الصداقات', desc: 'المساعدة في الحفاظ على الصداقات عن بعد وخلق مواضيع مشتركة' },
|
||||
{ title: 'مخطط مفاجآت وإعلانات الحب', desc: 'تخطيط لحظات رومانسية ومفاجآت لا تُنسى للأشخاص المهمين' },
|
||||
{ title: 'توجيه أجواء تخفيف التوتر', desc: 'تقديم اقتراحات وعبارات لتخفيف حدة التوتر عند حدوث أزمات في العلاقات' }
|
||||
],
|
||||
'pet': [
|
||||
{ title: 'يوميات الحيوانات الأليفة بالشخصية المجسّمة', desc: 'إنشاء يوميات من منظور الحيوان الأليف لتسجيل اللحظات الدافئة اليومية مع المالك' },
|
||||
{ title: 'مفسّر سلوك الحيوانات الأليفة', desc: 'تفسير لغة سلوك الحيوانات الأليفة لتعميق التواصل معها' },
|
||||
{ title: 'مخطط أوقات رفقة الحيوانات الأليفة', desc: 'تصميم أنشطة إبداعية للتفاعل مع الحيوانات الأليفة لتعزيز المودة' },
|
||||
{ title: 'مولّد قصص تذكارية للحيوانات الأليفة', desc: 'تحويل صور وذكريات الحيوانات الأليفة إلى قصص دافئة' },
|
||||
{ title: 'دليل الطمأنينة للمربين الجدد', desc: 'توفير مرافقة دافئة وإرشاد لأصحاب الحيوانات الأليفة المبتدئين' }
|
||||
],
|
||||
'finance': [
|
||||
{ title: 'مساعد إدراك مشاعر الاستهلاك', desc: 'إدراك المشاعر الكامنة وراء الاستهلاك الاندفاعي وبناء عادات استهلاك صحية' },
|
||||
{ title: 'تحفيز مرئي لأهداف الادخار', desc: 'تحويل أهداف الادخار إلى تقدم مرئي للأحلام' },
|
||||
{ title: 'تعلم المعرفة المالية بسهولة', desc: 'تعلم المعرفة المالية بطريقة سهلة وممتعة' },
|
||||
{ title: 'مهدّئ القلق المالي', desc: 'تقديم الدعم العاطفي ونصائح عملية عند مواجهة الضغوط المالية' },
|
||||
{ title: 'لعبة تجربة الاستثمار بمبالغ صغيرة', desc: 'تجربة الاستثمار بطريقة محاكاة لعبة لتقليل حاجز الدخول' }
|
||||
],
|
||||
'career': [
|
||||
{ title: 'رفيق مرحلة الحيرة المهنية', desc: 'تقديم الاستماع والاستكشاف ونصائح التوجيه خلال فترات الحيرة المهنية' },
|
||||
{ title: 'محفز الشعور بالإنجاز في العمل', desc: 'المساعدة في اكتشاف القيمة والمعنى في العمل لإعادة إشعال الشغف' },
|
||||
{ title: 'مساعد أجواء التواصل المهني', desc: 'تقديم مواضيع خفيفة واقتراحات تفاعلية للتواصل الاجتماعي في بيئة العمل' },
|
||||
{ title: 'ملهم أفكار الأعمال الجانبية', desc: 'تحفيز أفكار إبداعية للأعمال الجانبية بناءً على الاهتمامات والمهارات الشخصية' },
|
||||
{ title: 'محطة تعزيز الثقة قبل المقابلة', desc: 'تقديم الاستعداد النفسي والتشجيع على الثقة قبل المقابلات' }
|
||||
],
|
||||
'home': [
|
||||
{ title: 'مصمم أجواء المساحة المنزلية', desc: 'تصميم مخططات أجواء المنزل بناءً على المزاج والفصول' },
|
||||
{ title: 'دليل تغيير ديكور المنزل حسب الفصول', desc: 'تغيير ترتيب المنزل مع تغير الفصول للحفاظ على الشعور بالتجديد' },
|
||||
{ title: 'سحر المساحات الصغيرة', desc: 'جعل المساحات الصغيرة تتمتع أيضًا بأجواء مريحة ودافئة' },
|
||||
{ title: 'صانع الطقوس المنزلية', desc: 'خلق شعور بالطقوس للأنشطة المنزلية اليومية' },
|
||||
{ title: 'مرافق نفسي لعملية التخلص من الأشياء', desc: 'تقديم الدعم النفسي ونصائح اتخاذ القرارات عند ترتيب الأشياء' }
|
||||
],
|
||||
'food': [
|
||||
{ title: 'طبخ مريح لشخص واحد', desc: 'تصميم مخططات طبخ بسيطة ومريحة لمن يعيشون بمفردهم' },
|
||||
{ title: 'تصميم أجواء مائدة الأعياد', desc: 'تصميم ترتيب مائدة بطابع احتفالي للمناسبات الخاصة' },
|
||||
{ title: 'مطابق الأطباق للمزاج', desc: 'اقتراح الأطعمة وطرق التحضير المناسبة بناءً على المزاج الحالي' },
|
||||
{ title: 'بناء ثقة المبتدئين في المطبخ', desc: 'توفير تشجيع دافئ ووصفات بسيطة لمن ليس لديهم خبرة في الطبخ' },
|
||||
{ title: 'دليل أجواء تصوير الطعام', desc: 'جعل الأطباق المنزلية تبدو شهية وجذابة في الصور أيضًا' }
|
||||
],
|
||||
'fashion': [
|
||||
{ title: 'لوحة مزاج الإطلالة اليومية', desc: 'توليد إلهام للإطلالات بناءً على الطقاس والمناسبة والمزاج' },
|
||||
{ title: 'منسق خزانة الملابس الأساسية', desc: 'خلق احتمالات تنسيق لا حصر لها باستخدام قطع محدودة' },
|
||||
{ title: 'رحلة استكشاف الأسلوب الشخصي', desc: 'المساعدة في اكتشاف وبناء أسلوب شخصي فريد' },
|
||||
{ title: 'مبدع إعادة ارتداء الملابس القديمة', desc: 'تقديم إلهام جديد لتنسيق الملابس القديمة' },
|
||||
{ title: 'مستشار إطلالات المناسبات الخاصة', desc: 'تصميم إطلالات تمنح الثقة للمناسبات المهمة' }
|
||||
]
|
||||
}
|
||||
|
||||
// جدول تعيين مسارات التوصية المحددة مسبقًا - بناءً على الأجواء والمشاعر
|
||||
const recommendationMap = {
|
||||
// نقطة الأجواء: شفائي
|
||||
'healing': {
|
||||
'relax': ['emotion', 'lifestyle', 'health', 'home'],
|
||||
'inspire': ['creative', 'growth', 'learning', 'entertainment'],
|
||||
'connect': ['relationship', 'social', 'pet', 'emotion'],
|
||||
'escape': ['travel', 'entertainment', 'creative', 'lifestyle']
|
||||
},
|
||||
// نقطة الأجواء: نمو
|
||||
'growth': {
|
||||
'relax': ['growth', 'learning', 'creative', 'health'],
|
||||
'inspire': ['career', 'learning', 'creative', 'growth'],
|
||||
'connect': ['social', 'relationship', 'career', 'learning'],
|
||||
'escape': ['travel', 'entertainment', 'creative', 'lifestyle']
|
||||
},
|
||||
// نقطة الأجواء: اجتماعي
|
||||
'social': {
|
||||
'relax': ['social', 'pet', 'food', 'home'],
|
||||
'inspire': ['social', 'creative', 'entertainment', 'travel'],
|
||||
'connect': ['relationship', 'social', 'pet', 'travel'],
|
||||
'escape': ['social', 'travel', 'entertainment', 'creative']
|
||||
},
|
||||
// نقطة الأجواء: استكشاف
|
||||
'explore': {
|
||||
'relax': ['travel', 'creative', 'lifestyle', 'food'],
|
||||
'inspire': ['travel', 'creative', 'learning', 'entertainment'],
|
||||
'connect': ['travel', 'social', 'relationship', 'pet'],
|
||||
'escape': ['travel', 'entertainment', 'creative', 'lifestyle']
|
||||
},
|
||||
// نقطة الأجواء: يومي
|
||||
'daily': {
|
||||
'relax': ['lifestyle', 'home', 'health', 'emotion'],
|
||||
'inspire': ['creative', 'food', 'fashion', 'home'],
|
||||
'connect': ['relationship', 'social', 'pet', 'lifestyle'],
|
||||
'escape': ['entertainment', 'creative', 'travel', 'lifestyle']
|
||||
}
|
||||
}
|
||||
|
||||
const vibeOptions = [
|
||||
{ label: 'شفائي', value: 'healing', desc: 'دافئ، مهدئ، علاجي' },
|
||||
{ label: 'نمو', value: 'growth', desc: 'تقدم، اختراق، تحول' },
|
||||
{ label: 'اجتماعي', value: 'social', desc: 'تواصل، مشاركة، تفاعل' },
|
||||
{ label: 'استكشاف', value: 'explore', desc: 'فضول، مغامرة، اكتشاف' },
|
||||
{ label: 'يومي', value: 'daily', desc: 'عادي، حقيقي، اللحظة الحالية' }
|
||||
]
|
||||
|
||||
const feelingOptions = [
|
||||
{ label: 'أريد الاسترخاء', value: 'relax', desc: 'تخفيف التوتر، تصفية الذهن' },
|
||||
{ label: 'البحث عن الإلهام', value: 'inspire', desc: 'تحفيز الإبداع، الحصول على الوحي' },
|
||||
{ label: 'التوق للتواصل', value: 'connect', desc: 'التواصل مع الآخرين، المشاركة العاطفية' },
|
||||
{ label: 'هروب مؤقت', value: 'escape', desc: 'الهروب من الواقع، الانغماس في التجربة' }
|
||||
]
|
||||
|
||||
const scenarios = [
|
||||
{ key: 'lifestyle', name: 'نمط الحياة', anchor: '#_1-نمط-الحياة' },
|
||||
{ key: 'emotion', name: 'الرفقة العاطفية', anchor: '#_2-الرفقة-العاطفية' },
|
||||
{ key: 'entertainment', name: 'الترفيه والتسلية', anchor: '#_3-الترفيه-والتسلية' },
|
||||
{ key: 'growth', name: 'النمو الشخصي', anchor: '#_4-النمو-الشخصي' },
|
||||
{ key: 'social', name: 'التفاعل الاجتماعي', anchor: '#_5-التفاعل-الاجتماعي' },
|
||||
{ key: 'creative', name: 'التعبير الإبداعي', anchor: '#_6-التعبير-الإبداعي' },
|
||||
{ key: 'travel', name: 'استكشاف السفر', anchor: '#_7-استكشاف-السفر' },
|
||||
{ key: 'health', name: 'الصحة البدنية والنفسية', anchor: '#_8-الصحة-البدنية-والنفسية' },
|
||||
{ key: 'learning', name: 'استكشاف المعرفة', anchor: '#_9-استكشاف-المعرفة' },
|
||||
{ key: 'relationship', name: 'إدارة العلاقات', anchor: '#_10-إدارة-العلاقات' },
|
||||
{ key: 'pet', name: 'مرافقة الحيوانات الأليفة', anchor: '#_11-مرافقة-الحيوانات-الأليفة' },
|
||||
{ key: 'finance', name: 'الصحة المالية', anchor: '#_12-الصحة-المالية' },
|
||||
{ key: 'career', name: 'التطوير المهني', anchor: '#_13-التطوير-المهني' },
|
||||
{ key: 'home', name: 'المساحة المنزلية', anchor: '#_14-المساحة-المنزلية' },
|
||||
{ key: 'food', name: 'فنون الطهي', anchor: '#_15-فنون-الطهي' },
|
||||
{ key: 'fashion', name: 'أسلوب الأزياء', anchor: '#_16-أسلوب-الأزياء' }
|
||||
]
|
||||
|
||||
// حساب نتائج التوصية - سحب عشوائي من مجموعة المواضيع
|
||||
const recommendationTopics = computed(() => {
|
||||
if (!vibePoint.value || !feeling.value) return []
|
||||
|
||||
const keys = recommendationMap[vibePoint.value]?.[feeling.value] || []
|
||||
const topics = []
|
||||
|
||||
// سحب 1-2 موضوع عشوائياً من كل سيناريو موصى به
|
||||
keys.forEach(key => {
|
||||
const scenario = scenarios.find(item => item.key === key)
|
||||
const scenarioTopics = topicPool[key] || []
|
||||
|
||||
if (scenario && scenarioTopics.length > 0) {
|
||||
// سحب 1-2 موضوع عشوائياً
|
||||
const count = Math.floor(Math.random() * 2) + 1
|
||||
const shuffled = [...scenarioTopics].sort(() => Math.random() - 0.5)
|
||||
const selected = shuffled.slice(0, Math.min(count, shuffled.length))
|
||||
|
||||
selected.forEach(topic => {
|
||||
topics.push({
|
||||
...topic,
|
||||
scenarioKey: key,
|
||||
scenarioName: scenario.name,
|
||||
scenarioAnchor: scenario.anchor
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
// ترتيب عشوائي وتقييد العدد الإجمالي
|
||||
return topics.sort(() => Math.random() - 0.5).slice(0, 8)
|
||||
})
|
||||
|
||||
// الحصول على وصف الاختيار الحالي
|
||||
const currentSelection = computed(() => {
|
||||
const vibe = vibeOptions.find(i => i.value === vibePoint.value)
|
||||
const feel = feelingOptions.find(p => p.value === feeling.value)
|
||||
return {
|
||||
vibe: vibe?.label || '',
|
||||
feeling: feel?.label || ''
|
||||
}
|
||||
})
|
||||
|
||||
const scrollToAnchor = (anchor) => {
|
||||
// تأخير التمرير لضمان اكتمال تحديث DOM
|
||||
setTimeout(() => {
|
||||
// محاولة البحث عبر ID (يدعم تنسيقات متعددة)
|
||||
let element = document.querySelector(anchor)
|
||||
|
||||
// إذا لم يتم العثور عليه، تجربة تنسيقات ID أخرى محتملة
|
||||
if (!element) {
|
||||
// محاولة إزالة بادئة الشرطة السفلية
|
||||
const altAnchor = anchor.replace('#_', '#')
|
||||
element = document.querySelector(altAnchor)
|
||||
}
|
||||
|
||||
// إذا لم يتم العثور عليه بعد، البحث عبر نص العنوان
|
||||
if (!element) {
|
||||
// استخراج اسم السيناريو من نقطة الارتساء
|
||||
const anchorText = decodeURIComponent(anchor.replace('#', '').replace(/^_/, ''))
|
||||
const headings = document.querySelectorAll('h2, h3')
|
||||
|
||||
for (let heading of headings) {
|
||||
const headingText = heading.textContent.trim()
|
||||
// مطابقة تامة أو مطابقة جزئية
|
||||
const cleanHeading = headingText.replace(/^\d+\.\s*/, '')
|
||||
if (cleanHeading === anchorText || headingText.includes(anchorText)) {
|
||||
element = heading
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (element) {
|
||||
element.scrollIntoView({
|
||||
behavior: 'smooth',
|
||||
block: 'start'
|
||||
})
|
||||
// تمييز الفقرة المستهدفة
|
||||
element.style.backgroundColor = '#fdf2f8'
|
||||
element.style.transition = 'background-color 0.3s'
|
||||
element.style.padding = '8px'
|
||||
element.style.borderRadius = '4px'
|
||||
setTimeout(() => {
|
||||
element.style.backgroundColor = ''
|
||||
element.style.padding = ''
|
||||
}, 2000)
|
||||
}
|
||||
}, 100)
|
||||
}
|
||||
|
||||
const resetSelection = () => {
|
||||
vibePoint.value = ''
|
||||
feeling.value = ''
|
||||
}
|
||||
</script>
|
||||
|
||||
# مرجع إلهام سيناريوهات الاستهلاك الموجه للمستهلك (C-end)
|
||||
|
||||
## مقدمة الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['تطبيقات C-end', 'نمط الحياة', 'التجربة العاطفية', 'خلق الأجواء']" coreOutput="اكتشاف 15+ إلهامًا لسيناريوهات الحياة" expectedOutput="إيجاد اتجاه منتج يلمس المستخدمين">
|
||||
|
||||
يلخص هذا المستند <strong>الاتجاهات الإبداعية لتطبيقات النماذج الكبيرة LLM في سيناريوهات الاستهلاك الموجه للمستهلك (C-end)</strong>. على عكس قطاع B-end الذي يركز على الكفاءة ونقاط الألم، تركز منتجات C-end بشكل أكبر على <strong>خلق الإحساس، والإيحاءات النفسية، والأجواء</strong>، مما يتيح للمستخدمين الحصول على صدى عاطفي وتجربة رائعة أثناء الاستخدام.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
## اختيار سريع لأجواء السيناريو
|
||||
|
||||
<el-card shadow="hover" style="margin-top: 16px; margin-bottom: 24px; border-left: 5px solid #ec4899;">
|
||||
<div style="font-weight: 600; margin-bottom: 8px;">ابحث عن إلهام السيناريو الذي يلمسك</div>
|
||||
<div style="color: #606266; font-size: 14px; line-height: 1.6; margin-bottom: 12px;">
|
||||
اختر الأجواء التي ترغب بها والمشاعر الحالية، وسيقوم النظام بترشيح اتجاهات السيناريوهات ذات الصلة، انقر على العلامة للانتقال إلى الفصل المقابل.
|
||||
</div>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-select v-model="vibePoint" placeholder="اختر نوع الأجواء" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in vibeOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
<div style="font-weight: 500;">{{ item.label }}</div>
|
||||
<div style="font-size: 12px; color: #909399;">{{ item.desc }}</div>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-select v-model="feeling" placeholder="اختر الشعور الحالي" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in feelingOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
<div style="font-weight: 500;">{{ item.label }}</div>
|
||||
<div style="font-size: 12px; color: #909399;">{{ item.desc }}</div>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div v-if="recommendationTopics.length > 0" style="margin-top: 16px;">
|
||||
<div style="font-weight: 600; margin-bottom: 12px; color: #ec4899;">
|
||||
السيناريوهات الموصى بك لـ {{ currentSelection.vibe }} × {{ currentSelection.feeling }} :
|
||||
</div>
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 8px;">
|
||||
<el-tag
|
||||
v-for="topic in recommendationTopics"
|
||||
:key="topic.title"
|
||||
type="danger"
|
||||
effect="light"
|
||||
style="cursor: pointer; margin-bottom: 4px;"
|
||||
@click="scrollToAnchor(topic.scenarioAnchor)"
|
||||
>
|
||||
{{ topic.title }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<el-button type="text" size="small" @click="resetSelection" style="margin-top: 8px;">
|
||||
إعادة الاختيار
|
||||
</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
---
|
||||
|
||||
## 1. نمط الحياة
|
||||
|
||||
> 💡 **الفكرة الأساسية**: جعل الروتين اليومي العادي ذا طابع احتفالي، وإيجاد الجمال في التفاصيل
|
||||
|
||||
| الرقم | اسم السيناريو | وظيفة السيناريو |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مساعد طقوس الصباح الاستيقاظ | دمج واجهة برمجة تطبيقات الطقس وبيانات التقويم، توليد خطة صباحية مخصصة بواسطة LLM؛ تشغيل موسيقى مخصصة عبر مكبرات صوت ذكية، وإضاءة تدريجية للإضاءة الذكية |
|
||||
| 2 | خالق أجواء الحياة المستقلة | الاتصال بأجهزة المنزل الذكي (الإضاءة، الصوت، جهاز نشر الروائح)، يقوم LLM بتعديل المعلمات تلقائيًا بناءً على الوقت/المزاج؛ التعلم من تفضيلات المستخدم للتحسين المستمر |
|
||||
| 3 | مولد خطة الاستشفاء المنزلي لعطلة نهاية الأسبوع | ربط واجهة برمجة تطبيقات منصات البث للحصول على قوائم الأفلام، وإنشاء خطة تجمع بين الأفلام + الطعام + الديكور بناءً على التفضيلات السابقة للمستخدم |
|
||||
| 4 | إذاعة لتهدئة الروح قبل النوم | توليد قصص لطيفة باستخدام تحويل النص إلى كلام (TTS)، خوارزمية خلط الضوضاء البيضاء، خفض تدريجي ذكي للصوت؛ تعديل المحتوى بناءً على بيانات النوم |
|
||||
| 5 | ملتقط إلهام الجماليات الحياتية | التعرف على الصور لتحليل صور بيئة المستخدم، توليد اقتراحات جمالية بواسطة LLM؛ توصية محتوى بأسلوب Pinterest/Xiaohongshu |
|
||||
|
||||
---
|
||||
|
||||
## 2. الرفقة العاطفية
|
||||
> 💡 **الفكرة الأساسية**: القبول والرفقة غير المشروطة، لتكون حاوية رقيقة للمشاعر
|
||||
|
||||
| الرقم | اسم السيناريو | وظيفة السيناريو |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | المستمع المتعاطف في وقت متأخر من الليل | تشفير من طرف إلى طرف لضمان الخصوصية، تحليل المشاعر بواسطة LLM لفهم المشاعر، تخزين الذاكرة طويلة المدى لقصص المستخدم، حوار متعدد الجولات لمرافقته باستمرار |
|
||||
| 2 | مرافق التعافي من الفراق | خوارزمية تحديد المرحلة العاطفية، تقديم دعم مختلف لكل مرحلة (مرحلة الفضفضة ← مرحلة التنفيس ← مرحلة إعادة البناء)؛ استرجاع RAG لقاعدة المعرفة النفسية |
|
||||
| 3 | مدرب التنفس لتخفيف القلق | ربط بيانات المستشعرات الحيوية (معدل ضربات القلب/التنفس)، مراقبة مستوى القلق في الوقت الفعلي؛ التوجيه الصوتي لإيقاع التنفس، إرشادات الاسترخاء العضلي التدريجي |
|
||||
| 4 | مرشد إعادة بناء الثقة بالنفس | إطار حوار علم النفس الإيجابي، تسجيل وتقديم ملاحظات حول الإنجازات الصغيرة للمستخدم؛ تقنيات إعادة البناء المعرفي للمساعدة في تغيير الحوار الذاتي السلبي |
|
||||
| 5 | التفسير الذكي ليوميات المشاعر | نموذج NLP للتعرف على المشاعر، تحليل السلاسل الزمنية لاكتشاف أنماط المشاعر؛ رسم بياني مرئي للمشاعر، إنذار تنبؤي للمشاعر |
|
||||
|
||||
---
|
||||
|
||||
## 3. الترفيه والتسلية
|
||||
|
||||
> 💡 **الفكرة الأساسية**: خلق تجارب غامرة، لجعل الترفيه ملاذًا للروح
|
||||
|
||||
| الرقم | اسم السيناريو | وظيفة السيناريو |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | حكم (DM) غامر لألعاب القصص | توليد فروع القصة في الوقت الفعلي بواسطة LLM، تشخيص شخصيات NPC عبر تحويل النص إلى كلام، تعديل الصعوبة والإيقاع ديناميكيًا بناءً على ردود فعل اللاعبين؛ عرض مشاهد AR/VR |
|
||||
| 2 | شخصيات NPC روحانية في ألعاب العالم المفتوح | قاعدة بيانات الذاكرة طويلة المدى لتخزين تاريخ تفاعلات اللاعب، توليد حوار مخصص بواسطة LLM؛ الحساب العاطفي يجعل شخصيات NPC تمتلك ردود فعل عاطفية حقيقية |
|
||||
| 3 | توليد محتوى بودكاست مخصص | توليد محتوى حصري بناءً على خريطة اهتمامات المستخدم، استنساخ الصوت المفضل للمستخدم عبر TTS؛ تفاعل مباشر للإجابة على أسئلة المستمعين |
|
||||
| 4 | فرقة الأجواء في الحفلات الموسيقية الافتراضية | عرض الصور الرمزية الافتراضية، تفاعل التعليقات المنبثقة في الوقت الفعلي، عصي التوهج/أدوات الدعم الافتراضية؛ تقنية الصوت المكاني لخلق شعور بالحضور |
|
||||
| 5 | شريك إبداع مشترك للروايات التفاعلية | توليد القصة في الوقت الفعلي بواسطة LLM، اختيارات المستخدم تؤثر على مسار القصة؛ تصميم بنهايات متعددة، تطور ديناميكي لعلاقات الشخصيات |
|
||||
|
||||
---
|
||||
|
||||
## 4. النمو الشخصي
|
||||
|
||||
> 💡 **الفكرة الأساسية**: النمو ليس زهدًا، بل رحلة اكتشاف ذات ممتعة
|
||||
|
||||
| الرقم | اسم السيناريو | وظيفة السيناريو |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | شاهد النمو الشخصي | عرض مرئي لمسار النمو عبر جدول زمني، وضع علامات تلقائية للمعالم؛ رسوم بيانية مقارنة تظهر "أنا في الماضي" مقابل "أنا الآن" |
|
||||
| 2 | مدرب لعبة بناء العادات | آليات لعب (نقاط الخبرة، المستويات، الشارات)، لوحة المتصدرين الاجتماعية، لعب دور مدرب AI (مثل "مرشد المغامرات") |
|
||||
| 3 | التوافق مع شريك تعلم المهارات | خوارزمية التوافق بناءً على الاهتمامات وأهداف التعلم، مجتمع مجموعات التعلم، آلية مراقبة وتسجيل متبادلة |
|
||||
| 4 | مكتشف السعادة الصغيرة اليومية | التعرف على الصور لاكتشاف اللحظات الجميلة في الحياة، توجيه دفتر الامتنان (gratitude journal)، مراجعة اللحظات الجميلة أسبوعيًا |
|
||||
| 5 | محاكي تجارب الحياة | محاكاة نتائج الخيارات المختلفة عبر قصص متعددة الفروع، مقارنة الحيوات المتوازية؛ عرض مرئي لعواقب القرارات |
|
||||
|
||||
---
|
||||
|
||||
## 5. التفاعل الاجتماعي
|
||||
|
||||
> 💡 **الفكرة الأساسية**: جعل التواصل الاجتماعي سهلاً وطبيعيًا، وإيجاد طرق اتصال مريحة
|
||||
|
||||
| الرقم | اسم السيناريو | وظيفة السيناريو |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مولد مواضيع كسر الجليد | توصية ذكية للمواضيع بناءً على المناسبة والمشاركين، تحليل المحادثات في الوقت الفعلي لتقديم اقتراحات لاستكمال الموضوع؛ تلميحات لإنقاذ المواقف المحرجة |
|
||||
| 2 | خبير أجواء نصوص منشورات Moments | تحليل محتوى الصور، توليد نصوص بأنماط متعددة (أدبي/فكاهي/عميق) باستخدام LLM؛ توصية ذكية للرموز التعبيرية والتنسيق |
|
||||
| 3 | مخطط أجواء المواعيد | توليد خطط مواعد بناءً على اهتمامات الطرفين، توصيات بالمطاعم/الأنشطة، اقتراحات لمواضيع المحادثة؛ تذكيرات بالطقس وحركة المرور في الوقت الفعلي |
|
||||
| 4 | روح الأجواء في التجمعات عن بُعد | مكتبة ألعاب عبر الإنترنت، مولد أنشطة لكسر الجليد، عجلة المواضيع؛ خلفيات افتراضية وفلاتر لتحسين الأجواء |
|
||||
| 5 | مساعد إدارة الطاقة الاجتماعية | تقييم استنزاف الطاقة بعد الأنشطة الاجتماعية، اقتراحات للتعافي (توصيات بأنشطة فردية)؛ تخطيط ذكي للتقويم الاجتماعي |
|
||||
|
||||
---
|
||||
|
||||
## 6. التعبير الإبداعي
|
||||
|
||||
> 💡 **الفكرة الأساسية**: كل شخص يمتلك الإبداع، يحتاج فقط إلى من يوقظه
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | حقيبة إسعافات جفاف الإلهام | خوارزمية الترابط عبر المجالات، توليد كلمات تحفيزية عشوائية، مكتبة prompt إبداعية؛ أداة تفريغ إلهام على شكل خريطة ذهنية |
|
||||
| 2 | مرشد استكشاف الأسلوب الشخصي | تحليل الصور لتحديد الأسلوب الحالي للمستخدم، توصيات اتجاهات الأسلوب، تجربة افتراضية للملابس/المكياج؛ خط زمني لتطور الأسلوب |
|
||||
| 3 | مستشار جماليات دفاتر الملاحظات واليوميات | توصيات قوالب التنسيق، توليد مخططات الألوان، اقتراحات عناصر الزينة؛ التعرف على الخط اليدوي وتجميل المحتوى |
|
||||
| 4 | دليل أجواء التكوين التصويري | التعرف على المشهد واقتراحات التكوين، توصيات أنماط الفلاتر، تعديل ذكي لمعلمات تحرير الصور؛ مسار تعلم تقنيات التصوير |
|
||||
| 5 | مزامن الموسيقى مع المزاج | خوارزمية تحليل المشاعر الموسيقية، التعرف على مزاج المستخدم، توليد قوائم تشغيل مخصصة؛ قصص الموسيقى ومقدمة خلفية |
|
||||
|
||||
---
|
||||
|
||||
## 7. استكشاف السفر
|
||||
|
||||
> 💡 **الفكرة الأساسية**: السفر ليس مجرد رؤية المناظر الطبيعية، بل هو الشعور بأسلوب حياة مختلف
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مرشد استكشاف المشي في المدينة | تجميع محتوى خبراء محليين، توصيات أماكن غير تقليدية، تنقل بتقنية AR؛ ترجمة فورية وشرح صوتي |
|
||||
| 2 | توليد يوميات مزاج الرحلة | تصنيف وانتقاء تلقائي للصور، توليد يوميات سفر جميلة باستخدام LLM، خط زمني مع علامات جغرافية؛ توليد فيديو رحلة بنقرة واحدة |
|
||||
| 3 | مساعد مرافق للسفر الفردي | مشاركة الموقع في الوقت الفعلي وتنبيهات السلامة، جهات اتصال طوارئ محلية، مرافقة صوتية لمرشد AI سياحي؛ مجتمع تواصل للمسافرين منفردين |
|
||||
| 4 | معاينة أجواء الوجهة | معاينة بانورامية بتقنية VR/360°، محاكاة الأصوات والروائح المحلية، تقديم الخلفية الثقافية؛ تجربة "إقامة تجريبية" افتراضية |
|
||||
| 5 | توجيه أجواء تصوير السفر | تذكيرات بالوقت الذهبي، خطوط مساعدة التكوين، توصيات نقاط التصوير المحلية المميزة؛ اقتراحات أنماط تلوين ما بعد التصوير |
|
||||
|
||||
---
|
||||
|
||||
## 8. الصحة البدنية والنفسية
|
||||
|
||||
> 💡 **الفكرة الأساسية**: الصحة ليست هدفاً، بل هي رعاية ذاتية لطيفة
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | موقظ دوافع الرياضة | توصية ذكية بنوع التمارين بناءً على حالة المستخدم، خيارات تمارين دقيقة (5 دقائق)، تحديات رياضية قائمة على الألعاب؛ تسجيل الوصول الاجتماعي للتمارين |
|
||||
| 2 | مطبخ إلهام الأكل الصحي | التعرف على مكونات الثلاجة، توصيات وصفات مخصصة، تحليل التغذية والتوافق؛ إرشادات طبخ خطوة بخطوة |
|
||||
| 3 | خبير تحسين أجواء جودة النوم | تحليل بيانات مراقبة النوم، توليد طقوس ما قبل النوم، اقتراحات تحسين البيئة (الحرارة/الرطوبة/الإضاءة)؛ استيقاظ ذكي |
|
||||
| 4 | مرشد إدراك الجسد | توجيه تأمل مسح الجسد، الربط العاطفي لأجزاء الجسم، تمارين الاتصال بين العقل والجسد؛ تصوير الملاحظات الحيوية |
|
||||
| 5 | مساعد تذكير الرعاية الذاتية | مراقبة شدة العمل، تذكيرات منتظمة لأخذ قسط من الراحة، اقتراحات أنشطة رعاية دقيقة (شرب الماء/التمدد/التنفس العميق)؛ سجل الرعاية الذاتية |
|
||||
|
||||
---
|
||||
|
||||
## 9. استكشاف المعرفة
|
||||
|
||||
> 💡 **الفكرة الأساسية**: التعلم مغامرة لا تنتهي أبداً، والفضول هو أفضل معلم
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مرشد تعزيز استكشاف المعرفة | تصور خريطة النقاط المعرفية، مسار تعلم قائم على اجتياز المراحل، نظام شارات الإنجاز؛ لعب دور مرشد AI |
|
||||
| 2 | شريك سيناريوهات تعلم اللغة | لعب LLM لأدوار مختلفة لإجراء محادثات، تصحيح النطق، تقديم الخلفية الثقافية؛ محاكاة سيناريوهات غامرة |
|
||||
| 3 | مساعد إشباع الفضول | الاتصال بويكيبيديا/رسم المعرفة، تبسيط المفاهيم المعقدة، توصيات المعارف ذات الصلة؛ تسجيل الفضول |
|
||||
| 4 | ملهم إلهام ملاحظات القراءة | تحليل محتوى الكتب، استخراج وربط الأفكار، توصيات بزوايا التفكير؛ قوالب وتجميل ملاحظات القراءة |
|
||||
| 5 | خالق أجواء مشاركة المعرفة | توليد تلقائي لبطاقات المعرفة، تحسين نصوص المشاركة، تجميل بصري؛ تغذية راجعة لبيانات المشاركة الاجتماعية |
|
||||
|
||||
---
|
||||
|
||||
## 10. إدارة العلاقات
|
||||
|
||||
> 💡 **الفكرة الأساسية**: العلاقات الجيدة تحتاج إلى اهتمام، والاهتمام لا يحتاج إلى أن يكون معقداً
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مدرب التواصل في العلاقات الحميمة | توليد قوالب للتعبير عن المشاعر، إرشادات مهارات التواصل غير العنيف، عبارات حل النزاعات؛ تقييم صحة العلاقة |
|
||||
| 2 | مساعد تذكير رعاية الأسرة | تذكيرات بالمواعيد المهمة (أعياد الميلاد/الذكرى السنوية)، اقتراحات عبارات الرعاية، توصيات بأنشطة عائلية؛ توليد ألبوم عائلي |
|
||||
| 3 | خبير أجواء صيانة الصداقات | تسجيل تفاعلات الأصدقاء، توصيات بالموضوعات المشتركة، تنظيم تجمعات عن بُعد؛ خط زمني للصداقة وتوليد الذكريات |
|
||||
| 4 | مخطط الإفصاح والمفاجآت | توليد خطط مفاجآت مخصصة، توصيات بالهدايا، اقتراحات عبارات رومانسية؛ جدول زمني للتنفيذ وتذكيرات |
|
||||
| 5 | توجيه أجواء تخفيف النزاعات | عبارات تهدئة المشاعر، توجيه التفكير بمنظور الطرف الآخر، اقتراحات خطوات المصالحة؛ تتبع إصلاح العلاقة |
|
||||
|
||||
---
|
||||
|
||||
## 11. مرافقة الحيوانات الأليفة
|
||||
|
||||
> 💡 **الفكرة الأساسية**: الحيوانات الأليفة هي عائلة، ومرافقتها تستحق أن تُسجل وتُقدر
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | يوميات أنسنة الحيوانات الأليفة | تحليل سلوك الحيوان الأليف، توليد يوميات بصيغة المتكلم، إضافة صور تلقائية؛ "Moments" للحيوانات الأليفة |
|
||||
| 2 | مفسر سلوك الحيوانات الأليفة | تحليل فيديو سلوك الحيوان الأليف، إنذارات صحية، اقتراحات للتدريب؛ قاعدة معرفية بخصائص السلالات |
|
||||
| 3 | مخطط وقت مرافقة الحيوانات الأليفة | توصيات بأنشطة للحيوانات الأليفة، دروس صنع ألعاب DIY، توصيات بأماكن صديقة للحيوانات الأليفة؛ التوافق الاجتماعي للحيوانات الأليفة |
|
||||
| 4 | مولد قصص تذكارية للحيوانات الأليفة | انتقاء الصور ومقاطع الفيديو، توليد قصة على خط زمني، إضافة الموسيقى؛ توليد تلقائي لألبوم/فيديو تذكاري |
|
||||
| 5 | دليل الطمأنينة للمبتدئين في تربية الحيوانات الأليفة | دليل رعاية مرحلي، إجابات للأسئلة الشائعة، التعامل مع حالات الطوارئ؛ دعم مجتمع المبتدئين |
|
||||
|
||||
---
|
||||
|
||||
## 12. الصحة المالية
|
||||
|
||||
> 💡 **الفكرة الأساسية**: الحرية المالية ليست هدفاً، بل الصحة المالية هي الهدف
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مساعد الوعي بالمزاج الاستهلاكي | تحليل سجلات الاستهلاك، تحليل الارتباط بين المزاج والاستهلاك، إنذار الشراء الاندفاعي؛ اقتراحات الإشباع البديل |
|
||||
| 2 | التحفيز المرئي لأهداف الادخار | تصور تقدم الهدف، عرض مشاهد الأحلام، الاحتفال بالإنجازات؛ ألعاب بناء عادات الادخار |
|
||||
| 3 | تعلم المعرفة المالية بسهولة | دفع المعرفة المجزأة، تدريس الحالات القائمة على السيناريو، أسئلة وأجوبة تفاعلية؛ اختبارات المعرفة والشهادات |
|
||||
| 4 | مهدئ القلق المالي | تقييم صحة الوضع المالي، تقنيات إدارة الضغط، خطط عمل بخطوات صغيرة؛ استشارات الصحة النفسية المالية |
|
||||
| 5 | لعبة تجربة الاستثمار الصغير | محاكاة استثمار افتراضية، التثقيف حول المخاطر، لعبة محفظة الاستثمار؛ توجيه للاستثمار الحقيقي الصغير |
|
||||
|
||||
---
|
||||
|
||||
## 13. التطور المهني
|
||||
|
||||
> 💡 **الفكرة الأساسية**: المهنة ليست مساراً ثابتاً، بل هي أرض برية يمكن استكشافها
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | رفيق الحيرة المهنية | تقييم الاهتمامات المهنية، جرد القدرات، توصيات بمعلومات الصناعة؛ حوار مع مرشد مهني |
|
||||
| 2 | ميقظ الشعور بالإنجاز في العمل | تسجيل إنجازات العمل، استخلاص القيمة، تصور الإنجازات؛ جمع التعليقات الإيجابية من الزملاء/العملاء |
|
||||
| 3 | مساعد أجواء التواصل المهني | توصيات بمواضيع العمل، مهارات networking، توصيات بالفعاليات الصناعية؛ تحسين محتوى LinkedIn |
|
||||
| 4 | محفز أفكار العمل الجانبي | مطابقة المهارات-الاهتمامات-طلب السوق، مكتبة حالات العمل الجانبي، دليل البدء؛ تواصل مجتمع العمل الجانبي |
|
||||
| 5 | محطة تعزيز الثقة قبل المقابلة | مقابلة محاكاة، التحضير للأسئلة الشائعة، تقنيات تعزيز الثقة؛ نصائح حول المظهر |
|
||||
|
||||
---
|
||||
|
||||
## 14. المساحة المنزلية
|
||||
|
||||
> 💡 **الفكرة الأساسية**: المنزل ليس مجرد مكان للعيش، بل هو ملاذ للروح
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | مصمم أجواء المساحة المنزلية | تحليل صور المساحة، توصيات بالأنماط، توصيات بالأثاث/الديكور؛ معاينة AR للتأثير |
|
||||
| 2 | دليل تغيير ديكور المنزل حسب الفصول | توصيات ب themes موسمية، نصائح التخزين والعرض، حلول ديكور الأعياد؛ إنشاء قائمة تسوق |
|
||||
| 3 | سحر مساحات المساحات الصغيرة | خوارزميات تحسين المساحة، توصيات بأثاث متعدد الاستخدامات، نصائح التخزين؛ تقنيات التوسع البصري للمساحة |
|
||||
| 4 | صانع الطقوس المنزلية | تصميم طقوس يومية (صباحية/مسائية/عطلة نهاية الأسبوع)، تذكيرات بتنفيذ الطقوس؛ تقييم تأثير الطقوس |
|
||||
| 5 | الرفقة النفسية للتخلص من الأشياء | تقييم القيمة العاطفية للأشياء، إرشادات خطوات التخلص من الأشياء، الدعم النفسي؛ توصيات بقنوات التبرع/إعادة التدوير |
|
||||
|
||||
---
|
||||
|
||||
## 15. الطبخ وفنون الطهي
|
||||
|
||||
> 💡 **الفكرة الأساسية**: الطعام هو لغة الحب، والطبخ هو طريقة للتعبير عنه
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | طبخ الشفاء لشخص واحد | التعرف على مكونات الثلاجة، توصيات بوصفات بسيطة، إرشادات step-by-step؛ جماليات تقديم الطعام لشخص واحد |
|
||||
| 2 | تصميم أجواء مائدة الأعياد | قائمة طعام ب theme الأعياد، حلول ترتيب مائدة الطعام، تقنيات خلق الأجواء؛ تحسين تجربة الضيوف |
|
||||
| 3 | مطابق الحالة المزاجية للطعام | خوارزمية الارتباط بين المزاج والطعام، وصفات تنظيم المشاعر، توصيات comfort food؛ توجيه الشفاء من خلال الطبخ |
|
||||
| 4 | بناء ثقة المبتدئين في المطبخ | وصفات فائقة البساطة، تقنيات إنقاذ الفشل، عبارات بناء الثقة؛ زيادة تدريجية في الصعوبة |
|
||||
| 5 | دليل أجواء تصوير الطعام | نصائح لتقديم الطعام، استخدام الإضاءة الطبيعية، إرشادات زوايا التصوير؛ اقتراحات للفلاتر والتعديل اللاحق |
|
||||
|
||||
---
|
||||
|
||||
## 16. أسلوب الأزياء والملابس
|
||||
|
||||
> 💡 **الفكرة الأساسية**: الأزياء هي تعبير عن الذات، والأسلوب هو انعكاس للداخل
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | وظائف سيناريو التطبيق |
|
||||
| :--: | ------------ | ------------ |
|
||||
| 1 | لوحة مزاج ملابس اليوم | توصيات شاملة بناءً على الطقس/المناسبة/المزاج، تجربة الملابس الافتراضية، إلهام التنسيق؛ إدارة خزانة الملابس |
|
||||
| 2 | منسق خزانة الملابس الكبسولية | جرد خزانة الملابس، تركيبات القطع، حلول ارتداء القطعة الواحدة بطرق متعددة؛ نصائح التسوق (لسد الثغرات) |
|
||||
| 3 | رحلة استكشاف الأسلوب الشخصي | اختبار الأسلوب، توصيات ب icon مرجعي، مسار تطور الأسلوب؛ بناء الثقة |
|
||||
| 4 | صانع أفكار ارتداء الملابس القديمة بشكل جديد | إلهام لتحويل الملابس القديمة، طرق تنسيق جديدة، تقنيات إضافة الإكسسوارات؛ مفهوم الموضة المستدامة |
|
||||
| 5 | مستشار الإطلالات للمناسبات الخاصة | تفسير dress code للمناسبة، إنشاء حلول الإطلالات، نصائح للمكياج وتسريحات الشعر؛ تناسق الإطلالة الشاملة |
|
||||
|
||||
---
|
||||
|
||||
## المبادئ الأساسية لتصميم منتجات C-side
|
||||
|
||||
### 1. من "الوظيفة" إلى "الشعور"
|
||||
|
||||
تركز منتجات B-side على "أي مشكلة يمكن أن تحلها هذه الوظيفة"، بينما تركز منتجات C-side على "ما الشعور الذي يمكن أن تجلبه هذه الوظيفة".
|
||||
|
||||
| تفكير B-side | تفكير C-side |
|
||||
|---------|---------|
|
||||
| زيادة الكفاءة | توفير الوقت للقيام بالأشياء المحبوبة |
|
||||
| خفض التكاليف | جعل كل فلس يُنفق يستحق ذلك |
|
||||
| حل نقاط الألم | خلق تجارب رائعة |
|
||||
| اكتمال الوظائف | الشعور المثالي |
|
||||
|
||||
### 2. المستويات الثلاثة لخلق الأجواء
|
||||
|
||||
**المستوى الحسي**: تصميم البصر والسمع واللمس
|
||||
- ألوان دافئة
|
||||
- أصوات مهدئة
|
||||
- تأثيرات حركية سلسة
|
||||
|
||||
**المستوى العاطفي**: التواصل مع المشاعر وتوجيهها
|
||||
- فهم مزاج المستخدم
|
||||
- تقديم الدعم العاطفي
|
||||
- خلق مشاعر إيجابية
|
||||
|
||||
**مستوى المعنى**: تقبل القيم والانتماء
|
||||
- جعل المستخدم يشعر بأنه مفهوم
|
||||
- خلق شعور بالانتماء
|
||||
- إضفاء معنى على الفعل
|
||||
|
||||
### 3. قوة الإيحاء النفسي
|
||||
|
||||
تصميم ونصوص منتجات C-end تنقل إيحاءات نفسية:
|
||||
|
||||
- **إيحاء إيجابي**: "لقد قمت بعمل رائع بالفعل"، "خذ وقتك، لا بأس"
|
||||
- **إيحاء بالانتماء**: "الكثيرون مثلك"، "أنت لست وحدك"
|
||||
- **إيحاء بالنمو**: "كل محاولة هي تقدم"، "أنت تتحسن"
|
||||
|
||||
### 4. اجعل المستخدم يصبح نسخة أفضل من نفسه
|
||||
|
||||
أفضل منتجات C-end لا تغير المستخدم، بل تساعده على أن يصبح النسخة التي يرغب في أن يكونها.
|
||||
|
||||
- ليس "يجب عليك..."، بل "يمكنك..."
|
||||
- ليس "يجب أن..."، بل "إذا كنت تريد..."
|
||||
- ليس "أنت لست بعد..."، بل "أنت بالفعل..."
|
||||
|
||||
---
|
||||
|
||||
> 🌟 **تذكر**: ما يشتريه المستخدم النهائي ليس الميزات، بل الشعور؛ وليس الأدوات، بل الرفقة؛ وليس الخدمات، بل الفهم.
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,544 @@
|
||||
---
|
||||
title: 'نموذج الألماس المزدوج: افعل الشيء الصحيح أولاً، ثم افعل الشيء بشكل صحيح'
|
||||
description: 'مقالة تمهيدية عن نموذج الألماس المزدوج Double Diamond للقراء بدون خبرة سابقة. فهم المراحل الأربع Discover و Define و Develop و Deliver، وتجنب الاستعجال في صنع النماذج الأولية قبل توضيح المشكلة.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
const duration = 'حوالي <strong>1.5 ساعة</strong>'
|
||||
</script>
|
||||
|
||||
# نموذج الألماس المزدوج: افعل الشيء الصحيح أولاً، ثم افعل الشيء بشكل صحيح
|
||||
|
||||
<a id="top-dd"></a>
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction
|
||||
:duration="duration"
|
||||
:tags="['Double Diamond', 'التفكير التصميمي', 'تحليل المتطلبات', 'تصميم الحلول']"
|
||||
coreOutput="تعريف مشكلة أوضح ونقطة تحقق أكثر منطقية"
|
||||
expectedOutput="عدم الاستعجال في رسم النموذج الأولي، بل معرفة التفكير في المشكلة أولاً ثم مقارنة الحلول"
|
||||
>
|
||||
|
||||
العديد من الأشخاص عند صنع منتجهم الأول، الخطأ الأكثر شيوعًا ليس "عدم بذل جهد كافٍ"، بل الدخول بسرعة كبيرة في الحل.
|
||||
|
||||
بمجرد أن يظهر اتجاه في الذهن، يبدأون في التفكير في كيفية رسم الصفحة، وأين يوضع الزر، وهل يتم توصيل AI، وهل يتم عمل تسجيل دخول، وبأي أداة يتم رسم النموذج الأولي. بعد جولة كاملة من العمل، يكتشفون أن المشكلة الأساسية لم يتم التفكير فيها بوضوح: هل لدى المستخدم نقطة ألم حقيقية؟ هل هذه المشكلة تستحق الحل الآن؟ تعتقد أنك تتقدم في المشروع، لكنك في الواقع تتسارع فقط في الاتجاه الخاطئ بجدية.
|
||||
|
||||
نموذج الألماس المزدوج (Double Diamond) مصمم لتجنب هذه الحالة.
|
||||
|
||||
أهم تذكير قدمه هو: **"عمل الشيء الصحيح" و"عمل الشيء بشكل صحيح" هما مرحلتان مختلفتان تمامًا.** إذا لم توضح المشكلة بعد، واستعجلت في صنع نموذج أولي، فعادةً ما ستجعل الاتجاه الخاطئ أكثر اكتمالاً فقط.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info الحد الأدنى من SOP
|
||||
**الهدف**: بعد القراءة، ستكون أكثر وضوحًا حول متى يجب التفكير في المشكلة أولاً ومتى يجب البدء في التفكير في الحلول والنماذج الأولية عند صنع المنتج، لتجنب العمل بجدية في الاتجاه الخاطئ منذ البداية.
|
||||
|
||||
**خطوات العمل**: اتبع الخطوات الأربع `Discover → Define → Develop → Deliver`، وقم فقط بما يجب القيام به في المرحلة الحالية.
|
||||
|
||||
**النتيجة**: ستحصل على تعريف مشكلة أوضح، والعديد من الحلول القابلة للمقارنة، وأصغر نسخة قابلة للتحقق.
|
||||
|
||||
**روابط سريعة**: [ما هو نموذج الألماس المزدوج](#dd-what) · [الألماس الأول](#dd-first) · [كيف يساعدك AI](#dd-ai)
|
||||
:::
|
||||
|
||||
## ما ستتعلمه في هذا الفصل
|
||||
|
||||
1. ما هو نموذج الألماس المزدوج، ولماذا هو مناسب للمبتدئين عند صنع المنتجات
|
||||
2. ماذا تفعل المراحل الأربع Discover و Define و Develop و Deliver على التوالي
|
||||
3. كيف نفرق بين "الآن يجب الاستمرار في التوسع" و"الآن يجب البدء في التضييق"
|
||||
4. كيفية استخدام نموذج الألماس المزدوج في منتجات AI وتصميم النماذج الأولية والتحقق من المتطلبات
|
||||
|
||||
<a id="dd-what"></a>
|
||||
## [1. ما هو نموذج الألماس المزدوج بالضبط](#top-dd)
|
||||
|
||||
نموذج الألماس المزدوج هو إطار عمل تصميم كلاسيكي روجت له **Design Council** البريطانية. يرسم عملية التصميم والابتكار الكاملة في شكل ألماسين متتاليين.
|
||||
|
||||
السبب في كونه "ألماسًا" هو أن كل ألماس يحتوي على نوعين من الأفعال المتعاكسة لكنها مهمة بنفس القدر:
|
||||
|
||||
- **التوسع**: افتح الأفق أولاً، وانظر إلى المزيد من الاحتمالات
|
||||
- **التضييق**: ثم ضيق النطاق، واتخذ القرارات والتضحيات
|
||||
|
||||
العملية الكاملة تتكون من أربع خطوات:
|
||||
|
||||
1. **Discover**: فهم واسع للمستخدمين والمشاكل والبيئة والسوق
|
||||
2. **Define**: استخلاص المشكلة الأساسية التي تستحق الحل حقًا من كمية كبيرة من المعلومات
|
||||
3. **Develop**: تطوير حلول متعددة متنوعة حول المشكلة الأساسية
|
||||
4. **Deliver**: الفرز، صنع النماذج الأولية، الاختبار، وتسليم الحل الأنسب
|
||||
|
||||
إذا ضغطت هذه الخطوات الأربع في جملة واحدة أسهل في التذكر، فهي:
|
||||
|
||||
- **الألماس الأول**: أوضح أولاً ما هي المشكلة التي يجب حلها بالضبط
|
||||
- **الألماس الثاني**: ثم قرر بأي حل ستحلها
|
||||
|
||||
وهذه هي الجملة الدقيقة التي قلتها:
|
||||
|
||||
- **الألماس الأول: عمل الشيء الصحيح**
|
||||
- **الألماس الثاني: عمل الشيء بشكل صحيح**
|
||||
|
||||
## 2. لماذا نموذج الألماس المزدوج مناسب بشكل خاص للمبتدئين
|
||||
|
||||
الإيقاع الأكثر شيوعًا بين المبتدئين عند صنع المنتجات غالبًا ما يكون هكذا:
|
||||
|
||||
- التفكير في فكرة
|
||||
- الشعور بأن هذا الاتجاه رائع
|
||||
- البدء فورًا في رسم النموذج الأولي
|
||||
- أثناء العمل، اكتشاف أن الوظائف تزداد أكثر فأكثر
|
||||
- في النهاية، عدم المعرفة ما هي المشكلة التي يتم حلها بالضبط
|
||||
|
||||
قيمة نموذج الألماس المزدوج ليست في جعل العملية معقدة، بل في **إجبارك على فصل "فهم المشكلة" و"تصميم الحل"**.
|
||||
|
||||
هذا الأمر يبدو عاديًا، لكنه مهم جدًا في الواقع. لأن العديد من المنتجات الفاشلة لم تفشل لأن التنفيذ لم يكن جادًا، بل لأن:
|
||||
|
||||
- تم اختيار المشكلة الخاطئة
|
||||
- تم سوء فهم المستخدم
|
||||
- تم تثبيت الحل مبكرًا جدًا
|
||||
- تم إنفاق الكثير من الوقت في صقل التفاصيل، دون التحقق من الاتجاه
|
||||
|
||||
نموذج الألماس المزدوج يذكرك باستمرار:
|
||||
|
||||
- لا تفترض أن المشكلة ثابتة لمجرد أن الفكرة مريحة
|
||||
- لا تفترض أن الحل يستحق التنفيذ لمجرد أنه يمكن صنعه
|
||||
- لا تفترض أن المستخدم سيحتاجه حقًا لمجرد أن النموذج الأولي يبدو كاملًا
|
||||
|
||||
<a id="dd-first"></a>
|
||||
## [3. الألماس الأول: عمل الشيء الصحيح](#top-dd)
|
||||
|
||||
الألماس الأول يركز على **المشكلة نفسها**، وليس الحل.
|
||||
|
||||
يمكنك فهمه كجملة واحدة: **لا تستعجل في العمل، أوضح أولاً ما إذا كان يستحق العمل أم لا.**
|
||||
|
||||
### 3.1 Discover: افتح مساحة المشكلة أولاً
|
||||
|
||||
المهمة الأساسية لمرحلة Discover هي **البحث الواسع، وليس الاستنتاج السريع**.
|
||||
|
||||
ما يتم فعله عادةً في هذه الخطوة يشمل:
|
||||
|
||||
- مشاهدة كيف يعمل المستخدمون في السيناريوهات الحقيقية
|
||||
- مقابلة المستخدمين المحتملين، ومعرفة متى واجهوا المشكلة آخر مرة
|
||||
- مراقبة كيف يتدبرون الأمر حاليًا
|
||||
- النظر إلى كيفية تعامل المنافسين والبدائل
|
||||
- جمع معلومات السوق والعمليات والقيود وسلسلة القيمة
|
||||
|
||||
العديد من الأشخاص يخطئون في الاعتقاد بأن Discover هو مجرد "مشاهدة المزيد من المعلومات". لكن الأهم هو: **تحتاج إلى فهم الأشخاص والسيناريوهات، وليس فقط البحث عن كومة من المعلومات.**
|
||||
|
||||
مثلاً، إذا كنت تريد صنع أداة "AI يساعد في تنظيم محاضر الاجتماعات"، ففي مرحلة Discover يجب أن تركز أكثر على:
|
||||
|
||||
- أين يكون المستخدم في أكثر ألم بعد الاجتماع
|
||||
- هل الصعوبة في التدوين، أم في التنظيم، أم في المشاركة
|
||||
- هل يكتبون بأنفسهم، أم يجعلون المتدربين يكتبون، أم يستمعون للتسجيل مرة أخرى، أم لا ينظمون أبدًا
|
||||
- أي سيناريوهات الاجتماعات تحتاج أكثر لمحاضر، وأيها لا تحتاج أبدًا
|
||||
|
||||
الهدف الأهم في هذه الخطوة ليس الوصول إلى إجابة، بل **لا تعتقد أنك تعرف الإجابة مبكرًا جدًا.**
|
||||
|
||||
### 3.2 Define: استخلص المشكلة الأساسية من كومة المعلومات
|
||||
|
||||
إذا كان Discover هو فتح الأفق، فإن Define هو بدء التضييق.
|
||||
|
||||
ما يجب فعله في مرحلة Define ليس الاحتفاظ بكل الملاحظات، بل السؤال:
|
||||
|
||||
- أي مشكلة هي الأكثر استحقاقًا للحل أولاً
|
||||
- أي مشكلة هي الأكثر تكرارًا والأكثر ألمًا والأكثر قيمة
|
||||
- أي سيناريو سنستهدفه فقط في النسخة الأولى
|
||||
|
||||
جوهر هذه الخطوة هو تحويل موضوع واسع إلى تعريف مشكلة واضح.
|
||||
|
||||
مثلاً، في البداية قد تقول:
|
||||
|
||||
> أريد صنع أداة AI لتحسين كفاءة الاجتماعات.
|
||||
|
||||
في مرحلة Define، قد يصبح التعبير الأفضل:
|
||||
|
||||
> سنحل أولاً مشكلة عدم قدرة فرق المشاريع على إخراج محضر يتضمن المهام والمسؤولين والمواعيد النهائية في غضون 10 دقائق بعد اجتماعات التعاون التي تستمر من 30 إلى 60 دقيقة.
|
||||
|
||||
هنا تبدأ المشكلة في الوضوح:
|
||||
|
||||
- من هو المستخدم
|
||||
- ما هو السيناريو
|
||||
- ما هو العائق
|
||||
- ما هو معيار النجاح
|
||||
|
||||
جوهر Define هو **التضييق من "مشاكل كثيرة" إلى "أي مشكلة سنحلها أولاً هذه المرة".**
|
||||
|
||||
## 4. الألماس الثاني: عمل الشيء بشكل صحيح
|
||||
|
||||
عندما تكمل الألماس الأول، حينها فقط تكون مناسبًا حقًا للدخول في الألماس الثاني. لأنك في هذه اللحظة لا تحل اتجاهًا غامضًا، بل مشكلة محددة تم تضييقها.
|
||||
|
||||
### 4.1 Develop: تطوير حلول متنوعة حول المشكلة الأساسية
|
||||
|
||||
تركيز مرحلة Develop هو **استكشاف حلول محتملة متعددة حول نفس المشكلة**.
|
||||
|
||||
لاحظ أن التوسع هنا يختلف عن مرحلة Discover.
|
||||
|
||||
- توسع Discover هو استكشاف مساحة المشكلة
|
||||
- توسع Develop هو استكشاف مساحة الحلول
|
||||
|
||||
بالعودة إلى مثال محاضر الاجتماعات، في مرحلة Develop، يمكنك البدء في التفكير:
|
||||
|
||||
- هل نصنع أداة ويب أم إضافة للاجتماعات
|
||||
- هل نعالج بعد رفع التسجيل أم نسجل في الوقت الفعلي
|
||||
- هل نعمل ملخص فقط أم نركز على استخراج المهام
|
||||
- هل نؤكد على الكفاءة الشخصية أم على مزامنة الفريق
|
||||
- هل نعطي المستخدم حرية التعديل أم نخرج قالبًا منظمًا مباشرة
|
||||
|
||||
هذه الخطوة مناسبة جدًا للعصف الذهني، ومناسبة جدًا أيضًا للعمل مع الفريق لفتح الحلول.
|
||||
|
||||
لكن هناك شرط مسبق: **جميع الحلول يجب أن تخدم نفس المشكلة المحددة.**
|
||||
إذا لم يتم تعريف المشكلة بوضوح، فمن السهل أن يتحول Develop مرة أخرى إلى فوضى في الوظائف.
|
||||
|
||||
### 4.2 Deliver: اختيار الحل، صنع النموذج الأولي، الاختبار والتسليم
|
||||
|
||||
مرحلة Deliver هي مرحلة التضييق في الألماس الثاني.
|
||||
|
||||
ما يجب عليك فعله هنا ليس الاستمرار في التفكير في المزيد، بل بدء الحكم:
|
||||
|
||||
- أي حل هو الأنسب للمرحلة الحالية
|
||||
- أي نسخة هي الأصغر لكنها الأكثر فائدة
|
||||
- أي الوظائف يجب تنفيذها أولاً وأيها يمكن تأجيله
|
||||
- كيفية صنع نموذج أولي واختباره والتحقق منه على نطاق صغير
|
||||
|
||||
العديد من الأشخاص يعتقدون أن Deliver يعني "الإطلاق". في الواقع معناه الأكثر دقة هو: **تحويل حل إلى شيء قابل للاختبار والتحقق والتكرار.**
|
||||
|
||||
قد يكون:
|
||||
|
||||
- مخطط تدفق منخفض الدقة
|
||||
- نموذج أولي Figma
|
||||
- MVP قابل للتشغيل
|
||||
- اختبار مستخدمين على نطاق صغير
|
||||
- نسخة مكررة بعد تغذية راجعة حقيقية
|
||||
|
||||
تركيز Deliver ليس "التسليم المثالي"، بل **وضع الحل في بيئة حقيقية للتحقق في أسرع وقت ممكن.**
|
||||
|
||||
## 5. جدول مقارنة سهل التذكر
|
||||
|
||||
إذا كنت دائمًا تخلط بين المراحل الأربع، يمكنك حفظ هذا الإصدار مباشرة:
|
||||
|
||||
| المرحلة | ماذا تفعل | الكلمات المفتاحية | المخرجات الشائعة |
|
||||
| --- | --- | --- | --- |
|
||||
| Discover | فهم المشكلة | بحث، مراقبة، مقابلات، جمع معلومات | رؤى المستخدمين، ملاحظات السيناريوهات، قائمة المشاكل |
|
||||
| Define | تعريف المشكلة | استخلاص، تركيز، تضحيات، إعادة صياغة المشكلة | تعريف المشكلة، الأولويات، نقطة دخول MVP |
|
||||
| Develop | استكشاف الحلول | عصف ذهني، مقارنة، إبداع مشترك، تصور النماذج الأولية | قائمة الحلول، مخططات التدفق، اتجاهات النماذج الأولية |
|
||||
| Deliver | التحقق من الحلول | نموذج أولي، اختبار، تكرار، تسليم | نموذج أولي، تغذية راجعة من الاختبار، نسخة محسنة |
|
||||
|
||||
وإذا ضغطنا أكثر، فهذا هو الشكل:
|
||||
|
||||
- **Discover / Define**: حل "عمل الشيء الصحيح"
|
||||
- **Develop / Deliver**: حل "عمل الشيء بشكل صحيح"
|
||||
|
||||
## 6. أخطاء نموذج الألماس المزدوج الأكثر شيوعًا
|
||||
|
||||
### 6.1 Discover لم يكتمل بعد، وتم الانتقال مباشرة إلى Deliver
|
||||
|
||||
هذا هو الأكثر شيوعًا. العديد من الأشخاص بمجرد أن تكون لديهم فكرة يبدأون في رسم النماذج الأولية وكتابة PRD وتوصيل النماذج وصنع الصفحات.
|
||||
|
||||
المشكلة ليست أنك لا تعمل بجدية، بل أنك ربما لم تؤكد بعد ما إذا كانت المشكلة تستحق الحل.
|
||||
|
||||
### 6.2 Discover لفترة طويلة، لكن Define لا يحدث أبدًا
|
||||
|
||||
النوع الآخر من المتطرفين هو البحث المستمر، والاطلاع المستمر على المواد، والمقابلات المستمرة، لكن عدم الجراءة على التضييق.
|
||||
|
||||
الألماس المزدوج ليس لجعلك تتوسع إلى ما لا نهاية، بل لتذكيرك: بعد التوسع يجب الدخول في الحكم والتضحيات.
|
||||
|
||||
### 6.3 بعد Define، يتم تعديل المشكلة سرًا
|
||||
|
||||
العديد من الفرق في مرحلة Develop، بسبب سهولة حل معين، تقوم بتعديل تعريف المشكلة بشكل عكسي ليتوافق مع الحل الموجود.
|
||||
|
||||
هذا خطير جدًا. لأنك ربما لا تحل المشكلة، بل تبحث عن مبرر للحل الذي تفضله.
|
||||
|
||||
### 6.4 سوء فهم Deliver على أنه "إطلاق شامل"
|
||||
|
||||
Deliver لا يعني أنه لا يُعد منتهيًا إلا بعد إكمال المنتج بالكامل. في كثير من الأحيان، نموذج أولي قابل للاختبار، أو جولة تجريب مستخدمين حقيقيين، هي بالفعل deliver جيد.
|
||||
|
||||
## 7. في منتجات AI، كيفية استخدام نموذج الألماس المزدوج
|
||||
|
||||
منتجات AI عرضة بشكل خاص للوقوع في فخ "القدرات أولاً"، لأن قدرات النموذج تبدو مغرية جدًا. ستشعر برغبة قوية في التفكير مباشرة:
|
||||
|
||||
- هل يتم توصيل الوسائط المتعددة
|
||||
- هل يتم عمل Agent
|
||||
- هل يتم إضافة سير عمل
|
||||
- هل يتم توصيل الصوت والصور والبحث عبر الإنترنت
|
||||
|
||||
لكن نموذج الألماس المزدوج سيجبرك على السؤال أولاً:
|
||||
|
||||
- أين يعلق المستخدم حقًا
|
||||
- هل هذه النقطة العائقية تتطلب AI حتمًا
|
||||
- إذا لم يتم استخدام AI، فأين أسوأ جزء في الطريقة الحالية
|
||||
- بعد إضافة AI، ما هو التقدم الأساسي
|
||||
|
||||
هذا يساعدك في تجنب حالة شائعة: **قدرات قوية جدًا، لكن القيمة ضعيفة جدًا.**
|
||||
|
||||
ترتيب عملي هو:
|
||||
|
||||
1. في مرحلة Discover، راقب كيف يتعامل المستخدمون مع المهام حاليًا
|
||||
2. في مرحلة Define، اكتب السيناريو الأكثر ألمًا كتعريف مشكلة واضح
|
||||
3. في مرحلة Develop، قارن أي قدرات AI هي الأنسب لخدمة هذه المشكلة
|
||||
4. في مرحلة Deliver، اصنع أصغر نسخة ودع المستخدمين الحقيقيين يختبرونها
|
||||
|
||||
## 8. قالب ألماس مزدوج يمكن استخدامه مباشرة
|
||||
|
||||
إذا كنت تصنع منتجك الخاص، يمكنك البدء بالكتابة وفقًا لهذا الترتيب:
|
||||
|
||||
### Discover
|
||||
|
||||
- من هم المستخدمون الذين لاحظتهم؟
|
||||
- متى واجهوا هذه المشكلة آخر مرة؟
|
||||
- كيف يحلونها حاليًا؟
|
||||
- أين يكون أكثر ما يزعجهم وأبطأهم وأقل ما يطمئنهم؟
|
||||
|
||||
### Define
|
||||
|
||||
- من بين هذه المشاكل، أيها الأكثر استحقاقًا للحل أولاً؟
|
||||
- أي سيناريو هو الأكثر تكرارًا أو الأكثر أهمية؟
|
||||
- من سنخدم في النسخة الأولى فقط، وماذا سنحل فقط؟
|
||||
- بعد الحل الناجح، ماذا سيتغير في حالة المستخدم؟
|
||||
|
||||
### Develop
|
||||
|
||||
- بالنسبة لهذه المشكلة، ما هي الحلول المحتملة؟
|
||||
- أي الحلول هي الأخف والأسرع والأسهل للتحقق؟
|
||||
- أيها يجب عمله، وأيها يمكن تأجيله؟
|
||||
|
||||
### Deliver
|
||||
|
||||
- ما هو أصغر شيء يمكننا تسليمه للتحقق من هذا الاتجاه؟
|
||||
- هل هو مخطط تدفق، أم نموذج أولي، أم MVP؟
|
||||
- من نحتاج لاختباره؟
|
||||
- بعد الاختبار، كيف نحكم على ما إذا كنا سنستمر أم نعدل أم نتخلى؟
|
||||
|
||||
## 9. مثال يمكن فهمه حتى من المبتدئين تمامًا
|
||||
|
||||
لنفترض أنك تريد صنع أداة AI "تساعد طلاب الجامعات في إعداد سيرهم الذاتية للبحث عن عمل".
|
||||
|
||||
العديد من الأشخاص في البداية سيدخلون مباشرة في الألماس الثاني، ويبدأون في التفكير:
|
||||
|
||||
- هل يتم تجميل تلقائي بنقرة واحدة
|
||||
- هل يتم إعادة كتابة ذكية
|
||||
- هل يتم مطابقة تلقائية مع وصف الوظيفة
|
||||
- هل يتم توليد مقدمة ذاتية
|
||||
|
||||
لكن وفقًا لنموذج الألماس المزدوج، العملية الأفضل ستكون:
|
||||
|
||||
### الألماس الأول
|
||||
|
||||
**Discover**
|
||||
|
||||
- تحدث مع الخريجين الجدد عن متى عدلوا سيرتهم الذاتية آخر مرة
|
||||
- انظر كيف يحولون سيرتهم القديمة إلى نسخة جديدة
|
||||
- افهم ما يزعجهم أكثر: "لا أعرف كيف أكتب" أم "لا أعرف كيف أعدل" أم "لا أعرف كيف أحكم على جودتها"
|
||||
|
||||
**Define**
|
||||
|
||||
- أخيرًا تضيق إلى مشكلة أكثر تحديدًا:
|
||||
- ليس "طلاب الجامعات لا يعرفون كيف يصنعون سيرة ذاتية"
|
||||
- بل "الطالب الذي يقدم على تدريب لأول مرة، يجد صعوبة في تحويل خبراته السابقة إلى تعبيرات تتناسب مع الوظيفة، ولذلك يؤخر التقديم"
|
||||
|
||||
### الألماس الثاني
|
||||
|
||||
**Develop**
|
||||
|
||||
- فكر في عدة حلول: مكتبة قوالب، إعادة كتابة AI، مقارنة مع الوظيفة، تقييم السيرة الذاتية، مراجع حالات
|
||||
|
||||
**Deliver**
|
||||
|
||||
- النسخة الأولى فقط "إعادة كتابة نقاط الخبرة بناءً على وصف الوظيفة"
|
||||
- جربها مع 5 طلاب، وانظر ما إذا كانوا سيقدمون النسخة الأولى من سيرتهم الذاتية بشكل أسرع
|
||||
|
||||
ستكتشف أنه بمجرد أن يتم تنفيذ الألماس الأول بشكل متين، سيكون الألماس الثاني أوضح بكثير.
|
||||
|
||||
## 10. ملخص
|
||||
|
||||
أقوى جانب في نموذج الألماس المزدوج هو أنه يساعدك في تقسيم كتلة الفوضى الكاملة إلى أربع حركات أوضح:
|
||||
|
||||
- توسع أولاً لفهم المشكلة
|
||||
- ثم ضيق لتعريف المشكلة
|
||||
- ثم توسع لاستكشاف الحلول
|
||||
- وأخيرًا ضيق لتسليم الحل
|
||||
|
||||
إنه لا يجعلك أبطأ، بل يجعلك **توفر الكثير من المسارات التي تبدو مشغولة لكنها في الاتجاه الخاطئ.**
|
||||
|
||||
خاصة في عصر AI، حيث أصبح صنع الأشياء أسرع فأسرع، يصبح نموذج الألماس المزدوج أكثر أهمية. لأنه عندما يصبح "الصنع" أسهل فأسهل، ستكون القدرة النادرة حقًا هي: **هل تحل مشكلة تستحق الحل، وهل تستخدم الطريقة المناسبة لحلها.**
|
||||
|
||||
تذكر هذه الجملة فقط:
|
||||
|
||||
**افعل الشيء الصحيح أولاً، ثم افعل الشيء بشكل صحيح.**
|
||||
|
||||
<a id="dd-ai"></a>
|
||||
## [11. كيفية استخدام AI لمساعدتك في تشغيل عملية الألماس المزدوج](#top-dd)
|
||||
|
||||
نموذج الألماس المزدوج نفسه ليس أداة AI، لكن AI مناسب جدًا ليكون "مسرعًا" في المراحل الأربع. المفتاح ليس جعل AI يتخذ القرارات بدلاً منك، بل جعله يساعدك في توسيع الأفق وتنظيم المعلومات ومقارنة الحلول وتوليد مواد التحقق.
|
||||
|
||||
### 11.1 في مرحلة Discover، استخدم AI للقيام بجولة تمهيدية للمعلومات
|
||||
|
||||
قبل المقابلات والبحث الرسمي، يمكنك جعل AI يساعدك في عمل مسح خفيف للمشاكل، مثلاً:
|
||||
|
||||
- ما هي البدائل الشائعة في السوق
|
||||
- عما يشكو المستخدمون أكثر في المجتمعات العامة
|
||||
- في أي سيناريوهات ومجموعات تظهر هذه المشكلة عادةً
|
||||
- ما الذي تتجاهله المنتجات الحالية عادةً
|
||||
|
||||
هذه الخطوة لا يمكنها استبدال البحث الحقيقي، لكنها مناسبة جدًا لمساعدتك في بناء خريطة مشاكل بسرعة.
|
||||
|
||||
إدخال بسيط للمبتدئين يمكن أن يكون:
|
||||
|
||||
```text
|
||||
أريد صنع أداة تساعد طلاب الجامعات في تعديل سيرهم الذاتية.
|
||||
لا تساعدني في التفكير في الوظائف أولاً، بل ساعدني في رؤية ما هي المشاكل الأكثر شيوعًا التي يواجهها الناس في هذه المسألة.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
خريطة المشاكل الأولية:
|
||||
|
||||
1. لا أعرف ما هي الخبرات التي يجب كتابتها
|
||||
2. لا أعرف كيف أعدل لتناسب الوظيفة
|
||||
3. عدلت عدة نسخ لكنني لا أزال غير متأكد مما إذا كانت جيدة بما فيه الكفاية
|
||||
4. أحتاج شخصًا يراجع لي، لكن من المحرج أن أزعج الآخرين في كل مرة
|
||||
5. بسبب عدم اليقين، أؤخر التقديم دائمًا
|
||||
```
|
||||
|
||||
هدف هذا النوع من المخرجات ليس أن يستنتج بدلاً منك، بل أن يساعدك في الدخول إلى Discover بشكل أسرع.
|
||||
|
||||
### 11.2 في مرحلة Define، دع AI يساعدك في تضييق تعريف المشكلة
|
||||
|
||||
العديد من الأشخاص بعد جمع كومة من المواد، أصعب شيء هو ضغط المشكلة في جملة واحدة واضحة حقًا. يمكنك تسليم ملاحظات البحث إلى AI وجعله يساعدك في ضغطها في عدة تعريفات مشاكل مرشحة:
|
||||
|
||||
```text
|
||||
فيما يلي ملاحظات البحث وتغذية المستخدمين التي جمعتها في مرحلة Discover:
|
||||
[ألصق المحتوى]
|
||||
|
||||
ساعدني في ثلاثة أشياء:
|
||||
1. تلخيص أنماط المشاكل الأكثر تكرارًا
|
||||
2. ترتيب 3 مشاكل تستحق الحل أولاً حسب تكرار المشكلة وشدة الألم وقابلية التحقق
|
||||
3. اكتب كل مشكلة كتعريف مشكلة محدد في جملة واحدة
|
||||
```
|
||||
|
||||
هذا سيساعدك على الدخول إلى Define بشكل أسهل، بدلاً من البقاء في حالة "المشاكل كثيرة".
|
||||
|
||||
يمكنك حتى كتابة الإدخال ببساطة شديدة:
|
||||
|
||||
```text
|
||||
المشاكل التي جمعتها حاليًا هي:
|
||||
1. الجميع لا يعرف ماذا يكتب في السيرة الذاتية
|
||||
2. الجميع لا يعرف كيف يعدل
|
||||
3. الجميع يشعر دائمًا بأنه لم يعدل بشكل جيد ويخاف من التقديم
|
||||
|
||||
ساعدني في رؤية أي مشكلة أنسب للحل أولاً في النسخة الأولى.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
المشكلة المقترح حلها أولاً:
|
||||
|
||||
"الطالب الذي يقدم على تدريب لأول مرة، غير متأكد مما إذا كانت سيرته الذاتية قد وصلت إلى مستوى قابل للتقديم، ولذلك يعدلها مرارًا ويؤخر التقديم."
|
||||
|
||||
الأسباب:
|
||||
1. هذه المشكلة أكثر تحديدًا
|
||||
2. يمكنها تفسير سلوك التأجيل
|
||||
3. أسهل في تصميم نسخة صغيرة للتحقق
|
||||
```
|
||||
|
||||
هذا النوع من المخرجات مفيد جدًا، لأنه يساعدك على التضييق من كومة مشاكل غامضة إلى تعريف أقرب إلى نقطة بداية MVP.
|
||||
|
||||
### 11.3 في مرحلة Develop، استخدم AI لتوسيع حلول متعددة
|
||||
|
||||
العديد من الأشخاص بمجرد تعريف المشكلة، يركزون فقط على الحل الأول الذي يتبادر إلى الذهن. AI مناسب جدًا في هذه الخطوة لمساعدتك في التوسيع الإجباري:
|
||||
|
||||
```text
|
||||
لقد عرفت المشكلة الأساسية: [تعريف مشكلتك]
|
||||
لا تعطيني إجابة نهائية مباشرة، بل اقترح 2-3 اتجاهات حل من كل من الزوايا التالية:
|
||||
1. MVP الأخف
|
||||
2. الحل الأنسب للتحقق من الطلب
|
||||
3. الحل الأنسب لتحسين التجربة
|
||||
4. حل لا يعتمد على AI
|
||||
5. حل يعتمد على AI
|
||||
أخيرًا قارن مزايا ومخاطر وتكلفة التحقق لكل حل.
|
||||
```
|
||||
|
||||
بهذه الطريقة لن تكون مقيدًا بحل واحد في مرحلة مبكرة جدًا.
|
||||
|
||||
يمكنك كتابة إدخال بسيط:
|
||||
|
||||
```text
|
||||
تعريف مشكلتي الحالي هو:
|
||||
"طالب الجامعة غير متأكد مما إذا كانت سيرته الذاتية يمكن تقديمها، ولذلك يؤخر التقديم دائمًا."
|
||||
|
||||
ساعدني في التفكير في 4 حلول مختلفة، لا تعطيني واحدًا فقط.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
الحل 1: قائمة تحقق لقابلية تقديم السيرة الذاتية
|
||||
الحل 2: إعادة كتابة مستهدفة بناءً على وصف الوظيفة
|
||||
الحل 3: تقديم تحذيرات المخاطر بعد أن يحمل المستخدم سيرته الذاتية
|
||||
الحل 4: تقديم مقارنة مع حالات ممتازة لمساعدة المستخدم في تقييم الفجوة
|
||||
```
|
||||
|
||||
هذا يجعل من الأسهل الدخول في "مقارنة الحلول" بدلاً من التركيز فقط على اتجاه إعادة كتابة AI منذ البداية.
|
||||
|
||||
### 11.4 في مرحلة Deliver، استخدم AI لتوليد نصوص النماذج الأولية ومواد الاختبار
|
||||
|
||||
عندما تدخل مرحلة Deliver، AI مناسب جدًا لتسريع هذه الأعمال:
|
||||
|
||||
- توليد نصوص الصفحات في النماذج الأولية منخفضة الدقة
|
||||
- تنظيم سكريبت اختبار المستخدمين
|
||||
- توليد عدة إصدارات قابلة للمقارنة من العناوين والأزرار والتعليمات
|
||||
- تنظيم التغذية الراجعة وقائمة المشاكل بعد الاختبار
|
||||
|
||||
مثلاً، يمكنك جعل AI يساعدك في توليد سكريبت اختبار مستخدمين لمدة 20 دقيقة، أو مساعدتك في تنظيم تغذية 5 مستخدمين راجعة إلى أساس حكم "استمر / عدل الاتجاه / توقف".
|
||||
|
||||
إدخال بسيط يمكن أن يكون:
|
||||
|
||||
```text
|
||||
صنعت نموذجًا أوليًا بسيطًا جدًا:
|
||||
المستخدم يحمل سيرته الذاتية، والنظام يخبره بأي الأماكن لا تزال غير مناسبة للتقديم.
|
||||
|
||||
ساعدني في توليد سكريبت اختبار مستخدمين لمدة 15 دقيقة.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
سكريبت اختبار 15 دقيقة:
|
||||
|
||||
1. اطلب من المستخدم أولًا وصف تجربة تقديم السيرة الذاتية الأخيرة
|
||||
2. دع المستخدم يكمل تحميل السيرة الذاتية بشكل مستقل
|
||||
3. راقب ما إذا كان يفهم نتائج التغذية الراجعة
|
||||
4. اسأل: أي من هذه التلميحات كانت الأكثر فائدة، وأيها أربكك
|
||||
5. اسأل: قبل التقديم المرة القادمة، هل تريد استخدامه مرة أخرى
|
||||
```
|
||||
|
||||
هذا النوع من المخرجات عملي جدًا، لأنه يساعدك على الانتقال من "أنهيت النموذج الأولي" إلى "كيف أختبر بعد ذلك".
|
||||
|
||||
### 11.5 دع AI يلعب دور "حارس المرحلة"
|
||||
|
||||
أكثر المشاكل شيوعًا في نموذج الألماس المزدوج هو أن الأشخاص يتخطون المراحل. يمكنك جعل AI مباشرة يعمل كحارس، يذكرك في أي مرحلة أنت بالضبط:
|
||||
|
||||
```text
|
||||
العب دور مدرب عملية المنتج.
|
||||
فيما يلي حالة مشروعي الحالية: [وصفك]
|
||||
احكم على ما إذا كنت أشبه بالوجود في Discover أم Define أم Develop أم Deliver.
|
||||
وأخبرني:
|
||||
1. هل قفزت مبكرًا جدًا إلى المرحلة التالية
|
||||
2. ما هو الإجراء الأكثر أهمية الذي يجب إكماله في المرحلة الحالية
|
||||
3. أي الأشياء يجب ألا أفعلها الآن
|
||||
```
|
||||
|
||||
هذا مفيد جدًا للمبتدئين، لأنك تتسرع بسهولة في "رسم النموذج الأولي قبل أن توضح المشكلة".
|
||||
|
||||
## 📚 الواجبات
|
||||
|
||||
يرجى إكمال الواجبات التالية بناءً على المحتوى أعلاه:
|
||||
|
||||
1. اختر فكرة منتج تريد صنعها مؤخرًا، واكتب مسودتها في أربع خطوات Discover و Define و Develop و Deliver
|
||||
2. في مرحلة Define، أجبر نفسك على تقليص المشكلة إلى جملة واحدة محددة
|
||||
3. في مرحلة Develop، اذكر 3 حلول مختلفة على الأقل، بدلاً من التركيز فقط على أول فكرة تتبادر إلى الذهن
|
||||
4. في مرحلة Deliver، اكتب أصغر نسخة تحقق يمكن تسليمها في غضون أسبوع
|
||||
|
||||
## قراءة إضافية
|
||||
|
||||
هذه المقالة تشير أساسًا إلى المواد الرسمية من Design Council حول Double Diamond، وهي مناسبة للمتابعة والقراءة:
|
||||
|
||||
- [Design Council: The Double Diamond](https://www.designcouncil.org.uk/our-resources/the-double-diamond/)
|
||||
- [Design Council: Framework for Innovation](https://www.designcouncil.org.uk/our-work/skills-learning/tools-frameworks/framework-for-innovation-design-councils-evolved-double-diamond/)
|
||||
- [Design Council: History of the Double Diamond](https://www.designcouncil.org.uk/our-resources/the-double-diamond/history-of-the-double-diamond/)
|
||||
@@ -0,0 +1,301 @@
|
||||
---
|
||||
title: 'من أين تأتي الأفكار: 3 مصادر مرجعية مناسبة جدًا للمبتدئين'
|
||||
description: 'مقالة تمهيدية حول مصادر أفكار المنتجات للقراء بدون خبرة سابقة. تركز على تنظيم المواقع المناسبة لتصفح الأفكار ومصادر الاتجاهات والأعمال الحقيقية وقوائم المستثمرين، لمساعدتك في العثور على اتجاهات أكثر تحديدًا بسرعة.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
const duration = 'حوالي <strong>1.5 ساعة</strong>'
|
||||
</script>
|
||||
|
||||
# من أين تأتي الأفكار: 3 مصادر مرجعية الأكثر ملاءمة للمبتدئين
|
||||
|
||||
<a id="top-idea-sources"></a>
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction
|
||||
:duration="duration"
|
||||
:tags="['البحث عن أفكار', 'اتجاه المنتج', 'اكتشاف الاحتياجات', 'مراقبة الصناعة']"
|
||||
coreOutput="اتجاه منتج أكثر تحديدًا يستحق المتابعة"
|
||||
expectedOutput="معرفة أين تتصفح وكيف تنظر وما الذي تنظر إليه أولاً، بدلاً من البقاء مع أفكار فارغة مثل 'AI + صناعة معينة'"
|
||||
>
|
||||
|
||||
العديد من الأشخاص يتعثرون في الخطوة الأولى، ليس لأنهم لا يملكون أي إلهام على الإطلاق، بل لأنهم بعد تصفح الكثير من المحتوى، ما يبقى في أذهانهم هم مجرد مصطلحات كبيرة:
|
||||
|
||||
- AI for education
|
||||
- AI for healthcare
|
||||
- AI for finance
|
||||
- AI agent for business
|
||||
|
||||
هذه ليست أفكارًا بعد. إنها فقط تخبرك بأن "الاتجاه كبير"، لكنها لا تخبرك بـ:
|
||||
|
||||
- من يستخدمه
|
||||
- في أي سيناريو يُستخدم
|
||||
- كيف يتعاملون معه حاليًا
|
||||
- أي خطوة تستحق البدء بها أولاً
|
||||
|
||||
هذه المقالة لا تتحدث عن منهجيات فارغة، بل تنظم مباشرة مجموعة من المصادر الأكثر فائدة لك.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info الحد الأدنى من SOP
|
||||
**الهدف**: بعد القراءة، ستتعرف على أين تتصفح عندما لا يكون لديك أفكار، وأي الروابط مناسبة لرؤية "الاحتياجات المحددة"، وأيها مناسب لرؤية "الاتجاهات"، وأيها مناسب لرؤية "الأعمال الحقيقية".
|
||||
|
||||
**خطوات العمل**: تصفح قائمة الأفكار أولاً، ثم انظر إلى المنتجات الصغيرة المربحة، ثم اطلع على الاتجاهات والمصادر الأكثر ارتباطًا بالأعمال، وأخيرًا احتفظ باتجاه واحد أنت مستعد لمواصلته.
|
||||
|
||||
**النتيجة**: ستحصل على اتجاه أكثر تحديدًا يستحق التحقق، بدلاً من التوقف عند المصطلحات الكبيرة.
|
||||
|
||||
**روابط سريعة**: [قائمة التطبيقات المرجعية](#idea-apps) · [مصادر الاتجاهات](#idea-trends) · [مصادر أكثر ارتباطًا بالأعمال](#idea-business) · [مصادر VC / المسرعات](#idea-vc) · [أقصر مسار](#idea-path) · [كيف يساعدك AI](#idea-ai)
|
||||
:::
|
||||
|
||||
## ما ستتعلمه في هذا الفصل
|
||||
|
||||
1. أي المواقع مناسبة لتصفح الأفكار مباشرة
|
||||
2. أي المواقع مناسبة لرؤية المنتجات الصغيرة المربحة بالفعل
|
||||
3. أي المصادر مناسبة لرؤية الاتجاهات والتغيرات في الصناعة
|
||||
4. أي المصادر أقرب إلى الأعمال الحقيقية والمدفوعات الحقيقية
|
||||
5. أقصر مسار استخدام مناسب للمبتدئين تمامًا
|
||||
|
||||
<a id="idea-apps"></a>
|
||||
## [1. قائمة التطبيقات المرجعية: انظر أولاً إلى ما يفعله الآخرون بالفعل](#top-idea-sources)
|
||||
|
||||
هذا هو أكثر نقاط البداية ملاءمة للمبتدئين، لأنه الأكثر تحديدًا.
|
||||
|
||||
### المستوى الأول: افتح وستجد قائمة أفكار، اختر مباشرة
|
||||
|
||||
- [Reddit — r/SomebodyMakeThis](https://www.reddit.com/r/SomebodyMakeThis/)
|
||||
الغرض الأساسي من هذا الـ subreddit هو: المستخدمون الحقيقيون ينشرون مباشرة "أتمنى لو صنع أحدهم XX". كل منشور عادةً ما يكون طلب منتج محدد، مع بعض وصف السيناريو. بعد الدخول، رتب حسب `Top -> Past Month` أو `Top -> Past Year`، وفي 20 دقيقة يمكنك استعراض مجموعة من الاحتياجات الحقيقية.
|
||||
- [Reddit — r/AppIdeas](https://www.reddit.com/r/AppIdeas/)
|
||||
مشابه لما سبق، لكنه يميل أكثر إلى البرمجيات / التطبيقات. التنسيق الشائع للمنشورات هو "أحتاج تطبيقًا يمكنه عمل XX"، بتفاصيل أكثر دقة، والعديد منها عبارة عن أفكار صغيرة وجميلة.
|
||||
- [Reddit — r/Startup_Ideas](https://www.reddit.com/r/Startup_Ideas/)
|
||||
أكثر اكتمالاً من الاثنين السابقين. العديد من المنشورات ليست مجرد طلب من جملة واحدة، بل تتضمن بعض تحليل السوق ونموذج العمل ولماذا يستحق القيام به الآن.
|
||||
- [Unvalidated Ideas](https://unvalidatedideas.com/)
|
||||
ينشر أسبوعيًا أفكار ريادة أعمال غير متحقق منها، وتشمل الحقول الشائعة المستخدم المستهدف وطريقة تحقيق الدخل وأفكار التحقق الأولية. التنسيق موحد ومناسب للاستعراض السريع.
|
||||
- [IdeasAI](https://ideasai.com/)
|
||||
يستخدم AI لتوليد أفكار ريادة أعمال، ويمكنك الاستمرار في التصفح. الجودة غير مستقرة، لكنه مناسب جدًا لتحفيز الإلهام عندما "لا تشعر بأي شيء"، ثم النزول بنفسك إلى سيناريوهات أكثر تحديدًا.
|
||||
|
||||
### المستوى الثاني: انظر إلى المنتجات الصغيرة المربحة التي يصنعها الآخرون بالفعل، واستنتج الأفكار بشكل عكسي
|
||||
|
||||
منطق هذا النوع من المنصات هو: الآخرون قد تحققوا بالفعل من الطلب، بل وبدأوا بالفعل في كسب المال. أنت تنظر إليها ليس للنسخ، بل لرؤية "ما هي المشكلة الصغيرة التي يدفع لها الأشخاص بالفعل".
|
||||
|
||||
- [Starter Story](https://www.starterstory.com/)
|
||||
يجمع العديد من حالات الأعمال الصغيرة الحقيقية، عادةً مع مقابلات مع المؤسسين وبيانات الدخل وعملية البداية. ركز على المنتجات الصغيرة ذات الدخل الشهري من 10 آلاف إلى 100 ألف دولار، فعادةً ما تكون أكثر تخصصًا وأقرب إلى حجم المنتج الذي يمكن للشخص العادي فهمه.
|
||||
- [Indie Hackers — Products](https://www.indiehackers.com/products)
|
||||
المكان الذي يعرض فيه المطورون المستقلون منتجاتهم، والعديد منهم يعلنون عن الدخل والنمو publicly. رتب حسب الدخل، وانظر إلى المنتجات التي تكسب من بضعة آلاف إلى بضعة عشر ألف دولار شهريًا لترى أي مشاكل محددة يحلونها.
|
||||
- [MicroConf Blog](https://microconf.com/blog)
|
||||
يميل أكثر نحو Micro SaaS. مناسب لرؤية "منتجات صغيرة بما يكفي، لكن شخص ما مستعد للدفع مقابلها".
|
||||
- [1000 Tools](https://1000.tools/)
|
||||
موقع تجميع لأدوات AI. مناسب لرؤية أي الفئات قد صنعها شخص ما بالفعل، لكن بشكل متوسط، أو أي الاتجاهات لم يتم تغطيتها جيدًا بعد في السوق المحلي / في صناعة معينة.
|
||||
- [Product Hunt](https://www.producthunt.com/)
|
||||
انظر إلى أنواع المنتجات التي تظهر بشكل متكرر مؤخرًا، لا تركز فقط على المنتج الأول، بل ركز على أي الفئات يستمر الأشخاص في صنعها ولكن لا يوجد فائز واضح بعد.
|
||||
- [BetaList](https://betalist.com/)
|
||||
مناسب لرؤية المنتجات المبكرة والفرق التي لا تزال تجرب الاتجاهات.
|
||||
|
||||
### عند النظر إلى المنتجات، لا تنظر فقط إلى المنتج نفسه، بل انظر أيضًا إلى التقييمات السلبية و"خدمات الوكالة"
|
||||
|
||||
- [G2](https://www.g2.com/)
|
||||
طريقة الاستخدام: انظر إلى التقييمات من نجمة واحدة ونجمتين. في التقييمات السلبية عادةً ما تكون مخفية "أين لم ينجح المنتج الحالي".
|
||||
- [Capterra](https://www.capterra.com/)
|
||||
طريقة الاستخدام: مشابهة لـ G2، مناسبة لرؤية الشكاوى الحقيقية حول منتجات SaaS.
|
||||
- Taobao / Xianyu / [Fiverr](https://www.fiverr.com/) / [Upwork](https://www.upwork.com/) / Zhubajie
|
||||
طريقة الاستخدام: ابحث عن "وكالة" و"تنظيم بالنيابة" و"إدخال بيانات بالنيابة" و"تفريغ بالنيابة". إذا كانت خدمة يدوية معينة تُباع جيدًا، فعادةً ما يكون هناك عملية قابلة للتكرار وقابلة لتحويلها إلى منتج.
|
||||
|
||||
الحكم على الإشارات بسيط:
|
||||
|
||||
- المستخدمون يشكون بالفعل من الأدوات الحالية
|
||||
- المستخدمون يدفعون بالفعل لشخص آخر للقيام بالأمر بالنيابة عنهم
|
||||
- المستخدمون يستثمرون بالفعل الكثير من الجهد والوقت في هذه العملية
|
||||
|
||||
### المستوى الرابع: شاهد الفيديوهات، فهناك من يساعدك مباشرة في تحليل الأفكار
|
||||
|
||||
إذا كنت لا تحب تصفح المنتديات والقوائم، وتميل أكثر إلى "شخص يساعدني في تحليل الأفكار"، فإن الفيديوهات والبودكاست مناسبة جدًا أيضًا.
|
||||
|
||||
- ابحث عن `Greg Isenberg startup ideas`
|
||||
مناسب لرؤية شخص يحلل مباشرة 2 إلى 3 أفكار محددة، مع الحديث عن حجم السوق وتحليل المنافسة ونقطة الدخول.
|
||||
- ابحث عن `My First Million podcast`
|
||||
المقدمان غالبًا ما يقومان بعصف ذهني لأفكار تجارية طوال الحلقة، بكثافة عالية، وغالبًا ما تظهر أفكار متخصصة محددة جدًا.
|
||||
- ابحث عن `YC startup ideas` أو `Michael Seibel startup ideas`
|
||||
مناسب للمبتدئين، المحتوى مباشر، والعديد يتحدثون مباشرة عن كيفية اختيار الاتجاه.
|
||||
|
||||
<a id="idea-trends"></a>
|
||||
## [2. مصادر الاتجاهات: انظر إلى الاتجاهات التي ترتفع](#top-idea-sources)
|
||||
|
||||
دور مواقع الاتجاهات ليس إعطاءك أفكارًا مباشرة، بل مساعدتك في الحكم: هل الاتجاه معين يرتفع، وهل يستحق المتابعة.
|
||||
|
||||
- [Exploding Topics](https://explodingtopics.com/)
|
||||
يتتبع بالبيانات المواضيع وفئات المنتجات التي تنمو بسرعة لكنها لم تدخل بعد الوعي العام. مناسب لرؤية الاتجاهات "التي ترتفع لكنها ليست مزدحمة جدًا بعد".
|
||||
- [Google Trends](https://trends.google.com/)
|
||||
ابحث عن كلمات مفتاحية، وانظر إلى خط الاتجاه خلال العام الماضي، ثم انظر إلى "الاستعلامات ذات الصلة" في قسم "الارتفاع".
|
||||
- [Glimpse](https://meetglimpse.com/)
|
||||
مشابه لـ Google Trends.
|
||||
- صفحات ملخص تقارير الصناعة
|
||||
مناسب عندما يكون لديك اتجاه بالفعل وتريد رؤية موقع هذا الاتجاه في الصناعة بسرعة.
|
||||
- محتوى الاتجاهات من McKinsey / BCG / Gartner
|
||||
يميل أكثر نحو منظور المؤسسات والصناعات الكبيرة، مناسب للجانب B، الصناعات التقليدية.
|
||||
- [State of AI Report](https://www.stateof.ai/)
|
||||
إذا كان اتجاهك مرتبطًا بتقنية AI نفسها، فإن هذا النوع من التقارير السنوية مناسب جدًا لبناء صورة شاملة.
|
||||
|
||||
عند النظر إلى الاتجاهات، ركز فقط على ثلاثة أشياء:
|
||||
|
||||
- هل هذه الكلمة ترتفع باستمرار
|
||||
- في أي سيناريو محدد تقع
|
||||
- من سيكون أول من يدفع وقتًا أو تكلفة تحويل أو ميزانية لها
|
||||
|
||||
<a id="idea-business"></a>
|
||||
## [3. مصادر أكثر ارتباطًا بالأعمال: انظر إلى من ينفق المال ومن يشكو ومن يبيع خدمات يدوية](#top-idea-sources)
|
||||
|
||||
إذا كنت تبحث عن اتجاه "أقرب إلى الأعمال الحقيقية" وليس فقط "يبدو رائعًا"، فعليك النظر في مصادر أقرب إلى سير العمل.
|
||||
|
||||
### انظر إلى من ينفق المال حقيقية على ماذا
|
||||
|
||||
- [موقع المشتريات الحكومية الصيني](https://www.ccgp.gov.cn/)
|
||||
طريقة الاستخدام: ابحث عن كلمات مثل "موقع ذكي" و"نظام إدارة مختبرات" و"جمع بيانات" و"إدارة عيادة" و"نظام تسعير"، وانظر إلى الميزانيات والمتطلبات التقنية وسيناريوهات الاستخدام.
|
||||
- مراكز الموارد العامة للمقاطعات والمدن
|
||||
طريقة الاستخدام: انظر إلى ما تشتريه الحكومات المحلية والشركات المملوكة للدولة بالفعل من أنظمة.
|
||||
- منصات المناقصات المختلفة
|
||||
طريقة الاستخدام: انظر إلى احتياجات الشراء من جانب الشركات وأنواع الأنظمة المتكررة.
|
||||
|
||||
الإشارة القوية من هذه المصادر هي: لا يتعلق الأمر بالحديث عن المستقبل، بل يكشف عن "شخص ما مستعد بالفعل لدفع المال مقابل هذا الأمر اليوم".
|
||||
|
||||
### انظر إلى من يشكو حقيقية من ماذا
|
||||
|
||||
- الصناعة التحويلية: مجتمعات الآلات، منتديات التحكم الصناعي
|
||||
- الطب: Dingxiangyuan، Yimaitong
|
||||
- البناء / الهندسة: Tumugangxian، Glodon Community
|
||||
- المالية / المحاسبة: منتدى China Accounting Vision
|
||||
- التجارة الخارجية: Fubu Foreign Trade Forum، Mike Circle
|
||||
- المطاعم / التجزئة:zhiye canyin wang، Lianshangwang Forum
|
||||
- الأقسام الرأسية على [Reddit](https://www.reddit.com/): `r/smallbusiness`، `r/Entrepreneur`، `r/SaaS`، `r/healthcare`، `r/manufacturing`
|
||||
- [V2EX](https://www.v2ex.com/)
|
||||
- Jike
|
||||
- Xiaohongshu
|
||||
|
||||
عند البحث، لا تبحث فقط عن "AI" و"innovation"، بل الأكثر فعالية هو البحث عن:
|
||||
|
||||
- مزعج جدًا
|
||||
- هل هناك طريقة أفضل
|
||||
- أطلب توصية بأداة
|
||||
- Excel لم يعد يكفي
|
||||
- I wish there was
|
||||
- is there a tool for
|
||||
- I hate
|
||||
|
||||
### انظر إلى من يبيع خدمات يدوية متكررة
|
||||
|
||||
- [Fiverr](https://www.fiverr.com/)
|
||||
- [Upwork](https://www.upwork.com/)
|
||||
- Zhubajie
|
||||
- Taobao
|
||||
- Xianyu
|
||||
|
||||
إذا رأيت هذه الخدمات تُباع جيدًا، فمن الجدير بالمتابعة:
|
||||
|
||||
- نساعدك في تحويل عروض أسعار PDF إلى Excel
|
||||
- نساعدك في تنظيم بيانات العملاء بشكل جماعي
|
||||
- نساعدك في تعديل السيرة الذاتية / تعديل النصوص / التفريغ / الأرشفة
|
||||
|
||||
وراء هذا النوع من الخدمات عادةً ليس احتياجًا لمرة واحدة، بل سير عمل يتكرر.
|
||||
|
||||
### انظر إلى سير العمل الكامل، وليس فقط إلى قائمة الأفكار
|
||||
|
||||
أحيانًا الطريقة الأكثر مباشرة هي اختيار صناعة، ومراجعة العملية بالكامل، والعثور على الخطوات التي لا تزال تعتمد على WeChat و Excel والورق والقلم والهاتف.
|
||||
|
||||
- التجارة الخارجية: البحث عن موردين، الاستفسار عن الأسعار، مقارنة الأسعار، إعداد عروض الأسعار، الإرسال للعملاء، متابعة الردود، ترتيب التفتيش، حجز الشحن، التخليص الجمركي.
|
||||
نقطة الدخول الجديرة بالمشاهدة: تنظيم عروض أسعار الموردين في عروض أسعار للعملاء.
|
||||
- عيادة الأسنان: الاستقبال، التصوير، قراءة الأشعة، التواصل حول الخطة، المتابعة، العلاج، إعادة الكشف.
|
||||
نقطة الدخول الجديرة بالمشاهدة: شرح الخطة للمريض والمتابعة المستمرة.
|
||||
- مواقع البناء: التفتيش، التصوير، الإرسال إلى المجموعة، تنظيم التقرير، التسليم للعميل.
|
||||
نقطة الدخول الجديرة بالمشاهدة: من صور الموقع إلى التقرير المتوافق.
|
||||
|
||||
<a id="idea-vc"></a>
|
||||
## [4. مصادر VC / المسرعات: انظر إلى "أين تتجه الأمواج"](#top-idea-sources)
|
||||
|
||||
هذا النوع من المصادر مناسب لمساعدتك في العثور على الاتجاهات الكبيرة، وليس مناسبًا لاستبدال التحقق مباشرة.
|
||||
|
||||
- [Y Combinator — Requests for Startups](https://www.ycombinator.com/rfs)
|
||||
طريقة الاستخدام: مناسب للعثور على نقاط الدخول، لأنه غالبًا ما يقول مباشرة "نريد أن نرى شخصًا يصنع هذا".
|
||||
- [a16z — Big Ideas](https://a16z.com/big-ideas-2025/)
|
||||
طريقة الاستخدام: يميل أكثر نحو الاتجاهات الكبيرة وحكم القطاعات، مناسب لبناء إحساس بالصناعة.
|
||||
- [NFX](https://www.nfx.com/)
|
||||
طريقة الاستخدام: مناسب للاستعراض السريع لمجموعة من مواضيع ريادة الأعمال.
|
||||
- [Sequoia Capital](https://www.sequoiacap.com/article/)
|
||||
طريقة الاستخدام: لا يسرد الأفكار بالضرورة مباشرة، لكنه غالبًا ما يتحدث عن نوع معين من تحولات المنصة والفرص.
|
||||
- [First Round Review](https://review.firstround.com/)
|
||||
طريقة الاستخدام: مناسب للحفر العميق في اتجاه معين، ليس بالضرورة قائمة أفكار، لكن جودة المقالات عادةً عالية جدًا.
|
||||
|
||||
مزايا هذا النوع من المصادر:
|
||||
|
||||
- يمكن أن تخبرك بالاتجاهات المستقبلية التي تستحق المشاهدة
|
||||
- يمكن أن تخبرك أي القطاعات قد تستمر في الدفع
|
||||
- يمكن أن تدخلك بسرعة في سياق قطاع معين
|
||||
|
||||
قيود هذا النوع من المصادر:
|
||||
|
||||
- عادةً من منظور المستثمر
|
||||
- لا تخبرك بالضرورة بأي دور هو الأكثر ألمًا
|
||||
- لا تخبرك بالضرورة بأي خطوة من العملية هي الأكثر إعاقة
|
||||
- لا تخبرك بالضرورة من يدفع المال بالفعل مقابل هذا اليوم
|
||||
|
||||
لذا الطريقة الأفضل للاستخدام هي: استخدمها أولاً للعثور على الاتجاه، ثم عد إلى المنتجات المرجعية ومنتديات الصناعة ومعلومات المشتريات وسير العمل الحقيقية للعثور على نقاط دخول أكثر تحديدًا.
|
||||
|
||||
<a id="idea-path"></a>
|
||||
## [5. أقصر مسار استخدام مناسب لـ "من ليس لديه أفكار ويعرف فقط أنه يريد أن يصنع مساعدًا"](#top-idea-sources)
|
||||
|
||||
إذا كنت تسلك مسارًا واحدًا فقط هو الأقصر، يمكنك القيام بذلك على النحو التالي:
|
||||
|
||||
1. الخطوة الأولى، 30 دقيقة.
|
||||
افتح [r/SomebodyMakeThis](https://www.reddit.com/r/SomebodyMakeThis/)، رتب حسب `Top -> Past Year`، واستعرض بسرعة 50 منشورًا، واحفظ جميع الاتجاهات التي تشعر أنها "يبدو أنني أستطيع صنعها".
|
||||
2. الخطوة الثانية، 30 دقيقة.
|
||||
افتح [Starter Story](https://www.starterstory.com/) أو [Indie Hackers Products](https://www.indiehackers.com/products)، رتب حسب الدخل، وانظر إلى المنتجات متوسطة الدخل، لا تنظر فقط إلى الأكثر نجاحًا. اعثر على الاتجاهات المرتبطة بالخطوة الأولى، وانظر لمن يبيعون تحديدًا وأي خطوة يحلونها.
|
||||
3. الخطوة الثالثة، 20 دقيقة.
|
||||
اذهب إلى [Google Trends](https://trends.google.com/) وابحث عن الكلمات المفتاحية ذات الصلة، وانظر إلى ما إذا كان الاتجاه ينمو، ثم انظر إلى كلمات "الارتفاع" في "الاستعلامات ذات الصلة".
|
||||
4. الخطوة الرابعة، 20 دقيقة.
|
||||
اذهب إلى G2 / Capterra / منتديات الصناعة / منصات المناقصات / Fiverr والأماكن المشابهة، وانظر إلى أين تكون المشكلة الأكثر إزعاجًا اليوم في هذا الاتجاه، وأين لا يزال الاعتماد على العمل اليدوي.
|
||||
|
||||
بعد الانتهاء، يكفي أن تتمكن من قول الجملة التالية بوضوح:
|
||||
|
||||
- نوع معين من الأشخاص، في سيناريو معين، عالقين في خطوة معينة من العملية، يعتمدون حاليًا بشكل أساسي على طريقة معينة غير فعالة.
|
||||
|
||||
<a id="idea-ai"></a>
|
||||
## [6. كيف يساعدك AI](#top-idea-sources)
|
||||
|
||||
تركيز هذه المقالة ليس على AI، لكن AI مناسب جدًا للتنظيم.
|
||||
|
||||
الاستخدامات الأكثر عملية هي اثنتان فقط:
|
||||
|
||||
- أرسل الروابط وعناوين المنشورات وكلمات المستخدمين الأصلية التي تصفحتها إلى AI، ودعه يساعدك في تصنيفها إلى "مجموعة مستخدمين / سيناريو / نقطة ألم / بديل".
|
||||
- دع AI يساعدك في جمع المعلومات المبعثرة إلى 3 اتجاهات مرشحة، بدلاً من الاستمرار في التوسع في 50 وظيفة.
|
||||
|
||||
يمكنك السؤال مباشرة هكذا:
|
||||
|
||||
```text
|
||||
لقد تصفحت هذه المصادر مؤخرًا:
|
||||
1. [ألصق العنوان أو الكلمات الأصلية]
|
||||
2. [ألصق العنوان أو الكلمات الأصلية]
|
||||
3. [ألصق العنوان أو الكلمات الأصلية]
|
||||
|
||||
لا تعطني قائمة وظائف.
|
||||
قم بثلاثة أشياء فقط:
|
||||
1. صنّف حسب المجموعة المستهدفة والسيناريو
|
||||
2. ابحث عن خطوات المشاكل المتكررة
|
||||
3. ساعدني في تنظيمها في 3 اتجاهات مرشحة أكثر تحديدًا
|
||||
```
|
||||
|
||||
## قراءة إضافية
|
||||
|
||||
- [Y Combinator - Requests for Startups](https://www.ycombinator.com/rfs)
|
||||
- [a16z - Big Ideas](https://a16z.com/big-ideas-2025/)
|
||||
- [NFX](https://www.nfx.com/)
|
||||
- [Reddit - r/SomebodyMakeThis](https://www.reddit.com/r/SomebodyMakeThis/)
|
||||
- [Reddit - r/AppIdeas](https://www.reddit.com/r/AppIdeas/)
|
||||
- [Reddit - r/Startup_Ideas](https://www.reddit.com/r/Startup_Ideas/)
|
||||
- [Starter Story](https://www.starterstory.com/)
|
||||
- [Indie Hackers - Products](https://www.indiehackers.com/products)
|
||||
- [Product Hunt](https://www.producthunt.com/)
|
||||
- [BetaList](https://betalist.com/)
|
||||
- [IdeasAI](https://ideasai.com/)
|
||||
- [Unvalidated Ideas](https://unvalidatedideas.com/)
|
||||
- [Google Trends](https://trends.google.com/)
|
||||
- [Exploding Topics](https://explodingtopics.com/)
|
||||
- [G2](https://www.g2.com/)
|
||||
- [Capterra](https://www.capterra.com/)
|
||||
@@ -0,0 +1,764 @@
|
||||
---
|
||||
title: 'مرجع لسيناريوهات التطبيق الصناعي لقطاع الأعمال (B2B)'
|
||||
description: 'يلخص هذا المستند تطبيقات النماذج اللغوية الكبيرة (LLM) في سيناريوهات قطاع الأعمال، بما في ذلك التصنيع الصناعي، خدمة العملاء الذكية، قطاع التعليم، البرمجة الذكية، المجال الطبي، الأمن السيبراني، الإدارة المالية، وخدمات المؤسسات، لتوفير مرجع لمطوري تطبيقات الذكاء الاصطناعي الموجهة لعملاء المؤسسات.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { computed, ref } from 'vue'
|
||||
|
||||
const duration = 'حوالي <strong>6 ساعات</strong>'
|
||||
|
||||
const interestPoint = ref('')
|
||||
const purpose = ref('')
|
||||
|
||||
// مجموعة المواضيع لكل صناعة
|
||||
const topicPool = {
|
||||
'manufacturing': [
|
||||
{ title: 'منصة تصميم مظهر حافلات الطاقة الجديدة بمساعدة الذكاء الاصطناعي', desc: 'تصميم مفاهيم المظهر بناءً على نماذج توليد الصور' },
|
||||
{ title: 'مساعد التصميم والمراجعة الذكي للمخططات', desc: 'بناء قاعدة معرفة لمعايير تصميم المؤسسة باستخدام تقنية RAG' },
|
||||
{ title: 'التوليد والإدارة التلقائية للوثائق الفنية', desc: 'التوليد التلقائي لمواصفات المنتج وأدلة التشغيل بناءً على LLM' },
|
||||
{ title: 'مساعد التوليد التلقائي لتقارير فحص معدات الإنتاج', desc: 'وصف حالة المعدات صوتيًا، وتوليد تقرير فحص منظم' },
|
||||
{ title: 'مساعد أسئلة وأجوبة معرفي لتشخيص أعطال المعدات الصناعية', desc: 'بناء قاعدة معرفة متجهة بناءً على حالات الأعطال التاريخية' }
|
||||
],
|
||||
'customer-service': [
|
||||
{ title: 'نظام الرد التلقائي للخدمة الذكية متعدد القنوات وتوليد أوامر العمل', desc: 'التكامل مع رسائل قنوات متعددة، وفهم النية عبر LLM ثم توليد الردود' },
|
||||
{ title: 'مساعد اكتشاف العملاء المحتملين واقتراحات المتابعة', desc: 'تحليل سجلات المحادثات التاريخية لتحديد العملاء ذوي النية العالية' },
|
||||
{ title: 'البحث الذكي عن المعرفة الداخلية للمؤسسة ومساعد الأسئلة والأجوبة', desc: 'بناء قاعدة معرفة متجهة بناءً على الوثائق الداخلية' },
|
||||
{ title: 'أداة التلخيص الذكي لمحادثات خدمة العملاء وتوليد أوامر العمل', desc: 'التوليد التلقائي لملخصات المحادثات واستخراج المعلومات الرئيسية' },
|
||||
{ title: 'نظام قاعدة معرفة توصية أفضل النصوص لخدمة العملاء', desc: 'تحليل الحالات المتميزة واستخلاص قوالب أفضل النصوص' }
|
||||
],
|
||||
'education': [
|
||||
{ title: 'نظام تخطيط مسار تعلم اللغات المخصص والتوجيه الذكي', desc: 'تقييم مستوى المتعلم وتخطيط المهام اليومية' },
|
||||
{ title: 'منصة الكتابة الآلية للخطط الدراسية وعرض الموارد التعليمية', desc: 'توليد إطار الخطة الدراسية بناءً على المنهج الدراسي' },
|
||||
{ title: 'نظام التصحيح الآلي للواجبات وتحليل تشخيص حالة التعلم', desc: 'التصحيح التلقائي للأسئلة الذاتية وتوليد اقتراحات التصحيح' },
|
||||
{ title: 'بناء نموذج كفاءة المواهب للوظائف وخريطة التعلم', desc: 'تحليل وصف الوظيفة (JD) لاستخلاص متطلبات القدرات' },
|
||||
{ title: 'تدريب عملي محاكاة لمحادثة اللغة الأجنبية الفردية', desc: 'يقوم LLM بلعب أدوار مختلفة لإجراء محادثات لفظية' }
|
||||
],
|
||||
'programming': [
|
||||
{ title: 'مساعد الإكمال التلقائي للكود وإصلاح الأخطاء (Bugs) الذكي', desc: 'مكون IDE الإضافي يوفر اقتراحات إكمال الكود في الوقت الفعلي' },
|
||||
{ title: 'منصة بناء التطبيقات منخفضة الكود (Low-code) وأتمتة العمليات', desc: 'وصف المتطلبات بلغة طبيعية وتحويلها إلى تكوينات منخفضة الكود' },
|
||||
{ title: 'نظام توليد حالات اختبار الوحدة', desc: 'تحليل الشفرة المصدرية عبر AST وتوليد حالات اختبار للشروط الحدية' },
|
||||
{ title: 'أداة التحليل الذكي للكود والترحيل بين لغات البرمجة', desc: 'تحليل جودة الكود وتقديم اقتراحات التحسين' },
|
||||
{ title: 'أداة التوليد التلقائي لكود واجهة المستخدم الأمامية (UI)', desc: 'التعرف على صور التصميم وتوليد CSS متجاوب' }
|
||||
],
|
||||
'healthcare': [
|
||||
{ title: 'مساعد التفسير الذكي لتقارير الفحوصات الطبية', desc: 'التعرف على المؤشرات الرئيسية عبر OCR وتفسير القيم غير الطبيعية' },
|
||||
{ title: 'خبير استشارات صحية يعتمد على تقنية استرجاع المعرفة', desc: 'بناء رسم بياني للمعرفة الطبية، واسترجاع وتوليد الإجابات عبر RAG' },
|
||||
{ title: 'منصة تحليل قرارات بيانات الأبحاث السريرية', desc: 'دمج بيانات EMR والمساعدة في توليد شفرات التحليل الإحصائي' },
|
||||
{ title: 'أداة التوليد التلقائي لتقارير التصوير الطبي', desc: 'وصف خصائص الصورة والتوليد التلقائي لتقرير منظم' },
|
||||
{ title: 'مساعد ذكي لتذكير إدارة الأدوية للأمراض المزمنة', desc: 'توليد تذكيرات أدوية مخصصة ودعم فحص موانع استعمال الأدوية' }
|
||||
],
|
||||
'security': [
|
||||
{ title: 'محرك اكتشاف وإصلاح الثغرات الأمنية في الكود', desc: 'فحص الكود عبر SAST وتحليل مبادئ الثغرات' },
|
||||
{ title: 'نظام التعرف والاعتراض الذكي لرسائل التصيد الاحتيالي المولدة عبر الذكاء الاصطناعي', desc: 'تحليل محتوى البريد الإلكتروني للتعرف على رسائل التصيد المولدة عبر AI' },
|
||||
{ title: 'مساعد التوليد التلقائي للتقارير اليومية للعمليات الأمنية', desc: 'تجميع السجلات والاستخراج التلقائي للأحداث الرئيسية' },
|
||||
{ title: 'مساعد التوليد الذكي لتقارير اختبار الاختراق', desc: 'التوليد التلقائي للتقارير بناءً على وصف الثغرات' },
|
||||
{ title: 'مساعد الاستعلام والتحليل الذكي لمعلومات التهديدات', desc: 'التكامل مع مصادر متعددة لمعلومات التهديدات وتفسير محتواها' }
|
||||
],
|
||||
'finance': [
|
||||
{ title: 'مساعد التوليد الذكي لتقارير العناية الواجبة للائتمان', desc: 'إدخال البيانات المالية والتوليد التلقائي لتقارير العناية الواجبة للائتمان' },
|
||||
{ title: 'مستشار ذكي لإدارة الثروات في البنوك الخاصة', desc: 'تحليل ملف تعريف مخاطر العميل وتوليد توصيات تخصيص الأصول' },
|
||||
{ title: 'مساعد التوليد الذكي والتحقق من الامتثال لنشرات الاكتتاب العام (IPO)', desc: 'قوالب معيارية والتعبئة التلقائية لوصف الأعمال' },
|
||||
{ title: 'نظام التوليد التلقائي للتقارير المالية للمؤسسات والإنذار المبكر للشذوذ التشغيلي', desc: 'التوليد التلقائي للتحليل المالي ومناقشة الإدارة' },
|
||||
{ title: 'تدريب على النصوص الذكي لوكلاء التأمين', desc: 'محاكاة المحادثات وتقييم امتثال النصوص وقوة الإقناع' }
|
||||
],
|
||||
'enterprise': [
|
||||
{ title: 'منصة مراجعة الامتثال واقتراحات التعديل لدورة حياة عقود المؤسسات بالكامل', desc: 'مقارنة البنود مع قاعدة القوانين وتوليد تقرير مراجعة الامتثال' },
|
||||
{ title: 'تفريغ صوتي لمحادثات المبيعات وتوصية بالنصوص', desc: 'تفريغ عبر ASR وتحليل المحادثة وتوصية بأفضل النصوص' },
|
||||
{ title: 'نظام التوليد الذكي والتصميم للمحتوى التسويقي', desc: 'توليد النصوص التسويقية واستخلاص نقاط البيع' },
|
||||
{ title: 'منصة تحليل إعلانات المنافسين', desc: 'جمع إعلانات المنافسين وتحليل استراتيجيات الإعلان' },
|
||||
{ title: 'نظام التحليل الذكي لاختيار المواضيع الرائجة على الإنترنت وتوصية المحتوى', desc: 'تحليل اتجاهات المواضيع الرائجة والتوصية بزوايا المواضيع' }
|
||||
],
|
||||
'content': [
|
||||
{ title: 'منصة مساعدة إنشاء محتوى الأفلام والروايات', desc: 'توفير مخططات القصة، وتصميم الشخصيات، وتوليد الحوار' },
|
||||
{ title: 'مساعد الكتابة الذكية لقصص العلامة التجارية للمؤسسات والمقالات الدعائية', desc: 'إدخال كلمات مفتاحية للعلامة التجارية وتوليد نصوص بأساليب متعددة' },
|
||||
{ title: 'نظام إدارة تفاعل البث المباشر للشخصيات الرقمية الافتراضية والدفع', desc: 'صورة الشخصية الرقمية + صوت TTS + محادثة LLM' },
|
||||
{ title: 'توليد نصوص الفيديو القصير والمونتاج الذكي', desc: 'توليد نصوص الفيديو القصير واللوحات القصصية' },
|
||||
{ title: 'نظام التوليد الذكي والتصميم للمحتوى التسويقي', desc: 'توليد النصوص التسويقية واستخلاص نقاط البيع' }
|
||||
],
|
||||
'government': [
|
||||
{ title: 'نظام التوجيه الصوتي الذكي والتوزيع التلقائي للخط الساخن الحكومي 12345', desc: 'التعرف على الصوت، وفهم الطلبات والتوزيع الذكي' },
|
||||
{ title: 'روبوت التوجيه الذكي والأسئلة والأجوبة حول السياسات لقاعات الخدمات الحكومية', desc: 'استرجاع RAG لقاعدة المعرفة الحكومية' },
|
||||
{ title: 'منصة المطابقة الذكية والدفع الدقيق للسياسات الداعمة للمؤسسات', desc: 'ملف تعريف المؤسسة يطابق تلقائيًا السياسات المعمول بها' },
|
||||
{ title: 'مساعد المراجعة المسبقة الذكية والتحقق من الامتثال لمواد الموافقات الإدارية', desc: 'التعرف عبر OCR واستخراج المعلومات الرئيسية' },
|
||||
{ title: 'منصة ذكية لإدارة وتحديد أحداث الشبكة الحضرية', desc: 'تحديد أنواع الأحداث وتوزيعها' }
|
||||
],
|
||||
'legal': [
|
||||
{ title: 'وكيل للكشف بنقرة واحدة عن ثغرات ومخاطر العقود', desc: 'مطابقة قائمة المخاطر لتحديد المشاكل المحتملة' },
|
||||
{ title: 'مستشار تقييم ذكي بنسبة فوز القضايا المماثلة باستخدام AI', desc: 'استخراج سمات القضية، مطابقة واسترجاع القضايا المماثلة' },
|
||||
{ title: 'رادار للرصد الآني لتغييرات القوانين واللوائح وتحليل تأثيرها على الأعمال', desc: 'تحليل محتوى التغييرات وتقييم تأثيرها على الأعمال' },
|
||||
{ title: 'أداة صياغة تلقائية لخطابات المحامين باستخدام AIGC', desc: 'إدخال وقائع الحقائق، توليد خطابات محاماة معيارية' },
|
||||
{ title: 'إضافة لـ "ترجمة" البنود القانونية المعقدة إلى لغة مبسطة', desc: 'توليد تفسيرات سهلة الفهم' }
|
||||
],
|
||||
'travel': [
|
||||
{ title: 'مولّد خطط سفر للمسافر الكسول باستخدام AIGC', desc: 'توليد جدول الرحلة اليومية' },
|
||||
{ title: 'روبوت للتنبؤ باتجاه أسعار تذاكر الطيران والفنادق عبر الإنترنت وقفل الأسعار المنخفضة تلقائيًا', desc: 'نماذج ML للتنبؤ باتجاهات الأسعار' },
|
||||
{ title: 'نظام فحص مسبق ذكي لمستندات التأشيرة ومساعد آلي لتعبئة النماذج', desc: 'التحقق من اكتمال المعلومات عبر التعرف البصري على الحروف OCR' },
|
||||
{ title: 'مترجم صوتي آني للسفر الخارجي ومدير تعريب القوائم بصريًا', desc: 'ترجمة صوتية بدون اتصال، OCR لصور القوائم' },
|
||||
{ title: 'مساعد لتوليد يوميات سفر جميلة ونصوص لمنصات التواصل الاجتماعي تلقائيًا من مسارات الرحلة', desc: 'استخراج معلومات الصور، توليد نصوص اليوميات' }
|
||||
],
|
||||
'emotion': [
|
||||
{ title: 'رفيق افتراضي لمرافقة عميقة على مدار 24 ساعة باستخدام النماذج اللغوية الكبيرة LLM', desc: 'نظام ذاكرة لتخزين سجل المحادثات' },
|
||||
{ title: 'مستشار AI للتعرف على المشاعر متعددة الوسائط والتوجيه النفسي', desc: 'تحليل نبرة الصوت + التعرف على مشاعر النص' },
|
||||
{ title: 'إنسان رقمي للتدريب الإدراكي واسترجاع الذاكرة لكبار السن المصابين بمرض آلزهايمر باستخدام AI', desc: 'تدريب عبر ألعاب إدراكية، تحفيز الذاكرة بالصور القديمة' },
|
||||
{ title: 'مدرب محاكاة تواصل اجتماعي باستخدام AIGC للأشخاص ذوي القلق الاجتماعي', desc: 'محاكاة مشاهد تواصل اجتماعي افتراضية' },
|
||||
{ title: 'مساعد مراقبة مزاج على مدار الساعة وتحفيز المشاعر الإيجابية باستخدام AI', desc: 'تحليل اتجاهات المزاج وتوليد محتوى تحفيزي' }
|
||||
],
|
||||
'entertainment': [
|
||||
{ title: 'محرك قرارات مستقلة لـ NPC في ألعاب العالم المفتوح مدعوم بـ LLM', desc: 'دمج شجرة سلوك NPC مع قرارات LLM' },
|
||||
{ title: 'أداة استنتاج قصص ألعاب أدوار الغمر باستخدام AIGC ومساعد التحكم في سير اللعبة لـ DM', desc: 'اختيارات اللاعب تؤدي إلى تفرعات في القصة' },
|
||||
{ title: 'معدّل توليدي لنهايات الروايات التفاعلية', desc: 'اختيارات القارئ تؤثر على مسار القصة' },
|
||||
{ title: 'تحليل بصري CV لمعارك الرياضات الإلكترونية ومعلق ذكي AI', desc: 'تحليل الآني للشاشة أثناء اللعب' },
|
||||
{ title: 'نظام توليد تلقائي للكتب الصوتية عبر تركيب الكلام TTS متعدد الأدوار', desc: 'توزيع أدوار النص، توليد نبرات صوت مخصصة' }
|
||||
],
|
||||
'ecommerce': [
|
||||
{ title: 'أداة إنتاج دفعة واحدة لصفحات تفاصيل المنتجات بمعدل تحويل عالٍ باستخدام AIGC', desc: 'توليد نصوص نقاط البيع وأوصاف المشاهد' },
|
||||
{ title: 'مصنع لتوليد فيديوهات العرض والتجربة الافتراضية للملابس على موديلات باستخدام AI', desc: 'توليد تأثيرات ارتداء الموديلات الافتراضية' },
|
||||
{ title: 'مساعد ترجمة وتلميع محلي بلغات متعددة للتجارة الإلكترونية عبر الحدود باستخدام LLM', desc: 'ترجمة وصف المنتج بلغات متعددة' },
|
||||
{ title: 'نظام بث مباشر لبيع المنتجات عبر إنسان رقمي باستخدام AIGC على مدار 24 ساعة', desc: 'صورة إنسان رقمي + توليد الآني للنصوص الترويجية' },
|
||||
{ title: 'محرك رؤى لاتجاهات السوق المستوحاة من AI والتنبؤ بالمنتجات الأكثر مبيعاً', desc: 'رؤى نقاط الاتجاه، اقتراحات اختيار المنتجات' }
|
||||
],
|
||||
'energy': [
|
||||
{ title: 'مستشار تحليل سلوك استهلاك الكهرباء المنزلية باستخدام AI واستراتيجيات توفير الطاقة', desc: 'تحليل أنماط استهلاك الكهرباء، توليد اقتراحات توفير الطاقة' },
|
||||
{ title: 'نظام التعرف البصري CV للطائرات بدون طيار للكشف عن عيوب الوحدات الكهروضوئية', desc: 'تصوير تفتيش الطائرات بدون طيار، تحليل الصور بالأشعة تحت الحمراء الحرارية' },
|
||||
{ title: 'وكيل استراتيجية التنبؤ باتجاه أسعار تداول الكهرباء الفوري وتحقيق الربح الآلي باستخدام AI', desc: 'نموذج التنبؤ بالأسعار، توليد الاستراتيجيات' },
|
||||
{ title: 'مساعد الحساب الآلي لانبعاثات الكربون على طول سلسلة القيمة للمؤسسات وتوليد تقارير ESG', desc: 'حساب معامل انبعاثات الكربون، توليد تقارير ESG' },
|
||||
{ title: 'نظام التنبؤ بحمل الكهرباء في الطقس القاسي والقيادة بجدولة الطوارئ باستخدام AI', desc: 'نموذج التنبؤ بالحمل، توليد استراتيجيات الجدولة' }
|
||||
],
|
||||
'av-media': [
|
||||
{ title: 'أداة التعرف على المقاطع المثيرة في الفيديوهات الطويلة والمونتاج الآلي للفيديوهات القصيرة باستخدام AI', desc: 'تحليل محتوى الفيديو، التعرف على الإطارات الرئيسية' },
|
||||
{ title: 'مساعد الفصل الذكي لضوضاء الخلفية في الفيديو وتحسين الصوت البشري باستخدام AI', desc: 'نموذج فصل الصوت، إزالة ضوضاء الخلفية' },
|
||||
{ title: 'محطة عمل لاستعادة الصور القديمة بدقة 4K فائقة والتلوين الذكي باستخدام AI', desc: 'نموذج الدقة الفائقة للفيديو، تلوين آلي عبر AI' },
|
||||
{ title: 'نظام تحويل النص إلى تعليق صوتي بمستوى بشري عبر TTS والتحكم في المشاعر', desc: 'نماذج TTS متعددة النبرات، التحكم في المشاعر' },
|
||||
{ title: 'مساعد النسخ الذكي لتسجيلات الاجتماعات واستخراج المهام الأساسية باستخدام AI', desc: 'فصل وتحويل الصوت في الاجتماعات متعددة المشاركين' }
|
||||
],
|
||||
'ai-marketing': [
|
||||
{ title: 'محرك كتابة تلقائية لنصوص المنشورات الرائجة على شياوهونغشو (RED) باستخدام AIGC', desc: 'توليد نصوص ترويجية، تحسين الرموز التعبيرية' },
|
||||
{ title: 'أداة التنضيد الذكي لملصقات التسويق والتكيف مع أحجام متعددة باستخدام AI', desc: 'المطابقة الذكية لقوالب الملصقات' },
|
||||
{ title: 'منصة توليد إبداعي لشعارات العلامات التجارية AIGC وبناء نظام الهوية البصرية VI', desc: 'توليد إبداعي للشعار، توليد معايير VI' },
|
||||
{ title: 'مساعد تتبع الاتجاهات السائدة عبر الإنترنت وتوليد أفكار التسويق الاستغلالية باستخدام AI', desc: 'تحليل زوايا التسويق، توليد خطط إبداعية' },
|
||||
{ title: 'مساعد توليد إبداعي لنصوص الفيديوهات القصيرة وإرشادات القصص المصورة باستخدام AIGC', desc: 'توليد النصوص والقصص المصورة، اقتراحات التصوير' }
|
||||
],
|
||||
'data-intelligence': [
|
||||
{ title: 'أداة توليد تلقائي لعبارات SQL من اللغة الطبيعية', desc: 'تحويل استعلامات اللغة الطبيعية إلى SQL' },
|
||||
{ title: 'نظام جرد وتصنيف ذكي لكتالوج أصول البيانات المؤسسية', desc: 'جمع البيانات الوصفية، تصنيف تلقائي' },
|
||||
{ title: 'محرك الكشف الآلي عن الحالات الشاذة لجودة البيانات واقتراحات الإصلاح', desc: 'محرك القواعد + نماذج ML للكشف عن الحالات الشاذة' },
|
||||
{ title: 'مساعد توليد التقارير الذكية وتكوين التصورات', desc: 'تكوين التقارير عبر المحادثات' },
|
||||
{ title: 'مساعد الإجابة على الأسئلة الذكي حول تعريفات المقاييس', desc: 'بناء قاعدة معرفية بناءً على مستندات تعريف المقاييس' }
|
||||
]
|
||||
}
|
||||
|
||||
// جدول تعيين مسارات التوصيات المحددة مسبقاً
|
||||
const recommendationMap = {
|
||||
// نقطة الاهتمام: المحتوى الإبداعي
|
||||
'creative-content': {
|
||||
'increase-efficiency': ['content', 'av-media', 'ai-marketing', 'entertainment'],
|
||||
'reduce-cost': ['content', 'ecommerce', 'ai-marketing'],
|
||||
'improve-experience': ['entertainment', 'emotion', 'travel', 'content'],
|
||||
'innovate-business': ['ai-marketing', 'content', 'av-media', 'entertainment']
|
||||
},
|
||||
// نقطة الاهتمام: الخدمات التقنية
|
||||
'tech-service': {
|
||||
'increase-efficiency': ['programming', 'enterprise', 'data-intelligence', 'customer-service'],
|
||||
'reduce-cost': ['programming', 'enterprise', 'manufacturing'],
|
||||
'improve-experience': ['customer-service', 'enterprise', 'programming'],
|
||||
'innovate-business': ['data-intelligence', 'programming', 'security', 'enterprise']
|
||||
},
|
||||
// نقطة الاهتمام: الذكاء البياني
|
||||
'data-intel': {
|
||||
'increase-efficiency': ['data-intelligence', 'finance', 'enterprise', 'manufacturing'],
|
||||
'reduce-cost': ['data-intelligence', 'manufacturing', 'energy'],
|
||||
'improve-experience': ['data-intelligence', 'customer-service', 'ecommerce'],
|
||||
'innovate-business': ['data-intelligence', 'finance', 'security', 'ai-marketing']
|
||||
},
|
||||
// نقطة الاهتمام: خدمة المستخدمين
|
||||
'user-service': {
|
||||
'increase-efficiency': ['customer-service', 'ecommerce', 'travel', 'enterprise'],
|
||||
'reduce-cost': ['customer-service', 'ecommerce', 'enterprise'],
|
||||
'improve-experience': ['customer-service', 'emotion', 'travel', 'ecommerce', 'entertainment'],
|
||||
'innovate-business': ['ecommerce', 'travel', 'emotion', 'entertainment']
|
||||
},
|
||||
// نقطة الاهتمام: حلول الصناعة
|
||||
'industry-solution': {
|
||||
'increase-efficiency': ['manufacturing', 'healthcare', 'finance', 'government'],
|
||||
'reduce-cost': ['manufacturing', 'energy', 'enterprise', 'finance'],
|
||||
'improve-experience': ['healthcare', 'education', 'government', 'travel'],
|
||||
'innovate-business': ['finance', 'security', 'legal', 'healthcare', 'government']
|
||||
}
|
||||
}
|
||||
|
||||
const interestOptions = [
|
||||
{ label: 'إنشاء محتوى إبداعي', value: 'creative-content', desc: 'محتوى إبداعي مثل النصوص والصور والفيديو' },
|
||||
{ label: 'أدوات الخدمة التقنية', value: 'tech-service', desc: 'أدوات التطوير والأتمتة والمساعدة في البرمجة' },
|
||||
{ label: 'تحليل البيانات الذكي', value: 'data-intel', desc: 'تحليل البيانات والتنبؤ واتخاذ القرارات الذكية' },
|
||||
{ label: 'تجربة خدمة المستخدمين', value: 'user-service', desc: 'خدمة العملاء والتسويق وتجربة المستخدم' },
|
||||
{ label: 'حلول الصناعة', value: 'industry-solution', desc: 'تطبيقات متعمقة لصناعات محددة' }
|
||||
]
|
||||
|
||||
const purposeOptions = [
|
||||
{ label: 'رفع الكفاءة', value: 'increase-efficiency', desc: 'الأتمتة وتسريع العمليات' },
|
||||
{ label: 'خفض التكاليف', value: 'reduce-cost', desc: 'تقليل العمالة وتحسين الموارد' },
|
||||
{ label: 'تحسين التجربة', value: 'improve-experience', desc: 'رضا المستخدمين وجودة الخدمة' },
|
||||
{ label: 'ابتكار الأعمال', value: 'innovate-business', desc: 'منتجات ونماذج جديدة' }
|
||||
]
|
||||
|
||||
const industries = [
|
||||
{ key: 'manufacturing', name: 'الصناعة التحويلية', anchor: '#_1-الصناعة-التحويلية' },
|
||||
{ key: 'customer-service', name: 'خدمة العملاء الذكية', anchor: '#_2-خدمة-العملاء-الذكية' },
|
||||
{ key: 'education', name: 'قطاع التعليم', anchor: '#_3-قطاع-التعليم' },
|
||||
{ key: 'programming', name: 'البرمجة الذكية', anchor: '#_4-البرمجة-الذكية' },
|
||||
{ key: 'healthcare', name: 'القطاع الطبي', anchor: '#_5-القطاع-الطبي' },
|
||||
{ key: 'security', name: 'الأمن السيبراني', anchor: '#_6-الأمن-السيبراني' },
|
||||
{ key: 'finance', name: 'الإدارة المالية والتأمين والقطاع المصرفي', anchor: '#_7-الإدارة-المالية-والتأمين-والقطاع-المصرفي' },
|
||||
{ key: 'enterprise', name: 'خدمات المؤسسات', anchor: '#_8-خدمات-المؤسسات' },
|
||||
{ key: 'content', name: 'إنتاج المحتوى والتشغيل', anchor: '#_9-إنتاج-المحتوى-والتشغيل' },
|
||||
{ key: 'government', name: 'الإدارة الحكومية الذكية', anchor: '#_10-الإدارة-الحكومية-الذكية' },
|
||||
{ key: 'legal', name: 'الشؤون القانونية وإدارة العقود', anchor: '#_11-الشؤون-القانونية-وإدارة-العقود' },
|
||||
{ key: 'travel', name: 'خدمات السفر والتنقل', anchor: '#_12-خدمات-السفر-والتنقل' },
|
||||
{ key: 'emotion', name: 'الرفقة العاطفية', anchor: '#_13-الرفقة-العاطفية' },
|
||||
{ key: 'entertainment', name: 'الترفيه والتسلية', anchor: '#_14-الترفيه-والتسلية' },
|
||||
{ key: 'ecommerce', name: 'خدمات التجارة الإلكترونية', anchor: '#_15-خدمات-التجارة-الإلكترونية' },
|
||||
{ key: 'energy', name: 'الطاقة', anchor: '#_16-الطاقة' },
|
||||
{ key: 'av-media', name: 'الصوت والفيديو', anchor: '#_17-الصوت-والفيديو' },
|
||||
{ key: 'ai-marketing', name: 'تسويق الذكاء الاصطناعي', anchor: '#_18-تسويق-الذكاء-الاصطناعي' },
|
||||
{ key: 'data-intelligence', name: 'ذكاء البيانات', anchor: '#_19-ذكاء-البيانات' }
|
||||
]
|
||||
|
||||
// حساب نتائج التوصية - سحب عشوائي من مجموعة المواضيع
|
||||
const recommendationTopics = computed(() => {
|
||||
if (!interestPoint.value || !purpose.value) return []
|
||||
|
||||
const keys = recommendationMap[interestPoint.value]?.[purpose.value] || []
|
||||
const topics = []
|
||||
|
||||
// استخراج عشوائي لـ 1-2 موضوع من كل صناعة موصى بها
|
||||
keys.forEach(key => {
|
||||
const industry = industries.find(item => item.key === key)
|
||||
const industryTopics = topicPool[key] || []
|
||||
|
||||
if (industry && industryTopics.length > 0) {
|
||||
// استخراج عشوائي لـ 1-2 موضوع
|
||||
const count = Math.floor(Math.random() * 2) + 1
|
||||
const shuffled = [...industryTopics].sort(() => Math.random() - 0.5)
|
||||
const selected = shuffled.slice(0, Math.min(count, shuffled.length))
|
||||
|
||||
selected.forEach(topic => {
|
||||
topics.push({
|
||||
...topic,
|
||||
industryKey: key,
|
||||
industryName: industry.name,
|
||||
industryAnchor: industry.anchor
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
// فرز عشوائي وتقييد العدد الإجمالي
|
||||
return topics.sort(() => Math.random() - 0.5).slice(0, 8)
|
||||
})
|
||||
|
||||
// الحصول على وصف الاختيار الحالي
|
||||
const currentSelection = computed(() => {
|
||||
const interest = interestOptions.find(i => i.value === interestPoint.value)
|
||||
const pur = purposeOptions.find(p => p.value === purpose.value)
|
||||
return {
|
||||
interest: interest?.label || '',
|
||||
purpose: pur?.label || ''
|
||||
}
|
||||
})
|
||||
|
||||
const scrollToAnchor = (anchor) => {
|
||||
// تأخير التمرير لضمان اكتمال تحديث DOM
|
||||
setTimeout(() => {
|
||||
// محاولة البحث عبر ID (يدعم تنسيقات متعددة)
|
||||
let element = document.querySelector(anchor)
|
||||
|
||||
// إذا لم يتم العثور عليه، جرب تنسيقات ID محتملة أخرى
|
||||
if (!element) {
|
||||
// محاولة إزالة بادئة الشرطة السفلية
|
||||
const altAnchor = anchor.replace('#_', '#')
|
||||
element = document.querySelector(altAnchor)
|
||||
}
|
||||
|
||||
// إذا لم يتم العثور عليه بعد، ابحث عبر نص العنوان
|
||||
if (!element) {
|
||||
// استخراج اسم الصناعة من نقطة الارتساء
|
||||
const anchorText = decodeURIComponent(anchor.replace('#', '').replace(/^_/, ''))
|
||||
const headings = document.querySelectorAll('h2, h3')
|
||||
|
||||
for (let heading of headings) {
|
||||
const headingText = heading.textContent.trim()
|
||||
// مطابقة تامة أو مطابقة جزئية
|
||||
const cleanHeading = headingText.replace(/^\d+\.\s*/, '')
|
||||
if (cleanHeading === anchorText || headingText.includes(anchorText)) {
|
||||
element = heading
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (element) {
|
||||
element.scrollIntoView({
|
||||
behavior: 'smooth',
|
||||
block: 'start'
|
||||
})
|
||||
// تمييز الفقرة المستهدفة
|
||||
element.style.backgroundColor = '#f0f9ff'
|
||||
element.style.transition = 'background-color 0.3s'
|
||||
element.style.padding = '8px'
|
||||
element.style.borderRadius = '4px'
|
||||
setTimeout(() => {
|
||||
element.style.backgroundColor = ''
|
||||
element.style.padding = ''
|
||||
}, 2000)
|
||||
}
|
||||
}, 100)
|
||||
}
|
||||
|
||||
const resetSelection = () => {
|
||||
interestPoint.value = ''
|
||||
purpose.value = ''
|
||||
}
|
||||
</script>
|
||||
|
||||
# مرجع لاتجاهات سيناريوهات التطبيق الصناعي للجانب B
|
||||
|
||||
## مقدمة الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['تطبيقات الجانب B', 'التطبيقات الصناعية', 'سيناريوهات AI', 'مرجع التطبيق', 'حلول الصناعة']" coreOutput="التعرف على 15+ سيناريو تطبيق صناعي للجانب B" expectedOutput="العثور على اتجاه المشروع المناسب لعملاء المؤسسات">
|
||||
|
||||
يُلخص هذا المستند <strong>التطبيقات العملية لنماذج LLM الكبيرة في سيناريوهات مؤسسات الجانب B</strong>. على عكس الجانب C الذي يركز على تجربة المستخدم والمشاعر، تركز منتجات الجانب B بشكل أكبر على <strong>حل احتياجات العمل الفعلية، وتحسين الكفاءة، وتقليل التكاليف</strong>. يتمتع كل سيناريو <strong>بجدوى التطبيق العملي</strong>، ويغطي المنهجية الكاملة من <strong>تحليل المتطلبات إلى التنفيذ التقني</strong>، وهو مناسب كمرجع لمطوري تطبيقات AI الموجهة لعملاء المؤسسات.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
## الاختيار السريع لاتجاه الصناعة
|
||||
|
||||
<el-card shadow="hover" style="margin-top: 16px; margin-bottom: 24px; border-left: 5px solid #409EFF;">
|
||||
<div style="font-weight: 600; margin-bottom: 8px;">ابحث عن سيناريو التطبيق المناسب لك</div>
|
||||
<div style="color: #606266; font-size: 14px; line-height: 1.6; margin-bottom: 12px;">
|
||||
اختر اهتمامك والهدف الذي تريد تحقيقه، وسيقوم النظام بتوصية سيناريوهات الصناعة ذات الصلة، انقر على العلامة للانتقال إلى القسم المقابل.
|
||||
</div>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12">
|
||||
<el-select v-model="interestPoint" placeholder="اختر اهتمامك" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in interestOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<span>{{ item.label }}</span>
|
||||
<span style="font-size: 12px; color: #909399;">{{ item.desc }}</span>
|
||||
</div>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-select v-model="purpose" placeholder="اختر غرض التنفيذ" style="width: 100%;">
|
||||
<el-option
|
||||
v-for="item in purposeOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<span>{{ item.label }}</span>
|
||||
<span style="font-size: 12px; color: #909399;">{{ item.desc }}</span>
|
||||
</div>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- عرض نتائج التوصية - تنسيق الجدول -->
|
||||
<div v-if="recommendationTopics.length > 0" style="margin-top: 16px;">
|
||||
<div style="font-weight: 600; margin-bottom: 10px; color: #409EFF;">
|
||||
نوصي لك بـ {{ recommendationTopics.length }} سيناريو تطبيق
|
||||
<span style="font-weight: normal; color: #909399; font-size: 13px; margin-left: 8px;">
|
||||
({{ currentSelection.interest }} + {{ currentSelection.purpose }})
|
||||
</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="recommendationTopics"
|
||||
style="width: 100%; cursor: pointer;"
|
||||
@row-click="(row) => scrollToAnchor(row.industryAnchor)"
|
||||
highlight-current-row>
|
||||
<el-table-column prop="title" label="سيناريو التطبيق" min-width="300">
|
||||
<template #default="scope">
|
||||
<div style="font-weight: 500; color: #303133;">{{ scope.row.title }}</div>
|
||||
<div style="font-size: 12px; color: #909399; margin-top: 4px;">{{ scope.row.desc }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="industryName" label="الصناعة التابعة" width="180" align="center">
|
||||
<template #default="scope">
|
||||
<el-tag type="info" effect="light" size="small">{{ scope.row.industryName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div style="margin-top: 10px; font-size: 12px; color: #909399;">
|
||||
💡 انقر على أي صف في الجدول للانتقال إلى قسم الصناعة المقابل
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- مطالبة عند عدم الاختيار بالكامل -->
|
||||
<div v-else-if="!interestPoint || !purpose" style="margin-top: 14px; color: #909399; font-size: 13px;">
|
||||
<span v-if="!interestPoint && !purpose">💡 يرجى اختيار اهتمامك والغرض من التنفيذ</span>
|
||||
<span v-else-if="!interestPoint">💡 يرجى اختيار اهتمامك</span>
|
||||
<span v-else>💡 يرجى اختيار غرض التنفيذ</span>
|
||||
</div>
|
||||
|
||||
<!-- زر إعادة التعيين -->
|
||||
<div v-if="interestPoint || purpose" style="margin-top: 12px;">
|
||||
<el-button size="small" @click="resetSelection">إعادة الاختيار</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
## مقدمة سريعة عن الصناعات
|
||||
|
||||
### الاختيار التقني السائد
|
||||
|
||||
في تطوير تطبيقات الذكاء الاصطناعي، تشمل الاتجاهات التقنية الشائعة:
|
||||
|
||||
1. **LLM (النموذج اللغوي الكبير)**: بارع في معالجة مهام اللغة الطبيعية، مثل الحوار، وإنشاء النصوص، والتلخيص، والترجمة، وغيرها، ومناسب لبناء تطبيقات خدمة العملاء الذكية، وإنشاء المحتوى، والمعرفة والأسئلة والأجوبة.
|
||||
2. **VLM (نموذج اللغة المرئية)**: يجمع بين الفهم البصري وقدرات اللغة، ويمكنه تحقيق وصف الصور، والإجابة على الأسئلة المرئية، وإنشاء المحتوى متعدد الوسائط، وغيرها من الوظائف، وهو مناسب لسيناريوهات مثل تحليل الصور الطبية، وفحص الجودة الصناعية، والتصميم الإبداعي.
|
||||
3. **GenAI (الذكاء الاصطناعي التوليدي)**: يشمل إنشاء النصوص، وإنشاء الصور (مثل Stable Diffusion، DALL·E)، وإنشاء الفيديو وغيرها من التقنيات، ويمكنه إنشاء محتوى إبداعي بسرعة، وهو مناسب لمجالات مثل التصميم المساعد، وإنتاج مواد التسويق، والتعليم والتدريب.
|
||||
|
||||
### استراتيجية الاختيار
|
||||
|
||||
يمكن للمتعلمين اختيار اتجاه التطبيق المناسب لهم بناءً على الأبعاد التالية:
|
||||
|
||||
1. **التوجه بالاهتمام**: إعطاء الأولوية للصناعة أو الاتجاه التقني الذي يهمك، للحفاظ على الدافع للتعلم. على سبيل المثال:
|
||||
- مهتم بالتصميم الإبداعي: يمكنك تجربة تطبيقات إنتاج المحتوى والتصميم الصناعي
|
||||
- مهتم بالتحديات التقنية: يمكنك تجربة تطبيقات الأمن السيبراني والاتجاه الطبي
|
||||
- مهتم بالقيمة الاجتماعية: يمكنك تجربة تطبيقات الحكومة الذكية وصناعة التعليم
|
||||
|
||||
2. **التكيف مع الصناعة**: اختيار السيناريوهات بناءً على خلفيتك الصناعية أو مزايا الموارد:
|
||||
- العاملون في الصناعة التحويلية: يمكن إعطاء الأولوية لتطبيقات التصنيع الصناعي وخدمات المؤسسات
|
||||
- العاملون في التعليم: يمكن التركيز أولاً على تطبيقات صناعة التعليم وإنتاج المحتوى
|
||||
- العاملون في المجال الطبي: يمكن استكشاف التطبيقات الطبية وإدارة الصحة
|
||||
|
||||
3. **الصعوبة التقنية**: اختيار مستوى التعقيد المناسب بناءً على أساسك التقني:
|
||||
- مستوى المبتدئين: خدمة العملاء الذكية، إنشاء المحتوى، أنظمة الأسئلة والأجوبة البسيطة
|
||||
- المستوى المتوسط: فحص الجودة الصناعية، تحليل الصور الطبية، مساعد الكود الذكي
|
||||
- المستوى الاحترافي: التحكم في المخاطر المالية، الأمن السيبراني، التطبيقات المعقدة متعددة الوسائط
|
||||
|
||||
## 1. الصناعة التحويلية
|
||||
|
||||
تدور سيناريوهات الصناعة التحويلية بشكل أساسي حول ثلاثة اتجاهات رئيسية: التصميم المساعد، وتحسين الإنتاج، والصيانة الذكية. تشمل التطبيقات الشائعة استخدام الذكاء الاصطناعي للمساعدة في تصميم مظهر المنتج، والمراجعة الآلية للمخططات، والإنشاء الذكي للوثائق التقنية، وتشخيص أعطال المعدات الصناعية، مما يمكن أن يحسن بشكل كبير من كفاءة التصميم ويقلل من تكاليف الصيانة.
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
|
||||
| 1 | منصة التصميم المساعد بالذكاء الاصطناعي لمظهر حافلات الطاقة الجديدة | تصميم مفاهيم المظهر بناءً على نماذج توليد الصور، مع دمج LLM لإجراء فحوصات معايير التصميم والتكرار الإبداعي؛ تكامل خدمة العرض ثلاثي الأبعاد Three.js |
|
||||
| 2 | مساعد تصميم ومراجعة الرسومات الهندسية الذكي | استخدام تقنية RAG لبناء قاعدة معرفية لمعايير تصميم المؤسسة، و DALL·E لتوليد صور مرجعية تساعد في الفهم؛ تكامل CAD API لتحليل الرسومات الهندسية تلقائياً |
|
||||
| 3 | إنشاء وإدارة المستندات الفنية تلقائياً | إنشاء مواصفات المنتج وأدلة التشغيل تلقائياً من قاعدة بيانات المنتجات باستخدام LLM، وتخزين المستندات التاريخية في قاعدة بيانات المتجهات ChromaDB لدعم البحث الذكي |
|
||||
| 4 | مساعد إنشاء تقارير فحص معدات الإنتاج تلقائياً | يقوم مفتشو الصيانة بوصف حالة المعدات صوتياً، ويقوم LLM بإنشاء تقرير الفحص بشكل هيكلي؛ وربط سجلات الأعطال التاريخية تلقائياً |
|
||||
| 5 | نظام الجدولة الذكية وتخطيط المسارات لرافعات الشوك في المصانع | يقوم LLM بتحليل مهام الطلبات ومواقع المستودعات، ويتكامل مع Map API لإنشاء خطة جدولة مثالية |
|
||||
| 6 | مستودع بيانات قائم على استرجاع المعلومات عبر LLM | استخدام تقنية Text-to-SQL لتحويل اللغة الطبيعية إلى استعلامات قاعدة بيانات، و Superset لعرض نتائج الاستعلام بصرياً؛ استخدام Doris أو ClickHouse كمحرك OLAP |
|
||||
| 7 | مساعد أسئلة وأجوبة معرفي لتشخيص أعطال المعدات الصناعية | بناء قاعدة معرفية للمتجهات بناءً على حالات الأعطال التاريخية، ويقدم LLM اقتراحات التشخيص والحلول بناءً على وصف العطل |
|
||||
| 8 | إنشاء تقارير فحص جودة الإنتاج ذكياً وتصنيف العيوب | التعرف على العيوب في صور فحص الجودة عبر OCR، وإنشاء تقرير فحص هيكلي بواسطة LLM؛ وتصنيف أنواع العيوب ودرجة خطورتها تلقائياً |
|
||||
| 9 | مساعد جرد المخزون ذكي وإنشاء تقارير الجرد | إدخال بيانات الجرد، ومقارنة مخزون النظام تلقائياً وإنشاء تقرير الفروقات بواسطة LLM؛ إنذار مبكر للمخزون غير الطبيعي |
|
||||
| 10 | نظام أسئلة وأجوبة ذكي لاقتراحات تحسين العمليات | بناء قاعدة معرفية RAG بناءً على مستندات عمليات الإنتاج، ويقدم LLM اقتراحات للتحسين بناءً على مشاكل الإنتاج |
|
||||
|
||||
## 2. خدمة العملاء الذكية
|
||||
|
||||
تركز سيناريوهات خدمة العملاء الذكية على تحسين كفاءة خدمة العملاء وتحسين تجربة المستخدم. تغطي التطبيقات النموذجية تكامل خدمة العملاء متعددة القنوات، والإنشاء الذكي للردود، وتحليل مشاعر العملاء، والمعالجة الآلية لتذاكر الدعم، مما يساعد الشركات على تحقيق خدمة عملاء على مدار الساعة 7×24.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- |
|
||||
| 1 | نظام الرد الآلي وتوليد تذاكر الدعم لخدمة العملاء الذكية متعددة القنوات | التكامل مع رسائل WeChat و APP والموقع الرسمي متعددة القنوات، يقوم LLM بفهم النية ثم إنشاء رد وتأسيس تذكرة تلقائياً؛ استخدام LangChain لبناء تدفق الحوار، و MySQL لتخزين بيانات التذاكر |
|
||||
| 2 | مساعد اكتشاف العملاء المحتملين واقتراحات المتابعة | يقوم LLM بتحليل سجلات محادثات خدمة العملاء التاريخية، وتحديد خصائص العملاء ذوي النية العالية وتسجيلهم؛ نظام التوصيات مدمج مع خوارزمية التصفية التعاونية |
|
||||
| 3 | البحث المعرفي الذكي الداخلي للشركة ومساعد الأسئلة والأجوبة | بناء قاعدة معرفية للمتجهات بناءً على Confluence والمستندات الداخلية، يقوم LLM بتوليد الإجابات بالتكامل مع تقنية RAG |
|
||||
| 4 | نظام إدارة استطلاعات رضا العملاء وتحسين الخدمة | يقوم LLM بتحليل محتوى محادثات خدمة العملاء تلقائياً لتصنيف المشاعر وتقييم مستوى الرضا؛ تقارير BI لعرض نتائج التحليل |
|
||||
| 5 | أداة التلخيص الذكي لمحادثات خدمة العملاء وإنشاء التذاكر | بعد انتهاء خدمة العملاء للمحادثة، يقوم LLM بإنشاء ملخص للمحادثة تلقائياً واستخراج المعلومات الأساسية؛ تعبئة حقول التذكرة تلقائياً |
|
||||
| 6 | مساعد الكشف التلقائي عن امتثال نصوص خدمة العملاء | يقوم موظف خدمة العملاء بإدخال محتوى الرد، ويقوم LLM بالكشف الفوري عن امتثال النصوص والكلمات الحساسة؛ تقديم اقتراحات للتعديل |
|
||||
| 7 | أداة التلخيص التلقائي وتوليد التصنيفات لتذاكر خدمة العملاء | يقوم LLM بتوليد ملخصات لسجلات المحادثات الطويلة والتصنيف والوسم التلقائي؛ Elasticsearch يدعم البحث بالنص الكامل في التذاكر |
|
||||
| 8 | أداة مراقبة مشاعر العملاء والإنذار المبكر بالشذوذ | تحليل خصائص نبرة الصوت والمشاعر النصية في الوقت الفعلي، يتعرف LLM على المشاعر غير الطبيعية ويطلق إنذارات؛ WebSocket لدفع رسائل الإنذار |
|
||||
| 9 | نظام قاعدة معرفية لتوصية نصوص خدمة العملاء المثالية | يقوم LLM بتحليل حالات محادثات خدمة العملاء المتميزة، واستخراج قوالب النصوص المثالية؛ نظام التوصيات يوصي بالنصوص في الوقت الفعلي بناءً على سياق المحادثة |
|
||||
| 10 | مساعد تحليل محتوى المكالمات الصادرة الذكية والفحص | بعد تفريغ تسجيلات المكالمات الصادرة، يقوم LLM بتحليل المحتوى واستخراج المعلومات الأساسية؛ إنشاء تقارير فحص الجودة واقتراحات التحسين تلقائياً |
|
||||
|
||||
## 3. قطاع التعليم
|
||||
|
||||
تهدف سيناريوهات قطاع التعليم إلى تحقيق التعليم المخصص والإدارة التعليمية الذكية. تشمل التطبيقات الأساسية تخطيط مسارات التعلم الذكية، والتصحيح التلقائي للواجبات، وإنشاء خطط الدروس، وتحليل الأداء التعليمي، مما يدفع نحو التوزيع الأمثل للموارد التعليمية وتحقيق التعليم المخصص.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ---------------------------------------- | ------------------------------------------------------------------------------------------ |
|
||||
| 1 | تخطيط مسار تعلم اللغة المخصص ونظام التوجيه الذكي | يقيم LLM المستوى الحالي للمتعلم، ويخطط للمهام اليومية بناءً على أهداف التعلم؛ توصي خوارزمية التوصية بالموارد التعليمية بالدمج مع خريطة المعرفة |
|
||||
| 2 | منصة الكتابة الآلية لخطط الدروس وعرض الموارد التعليمية | ينشئ LLM إطار خطة الدرس والتصميم التعليمي بناءً على المنهج الدراسي؛ يخزن متجه المكتبة خطط الدروس والعروض التقديمية الممتازة، ويدعم البحث بالكلمات المفتاحية والتوصيات المماثلة |
|
||||
| 3 | نظام التصحيح الآلي للواجبات وتحليل تشخيص الحالة التعليمية | يقوم LLM بالتصحيح التلقائي للأسئلة الذاتية وإنشاء اقتراحات التصحيح، وتحدد خريطة المعرفة نقاط الضعف لدى الطلاب |
|
||||
| 4 | بناء نموذج كفاءة المواهب للوظائف وخريطة التعلم | يحلل LLM وصف الوظيفة (JD) لاستخراج متطلبات القدرات، وبناء ملف تعريف لقدرات الوظيفة؛ ينشئ خريطة تعلم مخصصة بناءً على الفجوة |
|
||||
| 5 | بناء نظام المناهج المدرسية وأدوات إعداد العروض التقديمية | يحلل LLM خصائص المدرسة واحتياجات الطلاب، وينشئ إطارًا للمناهج المدرسية؛ يتكامل مع واجهة إنشاء PPT لإعداد العروض التقديمية تلقائيًا |
|
||||
| 6 | التدريب العملي لمحاكاة المواقف الفردية لمحادثة اللغة الأجنبية | يتقمص LLM أدوارًا مختلفة لإجراء محادثات لفظية، وتتعرف ASR على النطق وتقيّمه؛ ينشئ TTS نموذجًا قياسيًا للنطق |
|
||||
| 7 | منصة التوجيه للتخطيط المهني والتوصية بالبيانات الضخمة لرغبات القبول الجامعي | يحلل LLM درجات الطالب، وترتيبه، واهتماماته، وغيرها من المعلومات، ويوصي بالجامعات والتخصصات بالدمج مع بيانات القبول |
|
||||
| 8 | مساعد البرمجة للأطفال | يشرح LLM منطق الكود ويقدم إرشادات برمجية، ويدعم التبديل بين لغة الكتل و Python |
|
||||
| 9 | أداة إنشاء خرائط ذهنية للمعلومات تلقائيًا وتوصية بمسار التعلم | عند إدخال موضوع الدرس، ينشئ LLM خريطة ذهنية للمعلومات تلقائيًا؛ ويوصي بالمحتوى التعليمي التالي بناءً على تقدم التعلم |
|
||||
| 10 | محرك التصحيح والتسجيل الآلي لمقالات اللغتين الصينية والإنجليزية | يسجل LLM ويقيم المقالات من أبعاد متعددة مثل الفكرة، والهيكل، واللغة، والتنوع، وينشئ تعليقات؛ ويقارنها بنماذج مقالات ممتازة |
|
||||
|
||||
## 4. البرمجة الذكية
|
||||
|
||||
تهدف سيناريوهات البرمجة الذكية إلى تحسين كفاءة التطوير وجودة الكود. تشمل التطبيقات النموذجية الإكمال التلقائي للكود، والإصلاح التلقائي للأخطاء (Bug)، وإنشاء الاختبارات الآلية، وتحويل الكود، مما يتيح للمطورين التركيز على منطق الأعمال بدلاً من أعمال الترميز المتكررة.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------- | ---------------------------------------------------------------------------------------------------- |
|
||||
| 1 | مساعد الإكمال التلقائي للكود والإصلاح التلقائي للأخطاء (Bug) | نموذج كود مضبوط بدقة بناءً على CodeLlama، توفر إضافة IDE اقتراحات إكمال الكود في الوقت الفعلي؛ يحلل LLM تتبع الخطأ لتحديد موقع Bug تلقائيًا وإنشاء كود الإصلاح |
|
||||
| 2 | منصة بناء التطبيقات منخفضة التعليمات البرمجية وأتمتة العمليات | يصف المستخدم المتطلبات بلغة طبيعية، ويقوم LLM بتحويلها إلى تكوينات منخفضة التعليمات البرمجية أو أطر عمل برمجية |
|
||||
| 3 | نظام إنشاء حالات اختبار الوحدة | يقوم AST بتحليل الشفرة المصدرية لاستخراج منطق الدوال، ويقوم LLM بإنشاء حالات اختبار لشروط الحدود وسيناريوهات الاستثناء؛ التكامل مع Jest/Pytest لتشغيل الاختبارات |
|
||||
| 4 | أداة التحليل الذكي للشفرة البرمجية ونقل اللغات | تحليل بنية الشفرة البرمجية بناءً على Tree-sitter، ويقوم LLM بتحليل جودة الشفرة البرمجية وتقديم اقتراحات للتحسين؛ دمج محرك القواعد لتحقيق التحويل بين اللغات |
|
||||
| 5 | أداة التوليد التلقائي لعبارات SQL من اللغة الطبيعية | يقوم LLM بتحويل استعلامات اللغة الطبيعية إلى SQL، ويدعم استعلامات الربط المعقدة متعددة الجداول واستعلامات التجميع |
|
||||
| 6 | منصة الاختبار الآلي لواجهات API وتوليد الوثائق | يقوم LLM بتحليل تعليقات الشفرة البرمجية وتعريفات الواجهات، ويقوم تلقائيًا بإنشاء حالات الاختبار ووثائق API؛ تكامل Postman لتنفيذ الاختبارات |
|
||||
| 7 | أداة التسجيل الذكي والصيانة لبرامج اختبار واجهة المستخدم | يقوم ملحق المتصفح بتسجيل مسار عمليات المستخدم، ويقوم LLM بتحليل نية العملية لإنشاء نصوص اختبار برمجية؛ يقوم الذكاء الاصطناعي بإصلاح المحددات المعطلة |
|
||||
| 8 | تحليل سجلات النظام وتحديد الأعطال | تجميع بيانات السجلات عبر ELK Stack، ويقوم LLM بتحليل سجلات الاستثناء لاستخراج المعلومات الرئيسية وتحديد السبب الجذري؛ ويوصي بحلول الإصلاح |
|
||||
| 9 | أداة التوليد التلقائي لشفرة واجهة المستخدم الأمامية (UI) | التعرف على بنية التخطيط لمخططات التصميم عبر OCR، ويقوم LLM بإنشاء CSS المتجاوب وشفرة المكونات؛ تكامل TailwindCSS لدعم أطر عمل الأنماط المتعددة |
|
||||
| 10 | مساعد التصميم الذكي والنمذجة لهيكل قاعدة البيانات | إدخال مستندات متطلبات العمل إلى LLM، والتوليد التلقائي لمخططات ER وهياكل جداول البيانات؛ دعم تصدير نصوص إنشاء الجداول لـ MySQL/PostgreSQL |
|
||||
|
||||
## 5. القطاع الطبي
|
||||
|
||||
تسعى سيناريوهات القطاع الطبي إلى تحسين كفاءة التشخيص والعلاج وجودة الخدمات الطبية. تشمل التطبيقات الشائعة التوليد التلقائي للسجلات الطبية، والإجابة على الأسئلة الطبية المعرفية، والمساعدة في تحليل الصور الطبية، ودعم تطوير الأدوية، مما يدفع عجلة التحول الذكي في الصناعة الطبية.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ---------------------------------- | ------------------------------------------------------------------------------------- |
|
||||
| 1 | مساعد التفسير الذكي لتقارير الفحوصات الطبية | رفع صورة تقرير الفحص، والتعرف على المؤشرات الرئيسية عبر OCR، ويقوم LLM بتفسير القيم غير الطبيعية وإنشاء شرح مبسط |
|
||||
| 2 | خبير استشارات صحية قائم على تقنية استرجاع المعرفة | بناء شبكة معرفية طبية (ICD-10، نشرة معلومات الأدوية، إرشادات التشخيص والعلاج)، واسترجاع وإنشاء إجابات عبر RAG |
|
||||
| 3 | منصة تحليل القرار للبيانات السريرية والبحثية | دمج بيانات EMR ونتائج الفحوصات، ويقوم LLM بالمساعدة في إنشاء شفرات التحليل الإحصائي والمخططات المرئية؛ دعم دراسات الأتراب وتحليل البقاء على قيد الحياة |
|
||||
| 4 | نظام التوليد الذكي لأسئلة الامتحانات الطبية وتحليل الإجابات الخاطئة | إدخال فصول الكتب المدرسية ونقاط المعرفة، ويقوم LLM بإنشاء أسئلة تدريبية وشروحات؛ وجمع تلقائي للإجابات الخاطئة وإنشاء تحليل لنقاط الضعف |
|
||||
| 5 | خبير أسئلة وأجوبة ذكي لشبكة المعرفة في دورة تطوير الأدوية بالكامل | بناء شبكة معرفية للأدوية-الأهداف-الأمراض، ويقوم LLM بالإجابة على الأسئلة المتعلقة بالبحث والتطوير؛ دعم استرجاع الوثائق والتوصية بخطط التجارب |
|
||||
| 6 | مساعد أسئلة وأجوبة ذكي لنشرة معلومات الأدوية | رفع صورة نشرة معلومات الدواء أو إدخال اسم الدواء، ويقوم LLM بالإجابة على أسئلة حول الجرعة وطريقة الاستخدام، والآثار الجانبية، واحتياطات الاستخدام |
|
||||
| 7 | مساعد إنشاء مقالات التوعية بالأمراض | إدخال اسم المرض والجمهور المستهدف، ويقوم LLM بإنشاء مقالات توعوية سهلة الفهم؛ دعم إصدارات متعددة (نسخة المريض/نسخة الأسرة) |
|
||||
| 8 | أداة التوليد التلقائي لتقارير التصوير الطبي | يصف طبيب الأشعة خصائص الصورة، ويقوم LLM تلقائيًا بإنشاء تقرير منظم؛ دعم قوالب أنواع الفحوصات الشائعة |
|
||||
| 9 | مساعد التوليد الذكي لأرشيف السجلات الجراحية والتوثيق | إدخال صوتي للخطوات الرئيسية أثناء الجراحة، وLLM يولد سجلات جراحية مهيكلة؛ ربط تلقائي بأكواد العمليات الجراحية |
|
||||
| 10 | مساعد ذكي لتذكيرات أدوية الأمراض المزمنة | يدخل المريض قائمة الأدوية، وLLM يولد تذكيرات أدوية مخصصة؛ يدعم فحص موانع الاستخدام والأسئلة والأجوبة التفاعلية |
|
||||
|
||||
## 6. الأمن السيبراني
|
||||
|
||||
تركز سيناريوهات الأمن السيبراني على الحماية الأمنية وإدارة المخاطر. تشمل التطبيقات الأساسية اكتشاف الثغرات، وتحليل معلومات التهديدات، والتعرف على رسائل التصيد، والاستجابة للحوادث الأمنية، مما يبني نظام حماية أمني ذكي وشامل للمؤسسات.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ----------------------------------- | -------------------------------------------------------------------------------------- |
|
||||
| 1 | محرك اكتشاف وإصلاح ثغرات أمان الكود | أدوات تحليل الكود الثابت (SAST) تفحص الكود، وLLM يحلل مبادئ الثغرات ويولد اقتراحات الإصلاح؛ يتكامل مع خط أنابيب CI/CD |
|
||||
| 2 | نظام التعرف والاعتراض الذكي لرسائل التصيد الاحتيالي المولدة بواسطة AI | LLM يحلل محتوى البريد الإلكتروني وخصائص المرسل وأمان الروابط، للتعرف على رسائل التصيد المولدة بواسطة AI؛ يتصل ببوابة البريد للاعتراض في الوقت الفعلي |
|
||||
| 3 | مساعد التوليد التلقائي للتقارير اليومية للعمليات الأمنية | تجميع سجلات أجهزة الأمان، وLLM يستخرج الأحداث الرئيسية تلقائيًا ويولد تقارير يومية؛ تمييز الأحداث الشاذة بـ highlight |
|
||||
| 4 | مساعد الأسئلة والأجوبة الذكي لقاعدة المعرفة الأمنية | بناء قاعدة معرفة متجهة بناءً على وثائق الأمان وقاعدة بيانات CVE، وLLM يجيب على أسئلة تقنيات الأمان واقتراحات المعالجة |
|
||||
| 5 | مساعد التوليد الذكي لتقارير اختبار الاختراق | بعد اكتمال اختبار الاختراق، يقوم LLM بتوليد تقرير تلقائي بناءً على وصف الثغرة؛ توليد دفعي لاقتراحات إصلاح الثغرات |
|
||||
| 6 | حماية الأكواد الخبيثة ومراقبة الامتثال للخصوصية | تحليل سلوك الملفات المشبوهة في بيئة اختبار معزولة (Sandbox)، وLLM يتعرف على الميزات الخبيثة ويولد توقيعات؛ مسح وتحديد بيانات الخصوصية |
|
||||
| 7 | أداة توليد قوائم فحص الامتثال للتكوينات الأمنية | إدخال نوع النظام المستهدف، وLLM يولد قائمة فحص التكوين الأمني؛ يدعم معايير مثل حماية المستوى 2.0 (Dengbao 2.0) وCIS |
|
||||
| 8 | مساعد الاستعلام والتحليل الذكي لمعلومات التهديدات | الاتصال بمصادر متعددة لمعلومات التهديدات (مفتوحة المصدر، تجارية)، وLLM يفسر المعلومات ويربطها بأصول المؤسسة؛ يوصي باستراتيجيات الحماية |
|
||||
| 9 | مساعد توليد تقارير مراجعة الحوادث الأمنية | بعد وقوع حادث أمني، يقوم LLM بتوليد تقرير مراجعة تلقائي بناءً على الجدول الزمني؛ تحليل السبب الجذري واقتراحات التحسين |
|
||||
| 10 | مركز رصد وإنذار معلومات التهديدات العالمية | يجمع الروبوت (Crawler) الأخبار الأمنية العالمية والإفصاحات عن الثغرات، وLLM يستخرج المعلومات الرئيسية ويقيّم التأثير؛ إشعارات إنذار عبر البريد الإلكتروني/الرسائل النصية |
|
||||
|
||||
## 7. الإدارة المالية، التأمين والقطاع المصرفي
|
||||
|
||||
تتمحور سيناريوهات القطاع المالي حول التحكم في المخاطر والذكاء المالي. تشمل التطبيقات النموذجية تقييم مخاطر الائتمان، ومستشاري إدارة الثروات، وتوليد التقارير المالية، ومراقبة غسل الأموال، مما يعزز كفاءة التشغيل وقدرات إدارة المخاطر في المؤسسات المالية.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------- | ------------------------------------------------------------------------------------ |
|
||||
| 1 | مساعد التوليد الذكي لتقارير التحقيق الائتماني | إدخال المعلومات الأساسية للشركة والبيانات المالية، وLLM يولد تلقائيًا تقرير التحقيق الائتماني؛ تحديد تلقائي لنقاط المخاطرة |
|
||||
| 2 | مستشار ذكي لإدارة الثروات في البنوك الخاصة | LLM يحلل تفضيلات المخاطر المالية للعميل وأهدافه المالية، ويولد اقتراحات تخصيص الأصول؛ يتصل بمنتجات التمويل وقاعدة بيانات الصناديق |
|
||||
| 3 | مساعد التوليد الذكي والتحقق من الامتثال لكتاب طرح عام أولي (IPO) | قوالب معيارية لمخطط طرح الأسهم، وLLM يملأ تلقائيًا وصف الأعمال وعوامل المخاطر؛ محرك قواعد التحقق من الامتثال للتحقق من الاتساق الداخلي والخارجي |
|
||||
| 4 | نظام التوليد التلقائي للتقارير المالية للشركات والإنذار المبكر بالحالات الشاذة | جمع البيانات تلقائيًا من الأنظمة المالية، وLLM يولد التحليل المالي وقسم مناقشة الإدارة؛ قواعد الإنذار المبكر للمؤشرات الشاذة |
|
||||
| 5 | مساعد استخراج معلومات المستندات المالية والأسئلة والأجوبة | تحميل صور الفواتير، والتعرف البصري على الحروف (OCR) لاستخراج المعلومات، وLLM يجيب على الأسئلة المتعلقة بالمستندات؛ يدعم فواتير ضريبة القيمة المضافة وتذاكر القطار، إلخ |
|
||||
| 6 | مساعد البحث الذكي والأسئلة والأجوبة لحالات الامتثال | بناء قاعدة معرفة بناءً على حالات العقوبات التنظيمية، وLLM يجيب على أسئلة الامتثال ويوفر مراجع للحالات |
|
||||
| 7 | مدرب المحادثات الذكي لوكلاء التأمين | LLM يتقمص أدوار أنواع مختلفة من العملاء لإجراء محادثات محاكاة، ويقيم امتثال ومتانة حديث الوكيل؛ تحليل تفريغ التسجيلات الصوتية |
|
||||
| 8 | منصة تحليل شروط منتجات التأمين والمقارنة مع المنافسين | تحليل مهيكلي للشروط، وLLM يولد ملخصات لأبرز النقاط والملاحظات الهامة |
|
||||
| 9 | خدمة التعرف على مشاعر خطاب العميل | التعرف على المشاعر من الكلام الصوتي مع فحص امتثال الحديث، وتقديم اقتراحات تحسين فورية للوكيل |
|
||||
| 10 | مساعد الاستعلام والحوار الذكي لتقدم مطالبات التأمين | يدخل المستخدم رقم الوثيقة أو رقم البلاغ، وLLM يستعلم عن تقدم المطالبة ويجيب على الأسئلة المتعلقة بالمطالبات |
|
||||
|
||||
## 8. خدمات المؤسسات
|
||||
|
||||
تسعى سيناريوهات خدمات المؤسسات إلى تحسين الكفاءة التشغيلية للمنظمات ومستوى الإدارة. تشمل التطبيقات الشائعة إدارة علاقات العملاء، والتنبؤ بالمبيعات، ورصد الرأي العام، والإدارة الذكية للموارد البشرية، مما يساعد الشركات على تحقيق التحول الرقمي والارتقاء بمستواها.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ---------------------------------- | ------------------------------------------------------------------------------ |
|
||||
| 1 | منصة تحليل احتفاظ العملاء والإنذار المبكر بالتسرب | جمع بيانات سلوك المستخدمين عبر نقاط التتبع، ونماذج التعلم الآلي (ML) تتنبأ باحتمالية التسرب، وLLM يولد اقتراحات الاستبقاء |
|
||||
| 2 | منصة الوصول للعملاء المحتملين ورسائل التسويق البريدية B2B | تصفية العملاء المستهدفين من بيانات السجل التجاري للشركات، وLLM يولد محتوى تسويقي مخصص؛ الاتصال بمنصة إرسال البريد الإلكتروني الجماعي |
|
||||
| 3 | منصة مراقبة خط أنابيب المبيعات والتنبؤ بالأداء | جمع البيانات تلقائيًا من إدارة علاقات العملاء (CRM)، وLLM يحلل قمع المبيعات ويتنبأ بتحقيق الأداء؛ دفع إنذارات الشذوذ للمديرين |
|
||||
| 4 | رادار رصد الرأي العام عن العلامة التجارية والإنذار المبكر للأزمات | جمع بيانات الرأي العام من الشبكة بأكملها (وسائل التواصل الاجتماعي، الأخبار، المنتديات)، وLLM يحلل المشاعر واتجاهات الانتشار؛ دفع إنذارات الأزمات |
|
||||
| 5 | مساعد كتابة رسائل البريد الإلكتروني المهنية الذكي وإدارة مشاعر التواصل | فهم سياق البريد الإلكتروني، وLLM يولد مسودات رسائل احترافية؛ تحليل المشاعر وتقديم اقتراحات للتحسين |
|
||||
| 6 | نظام التحليل الذكي للسير الذاتية ومطابقة الوظائف | تحليل ملفات PDF للسير الذاتية لاستخراج المعلومات الرئيسية، LLM يطابق الوظائف المناسبة ويولد نصائح المقابلات؛ تكامل نظام ATS |
|
||||
| 7 | دليل إرشاد الموظفين الجدد ومساعد الإجابة على الأسئلة | قاعدة معرفة وثائق الإلحاق باسترجاع RAG، LLM يجيب على أسئلة الموظفين الجديدة الشائعة |
|
||||
| 8 | منصة إدارة ملاحظات أداء الموظفين وأهداف OKR | جمع بيانات نظام OKR، LLM يحلل حالة إنجاز الأهداف ويولد اقتراحات الملاحظات؛ جمع ملاحظات 360 درجة |
|
||||
| 9 | محاضر الاجتماعات الذكية وإدارة المهام | تفريغ تسجيلات الاجتماعات، LLM يستخرج نقاط النقاش الرئيسية والمهام؛ الإنشاء التلقائي للمهام في نظام المهام |
|
||||
| 10 | التعرف على الفواتير والمعالجة التلقائية لتعويض النفقات | OCR للتعرف على معلومات الفاتورة، التحقق التلقائي من صحة الفاتورة وامتثال التعويضات؛ التكامل مع النظام المالي |
|
||||
|
||||
## 9. إنتاج المحتوى والعمليات
|
||||
|
||||
تركز سيناريوهات إنتاج المحتوى والعمليات على توليد الأفكار وإدارة حركة المرور. تشمل التطبيقات الأساسية كتابة النصوص الإعلانية، وإنتاج مقاطع الفيديو القصيرة، والبث المباشر بالشخصيات الرقمية، وتحسين SEO، مما يساعد الشركات على تحسين كفاءة إنتاج المحتوى ومعدلات التحويل التسويقي.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ----------------------------------------- | -------------------------------------------------------------------------- |
|
||||
| 1 | منصة مساعدة إنشاء محتوى الأفلام والتلفزيون والروايات | LLM يوفر مساعدة في الإنشاء مثل مخطط القصة، وتصميم الشخصيات، وتوليد الحوار؛ خريطة ذهنية لتصور بنية القصة |
|
||||
| 2 | مساعد الكتابة الذكية لقصص العلامة التجارية ومقالات العلاقات العامة | إدخال كلمات العلامة التجارية الرئيسية ومعلومات المنتج، LLM يولد إصدارات نصوص بأنماط متعددة؛ تكامل واجهة اختبار A/B |
|
||||
| 3 | نظام إدارة تفاعل البث المباشر بالشخصيات الرقمية الافتراضية والبث | نمذجة مظهر الشخصية الرقمية + صوت TTS + حوار LLM، استجابة في الوقت الفعلي لتعليقات الجمهور؛ تكامل بث OBS |
|
||||
| 4 | توليد نصوص الفيديو القصير والمونتاج الذكي | LLM يولد نصوص الفيديو القصير واللوحات القصصية، Sora/Runway يولد مقاطع فيديو؛ أدوات المونتاج للتجميع التلقائي |
|
||||
| 5 | تفريغ صوتي لمحادثات المبيعات والتوصية بالعبارات | تفريغ تسجيلات المكالمات عبر ASR، LLM يحلل المحادثة ويوصي بالعبارات المثالية؛ تكامل نظام CRM |
|
||||
| 6 | نظام التصميم والتوليد الذكي للمحتوى التسويقي | إدخال معلومات المنتج، LLM يولد النصوص التسويقية ويستخرج نقاط البيع؛ تكامل قوالب Canva/AIGA Design |
|
||||
| 7 | نظام مراقبة عائد الاستثمار للإعلانات متعددة المنصات في الوقت الفعلي وتحسين الاستراتيجية | واجهة برمجة تطبيقات منصة الإعلانات لجمع البيانات، LLM يحلل أداء الإعلانات ويولد اقتراحات التحسين؛ دفع تنبيهات الاستثناءات |
|
||||
| 8 | تحليل الكلمات المفتاحية لمحركات البحث وحركة المرور | جمع بيانات مؤشر بايدو و 5118، LLM يحلل اتجاهات الكلمات المفتاحية والمنافسة؛ التوصية باختيار موضوعات المحتوى |
|
||||
| 9 | منصة تحليل إعلانات المنافسين | واجهة برمجة تطبيقات منصة بيانات طرف ثالث لجمع إعلانات المنافسين، LLM يحلل استراتيجيات الإعلان وخصائص الإبداع |
|
||||
| 10 | نظام التحليل الذكي للمواضيع الرائجة على الإنترنت والتوصية بالمحتوى | جمع بيانات بحث ويبو الساخن وقائمة TikTok الرائجة، LLM يحلل اتجاهات المواضيع الرائجة ويوصي بزوايا المواضيع؛ جدولة المحتوى بالتقويم |
|
||||
|
||||
## 10. الإدارة الحكومية الذكية
|
||||
|
||||
تسعى سيناريوهات الحكومة الذكية إلى تحسين كفاءة الخدمات الحكومية وقدرات الحوكمة. تشمل التطبيقات النموذجية التنقل الصوتي الذكي للخطوط الحكومية الساخنة، والإجابة الذكية على السياسات، وتحسين الموافقات الإدارية، وإدارة الحوادث الحضرية، مما يدفع بناء الحكومة الرقمية.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ------------------------------------------ | -------------------------------------------------------------------- |
|
||||
| 1 | نظام التنقل الصوتي الذكي والتوجيه التلقائي للخط الحكومي الساخن 12345 | التعرف على صوت مكالمات المواطنين، LLM يفهم الطلبات ويوجهها بذكاء إلى القسم المختص؛ التدفق التلقائي لنظام أوامر العمل |
|
||||
| 2 | روبوت الإرشاد الذكي والإجابة على السياسات في قاعات الخدمات الحكومية | قاعدة المعرفة الحكومية باسترجاع RAG، LLM يجيب على إجراءات الخدمة وأسئلة السياسات؛ التكامل مع نظام أخذ الأرقام |
|
||||
| 3 | منصة المطابقة الذكية والدفع الدقيق لسياسات دعم الشركات | التحليل المهيكل للسياسات، الملف التعليمي للشركة للمطابقة التلقائية مع السياسات المعمول بها؛ دفع تنبيهات عبر الرسائل القصيرة/البريد الإلكتروني |
|
||||
| 4 | مساعد المراجعة المسبقة الذكية لمواد الموافقات الإدارية والتحقق من الامتثال | التعرف عبر OCR واستخراج المعلومات الرئيسية من المواد، LLM يتحقق من اكتمال المواد وامتثالها |
|
||||
| 5 | نظام اكتشاف السلوك غير الطبيعي في مراقبة الفيديو للأمن العام | تحليل تدفق الفيديو في الوقت الفعلي، نماذج الرؤية الحاسوبية (CV) تكتشف السلوكيات غير الطبيعية (قتال، سقوط، إلخ)؛ دفع التنبيهات |
|
||||
| 6 | منصة إدارة التعرف الذكي على الأحداث والجدولة الشبكية الحضرية | جمع بيانات الإدراك الحضري (إنترنت الأشياء، الكاميرات)، LLM يتعرف على نوع الحدث ويوجهه |
|
||||
| 7 | نظام تحليل البيانات الضخمة للرأي العام الاجتماعي والإنذار المبكر بالمخاطر | تحليل ودمج متعدد المصادر للخطوط الحكومية الساخنة، والرأي العام على الإنترنت، واستطلاعات الرأي الاجتماعي؛ LLM يتعرف على بؤر المخاطر |
|
||||
| 8 | منصة التعرف الرقمي والأرشفة الذكية للسجلات الحكومية | التعرف عبر OCR على المحتوى النصي للسجلات، LLM يستخرج المعلومات الرئيسية ويصنفها تلقائيًا؛ دعم البحث في النص الكامل |
|
||||
| 9 | منصة القيادة لحالات الطوارئ العامة والجدولة الذكية لموارد الإنقاذ | جمع معلومات الحدث، LLM يولد خطة الاستجابة للطوارئ؛ خوارزمية تحسين جدولة الموارد |
|
||||
| 10 | نظام مراقبة شبكي وتتبع دقيق لتلوث الهواء البيئي | جمع بيانات مستشعرات جودة الهواء، نماذج الرؤية الحاسوبية (CV) تتعرف على مصادر التلوث؛ LLM يحلل اتجاهات التلوث ويتتبع مصادره |
|
||||
|
||||
## 11. الشؤون القانونية وإدارة العقود
|
||||
|
||||
تركز سيناريوهات الشؤون القانونية على تحسين كفاءة الخدمات القانونية وإدارة الامتثال. تشمل التطبيقات الشائعة مراجعة العقود، وتحليل القضايا، ومراقبة اللوائح، وتوليد المستندات القانونية، مما يوفر أدوات ذكية لدعم المتخصصين في المجال القانوني.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------------------------- | ---------------------------------------------------------------- |
|
||||
| 1 | وكيل "البحث عن الأخطاء" بنقرة واحدة لمخاطر وثغرات العقود | التحليل المهيكل لنص العقد، LLM يتعرف على المشاكل المحتملة مقابل قائمة المخاطر؛ وضع علامات على البنود عالية المخاطر |
|
||||
| 2 | منصة مراجعة الامتثال وتقديم توصيات التعديل طوال دورة حياة عقود الشركة | مقارنة بنود العقد بقاعدة البيانات القانونية، LLM يولد تقرير مراجعة الامتثال؛ تتبع توصيات التعديل |
|
||||
| 3 | مستشار تقييم ذكي بنسبة فوز القضايا المماثلة عبر AI | استخراج خصائص القضية، البحث والمطابقة للقضايا المماثلة؛ LLM يحلل العوامل المؤثرة في نسبة الفوز |
|
||||
| 4 | رادار المراقبة في الوقت الفعلي لتغييرات القوانين واللوائح وتحليل الأثر على الأعمال | التحديث الفعلي لقاعدة بيانات القوانين واللوائح، LLM يحلل محتوى التغييرات ويقيّم الأثر على الأعمال؛ دفع تنبيهات مبكرة |
|
||||
| 5 | أداة إنشاء مسودة خطاب المحامي تلقائياً عبر AIGC | إدخال بيانات الوقائع، يقوم LLM بإنشاء قالب خطاب محامي موحد؛ فحص العناصر والتحقق من الامتثال |
|
||||
| 6 | جهاز تسجيل لتفريغ تسجيلات الجلسات في الوقت الفعلي واستخراج نقاط النزاع تلقائياً | تفريغ تسجيلات المحكمة عبر ASR، يقوم LLM باستخراج نقاط النزاع والحجج الرئيسية؛ وضع علامات زمنية |
|
||||
| 7 | نظام مراقبة تلقائية لمخالفات الملكية الفكرية عبر الإنترنت وجمع الأدلة عبر البلوك تشين | مراقبة المخالفات على منصات التجارة الإلكترونية ووسائل التواصل الاجتماعي؛ جمع وحفظ أدلة المخالفات تلقائياً |
|
||||
| 8 | Agent مبني على LLM للتحقق من اتساق البيانات الرئيسية في نشرة إصدار الاكتتاب العام وتحذير المخاطر | مقارنة بيانات الفصول المتعددة في نشرة الإصدار، يتعرف LLM على التناقضات والشذوذ في البيانات؛ وضع علامات المخاطر |
|
||||
| 9 | إضافة "ترجمة" البنود القانونية المعقدة إلى لغة مبسطة | تحديد النص القانوني، يقوم LLM بإنشاء شرح سهل الفهم |
|
||||
| 10 | نظام فرز سلسلة الأدلة في القضايا ذكياً وعرضها بشكل مرئي | رفع مواد الأدلة، يقوم LLM بتحليل العلاقات بين الأدلة والجدول الزمني |
|
||||
|
||||
## 12. خدمات السفر والتنقل
|
||||
|
||||
تسعى سيناريوهات السفر والتنقل إلى تحسين تجربة السفر وتسهيل الخدمات. تشمل التطبيقات الأساسية التخطيط الذكي للرحلات، والتنبؤ بالأسعار، والجولات الافتراضية، وخدمات الترجمة، مما يجعل السفر أكثر سهولة ومتعة.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------------- | ----------------------------------------------------------------------------------- |
|
||||
| 1 | مولد دليل رحلات تلقائي للمسافرين الكسالى مبني على AIGC | إدخال تفضيلات المستخدم (عدد الأيام، الميزانية، الاهتمامات)، يقوم LLM بإنشاء جدول الرحلة اليومي؛ تقوم API المعالم السياحية بالحصول على أوقات العمل وتذاكر الدخول |
|
||||
| 2 | روبوت للتنبؤ باتجاه أسعار تذاكر الطيران والفنادق عبر الإنترنت وقفل أقل سعر تلقائياً | جمع بيانات أسعار OTA، نماذج ML للتنبؤ باتجاهات الأسعار؛ تنبيهات مراقبة الأسعار |
|
||||
| 3 | مستشار لإعادة جدولة الرحلات بين شركات الطيران واقتراح خطط طوارئ بعد إلغاء الرحلات | مراقبة حالة الرحلات، يقوم LLM بتحليل خطط الرحلات البديلة؛ مقارنة أسعار شركات الطيران المتعددة |
|
||||
| 4 | نظام فحص مسبق ذكي لمستندات التأشيرة ومساعد تعبئة النماذج تلقائياً | التقاط صور المستندات ورفعها، التعرف على المعلومات عبر OCR والتحقق من اكتمالها؛ التعبئة التلقائية للنماذج |
|
||||
| 5 | مترجم صوتي في الوقت الفعلي للسفر إلى الخارج ومترجم القوائم بصرياً | نموذج ترجمة صوتية بدون اتصال، التعرف على صور القوائم عبر OCR وترجمتها |
|
||||
| 6 | محلل دليل "تجنب الفخاخ" للفنادق مبني على تقييمات حقيقية من البيانات الضخمة | جمع بيانات تقييمات الفنادق، يقوم LLM باستخراج الكلمات المفتاحية للتقييمات الإيجابية والسلبية |
|
||||
| 7 | منصة تفاعلية للمعاينة الغامرة عبر VR للوجهات والاختيار الافتراضي للغرف | التقاط صور بانورامية بزاوية 360 درجة، تقنية VR لتحقيق المعاينة الغامرة؛ جولة افتراضية في الغرفة |
|
||||
| 8 | مساعد لإنشاء يوميات سفر جميلة ونصوص لمنشورات وسائل التواصل الاجتماعي تلقائياً من آثار الرحلة | استخراج معلومات الوقت والموقع من الصور، يقوم LLM بإنشاء نصوص اليوميات؛ إنشاء قوالب منسقة |
|
||||
| 9 | منصة إدارة جمع فواتير سفر العمل تلقائياً وتعويضات الامتثال | ربط API منصة سفر العمل، جمع معلومات الفواتير تلقائيا؛ التحقق من الامتثال |
|
||||
| 10 | تنقل ذكي وتنبؤ باختناق حركة المرور في مناطق الجذب في الوقت الفعلي وتخطيط مسارات لتجنب أوقات الذروة | جمع بيانات حركة المرور في مناطق الجذب، نماذج ML للتنبؤ بأوقات الذروة؛ توصيات لتجنب أوقات الزحام |
|
||||
|
||||
## 13. الرفقة العاطفية
|
||||
|
||||
تركز سيناريوهات الرفقة العاطفية على الصحة النفسية والراحة العاطفية. تشمل التطبيقات النموذجية الرفيق الافتراضي، والاستشارات العاطفية، والتدريب المعرفي، والتوجيه النفسي، مما يوفر للمستخدمين رفقة ودعماً على مدار الساعة.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------------- | ----------------------------------------------------------- |
|
||||
| 1 | رفيق افتراضي لمرافقة عميقة على مدار 24 ساعة مبني على نموذج LLM كبير | نظام الذاكرة لتخزين سجل المحادثات، يقوم LLM بإنشاء ردود مخصصة؛ وحدة الدعم العاطفي |
|
||||
| 2 | مستشار AI للتوجيه النفسي والتعرف على المشاعر متعدد الوسائط | تحليل نبرة الصوت + التعرف على المشاعر النصية، يقوم LLM بإنشاء اقتراحات التوجيه؛ إنذار التدخل في الأزمات |
|
||||
| 3 | إنسان رقمي للتدريب المعرفي واستعادة الذاكرة لكبار السن المصابين بمرض الزهايمر | تدريب الألعاب المعرفية (الذاكرة، الحساب، اللغة)؛ تحفيز استرجاع الذكريات عبر الصور القديمة/الأغاني القديمة |
|
||||
| 4 | مدرب AIGC لمحاكاة التدريبات الاجتماعية للأشخاص المصابين بالرهاب الاجتماعي | محاكاة سيناريوهات اجتماعية افتراضية، يتقمص LLM أدواراً مختلفة؛ اقتراحات للمهارات الاجتماعية |
|
||||
| 5 | آلة تخصيص قصص ما قبل النوم للأطفال عبر AI التوليدي | يدخل الوالدان الموضوع والتفضيلات، يقوم LLM بإنشاء قصة مخصصة؛ إنشاء موسيقى خلفية |
|
||||
| 6 | استعادة الحياة الرقمية للمتوفين ونظام حوار LLM عبر الزمان والمكان | تدريب نموذج مخصص باستخدام بيانات ما قبل الوفاة (الصوت، النص)؛ إنشاء حوار الذكريات |
|
||||
| 7 | روبوت دردشة متطابق للشخصية ومتعاطف مبني على AI لبيانات MBTI | إدخال نتائج اختبار MBTI، يقوم LLM بإنشاء تحليل الشخصية وردود متعاطفة؛ توصيات تطابق الشخصية |
|
||||
| 8 | مراقبة مزاج على مدار الساعة ومساعد AI لتحفيز المشاعر الإيجابية | تسجيل حالة المزاج يومياً، يقوم LLM بتحليل الاتجاهات وإنشاء محتوى تحفيزي؛ دفع تذكيرات إيجابية |
|
||||
| 9 | منفذ AI آمن الخصوصية للمراهقين للفضفضة | منفذ فضفضة مجهول، يوفر LLM الاستماع والنصائح؛ إنذار الكلمات الحساسة |
|
||||
| 10 | نظام تربية حيوان أليف افتراضي AI يتمتع بقدرة التطور الذاتي | تدريب نموذج شخصية الحيوان الأليف، التطور والنمو من خلال التفاعل والحوار؛ نظام الأزياء الافتراضية |
|
||||
|
||||
## 14. الترفيه والتسلية
|
||||
|
||||
تسعى سيناريوهات الترفيه والتسلية إلى توفير تجارب ترفيهية رقمية غنية. تشمل التطبيقات الشائعة اتخاذ القرارات الذكية لـ NPC في الألعاب، والمساعدة في ألعاب الغموض، وإنشاء المحتوى، ومعالجة الصوت والفيديو، لتلبية الاحتياجات الترفيهية المتنوعة للمستخدمين.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------------- | --------------------------------------------------------- |
|
||||
| 1 | محرك قرارات مستقلة لـ NPC في ألعاب العالم المفتوح مبني على LLM | دمج شجرة سلوك NPC مع قرارات LLM، نظام الحوار لإنشاء تفاعلات مخصصة؛ محرك السلوك |
|
||||
| 2 | أداة مساعدة لاستنتاج حبكات ألعاب الغموض الغامرة عبر AIGC والتحكم في سير اللعبة لـ DM | اختيارات اللاعب تؤدي إلى تشعبات في الحبكة، يقوم LLM بإنشاء منطق الاستنتاج؛ إنشاء بطاقات الأدلة تلقائياً |
|
||||
| 3 | مولّد تعديل النهايات التفاعلية للروايات | اختيارات القارئ تؤثر على مسار الحبكة، LLM يولّد فروع نهايات متعددة |
|
||||
| 4 | محطة عمل AIGC التلقائية للنمذجة ثلاثية الأبعاد لشخصيات الأنمي | وصف نصي لتوليد رسم تخطيطي للشخصية، أدوات نمذجة ثلاثية الأبعاد تلقائية؛ عرض الخامات والمواد |
|
||||
| 5 | تحليل الرؤية الحاسوبية CV لمعارك الرياضات الإلكترونية ومعقب ذكي بالذكاء الاصطناعي | تحليل لحظي لمشاهد اللعبة، التعرف على اللحظات المفتاحية؛ LLM يولّد نص التعليق |
|
||||
| 6 | محرك خوارزمية توصية المحتوى الفكري المخصص | ملف اهتمام المستخدم، توصية مطابقة للمحتوى الفكري |
|
||||
| 7 | برنامج تصحيح الصوت بالذكاء الاصطناعي وتجميل صوت الكاريوكي | معالجة تقليل ضوضاء الصوت وتحسين الصوت البشري؛ خوارزمية تصحيح صوت بالذكاء الاصطناعي |
|
||||
| 8 | أداة استخراج ومونتاج بالذكاء الاصطناعي لحصريات قصة شخصية في أعمال سينمائية وتلفزيونية | تحليل محتوى الفيديو، استخراج المقاطع المتعلقة بالشخصية؛ مونتاج تلقائي وتوليد |
|
||||
| 9 | نظام توليد تلقائي للكتب الصوتية بتركيب صوت TTS متعدد الشخصيات | توزيع الأدوار النصية، توليد نبرة صوت مخصصة؛ إضافة موسيقى خلفية ومؤثرات صوتية |
|
||||
| 10 | مدرب مراجعة مبارزات التعلم المعزز للألعاب الورقية ولعب الطاولة | تحليل وضع اللعب، محاكاة خصم بالذكاء الاصطناعي؛ توليد اقتراحات المراجعة |
|
||||
|
||||
## 15. خدمات التجارة الإلكترونية
|
||||
|
||||
تركز سيناريوهات خدمات التجارة الإلكترونية على كفاءة العمليات وتحسين معدلات التحويل. تشمل التطبيقات الأساسية توليد محتوى المنتجات، البث المباشر للبيع، خدمة العملاء، تحليل الأسعار، وغيرها، مما يساعد التجار على تحقيق عمليات ذكية.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | --------------------------------------------- | ---------------------------------------------------------- |
|
||||
| 1 | أداة إنتاج دفعة لصفحات تفاصيل منتجات AIGC بمعدل تحويل عالي | إدخال معلومات المنتج، LLM يولّد نصوص نقاط البيع وأوصاف المشاهد؛ توليد صور خلفية |
|
||||
| 2 | مصنع توليد فيديو عرض وتجربة ارتداء ذكية بالذكاء الاصطناعي لموديلات الأزياء الافتراضية | معالجة صور الملابس المسطحة، توليد تأثير ارتداء الموديل الافتراضي؛ فيديو عرض متعدد الزوايا |
|
||||
| 3 | مساعد ترجمة وتلميع محلي متعدد اللغات LLM للتجارة الإلكترونية عبر الحدود | ترجمة متعددة اللغات لوصف المنتج، تلميع وتكييف ثقافي؛ واجهة نشر متعددة المنصات |
|
||||
| 4 | روبوت تحليل مشاعر العملاء وردود ذكية قائم على NLP | تحليل مشاعر محادثات الاستشارات، توليد ردود تهدئة تلقائية؛ تصنيف المراجعات الإيجابية والسلبية |
|
||||
| 5 | نظام بث مباشر للبيع بالتجارة الإلكترونية بشخصية رقمية AIGC على مدار 24 ساعة | صورة شخصية رقمية + توليد نصوص لحظية، استدعاء معلومات المنتج لحظياً؛ ردود تفاعل على التعليقات |
|
||||
| 6 | إضافة مقارنة أسعار وتوقعات الاتجاهات بالذكاء الاصطناعي للمنتجات نفسها عبر الإنترنت | جلب أسعار منصات التجارة الإلكترونية، عرض رسوم بيانية للمقارنة؛ توقع اتجاهات الأسعار |
|
||||
| 7 | منصة فرز ذكي بالذكاء الاصطناعي لصور مشتريات العملاء وتوليف فيديو قصير | تقييم جودة صور مشتريات العملاء، توصية تلقائية بالمحتوى عالي الجودة؛ توليف قوالب فيديو قصير |
|
||||
| 8 | تحليل صوتي لمحادثات المبيعات اللحظية وتوصية بنصوص حديث ذهبية قائمة على LLM | نسخ ASR للمكالمات، فحص امتثال النصوص اللحظي؛ توصية بالنصوص |
|
||||
| 9 | محرك رؤى اتجاهات السوق الشائعة وتوقع المنتجات الرائجة بالذكاء الاصطناعي | جمع وتحليل بيانات وسائل التواصل الاجتماعي والتجارة الإلكترونية، LLM يستخلص اتجاهات النقاط الساخنة؛ توصيات اختيار المنتجات |
|
||||
| 10 | نظام تجميع ملفات تعريف مستخدمي حركة المرور الخاصة وتشغيل دقيق بالذكاء الاصطناعي | تحليل تجميع بيانات سلوك المستخدم، توليد علامات ملف التعريف؛ تشغيل تسويق آلي |
|
||||
|
||||
## 16. الطاقة
|
||||
|
||||
تسعى سيناريوهات الطاقة إلى تحقيق الإدارة الذكية والتحول الأخضر في قطاع الطاقة. تشمل التطبيقات النموذجية تحليل استهلاك الكهرباء، فحص المعدات، حساب انبعاثات الكربون، تحسين الإرسال، وغيرها، لدفع التشغيل الفعال لأنظمة الطاقة.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ------------------------------------------------ | ------------------------------------------------------ |
|
||||
| 1 | محلل سلوك استهلاك الكهرباء المنزلية بالذكاء الاصطناعي ومستشار استراتيجيات توفير الطاقة | جمع بيانات العدادات الذكية، تحليل أنماط الاستهلاك؛ LLM يولّد توصيات توفير الطاقة |
|
||||
| 2 | نظام التعرف البصري CV بالطائرات بدون طيار لعيوب الوحدات الكهروضوئية | تصوير تفتيش بالطائرات بدون طيار، تحليل صور الأشعة تحت الحمراء الحرارية؛ تمييز واكتشاف العيوب |
|
||||
| 3 | وكيل استراتيجية التداول الآلي للطاقة وتوقع اتجاه أسعار الكهرباء الفورية بالذكاء الاصطناعي | جمع بيانات سوق الكهرباء، نموذج توقع الأسعار؛ توليد الاستراتيجيات وتنفيذ التداول |
|
||||
| 4 | نظام إنذار مبكر لخطر الانفجار الحراري وفحص صحة بطاريات التخزين غير المدمر بالذكاء الاصطناعي | مراقبة بيانات تشغيل البطارية، نموذج تقييم الصحة؛ دفع إنذارات المخاطر |
|
||||
| 5 | مساعد حساب تلقائي لانبعاثات الكربون عبر السلسلة الكاملة للمؤسسة وتوليد تقارير ESG بالذكاء الاصطناعي | جمع بيانات استهلاك الطاقة، حساب معاملات انبعاثات الكربون؛ توليد تلقائي لتقارير ESG |
|
||||
| 6 | نظام قيادة وتوجيه الطوارئ وتوقع أحمال الطاقة في ظروف الطقس القاسية بالذكاء الاصطناعي | ربط بيانات الأرصاد الجوية، نموذج توقع الأحمال؛ توليد استراتيجيات الإرسال |
|
||||
| 7 | حارس إنذار وتعرف بالفيديو بالذكاء الاصطناعي للسلوكيات المخالفة في محطات الوقود | تحليل مراقبة الفيديو، اكتشاف السلوكيات المخالفة (استخدام الهاتف، التدخين، إلخ)؛ دفع الإنذارات |
|
||||
| 8 | نظام مراقبة وتحديد دقيق لتسربات خطوط أنابيب النفط والغاز الطويلة بالموجات الصوتية بالذكاء الاصطناعي | جمع بيانات مستشعرات الموجات الصوتية، نموذج كشف التسرب؛ حساب خوارزمية التحديد |
|
||||
| 9 | نظام تجميع موارد محطات الطاقة الافتراضية واتخاذ قرارات تداول الكهرباء بالذكاء الاصطناعي | ربط الموارد الموزعة، تحسين الإرسال والتجميع؛ تنفيذ استراتيجيات التداول |
|
||||
| 10 | تتبع مواقع العاملين في المناجم بالذكاء الاصطناعي وإنذار اختراق المناطق الخطرة | تحديد المواقع عبر UWB/البلوتوث، تتبع مسارات الأفراد؛ سياج إلكتروني للمناطق الخطرة |
|
||||
|
||||
## 17. الصوت والفيديو
|
||||
|
||||
تركز سيناريوهات الصوت والفيديو على إنتاج المحتوى ومعالجة الوسائط. تشمل التطبيقات الشائعة تحرير الفيديو، تركيب الكلام، توليد الترجمة النصية، ترميم الفيديو، وغيرها، لتحسين كفاءة إنتاج محتوى الصوت والفيديو وجودته.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------------- | -------------------------------------------------- |
|
||||
| 1 | أداة تعرف تلقائي بالذكاء الاصطناعي للمقاطع المميزة في الفيديوهات الطويلة ومونتاج تلقائي للفيديوهات القصيرة | تحليل محتوى الفيديو، التعرف على الإطارات الرئيسية؛ مونتاج تلقائي للمقاطع المميزة |
|
||||
| 2 | مساعد فصل ذكي لضوضاء خلفية الفيديو وتحسين الصوت البشري بالذكاء الاصطناعي | نموذج فصل الصوت، إزالة ضوضاء الخلفية؛ معالجة تحسين الصوت البشري |
|
||||
| 3 | محطة عمل ترميم بدقة 4K فائقة وتلوين ذكي بالذكاء الاصطناعي للمواد القديمة | نموذج دقة فيديو فائقة، ترميم جودة المواد القديمة؛ تلوين تلقائي بالذكاء الاصطناعي |
|
||||
| 4 | نظام تحكم بالأداء العاطفي ودبلجة TTS بجودة صوت بشري حقيقي من النص | نموذج TTS متعدد النبرات، توليد مع تحكم عاطفي؛ تصدير الصوت |
|
||||
| 5 | أداة تعرف تلقائي ASR لصوت الفيديو وتوليد ترجمة نصية ثنائية اللغة | التعرف على الكلام لتوليد الترجمة النصية، ترجمة متعددة اللغات؛ تراكب الترجمة النصية ثنائية اللغة |
|
||||
| 6 | محرك المسح الذكي بالذكاء الاصطناعي للأجسام غير المرغوب فيها في إطارات الفيديو | تتبع الهدف في الفيديو، إزالة وإصلاح الأجسام؛ معالجة الاتساق بين الإطارات |
|
||||
| 7 | آلة التلحين التلقائي AIGC لموسيقى خلفية خالية من حقوق الطبع والنشر | نموذج توليد الموسيقى، التحكم في نمط المزاج والمشاعر؛ فحص حقوق الطبع والنشر |
|
||||
| 8 | برنامج استنساخ نبرة صوت شخصيات معينة وتحويل الصوت بالذكاء الاصطناعي | تدريب نموذج نبرة الصوت باستخدام عينات صوتية قليلة؛ معالجة تحويل الصوت |
|
||||
| 9 | منصة تحويل النصوص إلى لوحات قصصية وإنشاء فيديوهات المعاينة الديناميكية بالذكاء الاصطناعي | تحليل النص لإنشاء لوحات قصصية، توليد فيديو معاينة بالذكاء الاصطناعي |
|
||||
| 10 | مساعد النسخ الذكي بالذكاء الاصطناعي لتسجيلات الاجتماعات واستخراج المهام الأساسية | فصل وتفريغ صوت متعدد الأشخاص في الاجتماعات، استخراج المهام باستخدام LLM؛ وضع علامات زمنية |
|
||||
|
||||
## 18. التسويق بالذكاء الاصطناعي
|
||||
|
||||
تسعى سيناريوهات التسويق بالذكاء الاصطناعي إلى تعزيز كفاءة التسويق والإنتاج الإبداعي. تشمل التطبيقات الأساسية إنشاء النصوص، وتصميم الملصقات، وتتبع المواضيع الرائجة، وتحليل المنافسين، مما يساعد الشركات على تحقيق تسويق دقيق ونشر العلامة التجارية.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | ------------------------------------------ | ------------------------------------------------ |
|
||||
| 1 | محرك الكتابة التلقائية AIGC للمنشورات الرائجة على Xiaohongshu | إدخال الموضوع، توليد نصوص ترويجية باستخدام LLM؛ تحسين الرموز التعبيرية والوسوم |
|
||||
| 2 | أداة التنسيق الذكي لملصقات التسويق وتكييفها مع أحجام متعددة | إدخال النص، المطابقة الذكية لقوالب الملصقات والتصدير بأحجام متعددة |
|
||||
| 3 | منصة الإبداع AIGC لتصميم شعارات العلامات التجارية وبناء نظام الهوية البصرية | إدخال كلمات مفتاحية للعلامة التجارية، توليد أفكار الشعار؛ إنشاء مواصفات الهوية البصرية |
|
||||
| 4 | مساعد تتبع المواضيع الرائجة على الإنترنت وتوليد أفكار التسويق المستندة إليها | جمع بيانات المواضيع الرائجة، تحليل زوايا التسويق باستخدام LLM؛ إنشاء خطط إبداعية |
|
||||
| 5 | مراقبة العائد على الاستثمار للإعلانات في الوقت الفعلي ومدير المزايدة الذكي بميزانية الذكاء الاصطناعي | ربط بيانات منصات الإعلانات، نموذج تحليل الأداء؛ تحسين استراتيجيات المزايدة |
|
||||
| 6 | محلل استراتيجيات التسويق التنافسية بعمق ومولد التقارير الأسبوعية بالذكاء الاصطناعي | جمع وتحليل محتوى المنافسين، استخراج الاستراتيجيات؛ إنشاء تقارير أسبوعية تلقائياً |
|
||||
| 7 | توزيع الكلمات المفتاحية لمحركات البحث بالذكاء الاصطناعي والكتابة المجمعة لمقالات جذب الزيارات | تحليل الكلمات المفتاحية، إنشاء مقالات مجمعة؛ اقتراحات تحسين SEO |
|
||||
| 8 | خبير كتابة رسائل البريد الإلكتروني التسويقية المخصصة لآلاف الأشخاص بالذكاء الاصطناعي | بيانات ملف تعريف المستخدم، إنشاء محتوى مخصص؛ اختبار A/B |
|
||||
| 9 | رادار الإنذار المبكر بالذكاء الاصطناعي لأزمات الرأي العام ومراقبة السمعة عبر الإنترنت | جمع بيانات الرأي العام عبر الإنترنت، تحليل المشاعر؛ دفع تنبيهات الأزمات |
|
||||
| 10 | مساعد الإبداع AIGC لنصوص الفيديو القصير وتوجيه اللوحات القصصية | إدخال الموضوع، إنشاء النصوص واللوحات القصصية؛ إرشادات واقتراحات التصوير |
|
||||
|
||||
## 19. الذكاء المعتمد على البيانات
|
||||
|
||||
تركز سيناريوهات الذكاء المعتمد على البيانات على تحليل البيانات واستخراج القيمة. تشمل التطبيقات النموذجية الاستعلام بلغة طبيعية، والتوليد المرئي، وحوكمة البيانات، وبناء رسوم بيانية للمعلومات، مما يساعد الشركات على تحقيق دعم القرارات المبنية على البيانات.
|
||||
|
||||
| الرقم | اسم سيناريو التطبيق | مرجع التنفيذ |
|
||||
| :--: | -------------------------------------- | ------------------------------------------------------------ |
|
||||
| 1 | محرك استعلام البيانات بلغة طبيعية يعتمد على Text-to-SQL | تحويل اللغة الطبيعية إلى استعلامات SQL، عرض النتائج بشكل مرئي |
|
||||
| 2 | BI محادثي: إنشاء مخططات مرئية بجملة واحدة | وصف متطلبات البيانات، إنشاء مخططات تلقائياً؛ دعم التبديل بين أنواع المخططات المتعددة |
|
||||
| 3 | أداة التعرف على جداول Excel بتحويل لقطة الشاشة بنقرة واحدة | بعد رفع لقطة الشاشة، يقوم VLM بالتعرف على بنية الجدول والبيانات؛ تصدير كملف Excel |
|
||||
| 4 | أداة سحرية للتعرف بالذكاء الاصطناعي لتحويل الصور ولقطات الشاشة إلى جداول Excel | التعرف على بنية الجدول عبر OCR للصور، تصدير البيانات كملف Excel |
|
||||
| 5 | البناء الآلي لرسوم بيانية للمعلومات من البيانات غير المتجانسة متعددة المصادر | ربط مصادر بيانات متعددة، استخراج الكيانات والعلاقات؛ التخزين في قاعدة بيانات رسوم بيانية |
|
||||
| 6 | مساعد التفسير الذكي لتقارير البيانات وتحليل الاتجاهات | رفع صورة تقرير البيانات أو إدخال البيانات، يقوم VLM بتفسير محتوى المخطط وتحليل الاتجاهات |
|
||||
| 7 | مساعد التفسير الذكي لهيكل جداول قاعدة البيانات ومولد أمثلة الاستعلامات | إدخال اسم الجدول أو وصف الحقل، يقوم LLM بإنشاء وصف إنشاء الجدول واستعلامات SQL كمثال |
|
||||
| 8 | التوافق الذكي للبيانات الرئيسية للشركة وحوكمة إلغاء التكرار بالذكاء الاصطناعي | مطابقة البيانات الرئيسية متعددة المصادر، تحديد السجلات المكررة؛ تكوين قواعد الدمج |
|
||||
| 9 | أداة تحويل مستندات متطلبات البيانات ذكيًا إلى حالات اختبار | إدخال وصف متطلبات البيانات، يقوم LLM بإنشاء سيناريوهات الاختبار وحالات التحقق |
|
||||
| 10 | مساعد الإجابة الذكي على أسئلة تعريف مقاييس البيانات | بناء قاعدة معرفية بناءً على مستندات تعريف المؤشرات، يجيب LLM على أسئلة حول تعريفات المؤشرات ومنطق الحساب وغيرها |
|
||||
@@ -0,0 +1,494 @@
|
||||
---
|
||||
title: 'استخدم Jobs to Be Done للعثور على ما يريد المستخدم إنجازه حقًا'
|
||||
description: 'مقالة تمهيدية عن Jobs to Be Done للقراء بدون خبرة سابقة. فهم أن المستخدم لا يشتري الوظائف، بل "يوظف" منتجك في سيناريو محدد لإنجاز تقدم، وتعلم استخدام JTBD لتفكيك اتجاه المنتج وأسئلة المقابلة وتعليمات AI.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
const duration = 'حوالي <strong>1.5 ساعة</strong>'
|
||||
</script>
|
||||
|
||||
# استخدم Jobs to Be Done للعثور على ما يريد المستخدم إنجازه حقًا
|
||||
|
||||
<a id="top-jtbd"></a>
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction
|
||||
:duration="duration"
|
||||
:tags="['JTBD', 'احتياجات المستخدم', 'تفكير المنتج', 'رؤى المتطلبات']"
|
||||
coreOutput="جملة JTBD واحدة تشبه الاحتياج الحقيقي"
|
||||
expectedOutput="القدرة على تضييق الفكرة الغامضة إلى سيناريو مستخدم واتجاه MVP أكثر تحديدًا"
|
||||
>
|
||||
|
||||
العديد من الأشخاص عند بداية صنع المنتج، الخطأ الأكثر شيوعًا هو التركيز بالكامل على "ما الوظائف التي سأصنعها". ترى الآخرين لديهم تصنيف ذكي، فتريد إضافته؛ ترى الآخرين لديهم تلخيص تلقائي، فتريد توصيله؛ ترى الآخرين صنعوا Agent ووسائط متعددة وسير عمل، فتشعر بأنك لا يجب أن تكون أقل.
|
||||
|
||||
لكن في الواقع، نادرًا ما يقرر المستخدم استخدام منتج لأن "اسم الوظيفة رائع". هم في لحظة محددة، يريدون دفع شيء ما خطوة إلى الأمام، فيقومون مؤقتًا بـ "توظيف" أداة أو خدمة أو حتى شخص، لمساعدتهم في إكمال هذه الخطوة.
|
||||
|
||||
هذا بالضبط ما يريد إطار **Jobs to Be Done (JTBD)** تذكيرنا به: **المستخدم لا يشتري الوظائف نفسها، بل يوظف نوعًا من الحلول لمساعدة نفسه في إنجاز تقدم.**
|
||||
|
||||
هذه المقالة ستأخذك بلغة مباشرة قدر الإمكان، من الصفر لفهم JTBD، وتحويله إلى أداة تحليل يمكنك استخدامها مباشرة عند صنع تطبيقات AI.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info الحد الأدنى من SOP
|
||||
**الهدف**: بعد القراءة، ستكون أكثر وضوحًا حول كيفية تضييق فكرة غامضة إلى احتياج بسيناريو مستخدم حقيقي، بدلاً من الاحتفاظ فقط بمجموعة من أسماء الوظائف في ذهنك.
|
||||
|
||||
**خطوات العمل**: اكتب فكرة غامضة واحدة، ابحث عن 3 مستخدمين محتملين وتحدث معهم عن "كيف تعاملوا مع الأمر آخر مرة"، ثم نظّمها في جملة JTBD واحدة.
|
||||
|
||||
**النتيجة**: ستحصل على فرضية احتياج أوضح، وتعرف ما يجب حله أولاً في النسخة الأولى.
|
||||
|
||||
**روابط سريعة**: [ما هو JTBD](#jtbd-what) · [صيغة الجملة الواحدة](#jtbd-formula) · [كيف يساعدك AI](#jtbd-ai)
|
||||
:::
|
||||
|
||||
## ما ستتعلمه في هذا الفصل
|
||||
|
||||
1. ما هو Jobs to Be Done، ولماذا هو أقرب إلى الاحتياجات الحقيقية من "عصف الوظائف"
|
||||
2. كيف نفرق بين "الوظيفة التي يقول المستخدم أنه يريدها" و"ما يريد المستخدم إنجازه حقًا"
|
||||
3. كيف تستخدم قالبًا بسيطًا لتفكيك فكرة غامضة إلى سيناريو ومحفز وعقبة ومعيار نجاح
|
||||
4. كيفية استخدام JTBD في منتجات AI وأسئلة المقابلة وتنظيم التعليمات
|
||||
|
||||
<a id="jtbd-what"></a>
|
||||
## [1. ما هو Jobs to Be Done](#top-jtbd)
|
||||
|
||||
يُختصر Jobs to Be Done غالبًا بـ **JTBD**. الفكرة الأساسية وراءه مرتبطة بالتعبير الكلاسيكي الذي روجته فرقة Clayton Christensen: **المستخدمون سيوظفون منتجًا معينًا لإنجاز مهمة.**
|
||||
|
||||
"المهمة" هنا ليست إجراءً سطحيًا في قائمة المهام، بل نوع من **التقدم** يأمل المستخدم أن يحدث في حالته. مثلاً:
|
||||
|
||||
- ليس "أريد أداة AI لمحاضر الاجتماعات"، بل "أريد خلال 10 دقائق بعد الاجتماع ترتيب النقاط الرئيسية والمهام والمسؤولين بوضوح، بدلاً من الاعتماد على الذاكرة لاستكمال الملاحظات"
|
||||
- ليس "أريد تطبيقًا لتتبع المصاريف"، بل "أريد أن أعرف أين يذهب مالي حقًا، حتى لا أشعر بالقلق في نهاية الشهر"
|
||||
- ليس "أريد مُحسّنًا للسيرة الذاتية"، بل "أريد تقديم سيرة ذاتية لائقة بثقة أكبر، ولا أريد الشك في كل مرة أقدم فيها أن كتابتي سيئة للغاية"
|
||||
|
||||
لذا، **JTBD لا يركز على شكل المنتج، بل على سبب احتياج المستخدم له في هذه اللحظة.**
|
||||
|
||||
هذا هو السبب أيضًا في أن العديد من المنتجات التي تبدو مختلفة تتنافس في الواقع على نفس الوظيفة. المستخدم يريد "ألا يكون الطريق إلى العمل مملًا"، والأشياء القابلة للتسكين قد تكون فيديوهات قصيرة أو بودكاست أو ألعاب أو دردشة أو حتى الغفوة. المستخدم يريد "فهم ملف PDF طويل بسرعة"، والأشياء القابلة للتسكين قد تكون أداة تلخيص AI أو متدرب أو زميل أو القراءة بصعوبة بنفسه أو عدم القراءة أبدًا.
|
||||
|
||||
بمجرد أن تنظر إلى المشكلة بهذه الزاوية، ستكتشف أن منافسك الحقيقي غالبًا ليس "تطبيقًا آخر يشبهك"، بل **جميع البدائل المقبولة للمستخدم حاليًا**.
|
||||
|
||||
## 2. ما الفرق بين JTBD وصورة المستخدم وقائمة الوظائف
|
||||
|
||||
العديد من المبتدئين عند بداية تحليل المتطلبات، يكتبون أولاً صورة المستخدم: 25 سنة، أنثى، مدينة من الدرجة الأولى، موظفة مكتبية، تحب أدوات الكفاءة، مستعدة لتجربة منتجات جديدة. هذه المعلومات لا يمكن القول إنها غير مفيدة تمامًا، لكنها عادةً **لا تكفي لتفسير سبب اتخاذ الشخص إجراءً في هذه اللحظة.**
|
||||
|
||||
JTBD يهتم أكثر بالأسئلة التالية:
|
||||
|
||||
- في أي سيناريو قرر البحث عن حل
|
||||
- ما الذي تعثر فيه بالضبط في ذلك الوقت
|
||||
- ما الشيء الذي يريد دفعه إلى الخطوة التالية
|
||||
- بأي طريقة غير فعالة يتدبر الأمر حاليًا
|
||||
- إذا تم حل الأمر جيدًا، أي نتيجة ستجعله يشعر أن "الأمر يستحق"
|
||||
|
||||
بعبارة أخرى، **صورة المستخدم أشبه بـ "من هذا الشخص تقريبًا"، بينما JTBD أشبه بـ "ما الذي يريد هذا الشخص إنجازه بالضبط الآن".**
|
||||
|
||||
وبالمثل، قائمة الوظائف أيضًا تضلل الناس بسهولة. المستخدم يقول "أريد التصدير إلى Word" و"أريد إعادة كتابة AI" و"أريد الإدخال الصوتي"، كلها تعبيرات سطحية. JTBD سيستمر في السؤال:
|
||||
|
||||
- لماذا تحتاج إلى التصدير إلى Word الآن، وليس PDF؟
|
||||
- تريد إعادة الكتابة، هل لأن الأسلوب سيء، أم لأنك تحتاج إلى التكيف مع جماهير مختلفة؟
|
||||
- تريد الإدخال الصوتي، هل لأنك كسول عن الكتابة، أم لأنك غالبًا ما تمشي أو تقود أو تسجل فورًا بعد الاجتماع؟
|
||||
|
||||
في كثير من الأحيان، **الوظيفة هي مجرد ترجمة مؤقتة للوظيفة**. إذا جمعت الوظائف فقط، فمن السهل أن تصنع منتجًا "يضيف كل ما يقوله المستخدم"؛ لكن إذا استطعت رؤية الوظيفة وراء الوظائف، ستكون لديك فرصة أكبر لصنع حل سلس حقًا وتنافسي حقًا.
|
||||
|
||||
## 3. مثال يمكن حتى للمبتدئين فهمه
|
||||
|
||||
لا تستعجل في التفكير في منتجات AI معقدة، لنبدأ بمثال من الحياة.
|
||||
|
||||
لنفترض أن شخصًا لا يلحق بتناول الفطور قبل الخروج في الصباح، فيشتري غالبًا شطيرة وقهوة عند مدخل المترو. ظاهريًا، هو "يشتري" الفطور؛ لكن بالنظر إليه من منظور JTBD، ما يريد إنجازه حقًا قد يكون:
|
||||
|
||||
- في صباحات متسرعة، حل وجبة بأقل جهد ذهني
|
||||
- ألا يجوع بشكل فظيع قبل الوصول إلى الشركة
|
||||
- ألا يعطل إيقاع التنقل بسبب تناول الفطور
|
||||
|
||||
في هذه اللحظة، ما يوظفه المستخدم ليس "شطيرة من علامة تجارية ثابتة"، بل حل يمكنه دفع صباحه بسلاسة. إذا كان المتجر المجاور أسرع وأقرب وأكثر استقرارًا، فقد يستبدل خياره فورًا.
|
||||
|
||||
نقل هذا المنطق إلى منتجات AI يكون أكثر وضوحًا.
|
||||
|
||||
مثلاً، إذا كنت تريد صنع "أداة AI لمحاضر الاجتماعات". إذا توقفت عند مستوى الوظائف فقط، فمن السهل أن تبدأ في التفكير:
|
||||
|
||||
- هل يتم دعم رفع الصوت
|
||||
- هل يتم توصيل فصل المتحدثين
|
||||
- هل يتم التصدير إلى Markdown
|
||||
- هل يتم توليد المهام تلقائيًا
|
||||
|
||||
كل هذا صحيح، لكنه غير كافٍ. مع JTBD اسأل طبقة أخرى، ما يريد المستخدم إنجازه حقًا قد يكون:
|
||||
|
||||
- أريد خلال 10 دقائق بعد الاجتماع، مشاركة نتائج المناقشة مع من لم يحضر
|
||||
- أريد استخراج المهام والمسؤولين والمواعيد النهائية بوضوح، بدلاً من جعل الفريق يتعاون بالذاكرة
|
||||
- أريد تقليل وقت تنظيم محتوى الاجتماع المتكرر، وتوفير الجهد للقرارات والتقدم
|
||||
|
||||
بمجرد توضيح الوظيفة، ستطفو أولويات العديد من الوظائف تلقائيًا. الأهم في النسخة الأولى ربما ليس "دعم 12 تنسيق تصدير"، بل:
|
||||
|
||||
- هيكل المحضر يجب أن يكون واضحًا بما فيه الكفاية
|
||||
- استخراج المهام يجب أن يكون مستقرًا
|
||||
- مشاركة الرابط يجب أن تكون مريحة
|
||||
- نتيجة الإخراج يجب أن تجعل المستخدم يجرؤ على إعادة توجيهها للفريق مباشرة
|
||||
|
||||
هذه هي قيمة JTBD: **يساعدك على العودة من "ما القدرات التي سأجمعها" إلى "ما التقدم الذي سأساعد المستخدم على تحقيقه".**
|
||||
|
||||
## 4. قالب JTBD عملي
|
||||
|
||||
إذا كنت مبتدئًا، يمكنك ألا تحاول جعل JTBD أكاديميًا جدًا. أمسك أولاً بأهم 5 عناصر عملية فقط.
|
||||
|
||||
### 4.1 السيناريو
|
||||
|
||||
في أي لحظة وأي بيئة يتذكر المستخدم هذا المنتج؟
|
||||
|
||||
- بعد الاجتماع
|
||||
- عندما يطلب المدير مواد بشكل مفاجئ
|
||||
- في المساء عند الاستعداد لتقديم السيرة الذاتية
|
||||
- في نهاية الشهر عندما يكتشف أن المال لا يكفي مرة أخرى
|
||||
|
||||
**الاحتياجات بدون سيناريو عادةً ليست حقيقية بعد.**
|
||||
|
||||
### 4.2 المحفز
|
||||
|
||||
ما الذي جعله يقرر البحث عن حل فورًا؟
|
||||
|
||||
- أن يثقل عليه مستند طويل ولا يعرف من أين يبدأ القراءة
|
||||
- غدًا يجب تسليم المواد، واليوم يكتشف أن التنسيق فوضوي
|
||||
- للتو سأله المدير عن التقدم، ويدرك أنه لم ينظم بوضوح
|
||||
- يريد الاستمرار في التسجيل، لكن الكتابة اليدوية والنسخ والتنظيم كلها مزعجة جدًا
|
||||
|
||||
نقطة التحفيز غالبًا ما تحمل مشاعر. هذه المشاعر مهمة، لأنها تحدد سبب اتخاذ المستخدم إجراءً في هذه اللحظة.
|
||||
|
||||
### 4.3 التقدم المطلوب إنجازه
|
||||
|
||||
لا يريد فقط "القيام بإجراء"، بل يريد دفع نفسه إلى أي حالة جديدة؟
|
||||
|
||||
- من الفوضى إلى الوضوح
|
||||
- من القلق إلى الطمأنينة
|
||||
- من التأجيل إلى البدء
|
||||
- من انخفاض الكفاءة إلى السلاسة
|
||||
- من عدم القدرة على الشرح إلى القدرة على التسليم المباشر
|
||||
|
||||
في هذه الخطوة، كلمة "التقدم" مهمة جدًا. لأن الكثير من الناس لا يشترون الأدوات حقًا، بل يشترون **تغير الحالة**.
|
||||
|
||||
### 4.4 البديل الحالي
|
||||
|
||||
بدون منتجك، كيف يفعل ذلك؟
|
||||
|
||||
- نسخ ولصق يدويًا
|
||||
- استخدام Excel أو الملاحظات للتدبير
|
||||
- طلب المساعدة من زميل
|
||||
- التأجيل وعدم الفعل
|
||||
- التبديل بين عدة أدوات
|
||||
|
||||
من هو البديل، هو بيئتك التنافسية الحقيقية.
|
||||
|
||||
### 4.5 معيار النجاح
|
||||
|
||||
كيف يُعرف أن الأمر قد حُل حقًا؟
|
||||
|
||||
- الحصول على نتيجة قابلة للمشاركة خلال 10 دقائق
|
||||
- عدم الحاجة إلى تعديل كبير قبل الإرسال للآخرين
|
||||
- عدم نسيان العناصر أو الأخطاء أو المهام بسهولة
|
||||
- معرفة الخطوة التالية من أول استخدام
|
||||
|
||||
إذا لم تستطع حتى توضيح "كيف يحكم المستخدم على ما إذا كان الأمر يستحق"، فهذا الاتجاه على الأرجح لم يتم تضييقه جيدًا بعد.
|
||||
|
||||
<a id="jtbd-formula"></a>
|
||||
## [5. صيغة الجملة الواحدة التي يمكن استخدامها مباشرة](#top-jtbd)
|
||||
|
||||
عندما تريد ترتيب اتجاه منتج، يمكنك استخدام هذه الصيغة العملية جدًا:
|
||||
|
||||
> عندما __________، أريد __________، لكي أتمكن من __________.
|
||||
> حاليًا لا يمكنني سوى __________ لإنجاز هذا الأمر بالكاد.
|
||||
|
||||
مثلاً:
|
||||
|
||||
> عندما أنتهي من اجتماع مشروع مليء بالمعلومات، أريد الحصول بسرعة على محضر يتضمن المهام والمسؤولين والمواعيد النهائية، لكي أتمكن من مزامنة الفريق فورًا ودفع التنفيذ.
|
||||
> حاليًا لا يمكنني سوى الاعتماد على ذاكرتي وتصفح سجل الدردشة والتنظيم اليدوي لإنجاز هذا الأمر بالكاد.
|
||||
|
||||
مثال آخر:
|
||||
|
||||
> عندما أستعد لتقديم وظيفة جديدة، أريد تحويل خبراتي السابقة بسرعة إلى نسخة تتناسب أكثر مع الوظيفة، لكي أتمكن من تقديم سيرة ذاتية لائقة بثقة أكبر.
|
||||
> حاليًا لا يمكنني سوى نسخ سيرتي القديمة مرارًا وتعديل الصياغة يدويًا، حتى أصبح أقل ثقة مع كل تعديل.
|
||||
|
||||
إذا استطعت كتابة جملة واحدة بهذه الدرجة من الوضوح، فتصميم الصفحات وتصميم التعليمات والحكم على أولويات الوظائف سيصبح أسهل بكثير.
|
||||
|
||||
## 6. عند صنع منتجات AI، ثلاث طبقات من الوظائف التي يجب مراعاتها بشكل خاص
|
||||
|
||||
العديد من منتجات AI تبدو قوية جدًا في العرض التوضيحي للوظائف، لكنها لا تحافظ على المستخدمين بعد الإطلاق الفعلي، والسبب الشائع هو أنها حلت الإجراء السطحي فقط ولم تحل الوظيفة الأعمق.
|
||||
|
||||
يمكنك تقسيم الوظيفة تقريبًا إلى ثلاث طبقات:
|
||||
|
||||
### 6.1 طبقة الوظائف
|
||||
|
||||
ما هي المهمة السطحية؟
|
||||
|
||||
- تلخيص المستندات
|
||||
- إعادة كتابة النصوص
|
||||
- استخراج المهام
|
||||
- توليد الصور
|
||||
|
||||
هذه هي الطبقة الأسهل للمستخدم في التعبير عنها شفهيًا.
|
||||
|
||||
### 6.2 الطبقة العاطفية
|
||||
|
||||
ما الذي يريد المستخدم تقليله من عدم الراحة، أو ما الشعور الذي يريد الحصول عليه؟
|
||||
|
||||
- لا يريد أن يذعر هكذا
|
||||
- لا يريد أن يبدو غير محترف
|
||||
- لا يريد البدء من الصفر في كل مرة
|
||||
- يريد شعورًا أكبر بالسيطرة
|
||||
|
||||
العديد من نوايا الدفع مرتبطة ارتباطًا وثيقًا بالطبقة العاطفية في الواقع.
|
||||
|
||||
### 6.3 الطبقة الاجتماعية
|
||||
|
||||
ما الذي يريد المستخدم أن يصبح عليه في نظر الآخرين؟
|
||||
|
||||
- أن يبدو أكثر موثوقية
|
||||
- أن يكون أكثر تنظيمًا في الفريق
|
||||
- أن يكون أكثر احترافية أمام العملاء
|
||||
- أن يكون أكثر قدرة على التعبير على منصات التواصل الاجتماعي
|
||||
|
||||
إذا صنعت الطبقة الوظيفية فقط، فمن السهل استبدال منتجك؛ لكن إذا فهمت الطبقة العاطفية والاجتماعية في نفس الوقت، فستجد قيمة لزجة حقيقية بسهولة أكبر.
|
||||
|
||||
## 7. استخدام JTBD بشكل عكسي لفرز اتجاهات المنتج
|
||||
|
||||
أحيانًا ليس لديك منتج بالفعل، بل لديك 3 إلى 5 أفكار ولا تعرف أيها تصنع. JTBD مناسب جدًا هنا للفرز.
|
||||
|
||||
يمكنك أخذ كل فكرة وسؤال نفسك 5 أسئلة:
|
||||
|
||||
1. هل السيناريو المقابل لهذه الفكرة محدد بما فيه الكفاية؟
|
||||
2. هل يستخدم المستخدم بالفعل طريقة غير فعالة لحل المشكلة الآن؟
|
||||
3. هل ألم هذه الوظيفة قوي بما فيه الكفاية، أو متكرر بما فيه الكفاية؟
|
||||
4. إذا صنعتها جيدًا، هل سيشعر المستخدم بوضوح بـ "تحسنت حالتي"؟
|
||||
5. هل يمكن في النسخة الأولى التركيز فقط على الخطوة الرئيسية لهذه الوظيفة، وصنع نسخة صغيرة لكنها مفيدة؟
|
||||
|
||||
إذا كان اتجاه ما في النهاية لا يزال يمكنك قول "يبدو مثيرًا للاهتمام" فقط، لكن لا يمكنك توضيح المحفز والبديل ومعيار النجاح، فهو على الأرجح مجرد إلهام غامض، وليس اتجاهًا ناضجًا.
|
||||
|
||||
## 8. أسئلة يمكن استخدامها مباشرة في مقابلات المستخدمين
|
||||
|
||||
العديد من الأشخاص عند القيام بالبحث يسألون: "ما الوظائف التي تريدها؟" هذا النوع من الأسئلة يحصل بسهولة على إجابات سطحية.
|
||||
|
||||
JTBD أنسب لطرح الأسئلة التالية:
|
||||
|
||||
- متى واجهت هذه المشكلة آخر مرة؟
|
||||
- ماذا كنت تفعل في ذلك الوقت، ولماذا تعثرت؟
|
||||
- كيف حللتها في النهاية؟
|
||||
- في هذه العملية، أين كان أكثر ما يزعجك وأبطأك وأقل ما يطمئنك؟
|
||||
- إذا كانت هناك أداة يمكنها مساعدتك، أي نتيجة ستجعلك تشعر أنها مفيدة حقًا؟
|
||||
- ما البدائل التي جربتها؟ ولماذا لم تكن جيدة بما فيه الكفاية؟
|
||||
|
||||
هذا النوع من الأسئلة يعيد الحوار إلى التجارب الحقيقية بدلاً من البقاء في التفضيلات المتخيلة.
|
||||
|
||||
## 9. استخدام AI لمساعدتك في تفكيك JTBD
|
||||
|
||||
JTBD نفسه ليس اختراع AI، لكن AI مناسب جدًا لمساعدتك في تنظيم وتلخيص JTBD.
|
||||
|
||||
مثلاً، إذا جمعت 5 إلى 10 تعليقات من المستخدمين، يمكنك إرسالها للنموذج وجعله يلخص وفقًا للهيكل التالي:
|
||||
|
||||
```text
|
||||
العب دور مساعد بحث المنتج.
|
||||
سأعطيك بعض الكلمات الأصلية للمستخدم، لا تعط اقتراحات وظيفية أولاً،
|
||||
بل نظم أولاً وفقًا لإطار Jobs to Be Done:
|
||||
|
||||
1. في أي سيناريو يوجد المستخدم
|
||||
2. ما هو الحدث الذي حفزه على اتخاذ إجراء
|
||||
3. ما هو التقدم الذي يريد إنجازه حقًا
|
||||
4. ما هو البديل الحالي
|
||||
5. ما هو معيار النجاح الأكثر أهمية لديه
|
||||
6. ما هي الكلمات العاطفية المتكررة في هذه التعليقات
|
||||
|
||||
أخيرًا، نظم هذه المحتويات في 3 فرضيات JTBD الأكثر استحقاقًا للتحقق أولاً.
|
||||
```
|
||||
|
||||
إذا كان لديك فكرة بالفعل، يمكنك أيضًا جعل AI يساعدك في الجولة الأولى من التضييق:
|
||||
|
||||
```text
|
||||
أريد صنع [فكرتك للمنتج].
|
||||
لا تعطني قائمة وظائف مباشرة، بل استخدم طريقة Jobs to Be Done لمساعدتي في التحليل:
|
||||
|
||||
1. أي سيناريوهات محددة قد يخدمها هذا المنتج
|
||||
2. ما هي الوظيفة الأساسية التي يريد المستخدم إنجازها في كل سيناريو
|
||||
3. ما هي البدائل الحالية
|
||||
4. أي وظيفة هي الأنسب كبداية لـ MVP ولماذا
|
||||
5. اكتب الوظيفة الموصى بها نهائيًا كجملة JTBD واضحة
|
||||
```
|
||||
|
||||
## 10. 4 أخطاء شائعة للمبتدئين
|
||||
|
||||
### 10.1 كتابة الوظيفة كاسم وظيفة
|
||||
|
||||
"تلخيص AI" و"تصنيف ذكي" و"توليد تلقائي" ليست وظائف، بل هي طرق تنفيذ محتملة فقط.
|
||||
|
||||
### 10.2 كتابة المجموعة المستهدفة بشكل واسع جدًا
|
||||
|
||||
"جميع العاملين" و"جميع الطلاب" و"جميع رواد الأعمال" عادةً ما تكون واسعة جدًا. كلما كانت أوسع، صعب عليك رؤية السيناريوهات الحقيقية.
|
||||
|
||||
### 10.3 الاستماع فقط لما يقوله المستخدم، دون النظر إلى ما يفعله
|
||||
|
||||
المستخدم سيصف ما يريده، لكن أولوياته الحقيقية غالبًا ما تكون مخفية في كيفية تدبيره للمشكلة حاليًا.
|
||||
|
||||
### 10.4 الرغبة في صنع منصة شاملة من البداية
|
||||
|
||||
الطريقة الصحيحة لاستخدام JTBD عادةً ليست "سأصنع منصة كبيرة تفعل كل شيء"، بل التركيز أولاً على خطوة رئيسية واحدة في سيناريو واحد، وصنعها مريحة جدًا.
|
||||
|
||||
## 11. ملخص
|
||||
|
||||
أكثر جانب قيم في Jobs to Be Done ليس إعطائك مصطلحًا جديدًا، بل مساعدتك في تغيير زاوية المراقبة: **لا تركز فقط على وظائف المنتج، بل ركز على ما يريد المستخدم دفذه إلى الخطوة التالية.**
|
||||
|
||||
عندما تبدأ في سؤال نفسك مرارًا:
|
||||
|
||||
- في أي سيناريو يوظف المستخدم هذا المنتج
|
||||
- أين تعثر بالضبط
|
||||
- بأي طريقة يتدبر الأمر حاليًا
|
||||
- بعد حل المشكلة، ماذا ستتغير حالته
|
||||
|
||||
ستكتشف أن العديد من الأفكار الغامضة أصبحت واضحة فجأة، وأن العديد من الوظائف الفخمة لم تعد مهمة جدًا فجأة أيضًا.
|
||||
|
||||
صنع المنتجات، خاصة منتجات AI، أكثر ما يخافه هو الانغماس في عرض القدرات منذ البداية. JTBD يمكنه سحب انتباهك إلى المكان المهم حقًا: **لماذا يحتاجك المستخدم، وما التقدم الذي تساعده في إنجازه بالضبط.**
|
||||
|
||||
<a id="jtbd-ai"></a>
|
||||
## [12. كيفية استخدام AI لمساعدتك في تطبيق JTBD](#top-jtbd)
|
||||
|
||||
JTBD ليس اختراع AI، لكن AI مناسب جدًا ليكون مساعدك البحثي ومساعد التنظيم ومساعد المقارنة في هذا الإطار. المفتاح هو: **دع AI يساعدك في التنظيم والتوسيع، بدلاً من التخمين بدلاً منك عن المستخدم.**
|
||||
|
||||
يمكنك استخدامه هكذا:
|
||||
|
||||
### 12.1 دع AI يساعدك في إعادة كتابة الفكرة الغامضة كفرضية JTBD
|
||||
|
||||
عندما يكون لديك فقط وصف غامض في ذهنك، مثل "أريد صنع أداة تساعد طلاب الجامعات في إيجاد تدريب"، يمكنك جعل AI يساعدك أولاً في تفكيكها إلى عدة وظائف محتملة:
|
||||
|
||||
```text
|
||||
لدي فكرة منتج غامضة الآن: [فكرتك]
|
||||
لا تعطني قائمة وظائف مباشرة، بل استخدم طريقة Jobs to Be Done لمساعدتي في التحليل:
|
||||
1. أي سيناريوهات محددة قد تقابلها
|
||||
2. ما هو التقدم الذي يريد المستخدم إنجازه حقًا في كل سيناريو
|
||||
3. ما هي البدائل الحالية المحتملة
|
||||
4. أي وظيفة أنسب لصنع MVP أولاً
|
||||
أخيرًا اكتب كل وظيفة كجملة JTBD واضحة.
|
||||
```
|
||||
|
||||
يمكنك حتى أن تكتب الإدخال ببساطة شديدة:
|
||||
|
||||
```text
|
||||
أريد صنع شيء يساعد طلاب الجامعات في إيجاد تدريب.
|
||||
أنا الآن لا أستطيع أن أشرح بالضبط ماذا سأصنع، ساعدني في التفكير ماذا يريد المستخدم إنجازه حقًا.
|
||||
```
|
||||
|
||||
AI قد يعطي مخرجات مفيدة مثل هذه:
|
||||
|
||||
```text
|
||||
اتجاهات JTBD المحتملة:
|
||||
|
||||
1. عندما أستعد لأول مرة لتقديم طلب تدريب، أريد أن أعرف بسرعة ما المواد التي يجب أن أعد أولاً،
|
||||
لكي لا أتأخر في التقديم بسبب الفوضى في المعلومات.
|
||||
|
||||
2. عندما أرى وظيفة تدريب، أريد أن أحكم بسرعة على ما إذا كانت تست التقديم،
|
||||
لكي لا أضيع وقتًا كثيرًا على وظائف غير مناسبة.
|
||||
|
||||
3. عندما أبدأ التقديم، أريد تحويل سيرتي الذاتية الحالية إلى نسخة تتناسب أكثر مع الوظيفة،
|
||||
لكي أتمكن من إكمال التقديم بسرعة أكبر ورفع معدل القبول.
|
||||
```
|
||||
|
||||
قيمة هذا النوع من المخرجات هي أنه سيأخذ فكرتك الواسعة جدًا ويقسمها إلى عدة اتجاهات أقرب إلى السيناريوهات الحقيقية.
|
||||
|
||||
### 12.2 دع AI يساعدك في تنظيم الكلمات الأصلية من المقابلات
|
||||
|
||||
إذا قمت بالفعل ببعض مقابلات المستخدمين، يمكنك تسليم سجلات المقابلات إلى AI وجعله يساعدك في استخلاص السيناريوهات المتكررة ونقاط التحفيز والبدائل ومعايير النجاح.
|
||||
|
||||
```text
|
||||
فيما يلي الكلمات الأصلية من 5 مستخدمين.
|
||||
لا تعط حلولاً أولاً، بل نظم وفقًا لإطار JTBD:
|
||||
1. في أي سيناريو يوجد المستخدم
|
||||
2. ما هو الحدث الذي حفزه على اتخاذ إجراء
|
||||
3. ما هو التقدم الذي يريد إنجازه حقًا
|
||||
4. ما هو البديل الحالي
|
||||
5. ما هو معيار النجاح الأكثر أهمية لديه
|
||||
6. أي المعلومات تتكرر عبر عدة مستخدمين
|
||||
أخيرًا نظم في 3 فرضيات JTBD الأكثر استحقاقًا للتحقق أولاً.
|
||||
```
|
||||
|
||||
يمكنك أيضًا كتابة إدخال بسيط جدًا هكذا:
|
||||
|
||||
```text
|
||||
سألت 3 أشخاص، قالوا تقريبًا هكذا:
|
||||
|
||||
1. في كل مرة أريد تقديم تدريب يجب أن أعدل سيرتي الذاتية من جديد، هذا مزعج جدًا.
|
||||
2. أكثر ما أخافه حقًا هو أنني لا أعرف ما إذا كانت كتابتي صحيحة.
|
||||
3. أنا الآن أطلب من الطلاب الأكبر سناً مساعدتي في المراجعة، لكن من المحرج أن أزعجهم في كل مرة.
|
||||
|
||||
ساعدني في التنظيم، ماذا يريدون إنجازه حقًا.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
نتيجة التنظيم:
|
||||
|
||||
- السيناريو المشترك: قبل تقديم طلب تدريب، يجب التعامل مع السيرة الذاتية
|
||||
- الصعوبة المشتركة: لا أعرف كيف أعدل إلى مستوى "جيد بما فيه الكفاية"
|
||||
- البديل الحالي: طلب مساعدة الطلاب الأكبر سناً في المراجعة، التعديل المتكرر بنفسه
|
||||
- JTBD المحتمل:
|
||||
عندما أستعد لتقديم تدريب، أريد أن أحكم بسرعة على ما إذا كانت سيرتي الذاتية قد وصلت إلى مستوى قابل للتقديم،
|
||||
لكي لا أبقى عالقًا في "سأعدل مرة أخرى" ولا أستطيع التقديم.
|
||||
```
|
||||
|
||||
هذا النوع من المخرجات مفيد جدًا، لأنه يساعدك على استخلاص شيء أشبه بـ "الاحتياج" من الكلمات المتفرقة.
|
||||
|
||||
### 12.3 دع AI يقوم بجولة خفيفة من البحث عبر الإنترنت
|
||||
|
||||
قبل أن تبدأ المقابلات واسعة النطاق، يمكنك جعل AI يساعدك في بعض المسح الخفيف للمعلومات الخارجية:
|
||||
|
||||
- في المنتديات العامة أو المجتمعات، كيف يشكو الناس من هذه المشكلة
|
||||
- أي طبقة من المشكلة تحلها المنتجات الموجودة أساسًا
|
||||
- ما هي البدائل الأكثر شيوعًا لدى المستخدمين
|
||||
- في التقييمات الشائعة، ما أكثر ما يرضي الناس وما أقل ما يرضيهم
|
||||
|
||||
هذا النوع من البحث لا يمكنه استبدال مقابلات المستخدمين الحقيقية، لكنه مناسب جدًا كإحماء لمرحلة Discover، لمساعدتك في بناء خريطة المشاكل أولاً.
|
||||
|
||||
إدخال بسيط يمكن أن يكون:
|
||||
|
||||
```text
|
||||
ساعدني في البحث:
|
||||
"ما هي نقاط الألم الأكثر شيوعًا عند تعديل السيرة الذاتية وتقديم طلبات التدريب لطلاب الجامعات؟"
|
||||
ركز على ما يقوله الناس بأنفسهم في المنتديات العامة ومنشورات الخبرة ومجتمعات التوظيف.
|
||||
ساعدني في تنظيم 5 مشاكل الأكثر شيوعًا.
|
||||
```
|
||||
|
||||
AI قد يخرج:
|
||||
|
||||
```text
|
||||
تنظيم نقاط الألم الشائعة:
|
||||
|
||||
1. لا أعرف ماذا أكتب في السيرة الذاتية، الخبرات قليلة جدًا
|
||||
2. لا أعرف كيف أعدل لتناسب وظائف مختلفة
|
||||
3. عدلت عدة نسخ، لكنني لا أزال غير متأكد مما إذا كانت جيدة بما فيه الكفاية
|
||||
4. لا أجد شخصًا موثوقًا لمساعدتي في المراجعة
|
||||
5. عملية التقديم معقدة، من السهل التأجيل
|
||||
```
|
||||
|
||||
هذا النوع من المخرجات لا يمكن اعتباره استنتاجًا نهائيًا، لكنه مناسب جدًا لمساعدتك في تحديد أي نوع من المشاكل يجب أن تعطي الأولوية للمقابلات عنه.
|
||||
|
||||
### 12.4 دع AI يلعب دور "الجانب المعارض"
|
||||
|
||||
في كثير من الأحيان، نكون عاطفيين جدًا تجاه أفكارنا. يمكنك جعل AI يلعب خصمًا، يضغطك لتوضيح المشكلة بشكل أفضل:
|
||||
|
||||
```text
|
||||
العب دور مستشار بحث منتجات صارم جدًا.
|
||||
فيما يلي فرضية JTBD الخاصة بي: [فرضيتك]
|
||||
انتقدها من الزوايا التالية:
|
||||
1. هل هذا السيناريو واسع جدًا
|
||||
2. هل هذه الوظيفة مكتوبة كوظيفة بدلاً من تقدم حقيقي
|
||||
3. هل البديل ضعيف جدًا
|
||||
4. هل معيار النجاح غير واضح بما فيه الكفاية
|
||||
5. ما هو الخطر الذي يحتاج أكثر إلى التحقق في هذه الفرضية
|
||||
```
|
||||
|
||||
فائدة القيام بذلك هي أنك تستطيع اكتشاف بشكل أسرع ما إذا كنت تنظر إلى الاحتياج أم فقط إلى الحل الذي يعجبك.
|
||||
|
||||
## 📚 الواجبات
|
||||
|
||||
يرجى إكمال الواجبات التالية بناءً على المحتوى أعلاه:
|
||||
|
||||
1. اختر فكرة منتج تريد صنعها مؤخرًا، واكتبها بوضوح باستخدام صيغة JTBD
|
||||
2. أكمل العناصر الخمسة لهذه الفكرة: السيناريو، المحفز، التقدم، البديل، معيار النجاح
|
||||
3. ابحث عن 3 مستخدمين محتملين، واسأل على الأقل مرة "متى واجهت هذه المشكلة آخر مرة"
|
||||
4. سلم الكلمات الأصلية للمقابلة إلى AI ونظمها في 3 فرضيات JTBD الأكثر استحقاقًا للتحقق أولاً
|
||||
|
||||
## قراءة إضافية
|
||||
|
||||
- [Christensen Institute: Jobs to Be Done](https://www.christenseninstitute.org/theory/jobs-to-be-done/)
|
||||
- [Harvard Business School Online: What Is Jobs to Be Done?](https://online.hbs.edu/blog/post/jobs-to-be-done)
|
||||
- [Intercom: Jobs-to-be-Done: A framework for customer needs](https://www.intercom.com/blog/jobs-to-be-done-framework/)
|
||||
- [Mural: Jobs to Be Done framework guide](https://www.mural.co/blog/jobs-to-be-done-framework)
|
||||
@@ -0,0 +1,589 @@
|
||||
---
|
||||
title: 'اختبار الأم: كيفية التحقق من المتطلبات من خلال مقابلات المستخدمين'
|
||||
description: 'مقالة تمهيدية لاختبار الأم موجهة للقراء بدون خبرة مسبقة. تعلم كيفية تجنب الملاحظات المجاملية، وإجراء مقابلات مستخدمين تركز على السلوكيات الحقيقية والحقائق الملموسة والمشاكل القائمة، لتحويل "يبدو جيدًا" إلى أحكام أكثر موثوقية حول المتطلبات.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
const duration = 'حوالي <strong>1.5 ساعة</strong>'
|
||||
</script>
|
||||
|
||||
# اختبار الأم: كيفية التحقق من المتطلبات من خلال مقابلات المستخدمين
|
||||
|
||||
<a id="top-mom"></a>
|
||||
|
||||
## مقدمة الفصل
|
||||
|
||||
<ChapterIntroduction
|
||||
:duration="duration"
|
||||
:tags="['مقابلات المستخدمين', 'التحقق من المتطلبات', 'أبحاث المستخدمين', 'دراسة المنتجات']"
|
||||
coreOutput="مجموعة واحدة من أسئلة المقابلة التي تكشف معلومات حقيقية"
|
||||
expectedOutput="عدم اعتبار التشجيع المجاملي من المستخدمين كتحقق، واستخدام السلوكيات الحقيقية للحكم على الاتجاه"
|
||||
>
|
||||
|
||||
الكثير من الأشخاص عندما يقومون بأول بحث عن المنتج، يعتقدون أن الأهم هو "التحدث مع شخص ما". لذلك يذهبون لسؤال الأصدقاء والزملاء وحتى أفراد العائلة:
|
||||
|
||||
- ما رأيك في هذه الفكرة؟
|
||||
- إذا كان هناك منتج مثل هذا، هل ستستخدمه؟
|
||||
- هل تبدو هذه الميزة جيدة؟
|
||||
|
||||
غالبًا ما يعطيهم الطرف الآخر ردودًا مشجعة جدًا:
|
||||
|
||||
- جيد جدًا
|
||||
- يبدو مفيدًا
|
||||
- أعتقد أنه يمكنك تجربته
|
||||
|
||||
المشكلة هي أن هذه الإجابات عادةً لا تساعدك في اتخاذ القرار. إنها تشبه المجاملة والدعم، أو رد فعل طبيعي لا يريد أن يحبطك. تعتقد أنك حصلت على "تحقق من السوق"، لكنك في الواقع جمعت فقط مجموعة من المواساة التي يصعب استخدامها في اتخاذ القرار.
|
||||
|
||||
طريقة اختبار الأم مصممة خصيصًا لحل هذه المشكلة. إنها تذكرنا: **ليس أن المستخدمين يخدعونك عمدًا، بل طريقة طرحك للأسئلة توجه بطبيعتها الشخص الآخر نحو إجابات لطيفة لكنها غير مفيدة.**
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info الحد الأدنى من الإجراءات القياسية
|
||||
**الهدف**: بعد القراءة، ستكون أكثر وضوحًا حول كيفية التحدث مع المستخدمين، حتى لا تسمع فقط "يبدو جيدًا"، بل تحصل فعلاً على معلومات تساعدك في الحكم على الاتجاه.
|
||||
|
||||
**الإجراءات**: غيّر الأسئلة الخمسة التي كنت تنوي طرحها، مع إعطاء الأولوية لأسئلة مثل "متى كانت آخر مرة حدث فيها هذا" و"كيف تعاملت معه في ذلك الوقت".
|
||||
|
||||
**النتيجة**: سيكون من الأسهل عليك التمييز بين الآراء والأدلة الحقيقية التي تدعم القرار.
|
||||
|
||||
**الكلمات المفتاحية للانتقال السريع**: [ما هو اختبار الأم](#mom-what) · [المبادئ الأساسية الثلاثة](#mom-principles) · [كيف يساعدك الذكاء الاصطناعي](#mom-ai)
|
||||
:::
|
||||
|
||||
## سوف تتعلم المحتوى التالي
|
||||
|
||||
1. ما المشكلة التي يحلها اختبار الأم حقًا، ولماذا العديد من "أبحاث المستخدمين" لا تحصل فعلاً على معلومات حقيقية
|
||||
2. المبادئ الأساسية القليلة لهذه الطريقة: اسأل أقل عن الآراء، واسأل أكثر عن السلوكيات؛ اسأل أقل عن الافتراضات، واسأل أكثر عن الحقائق
|
||||
3. كيفية تحويل سؤال يسهل الحصول على إجابات إيجابية كاذبة إلى سؤال مقابلة أكثر قيمة
|
||||
4. كيفية استخدام اختبار الأم مع JTBD والتحقق من المتطلبات وحكم MVP معًا
|
||||
|
||||
<a id="mom-what"></a>
|
||||
## [1. ما هو اختبار الأم بالضبط](#top-mom)
|
||||
|
||||
اختبار الأم يأتي من كتاب يحمل نفس الاسم لروب فيتزباتريك. اسمه يبدو وكأنه مزحة، لكنه يصيب الهدف بدقة:
|
||||
|
||||
**حتى والدتك، سيكون من الصعب عليها أن تخبرك مباشرة بأن "هذه فكرة سيئة".**
|
||||
|
||||
السبب ليس أنها غير صادقة، بل:
|
||||
|
||||
- هي لا تريد أن تؤذيك
|
||||
- ستشجعك بشكل لا إرادي
|
||||
- من السهل عليها أن تجيب وفقًا لطريقة تعبيرك
|
||||
|
||||
في الواقع، ليس فقط الأمهات، بل الأصدقاء والزملاء وزملاء الدراسة السابقين، وحتى الكثير من الغرباء، عندما يواجهون فكرة منتجك، غالبًا ما يعطون "ملاحظات إيجابية" مماثلة. هذا لا يعني أن الطلب موجود فعلاً، بل يعني فقط أنك صغت السؤال بطريقة يسهل الحصول على إجابات لطيفة.
|
||||
|
||||
لذلك، النقطة المهمة في اختبار الأم ليست أبدًا "لا تسأل والدتك"، بل:
|
||||
|
||||
**لا تصغ سؤالك بطريقة يجيب فيها أي شخص وفقًا لما تريده.**
|
||||
|
||||
ما تريد هذه الطريقة تعليمه حقًا هو كيفية الحصول من خلال المحادثة على معلومات أقرب إلى المتطلبات الحقيقية، بدلاً من جمع مجموعة من التعليقات التي تجعلك تشعر بالرضا.
|
||||
|
||||
## 2. ما هي المشكلة الأساسية التي يحلها
|
||||
|
||||
اختبار الأم يحل بشكل أساسي وهمًا معرفيًا شائعًا جدًا:
|
||||
|
||||
**اعتبار الملاحظات الإيجابية المجاملية كمتطلبات حقيقية.**
|
||||
|
||||
على سبيل المثال، إذا سألت:
|
||||
|
||||
- ما رأيك في فكرة هذا التطبيق؟
|
||||
- إذا صنعت أداة بالذكاء الاصطناعي تساعدك في كتابة سيرتك الذاتية، هل ستستخدمها؟
|
||||
- هل هذه الميزة ذات قيمة؟
|
||||
|
||||
الخاصية المشتركة لهذه الأسئلة هي:
|
||||
|
||||
- أنها جميعًا تسأل عن "الآراء"
|
||||
- أنها جميعًا تحمل تلميحًا
|
||||
- أنها جميعًا تتحدث عن مستقبل لم يحدث بعد
|
||||
|
||||
وإجابات الناس عن "الآراء" و"الافتراضات المستقبلية" عادةً غير مستقرة. الكثير من الأشخاص يبالغون في تقدير اهتمامهم، يبالغون في تقدير قدرتهم على التنفيذ، ويبالغون في تقدير رغبتهم المستقبلية في الشراء.
|
||||
|
||||
لذلك يذكرك اختبار الأم:
|
||||
|
||||
- لا تثق كثيرًا في تقييم الآخرين لفكرتك
|
||||
- لا تثق كثيرًا في توقعات الآخرين للسلوك المستقبلي
|
||||
- حاول العودة إلى السلوكيات الحقيقية التي حدثت بالفعل للمستخدمين
|
||||
|
||||
لأنه مقارنة بـ "هل ستستخدم"، "كيف تعاملت مع هذه المشكلة في المرة الأخيرة" غالبًا ما يكون أقرب إلى الحقيقة.
|
||||
|
||||
<a id="mom-principles"></a>
|
||||
## [3. المبادئ الأساسية الثلاثة](#top-mom)
|
||||
|
||||
إذا كنت تريد فقط تذكر الأجزاء الأهم أولاً، يمكنك البدء بالمبادئ الثلاثة التالية.
|
||||
|
||||
### 3.1 تحدث أقل عن فكرتك، وتحدث أكثر عن التجارب الحقيقية السابقة للمستخدم
|
||||
|
||||
العديد من المقابلات غير الفعالة تبدأ بشرح الحل الخاص بك، وشرح مدى حماسك، وشرح المنتج الذي تخطط لصنعه. المشكلة هي أنه بمجرد أن تتحدث كثيرًا، يتحول الطرف الآخر بسهولة إلى حالة "مساعدتك" و"تشجيعك".
|
||||
|
||||
في المقابل، الطريقة الأفضل هي التركيز على تجارب الطرف الآخر:
|
||||
|
||||
- متى كانت آخر مرة واجهت فيها هذه المشكلة؟
|
||||
- ماذا كنت تفعل في ذلك الوقت؟
|
||||
- كيف تعاملت معها في النهاية؟
|
||||
- أي خطوة كانت الأكثر إزعاجًا؟
|
||||
|
||||
ستجد أن هذه الأسئلة تعيد المحادثة بشكل أكثر طبيعية إلى الواقع، بدلاً من البقاء في التفضيلات المتخيلة.
|
||||
|
||||
### 3.2 اسأل أقل عن الآراء المجردة، واسأل أكثر عن الحقائق الملموسة
|
||||
|
||||
"أعتقد أن هذه الميزة جيدة" "يبدو جيدًا" "يبدو مفيدًا بعض الشيء"، هذه التعبيرات مجردة جدًا ويصعب توجيه قرارات المنتج.
|
||||
|
||||
المعلومات الأكثر قيمة عادةً تبدو هكذا:
|
||||
|
||||
- الأسبوع الماضى قضيت ساعتين في التعامل مع هذه المشكلة
|
||||
- أنا أستخدم Excel و WeChat للتغلب عليها
|
||||
- الشهر الماضى أنفقت المال بالفعل على أداة مشابهة
|
||||
- أكثر ما أخشاه هو ارتكاب الخطأ، وليس البطء
|
||||
|
||||
هذه هي المعلومات الحقيقية التي تساعدك في الحكم على قوة المشكلة وتكرارها وإمكانية الدفع.
|
||||
|
||||
### 3.3 اسأل أقل عن الحل الذي يريده المستخدم، وانظر أكثر في كيفية حل المشكلة حاليًا
|
||||
|
||||
المستخدمون جيدون في وصف مشاكلهم، لكنهم ليسوا بالضرورة جيدين في تصميم الحلول.
|
||||
|
||||
إذا سألت:
|
||||
|
||||
- هل تريد ذكاءً اصطناعيًا يساعدك تلقائيًا في هذا؟
|
||||
- هل تعتقد أن إضافة ميزة ذكية ستساعد؟
|
||||
|
||||
ما تحصل عليه عادةً هو موقف غامض تجاه حل معين، وليس الطلب نفسه.
|
||||
|
||||
الأسئلة الأفضل هي:
|
||||
|
||||
- ما الطريقة التي تستخدمها حاليًا للتعامل مع هذه المشكلة؟
|
||||
- لماذا اخترت هذه الطريقة؟
|
||||
- ما الذي لا يكون جيدًا بما فيه الكفاية فيها؟
|
||||
|
||||
رؤية البدائل الحالية غالبًا ما تكون أهم من السؤال المباشر "ماذا تريد".
|
||||
|
||||
## 4. لماذا يعطي الناس دائمًا إجابات لطيفة لكنها غير مفيدة
|
||||
|
||||
إذا كنت تستطيع فهم هذا الأمر، ستقل أخطاء الحكم كثيرًا عند إجراء المقابلات.
|
||||
|
||||
### 4.1 الناس يحافظون على الأدب بشكل لا إرادي
|
||||
|
||||
خاصة عندما يكون لدى محدثك علاقة بك، سيكون من الصعب عليه أن يقول مباشرة:
|
||||
|
||||
- هذا الاتجاه لا يبدو جيدًا
|
||||
- أنا لن أستخدمه أبدًا
|
||||
- هذه المشكلة ليست مهمة جدًا بالنسبة لي
|
||||
|
||||
سيقول على الأرجح "جيد" "يمكن تجربته عندما تتاح الفرصة".
|
||||
|
||||
### 4.2 الناس يبالغون في تقدير أنفسهم المستقبلية
|
||||
|
||||
الكثير من الناس يؤمنون بصدق أنهم في المستقبل سيكونون:
|
||||
|
||||
- أكثر انضباطًا
|
||||
- أكثر استعدادًا للتعلم
|
||||
- أكثر استعدادًا للدفع
|
||||
- أكثر استعدادًا لتجربة أدوات جديدة
|
||||
|
||||
لذلك جملة "إذا كان متاحًا فأعتقد أنني سأستخدمه" غالبًا لا تساوي الاستخدام الفعلي في المستقبل.
|
||||
|
||||
### 4.3 طريقة طرحك للأسئلة توجه الإجابات نفسها
|
||||
|
||||
عندما تسأل:
|
||||
|
||||
- هل فكرتي جيدة؟
|
||||
- هل هذه الميزة مفيدة جدًا بالنسبة لك؟
|
||||
|
||||
أنت في الواقع تضع "الإجابة الصحيحة" سرًا في السؤال.
|
||||
|
||||
هذا هو السبب في أن اختبار الأم يؤكد بشكل خاص: **لا تحول المقابلة إلى بحث عن الموافقة.**
|
||||
|
||||
## 5. مقارنة مباشرة: أي الأسئلة تفشل بسهولة وأيها أكثر قيمة
|
||||
|
||||
هذه المقارنات يستخدمها كل مبتدئ تقريبًا.
|
||||
|
||||
| الأسئلة التي تفشل بسهولة | الأسئلة الأكثر قيمة |
|
||||
| --- | --- |
|
||||
| ما رأيك في فكرتي؟ | متى كانت آخر مرة واجهت فيها هذه المشكلة؟ |
|
||||
| إذا كان هناك هذا المنتج هل ستستخدمه؟ | كيف تتعامل مع هذا الأمر حاليًا؟ |
|
||||
| هل أنت مستعد للدفع مقابل هذه الميزة؟ | هل أنفقت المال على هذه المشكلة في المرة السابقة؟ على ماذا؟ |
|
||||
| هل تعتقد أن هذه الميزة مهمة؟ | أي خطوة في هذه العملية هي الأكثر إزعاجًا والأبطأ والأقل راحة؟ |
|
||||
| هل تريد ذكاءً اصطناعيًا يساعدك تلقائيًا؟ | لماذا لم تجد حلاً أفضل حتى الآن؟ |
|
||||
|
||||
ما هو مهم في هذا الجدول ليس الجمل المحددة، بل الاتجاه وراءها:
|
||||
|
||||
- من الآراء إلى الحقائق
|
||||
- من المستقبل إلى الماضي
|
||||
- من حلولك إلى مشاكل المستخدم
|
||||
|
||||
## 6. إيقاع مقابلة يمكن استخدامه حتى من قبل المبتدئين
|
||||
|
||||
إذا كنت تريد أن تذهب للتحدث مع شخص ما الآن، يمكنك اتباع هذا التسلسل مباشرة.
|
||||
|
||||
### 6.1 الافتتاح: اشرح أنك تتعلم، وليس تبيع
|
||||
|
||||
على سبيل المثال:
|
||||
|
||||
> أنا أدرس مؤخرًا كيف يتعامل الناس مع هذا النوع من المشاكل، وأريد أن أفهم الوضع الحقيقي أولاً، أنا لست هنا لبيع شيء.
|
||||
|
||||
هذا التعبير يجعل من الأسهل على الطرف الآخر التخلي عن العبء النفسي "يجب أن أعطيك ملاحظات إيجابية".
|
||||
|
||||
### 6.2 ابدأ من آخر تجربة حقيقية
|
||||
|
||||
يمكنك البدء بأسئلة من هذا النوع:
|
||||
|
||||
- متى كانت آخر مرة واجهت فيها هذه المشكلة؟
|
||||
- ماذا حدث في ذلك الوقت؟
|
||||
- ما كان رد فعلك الأول وكيف تعاملت معه؟
|
||||
|
||||
بمجرد أن تدخل المحادثة في أحداث محددة، تتحسن جودة المعلومات عادةً بشكل ملحوظ.
|
||||
|
||||
### 6.3 اطرح أسئلة متابعة حول السلوك والتكلفة والبدائل
|
||||
|
||||
استمر في السؤال:
|
||||
|
||||
- ما الطريقة التي تستخدمها حاليًا للحل؟
|
||||
- ما أكثر شيء غير مريح في هذه الطريقة؟
|
||||
- كم من الوقت أو المال أو الجهد أنفقت على هذا؟
|
||||
- هل جربت طرقًا أخرى؟ لماذا لم تستمر في استخدامها؟
|
||||
|
||||
### 6.4 أخيرًا احكم على الألم والأولوية
|
||||
|
||||
لا تحتاج إلى السؤال مباشرة "هل يؤلمك"، يمكنك الحكم من التفاصيل:
|
||||
|
||||
- هل يواجه هذا كثيرًا
|
||||
- هل يتخذ بالفعل إجراءات نشطة للتعويض
|
||||
- هل هو مستعد بالفعل لدفع التكاليف من أجل هذا
|
||||
- هل يُظهر مشاعر واضحة عند الحديث عن هذا الأمر
|
||||
|
||||
كل هذه أكثر فائدة من سؤال "هل هذه نقطة ألم بالنسبة لك".
|
||||
|
||||
## 7. مثال أكثر اكتمالاً
|
||||
|
||||
لنفترض أنك تريد صناعة منتج "ذكاء اصطناعي يساعد طلاب الجامعات في تحسين سيرهم الذاتية".
|
||||
|
||||
### طريقة خاطئة
|
||||
|
||||
تذهب لسؤال زميل:
|
||||
|
||||
> أريد صناعة أداة ذكاء اصطناعي لتحسين السيرة الذاتية، ما رأيك؟
|
||||
> إذا كانت تستطيع تعديل السيرة الذاتية تلقائيًا وفقًا للوظيفة، هل ستستخدمها؟
|
||||
|
||||
في هذه الحالة، سيقول الطرف الآخر على الأرجح:
|
||||
|
||||
- يبدو جيدًا
|
||||
- أعتقد أنه سيكون مفيدًا
|
||||
- إذا كان مجانيًا سأجربه
|
||||
|
||||
هذه الإجابات لا تساعدك تقريبًا في الحكم على مدى قوة الطلب.
|
||||
|
||||
### طريقة أفضل
|
||||
|
||||
يمكنك التغيير إلى:
|
||||
|
||||
> متى كانت آخر مرة عدّلت فيها سيرتك الذاتية؟
|
||||
> لماذا عدّلتها في ذلك الوقت؟
|
||||
> كيف عدّلتها؟
|
||||
> أي خطوة كانت الأصعب؟
|
||||
> هل طلبت من أحد أن يراجعها لك؟
|
||||
> هل أنفقت المال أو الكثير من الوقت على أمر السيرة الذاتية من قبل؟
|
||||
|
||||
من خلال هذه الأسئلة، قد تحصل على معلومات مثل:
|
||||
|
||||
- الكثير من الناس لا يعرفون كيف يكتبون، بل لا يعرفون كيف يعيدون كتابة سيرتهم لتناسب وظائف مختلفة
|
||||
- أكثر ما يؤلمهم ليس التنسيق، بل "عدم معرفة الخبرات التي تستحق الكتابة"
|
||||
- يتأخرون ليس لأنهم كسالى، بل لأن تعديل السيرة الذاتية في كل مرة يستنزف طاقتهم
|
||||
- يستخدمون بالفعل نصائح الطلبة الأكبر سنًا ومواقع القوالب وأدوات الذكاء الاصطناعي ومساعدة الأصدقاء كحلول مؤقتة
|
||||
|
||||
في هذه اللحظة، تكون أقرب بكثير إلى المشكلة الحقيقية.
|
||||
|
||||
## 8. كيفية استخدام اختبار الأم و JTBD معًا
|
||||
|
||||
إذا كان JTBD يساعدك في رؤية "التقدم الذي يريد المستخدم تحقيقه"، فإن اختبار الأم يعلمك:
|
||||
|
||||
**كيف تتأكد من خلال المقابلات أن هذا العمل موجود فعلاً.**
|
||||
|
||||
يمكنك استخدام الاثنين معًا:
|
||||
|
||||
1. استخدم JTBD أولاً لافتراض عمل معين
|
||||
2. ثم استخدم طريقة اختبار الأم لسؤال المستخدمين عن آخر تجربة حقيقية لهم
|
||||
3. انظر ما إذا كان هذا العمل متكررًا وحقيقيًا ويستحق الأولوية فعلًا
|
||||
|
||||
على سبيل المثال، افتراض JTBD الخاص بك هو:
|
||||
|
||||
> عندما أستعد لتقديم طلب تدريب، أريد تعديل سيرتي الذاتية القديمة بسرعة لتتناسب مع الوظيفة، حتى أتمكن من إكمال التقديم في أقرب وقت ممكن.
|
||||
|
||||
يمكنك استخدام أسئلة بأسلوب اختبار الأم للتحقق:
|
||||
|
||||
- متى كانت آخر مرة قدمت فيها على تدريب؟
|
||||
- كيف عدّلت سيرتك الذاتية في ذلك الوقت؟
|
||||
- أي فقرة كانت الأصعب في كتابتها؟
|
||||
- بعد الانتهاء من التعديل، كيف تحكم على ما إذا كانت جيدة بما فيه الكفاية؟
|
||||
|
||||
بهذه الطريقة، تتصل الطرق:
|
||||
|
||||
- JTBD يساعدك في تعريف فرضية الطلب
|
||||
- اختبار الأم يساعدك في التحقق من الفرضية من خلال المقابلات
|
||||
|
||||
## 9. الأخطاء الأكثر شيوعًا التي يرتكبها المبتدئون عند إجراء مقابلات المستخدمين
|
||||
|
||||
### 9.1 تحويل المقابلة إلى عرض تقديمي للمنتج
|
||||
|
||||
إذا تحدثت كثيرًا عن أفكارك الخاصة، سيبدأ الطرف الآخر بسهولة في مساعدتك بدلاً من إخبارك بالوضع الحقيقي.
|
||||
|
||||
### 9.2 جميع أشخاص المقابلة من المعارف
|
||||
|
||||
المعارف ليسوا مستبعدون من التحدث معهم، لكنهم أكثر ميلاً لتشجيعك. تحتاج على الأقل إلى خلط بعض الأشخاص الأقرب إلى المستخدمين الحقيقيين، بدلاً من البحث فقط عن أشخاص يدعمونك.
|
||||
|
||||
### 9.3 متابعة سريعة للأسئلة عن الوظائف في وقت مبكر جدًا
|
||||
|
||||
إذا لم تكن قد فهمت المشكلة بعد، وبدأت في متابعة الأسئلة عن الأزرار والواجهات وتفاصيل الوظائف، فعادةً ما يكون ذلك دخولًا مبكرًا جدًا في مرحلة الحل.
|
||||
|
||||
### 9.4 اعتبار جملة "سأستخدمه" كنتيجة تحقق
|
||||
|
||||
المقابلة تساعدك على الأكثر في الحكم على الاتجاه، ولا تعني أن التحقق اكتمل. التحقق الحقيقي يعتمد في النهاية على ما إذا كان المستخدم مستعدًا لدفع تكاليف حقيقية، مثل الوقت وتكلفة التبديل وسلوك التجربة وحتى الدفع.
|
||||
|
||||
### 9.5 عدم الترتيب بعد انتهاء المقابلة
|
||||
|
||||
إذا تركتها بعد الانتهاء من التحدث، ستصبح المعلومات سريعًا انطباعات غامضة. من الأفضل الترتيب في أقرب وقت ممكن:
|
||||
|
||||
- المشاكل ذات التكرار العالي
|
||||
- الكلمات العاطفية في كلمات المستخدم الأصلية
|
||||
- البدائل الحالية
|
||||
- التكاليف المدفوعة بالفعل
|
||||
- أحكامك الجديدة الخاصة
|
||||
|
||||
## 10. قائمة أسئلة يمكن نسخها واستخدامها مباشرة
|
||||
|
||||
إذا كنت تريد البدء في أقرب وقت، إليك مجموعة من الأسئلة العامة بما فيه الكفاية.
|
||||
|
||||
### أسئلة الافتتاح
|
||||
|
||||
- متى كانت آخر مرة واجهت فيها هذه المشكلة؟
|
||||
- ماذا حدث بالتحديد في ذلك الوقت؟
|
||||
|
||||
### أسئلة السلوك
|
||||
|
||||
- كيف تعاملت معها في ذلك الوقت؟
|
||||
- لماذا اخترت هذه الطريقة؟
|
||||
|
||||
### أسئلة التكلفة
|
||||
|
||||
- كم من الوقت أو الجهد يستهلكه هذا الأمر عادةً؟
|
||||
- هل أنفقت المال من قبل لحله؟
|
||||
|
||||
### أسئلة البدائل
|
||||
|
||||
- هل جربت أدوات أو طرقًا أخرى؟
|
||||
- لماذا لم تستمر في استخدامها؟
|
||||
|
||||
### أسئلة الختام
|
||||
|
||||
- إذا واجهت نفس المشكلة في المستقبل، ما الذي تعتقد أنه يجب أن يكون عليه الحل المثالي؟
|
||||
|
||||
لاحظ أنه يمكن طرح سؤال الختام هذا، لكن من الأفضل وضعه في النهاية. لأنك تحتاج في البداية إلى الحصول على الحقائق، وليس الأمنيات.
|
||||
|
||||
## 11. ملخص
|
||||
|
||||
أهم مساهمة لاختبار الأم ليست إعطائك مجموعة من مهارات "التحدث بشكل أفضل"، بل مساعدتك في بناء طريقة حكم أكثر وضوحًا:
|
||||
|
||||
- لا تثق بسرعة في مدح الآخرين لفكرتك
|
||||
- لا تعتبر "إذا كان متاحًا سأستخدمه" طلبًا حقيقيًا
|
||||
- لا تدع المقابلة تتحول إلى بحثك عن الموافقة
|
||||
|
||||
المقابلات ذات القيمة الحقيقية يجب أن تعود قدر الإمكان إلى هذه الأشياء:
|
||||
|
||||
- آخر تجربة حقيقية للمستخدم
|
||||
- كيف يتعامل معها حاليًا
|
||||
- ما التكاليف التي دفعها بالفعل
|
||||
- في أي الأماكن يش بعدم الراحة بشكل واضح
|
||||
|
||||
عندما تبدأ في السؤال بهذه الطريقة، المعلومات التي تحصل عليها، رغم أنها قد لا تكون لطيفة جدًا في بعض الأحيان، لكنها عادةً أكثر فائدة.
|
||||
وعند صنع المنتج، **الحقيقة المفيدة أهم دائمًا من التشجيع اللطيف.**
|
||||
|
||||
<a id="mom-ai"></a>
|
||||
## [12. كيفية استخدام الذكاء الاصطناعي لمساعدتك في إجراء مقابلات المستخدمين](#top-mom)
|
||||
|
||||
اختبار الأم هو في جوهره طريقة "للتحدث مع أشخاص حقيقيين"، لذلك لا يمكن للذكاء الاصطناعي أن يحل محل المقابلات الحقيقية. لكن الذكاء الاصطناعي مناسب جدًا لمساعدتك قبل وأثناء وبعد المقابلة، خاصة في تقليل حاجز الدخول للمبتدئين.
|
||||
|
||||
### 12.1 دع الذكاء الاصطناعي يساعدك في إعادة كتابة الأسئلة "السهلة الفشل"
|
||||
|
||||
الكثير من الناس يعرفون أنه لا ينبغي لهم سؤال "ما رأيك في فكرتي"، لكن بمجرد أن يتحدثون يعودون إلى هذه الجمل. يمكنك أولاً تسليم الأسئلة التي تستعد لطرحها إلى الذكاء الاصطناعي وجعله يساعدك في إعادة كتابتها:
|
||||
|
||||
```text
|
||||
فيما يلي الأسئلة التي أريد طرحها عند إجراء مقابلات المستخدمين:
|
||||
[ألصق أسئلتك]
|
||||
|
||||
يرجى استخدام مبادئ اختبار الأم لمساعدتي في إعادة كتابتها:
|
||||
1. احذف الأسئلة الرأيية
|
||||
2. احذف الأسئلة التي تفترض المستقبل
|
||||
3. حاول تغييرها إلى أسئلة تتمحور حول السلوكيات الحقيقية السابقة والبدائل القائمة والتكاليف المدفوعة
|
||||
4. أخيرًا رتبها في قائمة من 8-10 أسئلة يمكن استخدامها مباشرة في المقابلات
|
||||
```
|
||||
|
||||
حتى الإدخال البسيط جدًا مقبول تمامًا:
|
||||
|
||||
```text
|
||||
أريد أن أسأل المستخدمين:
|
||||
1. ما رأيك في صناعة أداة ذكاء اصطناعي لتحسين السيرة الذاتية؟
|
||||
2. هل ستستخدمها؟
|
||||
3. هل أنت مستعد للدفع؟
|
||||
|
||||
يرجى مساعدتي في تغييرها إلى طريقة طرح أفضل.
|
||||
```
|
||||
|
||||
قد يكون الناتج المفيد من الذكاء الاصطناعي مثل هذا:
|
||||
|
||||
```text
|
||||
الأسئلة المعاد كتابتها:
|
||||
|
||||
1. متى كانت آخر مرة عدّلت فيها سيرتك الذاتية؟
|
||||
2. لماذا عدّلتها في ذلك الوقت؟
|
||||
3. كيف عدّلتها؟
|
||||
4. أي خطوة استغرقت أكثر وقت؟
|
||||
5. هل طلبت من أحد أن يراجعها لك؟
|
||||
6. هل أنفقت المال أو الكثير من الوقت على تعديل السيرة الذاتية من قبل؟
|
||||
```
|
||||
|
||||
هذا الناتج مفيد جدًا لأنه يحول أسئلتك الأصلية "التي تسأل عن الآراء" مباشرة إلى أسئلة "تسأل عن السلوكيات الحقيقية".
|
||||
|
||||
### 12.2 دع الذكاء الاصطناعي يساعدك في إنشاء خطط مقابلات مختلفة لكل فئة
|
||||
|
||||
نفس الاتجاه، مع مجموعات مختلفة من الناس، ستكون نقاط التركيز في المقابلة مختلفة. على سبيل المثال، الطلاب ومديري الموارد البشرية والعاملون المستقلون يهتمون بأشياء مختلفة تمامًا. يمكنك أن تطلب من الذكاء الاصطناعي إنشاء نسخة من خطة المقابلة لكل فئة:
|
||||
|
||||
- للمستخدمين الجدد، التركيز على فهم آخر تجربة حقيقية
|
||||
- للمستخدمين المكثفين، التركيز على فهم البدائل وشدة الألم
|
||||
- للمستخدمين الدافعين، التركيز على فهم ما إذا كانوا قد دفعوا تكاليف بالفعل من أجل هذا
|
||||
|
||||
بهذه الطريقة ستكون لديك إيقاع أفضل عند التحدث الفعلي، بدلاً من طرح نفس مجموعة الأسئلة على كل شخص.
|
||||
|
||||
على سبيل المثال، يمكنك الإدخال مباشرة هكذا:
|
||||
|
||||
```text
|
||||
سأتحدث مع نوعين من الأشخاص:
|
||||
1. طلاب الجامعات الذين يبحثون عن تدريب لأول مرة
|
||||
2. طلبة أكبر سنًا سبق لهم مراجعة العديد من السير الذاتية للآخرين
|
||||
|
||||
يرجى إعطائي خطة مقابلة لكل فئة، 6 أسئلة لكل منها.
|
||||
```
|
||||
|
||||
قد يكون ناتج الذكاء الاصطناعي:
|
||||
|
||||
```text
|
||||
لطلاب الجامعات:
|
||||
1. متى كانت آخر مرة قدمت فيها على تدريب؟
|
||||
2. أي خطوة كانت الأصعب في ذلك الوقت؟
|
||||
3. كيف تعرف ما إذا كانت سيرتك الذاتية يمكن تقديمها؟
|
||||
...
|
||||
|
||||
للطلبة الأكبر سنًا:
|
||||
1. متى كانت آخر مرة ساعدت فيها شخصًا في مراجعة سيرته الذاتية؟
|
||||
2. ما أكثر المشاكل وضوحًا التي تراها بشكل متكرر؟
|
||||
3. ما هي الخطوة التي يواجه فيها الطلاب الأصغر سنًا أكبر صعوبة؟
|
||||
...
|
||||
```
|
||||
|
||||
بهذه الطريقة، لا تحتاج إلى كتابة الأسئلة من الصفر، وسيكون التحضير للمقابلة أسهل بكثير.
|
||||
|
||||
### 12.3 دع الذكاء الاصطناعي يساعدك في ترتيب سجلات المقابلات
|
||||
|
||||
بعد انتهاء المقابلات، أكثر المشاكل شيوعًا ليست "عدم وجود معلومات"، بل "المعلومات مشتتة جدًا". الذكاء الاصطناعي مناسب جدًا لمساعدتك في ترتيب المحادثات المجزأة في ملاحظات منظمة:
|
||||
|
||||
```text
|
||||
فيما يلي سجلات مقابلاتي مع 3 مستخدمين.
|
||||
يرجى الترتيب من منظور اختبار الأم:
|
||||
1. أي المحتويات هي حقائق وأيها مجرد آراء
|
||||
2. ما هو آخر سلوك حقيقي للمستخدم
|
||||
3. ما هي البدائل الحالية
|
||||
4. ما هي تكاليف الوقت والمال أو الجهد التي دفعها المستخدم بالفعل
|
||||
5. أي المشاكل تم ذكرها بشكل متكرر
|
||||
6. أي العبارات تبدو إيجابية لكن الأدلة عليها غير كافية
|
||||
```
|
||||
|
||||
هذه الخطوة ذات قيمة خاصة لأنها تساعدك في فصل المحتوى "الذي يبدو جيدًا" عن المحتوى "الذي يدعم الحكم فعلاً".
|
||||
|
||||
يمكن أن يكون الإدخال البسيط:
|
||||
|
||||
```text
|
||||
هذا سجل محادثتي مع مستخدم:
|
||||
|
||||
- قالت إذا كان هناك أداة فستجربها على الأرجح
|
||||
- الأسبوع الماضي قضيت ليلة كاملة في تعديل سيرتها الذاتية
|
||||
- تعتمد حاليًا بشكل أساسي على الأصدقاء لمراجعة سيرتها
|
||||
- قالت أن أصعب شيء هو عدم معرفة ما الذي يجب تعديله حتى يكون جاهزًا للتقديم
|
||||
|
||||
يرجى مساعدتي في التمييز بين الآراء والحقائق.
|
||||
```
|
||||
|
||||
قد يكون ناتج الذكاء الاصطناعي:
|
||||
|
||||
```text
|
||||
الآراء:
|
||||
- إذا كان هناك أداة فستجربها على الأرجح
|
||||
|
||||
الحقائق:
|
||||
- الأسبوع الماضي قضيت ليلة كاملة في تعديل السيرة الذاتية
|
||||
- البديل الحالي هو طلب مساعدة الأصدقاء لمراجعتها
|
||||
- أصعب نقطة هي عدم معرفة متى تعتبر "جاهزة للتقديم"
|
||||
|
||||
النقاط التي يمكن استخدامها للحكم على المتطلبات:
|
||||
- هذه المشكلة حدثت مؤخرًا
|
||||
- المستخدم دفع بالفعل تكاليف وقت واضحة
|
||||
- الحل الحالي يعتمد على الآخرين وغير مستقر
|
||||
```
|
||||
|
||||
هذا الناتج يخبر المبتدئ بشكل حدسي: أي الكلمات يمكن استخدامها للحكم وأيها يمكن الاستماع إليها فقط.
|
||||
|
||||
### 12.4 دع الذكاء الاصطناعي يقوم بجولة خفيفة من البحث على الإنترنت أولاً
|
||||
|
||||
إذا لم تبدأ المقابلات بعد، يمكنك أن تطلب من الذكاء الاصطناعي القيام ببعض الأبحاث الخارجية الخفيفة جدًا، مثل:
|
||||
|
||||
- في المجتمعات العامة، كيف يشتكي الناس مؤخرًا من هذه المشكلة
|
||||
- ما أكثر شيء يتم انتقاده في الأدوات الحالية
|
||||
- هل دفع المستخدمون بالفعل مقابل مشاكل مشابهة
|
||||
- ما هي البدائل الموجودة في السوق
|
||||
|
||||
هذه المعلومات لا يمكنها أن تحل محل المقابلات الحقيقية، لكنها تساعدك على الدخول في الحالة بشكل أسرع ومعرفة من أين تبدأ الأسئلة.
|
||||
|
||||
على سبيل المثال، يمكن أن يكون الإدخال البسيط:
|
||||
|
||||
```text
|
||||
يرجى البحث من أجلي:
|
||||
"ما الذي يشتكي منه طلاب الجامعات أكثر شيء عند تعديل سيرهم الذاتية"
|
||||
ساعدني في ترتيب 5 شكاوى الأكثر شيوعًا، واكتبها بلغة بسيطة.
|
||||
```
|
||||
|
||||
قد يكون ناتج الذكاء الاصطناعي:
|
||||
|
||||
```text
|
||||
الشكاوى الشائعة:
|
||||
|
||||
1. لا أعرف ما الذي يجب كتابته في السيرة الذاتية
|
||||
2. يجب تعديلها لكل وظيفة، الأمر متعب جدًا
|
||||
3. عدّلت العديد من النسخ لكنني لست متأكدًا من جودتها
|
||||
4. لا يوجد أحد يعطيني ملاحظات موثوقة
|
||||
5. أشعر دائمًا أنني لست مستعدًا بعد، لذلك أؤجل باستمرار
|
||||
```
|
||||
|
||||
قيمة هذه النتيجة تكمن في أنها ستسهل عليك العثور على نقطة دخول للمقابلة.
|
||||
|
||||
### 12.5 دع الذكاء الاصطناعي يلعب دور "مدرب مراجعة المقابلات"
|
||||
|
||||
يمكنك أيضًا أن تعطي سجل مقابلة مستخدم أنجزتها للتو للذكاء الاصطناعي وجعله ينتقدك:
|
||||
|
||||
```text
|
||||
فيما يلي سجل مقابلة مستخدم قمت بها.
|
||||
يرجى مراجعتها من منظور اختبار الأم:
|
||||
1. أي الأسئلة طرحتها بشكل يشبه البحث عن الموافقة
|
||||
2. أي الأسئلة تحمل توجيهًا واضحًا
|
||||
3. أي الأماكن كان يمكن فيها متابعة السؤال عن الحقائق
|
||||
4. إذا جاءت مرة أخرى، كيف يمكن طرح هذه المحادثة بشكل أفضل
|
||||
```
|
||||
|
||||
هذا مفيد جدًا للمبتدئين، لأنك ستطور بسرعة حساسية تجاه "هل أنا أجمع الأدلة أم أجمع التشجيع".
|
||||
|
||||
## 📚 الواجبات
|
||||
|
||||
يرجى إكمال الواجبات التالية بناءً على المحتوى أعلاه:
|
||||
|
||||
1. اختر اتجاه منتج تريد صناعته مؤخرًا، واكتب أولاً 5 أسئلة "سهلة الفشل" كنت ستطرحها في الأصل
|
||||
2. أعد كتابة هذه الأسئلة الخمسة لتصبح أكثر توافقًا مع أسلوب اختبار الأم
|
||||
3. ابحث عن 3 مستخدمين محتملين، واسأل على الأقل مرة واحدة "متى كانت آخر مرة واجهت فيها هذه المشكلة"
|
||||
4. بعد انتهاء المقابلة، رتب 4 فئات من المعلومات: السلوكيات الحقيقية، البدائل، التكاليف المدفوعة، الصعوبات المتكررة
|
||||
|
||||
## قراءة موسعة
|
||||
|
||||
- [موقع اختبار الأم الرسمي](https://momtestbook.com/)
|
||||
- [روب فيتزباتريك: اختبار الأم](https://www.robfitz.com/the-mom-test/)
|
||||
@@ -0,0 +1 @@
|
||||
/Users/sanbu/Code/2025重要开源项目/easy-vibe/docs/zh-cn/stage-1/building-prototype/images
|
||||
@@ -0,0 +1,604 @@
|
||||
---
|
||||
title: 'صنع النموذج الأولي - من تحليل الأعمال إلى تنفيذ نموذج منتج متعدد الصفحات'
|
||||
description: 'تجربة الدورة الكاملة من تحليل الأعمال إلى تنفيذ نموذج منتج متعدد الصفحات. تعلم كيف تطرح أسئلة الأعمال وتحلل المتطلبات وتستخدم AI IDE لتوليد تطبيقات صفحة واحدة ومتعددة الصفحات مع تحسين واختبار النموذج الأولي.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { relatedArticlesMap } from '@theme/data/relatedArticles'
|
||||
|
||||
const duration = 'حوالي <strong>8 ساعات</strong>'
|
||||
const relatedArticles =
|
||||
relatedArticlesMap['ar-sa/stage-1/building-prototype'] ?? []
|
||||
</script>
|
||||
|
||||
# المستوى الثالث: صنع النموذج الأولي عمليًا
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['تحليل الأعمال', 'تصميم النماذج الأولية', 'البرمجة بمساعدة AI', 'تطبيقات متعددة الصفحات']" coreOutput="نموذج أولي لمنصة مواد التجارة الإلكترونية" expectedOutput="نموذج ويب تفاعلي">
|
||||
|
||||
في الفصل السابق، تعلمنا كيفية **إيجاد أفكار جيدة** — انطلاقًا من احتياجات المستخدمين، للعثور على اتجاه يرغب الناس في الدفع مقابل него. لكن إيجاد الاتجاه هو مجرد الخطوة الأولى، **التحدي الحقيقي لمدير المنتج هو: كيف تحول المتطلبات الغامضة إلى منتج قابل للاستخدام.**
|
||||
|
||||
في هذا الفصل، سنحل **مشكلة واقعية**: يلقي المدير عليك عبارة "استخدم AI لتحسين كفاءة نشر المنتجات على منصة التجارة الإلكترونية" — كيف تحولها إلى **نموذج أولي لمنتج قابل للاستخدام؟**
|
||||
|
||||
على عكس صنع لعبة الثعبان أو الآلة الحاسبة، **الأعمال الحقيقية لا يمكن بناؤها بالخيال**:
|
||||
|
||||
1. **تحديد نقطة الألم**: تحدث مع فريق التشغيل، واستخرج **نقطة الألم الحقيقية** من عبارة "تحسين الكفاءة" الغامضة
|
||||
2. **ركز على الأهم**: من بين مجموعة من المشاكل، حل **الأكثر إيلامًا أولًا**، لا تفكر في حل كل شيء دفعة واحدة
|
||||
3. **تحقق بسرعة**: استخدم AI IDE لصنع **نموذج أولي لصفحة واحدة** أولًا، ثم وسّعه إلى تطبيق متعدد الصفحات
|
||||
4. **اصنع شيئًا قابلًا للاستخدام**: سلم أخيرًا **منصة مواد تجارة إلكترونية يمكن عرضها وتشغيلها**
|
||||
|
||||
سننتقل من **صنع الألعاب إلى صنع التطبيقات**، ونتعلم **التعاطف والتفكير في الاحتياجات الحقيقية للعملاء**.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
::: info ℹ️ ملاحظة
|
||||
قد تحتوي هذه المقالة على بعض المصطلحات التجارية، إذا لم تفهمها يمكنك سؤال AI للحصول على شرح.
|
||||
:::
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="0" :items="[
|
||||
{ title: 'تحليل المتطلبات', description: 'من الغامض إلى المحدد' },
|
||||
{ title: 'التحقق من صفحة واحدة', description: 'تنفيذ الوظيفة الأساسية' },
|
||||
{ title: 'التوسع متعدد الصفحات', description: 'تحسين بنية التطبيق' },
|
||||
{ title: 'التحسين والتجميل', description: 'تحسين تجربة المستخدم' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 1. تحديد المتطلبات قبل كتابة الكود
|
||||
|
||||
في البرامج التعليمية السابقة، استخدمنا AI IDE لتوليد لعبة الثعبان وألعاب صغيرة متنوعة بسهولة، لكن هذه تُعد مجرد مشاريع ألعاب ولا يمكن تطبيقها في العمل والحياة؛ إذا أردنا أن تكون قدرات AI مفيدة حقًا للجميع، فيجب أن نجمع بين سيناريوهات الحياة والعمل في البرمجة بنمط vibe coding.
|
||||
|
||||
في الفصل السابق تعلمنا كيفية إيجاد **أفكار جيدة يرغب الناس في الدفع مقابلها**، لكن إيجاد الاتجاه هو مجرد البداية. عند صنع منتج حقيقي، ستكتشف: **هناك فجوة هائلة بين معرفة "ماذا نصنع" ومعرفة "كيف نصنع".**
|
||||
|
||||
هذه الفجوة هي **تحديد المتطلبات بشكل ملموس**.
|
||||
|
||||
على سبيل المثال، في المشاريع الصفية أو الشخصية، نبدأ غالبًا من أبسط وظيفة قابلة للتنفيذ لصنع المنتجات والتطبيقات:
|
||||
|
||||
- "اصنع لوحة Kanban، ضع المهام فيها."
|
||||
- "ساعدني في صنع أداة رسم."
|
||||
- "ساعدني في صنع برنامج لجمع الاستبيانات."
|
||||
|
||||
غالبًا ما تكون هذه مجرد أداة أو وحدة وظيفية واحدة، بل لا يمكن حتى اعتبارها مشكلة عمل واضحة. الأهم من ذلك، **هذه الأفكار غالبًا ما تكون "أنت تعتقد أنها مفيدة" وليست "المستخدم يحتاجها حقًا".**
|
||||
|
||||
في المشاريع على مستوى المؤسسات أو المشاريع الناشئة، غالبًا ما ينطلق مديرو المنتجات والمهندسون من مسألة أعمال أكبر. على سبيل المثال، يمكننا افتراض السيناريو التالي:
|
||||
|
||||
<el-card shadow="hover" style="border-left: 5px solid #409EFF; background-color: #ecf5ff; margin: 20px 0;">
|
||||
<div style="font-weight: bold; color: #303133; margin-bottom: 10px;">🛍️ سيناريو الأعمال:</div>
|
||||
<div style="color: #606266; line-height: 1.6;">
|
||||
<p>أنت مدير منتج التجارة الإلكترونية لمتجر. أعطاك المدير مسألة غامضة لكنها تمثل ضغطًا كبيرًا:</p>
|
||||
<p style="font-style: italic; margin-top: 10px;">"الجميع يستخدمون AI الآن لصنع الصور وكتابة النصوص، ويبدو الأمر بسيطًا جدًا. ساعدني في ذلك لجعل نشر المنتجات الجديدة على منصة التجارة الإلكترونية أكثر كفاءة."</p>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
في هذه اللحظة قد تفكر: "المدير يحلم مرة أخرى!"، ومع ذلك، في العمل الفعلي هذه الظاهرة المتمثلة في اتخاذ القرار بعبارة غامضة شائعة جدًا، بل أكثر تكرارًا من طلبك للشاي بالحليب أسبوعيًا. لذلك، لتكون موظفًا مؤهلاً (أو CEO لشركة ناشئة)، يجب أن نتعلم كيفية الانتقال من صنع الأدوات الشخصية إلى صنع نماذج أولية لمنتجات حقيقية.
|
||||
|
||||
بما أننا تعلمنا استخدام AI IDE، إذا فكرت مليًا، هذا المطلب بسيط جدًا في الواقع، أليس كذلك؟ فقط أعطِ AI prompt بناءً على هذا، وارمه لـ Agent وستنتهي المشكلة!
|
||||
|
||||
```
|
||||
يرجى الرجوع إلى متطلباتي xxxx،
|
||||
وساعدني في تصميم منصة مواد التجارة الإلكترونية،
|
||||
تتضمن وظائف إنشاء وإدارة مواد مثل أوصاف المنتجات والصور ومقاطع الفيديو.
|
||||
```
|
||||
|
||||
إذا حمست وأرسلت هذا المطلب مباشرة كنموذج أولي للمدير — تهانينا، مكافأة هذا الربع ستُلغى!
|
||||
|
||||
**لماذا يحدث هذا؟ هذا هو الألم الأساسي الذي يجب علينا حله:**
|
||||
|
||||
عندما تعلمنا استخدام AI IDE سابقًا، كنا نصنع **مشاريع ألعاب نستخدمها نحن** مثل لعبة الثعبان والآلة الحاسبة — وظائف بسيطة، نعرف ما نريده، ونستخدمها بأنفسنا. لكن **سيناريوهات الأعمال الحقيقية مختلفة تمامًا**:
|
||||
|
||||
- **أنت لست المستخدم**: المدير يريد "تحسين الكفاءة"، لكنك لا تعرف كيف يعمل فريق التشغيل يوميًا وأين يواجهون العقبات؛
|
||||
- **AI لا يفهم الأعمال أيضًا**: إذا أعطيت AI مطلبًا غامضًا، سيخمن بناءً على معرفته العامة، والنتيجة قد تبدو جيدة لكنها غير قابلة للاستخدام عمليًا؛
|
||||
- **الفكرة الجيدة لا تساوي منتجًا جيدًا**: قد تعتقد أن "إضافة وظيفة إنشاء AI" رائعة، لكن المستخدم قد لا يحتاجها أصلًا، أو قد يكون استخدامها أكثر إزعاجًا من الطريقة السابقة.
|
||||
|
||||
**لهذا السبب يجب أن نتعلم "من الفكرة إلى فهم المستخدم"** فقط عندما يحل إبداعك مشكلة شخص آخر حقًا، وتطرح أسئلة وتفهم الأعمال بعمق، يمكنك صنع أشياء ذات قيمة حقيقية. (الفكرة الجيدة حتى أكثر أهمية من التقنية الجيدة)
|
||||
|
||||
### 1.1 من الخيال إلى الواقع: تعلم كيف تطرح أسئلة الأعمال
|
||||
|
||||
::: info 💡 أولًا: ما هي المتطلبات؟ ما هي الأعمال؟
|
||||
|
||||
**المتطلبات** هي ما يريده المستخدم حقًا، هي المشاكل التي يواجهها ويريد حلها. مثل "يريد المدير أن أجعل نشر المنتجات أسرع"، هذا مطلب.
|
||||
|
||||
**الأعمال** هي ما يفعله المستخدم فعليًا كل يوم، طريقة عملهم. مثل ما يفعله فريق تشغيل التجارة الإلكترونية يوميًا: نشر المنتجات، تغيير الأسعار، صنع الصور، عرض البيانات... هذه كلها أعمال.
|
||||
|
||||
**لماذا نهتم بالأعمال؟**
|
||||
لأنك إذا لم تفهم الأعمال، فالأداة التي تصنعها قد تكون "تبدو جيدة لكن لا أحد يستخدمها". فقط عندما تفهم حقًا كيف يعمل المستخدم يوميًا وأين يواجه العقبات، يمكنك صنع ما يساعدهم حقًا.
|
||||
|
||||
:::
|
||||
|
||||
من أبسط منظور، يمكنك أن تسأل نفسك أولاً بضعة أسئلة:
|
||||
|
||||
- عندما يقول المدير "**كفاءة أعلى**"، ماذا يعني تحديدًا؟ هل يعني **العمل بشكل أسرع**؟ أم **إنفاق أقل**؟ أم **بيع المزيد**؟
|
||||
- كيف يتم نشر المنتجات حاليًا؟ **أين توجد العقبات**؟
|
||||
- كم **منتج جديد** يُنشر يوميًا؟ لكل منتج كم **صورة** يجب صنعها وكم **كلمة** يجب كتابتها؟
|
||||
- في العمل الحالي، **أي شيء هو الأكثر إزعاجًا** و**أقل ما تريد فعله**؟
|
||||
|
||||
لكن هذه كلها أسئلة تخمينية، يجب أن نسأل فريق أعمال التجارة الإلكترونية مباشرة، "أين تكمن صعوباتكم واهتماماتكم؟"، للحصول على إجابات أكثر دقة من خلال التواصل:
|
||||
|
||||
::: info 📋 نتائج مقابلة الأعمال الحقيقية
|
||||
|
||||
سألنا أشخاصًا يعملون في تشغيل التجارة الإلكترونية، وقالوا هذه الشكاوى:
|
||||
|
||||
**1. أشياء كثيرة جدًا ومتنوعة**
|
||||
- شخص واحد يدير عدة متاجر، لكل متجر العديد من المنتجات التي يجب التعامل معها؛
|
||||
- مشغول طوال اليوم: **نشر منتجات جديدة**، **تغيير الأسعار**، **صنع الصور**، **عرض البيانات**، شيء لم ينتهِ قبل أن يبدأ شيء آخر.
|
||||
|
||||
**2. صنع المحتوى ليس مرة واحدة بل تجربة وتكرار**
|
||||
- ابدأ أولاً باستخدام **الصور من المصنع** أو **المواد المستخدمة سابقًا** أو **الصور المرجعية من الإنترنت**، ونشر المنتجات بسرعة **للتجربة**؛
|
||||
- أنفق مبلغًا صغيرًا على الترويج، **شاهد هل هناك من يشتري**؛
|
||||
- فقط **المنتجات التي تباع جيدًا**، سيتم بذل الجهد في صنع صورها وكتابة تفاصيلها وتصوير مقاطع فيديو لها.
|
||||
|
||||
:::
|
||||
بعد مقابلة فريق الأعمال، نحن متحمسون، لأننا الآن قادرون حقًا على صنع نموذج أولي مثالي يتناسب مع الأعمال! — خطأ مرة أخرى، إذا حاولنا "إرضاء جميع المطالب دفعة واحدة"، سيكون المنتج ضخمًا جدًا ومن الصعب تنفيذه في وقت الدورة. لذلك، نحتاج إلى مزيد من التنظيم والتضييق للعثور على نقطة الألم الأساسية الحقيقية.
|
||||
|
||||
### 1.2 من التوسع إلى التضييق: تحديد نقطة الألم الأساسية والوظائف
|
||||
|
||||
::: info 💡 لماذا "التضييق"؟ ما هي "نقطة الألم"؟
|
||||
|
||||
**المشاكل كثيرة، لكن أيها نبدأ بها أولًا؟**
|
||||
قد يخبرك المستخدم بحزمة من المشاكل: A مزعج، B مزعج، C مزعج... لكن إذا حاولت حل جميع المشاكل دفعة واحدة، قد لا تحل أيًا منها بشكل جيد. لذلك يجب **التضييق** — أي اختيار **الأكثر إيلامًا والأكثر إلحاحًا والأكثر قابلية للحل** من بين مجموعة من المشاكل للبدء به.
|
||||
|
||||
**ما هي نقطة الألم؟**
|
||||
هي المشكلة المحددة التي **يزعجها المستخدم أكثر وتستهلك وقته أكثر ويريد حلها بشدة**. ليست "أعتقد أنها مفيدة"، بل شيء **يشتكو منه المستخدم يوميًا ويتألم في كل مرة يفعله**.
|
||||
|
||||
:::
|
||||
|
||||
من خلال المقابلة أعلاه، اكتشفنا أن فريق التشغيل يواجه العديد من المشاكل: انقطاع الإيقاع بسبب الأنشطة، إدارة متاجر متعددة، التنقل بين النشر/تغيير الأسعار/صنع الصور/عرض البيانات...
|
||||
|
||||
إذا حاولنا "حل جميع هذه المشاكل"، سنصنع أداة **ضخمة وشاملة لكنها غير سهلة الاستخدام**.
|
||||
|
||||
دعنا نصنف هذه المشاكل (يمكنك طلب المساعدة من AI)، هناك تقريبًا ثلاث فئات:
|
||||
|
||||
1. **مشاكل الإيقاع**: متى يتم النشر، متى يتم تعديل الأسعار؛
|
||||
2. **مشاكل الكفاءة**: كيفية إدارة متاجر ومنتجات متعددة في نفس الوقت؛
|
||||
3. **مشاكل المحتوى**: كيفية صنع صور ومنتجات تجارية بسرعة.
|
||||
|
||||
بالنسبة لدورتنا، الأنسب للبدء به هو **الفئة الثالثة: مشاكل صنع المحتوى**. لكن "صنع المحتوى بسرعة" لا يزال تجريديًا بعض الشيء، دعنا نسأل فريق الأعمال عن العقبات المحددة:
|
||||
|
||||
::: info 📋 فريق الأعمال يقول: هناك مكانان مؤلمان في صنع المحتوى
|
||||
|
||||
**الألم 1: صنع الصور والنصوص بشكل جماعي مرهق جدًا**
|
||||
- المواد متناثرة في كل مكان: القرص السحابي، سجلات WeChat، منصة الخلفية... **العثور عليها صعب**؛
|
||||
- يجب نشر العديد من المنتجات مرة واحدة، **لا يوجد وقت للإتقان واحدًا تلو الآخر**، فقط تُركب بسرعة؛
|
||||
- المتطلبات ليست عالية، **يكفي أن تكون قابلة للعرض والنشر**، لا تحتاج إلى أن تكون جميلة.
|
||||
|
||||
**الألم 2: الحلول الجيدة لا يمكن حفظها لإعادة الاستخدام**
|
||||
- العناوين والتخطيطات الجيدة التي تم صنعها سابقًا، **عندما نريد استخدامها مرة أخرى لا نجدها**؛
|
||||
- الحلول متناثرة في سجلات المحادثة وروابط المنتجات السابقة؛
|
||||
- عند الحاجة لاستخدامها يجب **البحث طويلاً ونسخ ولصق وتعديل لفترة طويلة**؛
|
||||
- ينقص أداة يمكن **الحفظ والإدارة والتطبيق المباشر**.
|
||||
|
||||
:::
|
||||
|
||||
بناءً على نقطتي الألم هاتين، سنصنع أداة بسيطة: **مساعدة فريق التشغيل في صنع الصور والنصوص بشكل جماعي، وحفظ الحلول الجيدة للاستخدام المباشر في المرة القادمة**.
|
||||
|
||||
ستقوم بفعلين فقط (يمكنك طلب المساعدة من AI للتفصيل، وتذكر حذف الوظائف بناءً على ملاحظات الأعمال باستمرار):
|
||||
|
||||
::: info الوظيفة 1: إنشاء صور ومنتجات التجارة الإلكترونية بشكل جماعي
|
||||
|
||||
**ماذا تفعل؟**
|
||||
إعطاء النظام بعض معلومات المنتج، وسيقوم تلقائيًا بإنشاء صور المنتج والنصوص القابلة للنشر على منصات التجارة الإلكترونية (مثل Douyin و Taobao).
|
||||
|
||||
**المدخلات**
|
||||
| النوع | المحتوى |
|
||||
|------|------|
|
||||
| معلومات المنتج | الاسم، الفئة، العلامة التجارية، المادة، الحجم، اللون، إلخ |
|
||||
| صور المنتج | صور بخلفية بيضاء أو صور مشاهد بسيطة |
|
||||
| صور مرجعية | لقطات شاشة لمنتجات بيعت جيدًا سابقًا أو روابط مرجعية |
|
||||
| طريقة الاستيراد | استيراد جماعي عبر Excel، أو ملء مباشر على الصفحة |
|
||||
|
||||
**المخرجات (مواد التجارة الإلكترونية المولدة)**
|
||||
- **الصورة الرئيسية للمنتج**: صورة عرض المنتج مع نقاط بيع نصية (الصورة الأولى التي يراها المستخدم عند التصفح)
|
||||
- **عنوان المنتج**: مجموعة كلمات مفتاحية يمكن البحث عنها
|
||||
- **نص نقاط البيع**: 1-2 جملة جذابة للمشترين
|
||||
- كلها **منتجات جاهزة يمكن تعديلها قليلاً ونشرها**
|
||||
|
||||
**التأثير**
|
||||
- سابقًا: كل منتج يجب البدء من الصفر لصنع الصور وكتابة النصوص
|
||||
- الآن: رمي مجموعة من المنتجات في النظام، وبعد التوليد اختر وعدّل
|
||||
|
||||
:::
|
||||
|
||||
::: info الوظيفة 2: حفظ الحلول الجيدة كقوالب
|
||||
|
||||
**المدخلات**
|
||||
| النوع | المحتوى |
|
||||
|------|------|
|
||||
| مجموعة كاملة | الصورة الرئيسية + العنوان + النص |
|
||||
|
||||
**المخرجات**
|
||||
| الوظيفة | الوصف |
|
||||
|------|------|
|
||||
| التطبيق | عند صنع منتجات جديدة، استخدم القالب للتوليد التلقائي |
|
||||
| التعديل | تعديل العنوان والنص مباشرة |
|
||||
| الإدارة | إعطاء اسم وإضافة علامات (مثل "قالب حقائب رجالية" "عنوان ترويج كبير")، للسهولة في البحث |
|
||||
|
||||
**التأثير**
|
||||
1. استيراد منتجات جديدة
|
||||
2. الاختيار: ترك النظام يولد افتراضيًا، أو **استخدام القالب الذي حفظته**
|
||||
3. النظام يطبق نمط القالب تلقائيًا ويخرج صور ونصوص جديدة
|
||||
|
||||
:::
|
||||
|
||||
---
|
||||
|
||||
**مراجعة ما فعلناه للتو:**
|
||||
|
||||
1. **اسأل أولًا**: لا تبدأ بالعمل مباشرة، بل اسأل فريق التشغيل "ما الذي يزعجكم أكثر"؛
|
||||
2. **اعثر على نقطة الألم**: اكتشفنا أن أكثر ما يؤلمهم هو "صنع الصور وكتابة النصوص مرهق جدًا" و"الحلول الجيدة لا يمكن حفظها"؛
|
||||
3. **ضيق النطاق**: لا نصنع منصة شاملة، بل نفعل وظيفتين فقط: "إنشاء الصور والنصوص بشكل جماعي + حفظ القوالب".
|
||||
|
||||
**لماذا هذا مهم؟**
|
||||
|
||||
الخطأ الشائع للمبتدئين في صنع المنتجات: كلما زادت الوظائف كان ذلك أفضل. لكن ما يحتاجه المستخدم حقًا هو **حل المشكلة الأكثر إيلامًا**. صنع مجموعة من الوظائف لكنها كلها غير سهلة الاستخدام، أفضل من صنع وظيفة أو اثنتين تساعد المستخدم حقًا.
|
||||
|
||||
**جوهر تفكير المنتج والأعمال:**
|
||||
- لا تفكر "أعتقد أن المستخدم يحتاج إلى ماذا"
|
||||
- اذهب واسأل المستخدم "ماذا تفعل كل يوم؟ أين الألم؟"
|
||||
- من مجموعة من المشاكل **ضيق** إلى الأكثر إيلامًا والأكثر قابلية للحل
|
||||
- اصنع **أصغر نسخة قابلة للاستخدام** أولًا، ثم حسّن تدريجيًا
|
||||
|
||||
هذا ما يجب التفكير فيه قبل كتابة الكود. الكود مجرد أداة، **فهم المستخدم وتحديد المشكلة بدقة** هو الخطوة الأولى.
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="1" :items="[
|
||||
{ title: 'تحليل المتطلبات', description: 'من الغامض إلى المحدد' },
|
||||
{ title: 'التحقق من صفحة واحدة', description: 'تنفيذ الوظيفة الأساسية' },
|
||||
{ title: 'التوسع متعدد الصفحات', description: 'تحسين بنية التطبيق' },
|
||||
{ title: 'التحسين والتجميل', description: 'تحسين تجربة المستخدم' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 2. نموذج أولي في 10 دقائق: دع AI IDE ينفذ "الوظيفة الأساسية"
|
||||
|
||||
::: info 💡 اقتراح خطة البرمجة
|
||||
إذا كنت تشعر أن IDE الحالي ليس ذكيًا بما فيه الكفاية، أو أنك استهلكت حصتك بسرعة، يمكنك شراء **خطة برمجة Plan**. راجع [هذه المقالة](../../stage-2/backend/modern-cli/) لاستخدام Claude في البرمجة.
|
||||
:::
|
||||
|
||||
التفكير جيد، لكن لا تفرط في التفكير، دعنا نتحكم في التأمل المفرط ونحاول البدء بصنع النموذج الأولي من صفحة واحدة.
|
||||
|
||||
### 2.1 الخطوة الأولى: أخبر AI بما تريده بلغة بسيطة
|
||||
|
||||
في البداية لا تسعى للغة مثالية في prompt، ابدأ من أكثر تعبير طبيعي لديك. تمامًا مثل وصف المتطلبات لزميل العمل، أخبر AI بما تريد صنعه بلغة بسيطة، ثم دع AI يساعدك في تحسينه إلى تعبير أكثر احترافية.
|
||||
|
||||
#### 2.1.1 ابدأ بالوصف الشفهي (موصى به للمبتدئين)
|
||||
|
||||
صف فكرتك بكلماتك الخاصة، حتى لو كانت خشنة لا بأس:
|
||||
|
||||
```
|
||||
أريد صنع أداة تساعد فريق تشغيل التجارة الإلكترونية في إنشاء الصور الرئيسية والنصوص للمنتجات تلقائيًا.
|
||||
فريق التشغيل يصنع الصور والنصوص يدويًا واحدًا تلو الآخر، وهذا مزعج جدًا.
|
||||
فكرتي هي: يرفعون معلومات المنتج، والنظام يولد مجموعة من المسودات تلقائيًا،
|
||||
وفريق التشغيل يختار الجيد وعدّل قليلاً ليكون جاهزًا للاستخدام.
|
||||
|
||||
ابدأ بأبسط إصدار: صفحة واحدة، على اليسار ملء معلومات المنتج،
|
||||
على اليمين عرض النتائج المولدة. يمكن رفع الصور وملء النصوص،
|
||||
بعد التوليد عرض معاينة الصورة الرئيسية والنصوص.
|
||||
```
|
||||
|
||||
بعد ذلك، أرسل هذه الفقرة إلى AI (مثل ChatGPT أو Claude)، واطلب منه مساعدتك في التوسيع. عادةً ما سيساعدك AI في إضافة تفاصيل لم تفكر فيها، وينظم أفكارك بشكل أوضح، وفي النهاية يولد prompt مناسبًا لإرساله إلى AI IDE.
|
||||
|
||||
يمكنك أن تقول لـ AI بهذه الطريقة:
|
||||
```
|
||||
ساعدني في توسيع الأفكار أعلاه، وتنظيمها في وثيقة منطق أعمال واضحة،
|
||||
ثم ولّد prompt مناسبًا لإرساله إلى AI IDE (مثل Cursor أو Trae)،
|
||||
لاستخدامه لتوليد كود نموذج أولي لتطبيق صفحة واحدة.
|
||||
```
|
||||
|
||||
ستُرجع AI وثيقة منظمة من المتطلبات و prompt المقابل. تحقق منها بنفسك، واحذف الوظائف غير الضرورية، وبعد التأكد من صحتها استخدمها لتوليد الكود.
|
||||
|
||||
فائدة هذا النهج: ما تصفه شفهيًا هو أفكارك الحقيقية، لكن قد تفوت بعض التفاصيل المهمة. عندما يساعدك AI في التوسيع، قد يسأل "هل تريد دعم الرفع الجماعي؟" وهو سؤال لم تفكر فيه، مما يساعدك في التحقق الإضافي. يمكنك اختيار الاحتفاظ أو حذف الوظائف غير العملية بناءً على الملاحظات، وتحديد prompt النسخة الأولى الذي تعطيه لـ AI من خلال التعديل المتكرر.
|
||||
|
||||
#### 2.1.2 تخطي مرحلة التوسيع: أرسل وثيقة الأعمال المنظمة مباشرة إلى AI
|
||||
|
||||
إذا كنت قد نظمت بالفعل وثيقة منطق الأعمال في الفصول السابقة (مثل وصف المتطلبات المكتوب بلغة بسيطة)، يمكنك استخدام التنسيق أدناه مباشرة لإرساله إلى AI IDE، متخطيًا خطوة توسيع AI. مناسب للحالات التي تكون فيها المتطلبات واضحة بالفعل وتريد البدء مباشرة في كتابة الكود:
|
||||
|
||||
```
|
||||
ساعدني في تنفيذ تطبيق صفحة واحدة بناءً على منطق الأعمال للتحقق من وظائف اللعب الأساسية.
|
||||
|
||||
مرجع منطق الأعمال كما يلي:
|
||||
1. مساعدة فريق التشغيل في إنشاء المسودة الأولى للصور والنصوص بشكل جماعي:
|
||||
- **المدخلات (دعم الرفع المباشر والاستيراد الجماعي للمواد):**
|
||||
- المعلومات الأساسية للمنتج: الاسم، الفئة، العلامة التجارية، المادة، الحجم، اللون، الفئة المستهدفة، إلخ؛
|
||||
- صور المنتج: صور بخلفية بيضاء / صور مشاهد بسيطة؛
|
||||
- كل توليد يدعم رفع لقطات شاشة لمنتجات ناجحة سابقًا أو روابط مرجعية إضافية؛
|
||||
- دعم الاستيراد الجماعي عبر Excel، أو الإدخال/الرفع عبر الإنترنت على الصفحة.
|
||||
- دعم تحديد ما إذا كان سيتم حفظ مواد المنتج في مكتبة المواد على الصفحة، للسهولة في الاستخدام لاحقًا
|
||||
- **المخرجات (محتوى يمكن نشره مباشرة أو نشره بعد تعديل بسيط):**
|
||||
- لكل منتج مسودة صورة رئيسية "مقبولة تحتوي على نقاط بيع أساسية"؛
|
||||
- عنوان "ببنية معقولة يحتوي على كلمات مفتاحية أساسية" + 1-2 جملة نص نقاط بيع.
|
||||
- **التغيير المتوقع في طريقة الاستخدام:**
|
||||
من البدء من الصفر لكل دفعة منتجات إلى رمي مجموعة منتجات في النظام، وأخذ المسودات المولدة للفرز والتعديل الدقيق.
|
||||
|
||||
ابدأ بالوظيفة الأولى، الوظيفة الثانية (مكتبة القوالب) ستُضاف لاحقًا.
|
||||
```
|
||||
|
||||
#### 2.1.3 طريقة المبرمج (متقدم): دع AI يساعدك في كتابة "prompt الـ prompt"
|
||||
|
||||
إذا كنت تريد تحكمًا أدق في عملية توليد الكود، يمكنك أولًا جعل AI (مثل ChatGPT) يولد prompt مخصصًا لـ AI IDE بناءً على متطلباتك:
|
||||
|
||||
```
|
||||
بناءً على الأفكار أدناه، ساعدني في كتابة prompt لـ coding Agent،
|
||||
أحتاج إلى استخدام هذا prompt لتوليد الكود.
|
||||
|
||||
[الصق وصف منطق الأعمال هنا]
|
||||
|
||||
المتطلبات:
|
||||
1. يجب أن يتضمن prompt وصفًا واضحًا لتخطيط الصفحة
|
||||
2. تحديد هياكل البيانات والمنطق التفاعلي
|
||||
3. تحديد مجموعة التقنيات (مثل React + Tailwind)
|
||||
4. قائمة نقاط الوظائف الأساسية التي يجب تنفيذها
|
||||
```
|
||||
|
||||
عادةً ما سُولد AI prompt منظمًا مشابهًا لما يلي:
|
||||
|
||||
|
||||
يمكنك تعديل هذا prompt قليلاً ثم إرساله إلى AI IDE لتوليد الكود.
|
||||
|
||||
### 2.2 الخطوة الثانية: دع AI IDE يولد الكود مباشرة
|
||||
|
||||
#### 2.2.1 التحضير: فهم العمليات الأساسية لـ AI IDE
|
||||
|
||||
إذا لم تكن معتادًا بعد على الاستخدام الأساسي لـ AI IDE (مثل Cursor و Trae و Windsurf)، نوصي بأولًا قراءة [البرنامج التعليمي الأساسي لـ IDE](/ar-sa/appendix/2-development-tools/ide-basics/) في الملحق، لمعرفة كيفية:
|
||||
- إنشاء مشروع جديد
|
||||
- التحدث مع AI Agent
|
||||
- فهم عملية توليد الكود من قبل AI
|
||||
|
||||
#### 2.2.2 ابدأ توليد الكود
|
||||
|
||||
الآن حصلت على prompt الأولي، لنأخذ أسلوب prompt الأول كمثال، ودع AI يساعدنا في توليد الكود. أولًا أنشئ نافذة ومجلدًا مقابلًا، وافتح المجلد (أنشئ مشروعًا جديدًا في عنوان المجلد المفضل لديك):
|
||||
|
||||
|
||||
|
||||
في الشريط الجانبي اختر نموذجًا تفضله (يوصى بـ gemini أو gpt أو glm أو kimi أو minimax، إلخ)، وأدخل prompt الذي حصلت عليه في الخطوة الأولى:
|
||||
|
||||
|
||||
بعد النقر على توليد، سنرى الجزء المألوف، سيقوم AI بناءً على prompt بتخطيط هيكل المشروع والملفات الضرورية وإعطاء المحتوى الأولي لكل ملف.
|
||||
|
||||
::: warning ⚠️ ملاحظة خاصة: قد يتوقف AI وينتظر تأكيدك
|
||||
أثناء عملية التوليد، غالبًا ما **يتوقف AI Agent لينتظر إدخالك أو تأكيدك**، مثل:
|
||||
- السؤال عما إذا كنت ستستمر في الخطوة التالية
|
||||
- طلب منك الضغط على Enter لتأكيد عملية معينة
|
||||
- السؤال عن اختيارك في تفصيل تقني معين
|
||||
|
||||
**إذا رأيت أن AI لا يتحرك، تحقق أولًا من واجهة المحادثة، لمعرفة ما إذا كان ينتظر ردك.** العديد من المبتدئين يعتقدون أن AI يفكر، لكنه في الواقع توقف منذ فترة وينتظرك. رد بفاعلية أو اضغط Enter، وسيستمر AI في العمل.
|
||||
:::
|
||||
|
||||
في هذه اللحظة لا تنسَ الضغط على Enter لتأكيد المعلومات (وإلا ستعلق في الانتظار، بعض AI IDE لا تواجه هذه المشكلة):
|
||||
|
||||
|
||||
إذا واجهت السيناريو التالي، هذا يعني أنه تم تشغيل خدمة محليًا، تحتاج إلى النقر على تخطي، وإلا ستعلق على هذه الواجهة (إذا لم يظهر شيء بعد اكتمال توليد الكود، تحتاج إلى قول بنشاط "ساعدني في تشغيل هذا المشروع"):
|
||||
|
||||
|
||||
::: info 💡 شرح السيناريو
|
||||
**شرح السيناريو**: أنشأت مشروع React + TypeScript باستخدام `npm create vite@latest` (easy-vibe-web)، وبعد الإنشاء سيقوم الكمبيوتر تلقائيًا بتشغيل هذه صفحة الويب "لتسهيل رؤية التأثير فورًا".
|
||||
|
||||
**الخدمة المحلية**: يمكن فهمها على أن الكمبيوتر فتح نافذة عرض صفحة ويب مؤقتة، تعمل فقط على جهازك، لا يمكن للآخرين الوصول إليها.
|
||||
|
||||
**localhost (العنوان المحلي)**: `localhost` يعني "هذا الكمبيوتر نفسه"، عندما يتصفحه المتصفح، فإنه في الواقع يزور صفحة الويب التي تعمل على جهازك.
|
||||
|
||||
**المنفذ**: يمكن فهم المنفذ على أنه رقم لتمييز خدمات الويب المختلفة التي تعمل على نفس الكمبيوتر، هذا المشروع يستخدم 5174.
|
||||
|
||||
**رابط الوصول `http://localhost:5174/`**: هذا العنوان يعني "زور صفحة الويب رقم 5174 على هذا الكمبيوتر"، افتحها في المتصفح لرؤية التأثير.
|
||||
|
||||
**شرح هذا السيناريو**: النظام أراد استخدام 5173 في الأصل، لكن هذا الرقم كان مشغولاً فتم التبديل تلقائيًا إلى 5174، هذا أمر طبيعي.
|
||||
|
||||
**دليل التشغيل**: افتح المتصفح، أدخل `http://localhost:5174/` في شريط العنوان واضغط Enter، لرؤية صفحة المشروع الحالية.
|
||||
:::
|
||||
|
||||
بعد التأكد من كل شيء، انتظر قليلاً حتى يعمل الذكاء الاصطناعي، يمكننا الحصول على النتيجة التالية:
|
||||
|
||||
|
||||
يمكننا رؤية أن هناك بالفعل رسم وظيفي أولي، لكن واجهة الواجهة الأمامية قبيحة جدًا، في هذه اللحظة يمكننا محاولة التحدث مع AI مباشرة لتحسين عرض الواجهة:
|
||||
|
||||
|
||||
بعد التحسين يمكننا الحصول على واجهة أجمل:
|
||||
|
||||
|
||||
يمكنك تعديل وظائف صفحة الويب حسب احتياجاتك، ويمكنك إرفاق لقطات شاشة والسؤال بحرية، مثل: "أنا لا أحتاج وظيفة الاستيراد الجماعي حاليًا، ساعدني في إلغائها"، "الأشياء التي يجب إدخالها على اليسار كثيرة جدًا، ساعدني في الاحتفاظ بـ xxxxx فقط". حتى يمكنك الرجوع إلى مواقع ويب ناضجة أخرى، مثل هنا يمكننا الرجوع مباشرة إلى منتج تصميم من Google كـ "مرجع" (يمكنك لصق لقطة شاشة لأي موقع ويب ناضج تحبه):
|
||||
|
||||
|
||||
أخيرًا يمكننا الحصول على:
|
||||
|
||||
|
||||
### 2.3 ماذا تفعل عند مواجهة أخطاء
|
||||
|
||||
في الممارسة الفعلية، مواجهة الأخطاء أمر حتمي، هذا طبيعي، ولا يعني أنك أخطأت في مكان ما. لا تحتاج إلى فهم الخطأ، فقط أعطِ AI "ما تراه" بالكامل.
|
||||
|
||||
طرق المعالجة الشائعة ثلاثة فقط:
|
||||
|
||||
- **الطريقة الأولى: خطأ في الصفحة أو الطرفية**
|
||||
عندما تصبح الصفحة حمراء أو شاشة بيضاء، أو تظهر كومة من النصوص الحمراء في الطرفية، فقط التقط صورة شاشة أو انسخ جميع معلومات الخطأ وأرسلها إلى AI، واطلب منه الإصلاح.
|
||||
|
||||
- **الطريقة الثانية: الوظيفة خاطئة لكن لا يوجد خطأ**
|
||||
مثل عدم استجابة الزر، أو عدم عرض البيانات، أو اختلال الأنماط، صف "ماذا يحدث الآن + ماذا تريد في الأصل" بلغة بسيطة، وأضف لقطة شاشة عند الضرورة.
|
||||
|
||||
- **الطريقة الثالثة: غير متأكد مما إذا كانت هناك مشكلة**
|
||||
يمكنك سؤال AI مباشرة: "ساعدني في فحص ما إذا كانت هناك مشاكل واضحة في هذه الوظيفة، وهل يحتاج تعديل."
|
||||
|
||||
#### 2.3.1 أسئلة شائعة للمبتدئين
|
||||
|
||||
- **س: لا أعرف أين توجد معلومات الخطأ؟**
|
||||
- ج: بشكل عام، انظر إلى كل "النصوص الحمراء". في الطرفية أو وحدة التحكم أو الصفحة، اعثر على التلميح الأحمر، حدد الكل وانسخه إلى AI.
|
||||
|
||||
- **س: ماذا أفعل إذا أصلح AI ولا يزال نفس الخطأ يظهر؟**
|
||||
- ج: هذا شائع. استمر في التقاط صورة أو نسخ أحدث معلومات الخطأ وإرسالها إليه، واطلب منه المزيد من الإصلاح بناءً على التعديل السابق.
|
||||
|
||||
- **س: هل أحتاج إلى فهم خطة إصلاح AI بالكامل؟**
|
||||
- ج: لا تحتاج إلى فهم كل شيء دفعة واحدة. يمكنك التركيز على نقطة أو نقطتين في كل مرة، بمرور الوقت ستفهم المزيد والمزيد من الكود، مثلما تتراكم مفردات اللغة الإنجليزية.
|
||||
|
||||
- **س: ماذا أفعل إذا تم التعديل عدة مرات ولم يتم حل المشكلة؟**
|
||||
- ج: يمكنك تجربة:
|
||||
- استخدام وظيفة "التراجع عن الإصدار" في IDE، والعثور على زر التراجع في محادثة الذكاء الاصطناعي، والعودة إلى إصدار يعمل وإعادة البدء؛
|
||||
- تغيير النموذج أو تعديل prompt، وجعل الظاهرة ومعلومات الخطأ أكثر تحديدًا؛
|
||||
- حزم "الكود الحالي + سجل الأخطاء + السلوك المتوقع"، وأرسلها دفعة واحدة إلى AI، واطلب منه إعادة هيكلة الجزء المشكل بالكامل.
|
||||
|
||||
## 3. التوسع من صفحة واحدة إلى تطبيق متعدد الصفحات
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="2" :items="[
|
||||
{ title: 'تحليل المتطلبات', description: 'من الغامض إلى المحدد' },
|
||||
{ title: 'التحقق من صفحة واحدة', description: 'تنفيذ الوظيفة الأساسية' },
|
||||
{ title: 'التوسع متعدد الصفحات', description: 'تحسين بنية التطبيق' },
|
||||
{ title: 'التحسين والتجميل', description: 'تحسين تجربة المستخدم' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
عندما يكتمل توليد منطق الوظيفة الأساسية بشكل أساسي، يمكننا توليد باقي المحتوى. على سبيل المثال، في هذه اللحظة النقر على الإعدادات أو بعض الأزرار لا فائدة منه على الإطلاق.
|
||||
|
||||
يمكنك أن تطلب من AI التحقق بناءً على متطلبات prompt الأعمال، وتوليد الأجزاء غير المولدة، أو جعل AI يكمل مباشرة الصفحات غير المنفذة، ويمكنك أيضًا تحديد صفحة معينة وطلب من AI إكمالها حتى تصبح الصفحة قابلة للنقر والوظائف تعمل بشكل طبيعي:
|
||||
|
||||
|
||||
بعد الانتظار قليلاً، يمكننا رؤية أن البرنامج قد أضاف عدة صفحات ووظائف تفاعلية على الأساس السابق:
|
||||
|
||||
|
||||
|
||||
|
||||
في هذه اللحظة تحتاج فقط إلى النقر يدويًا على كل وظيفة وزر تهتم به، والتأكد من أن التفاعل طبيعي، وإذا كانت هناك وظائف لا تعمل، يمكنك التواصل مع AI وطلب منه المساعدة في الإصلاح.
|
||||
|
||||
## 4. اجعل النموذج الأولي "يبدو احترافيًا"
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="3" :items="[
|
||||
{ title: 'تحليل المتطلبات', description: 'من الغامض إلى المحدد' },
|
||||
{ title: 'التحقق من صفحة واحدة', description: 'تنفيذ الوظيفة الأساسية' },
|
||||
{ title: 'التوسع متعدد الصفحات', description: 'تحسين بنية التطبيق' },
|
||||
{ title: 'التحسين والتجميل', description: 'تحسين تجربة المستخدم' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
بعد وجود بنية متعددة الصفحات، الخطوة الأخيرة هي تحويل النموذج الأولي من "يعمل" إلى "سهل الاستخدام ومظهر احترافي". هذا يتطلب منا تجربة العملية الكاملة يدويًا (عملية المستخدم)، وجعل الأجزاء التي لا تعمل يصلحها AI، حتى نتمكن من محاكاة مستخدم جديد يمر بجميع العملية من الصفر في كل مرة نحدّث فيها، والحصول على النتائج المتوقعة.
|
||||
|
||||
دعنا نراجع المتطلبات الأولية:
|
||||
|
||||
```
|
||||
1. مساعدة فريق التشغيل في إنشاء المسودة الأولى للصور والنصوص بشكل جماعي:
|
||||
- **المدخلات (دعم الرفع المباشر والاستيراد الجماعي للمواد):**
|
||||
- المعلومات الأساسية للمنتج: الاسم، الفئة، العلامة التجارية، المادة، الحجم، اللون، الفئة المستهدفة، إلخ؛
|
||||
- صور المنتج: صور بخلفية بيضاء / صور مشاهد بسيطة؛
|
||||
- كل توليد يدعم رفع لقطات شاشة لمنتجات ناجحة سابقًا أو روابط مرجعية إضافية؛
|
||||
- دعم الاستيراد الجماعي عبر Excel، أو الإدخال/الرفع عبر الإنترنت على الصفحة.
|
||||
- دعم تحديد ما إذا كان سيتم حفظ مواد المنتج في مكتبة المواد على الصفحة
|
||||
- **المخرجات (محتوى يمكن نشره مباشرة أو نشره بعد تعديل بسيط):**
|
||||
- لكل منتج مسودة صورة رئيسية "مقبولة تحتوي على نقاط بيع أساسية"؛
|
||||
- عنوان "ببنية معقولة يحتوي على كلمات مفتاحية أساسية" + 1-2 جملة نص نقاط بيع.
|
||||
- **التغيير المتوقع في طريقة الاستخدام:**
|
||||
من البدء من الصفر لكل دفعة منتجات إلى رمي مجموعة منتجات في النظام، وأخذ المسودات المولدة للفرز والتعديل الدقيق.
|
||||
|
||||
2. تحويل المخرجات الجيدة إلى مكتبة قوالب قابلة لإعادة الاستخدام:
|
||||
- **ما الذي يمكن حفظه؟**
|
||||
- أي مخرج يعتقد فريق التشغيل أنه "جيد" يمكن حفظه بنقرة واحدة:
|
||||
- يمكن أن يكون مجموعة كاملة من "الصورة الرئيسية + العنوان + نقاط البيع"؛
|
||||
- أو حفظ جزء منه فقط، مثل بنية عنوان معينة أو نص نقاط بيع.
|
||||
- **ماذا يمكن فعله بعد الحفظ؟**
|
||||
- **إعادة الاستخدام:**
|
||||
- استخدم هذا المحفوظ، طبّق على مجموعة جديدة من معلمات المنتج، وأعد توليد مسودات الصور والنصوص؛
|
||||
- أو على نفس المنتج، ولّد نسخًا متعددة بناءً على هذا القالب لاختبار A/B.
|
||||
- **التعديل:**
|
||||
- تعديل نص العنوان / نص نقاط البيع مباشرة؛
|
||||
- إذا كان يدعم تعديل الصور، يمكن تعديل النصوص والملصقات في الصورة الرئيسية بدقة.
|
||||
- **الإدارة:**
|
||||
- إعطاء اسم للمحفوظ وإضافة علامات (مثل "قالب صور حقائب رجالية" "بنية عنوان ترويج كبير")، ودعم التصنيف حسب المتجر، للسهولة في البحث لاحقًا.
|
||||
- **كيف تستخدم عند النشر الجديد؟**
|
||||
- بعد استيراد منتجات جديدة، يمكن لفريق التشغيل الاختيار:
|
||||
- استخدام منطق التوليد الافتراضي للنظام، أو
|
||||
- تحديد "استخدام قالب محفوظ معين للتوليد"؛
|
||||
- النظام يطبق تلقائيًا بنية ونمط القالب بناءً على بيانات المنتج الجديدة، ويخرج مسودة جديدة للصورة الرئيسية + العنوان + نقاط البيع.
|
||||
```
|
||||
|
||||
إذا كنت تحتاج في كل مرة إلى إنشاء بيانات جديدة للاختبار، فهذا يستغرق وقتًا طويلاً، في هذه الحالة نستخدم عادةً طريقة تسمى "بيانات الاختبار"، يمكنك التواصل مع AI بالطريقة التالية، وطلب منه إنشاء مدخل لبيانات اختبار سريعة على الواجهة، لتسهيل اختبار ما إذا كانت جميع الوظائف تعمل بشكل طبيعي:
|
||||
|
||||
```
|
||||
أحتاج الآن إلى اختبار عملية المستخدم هذه، للتأكد من أنه يمكنه إكمالها بالكامل، يرجى توليد مدخل بيانات اختبار بناءً على المتطلبات أدناه، لتمكيني من النقر واختبار ما إذا كانت العملية الكاملة تعمل بشكل طبيعي بسرعة:
|
||||
1. مساعدة فريق التشغيل في إنشاء المسودة الأولى للصور والنصوص بشكل جماعي:
|
||||
- **المدخلات (دعم الرفع المباشر والاستيراد الجماعي للمواد):**
|
||||
- المعلومات الأساسية للمنتج: الاسم، الفئة، العلامة التجارية، المادة، الحجم، اللون، الفئة المستهدفة، إلخ؛
|
||||
- صور المنتج: صور بخلفية بيضاء / صور مشاهد بسيطة؛
|
||||
- كل توليد يدعم رفع لقطات شاشة لمنتجات ناجحة سابقًا أو روابط مرجعية إضافية؛
|
||||
- دعم الاستيراد الجماعي عبر Excel، أو الإدخال/الرفع عبر الإنترنت على الصفحة.
|
||||
- دعم تحديد ما إذا كان سيتم حفظ مواد المنتج في مكتبة المواد على الصفحة
|
||||
- **المخرجات (محتوى يمكن نشره مباشرة أو نشره بعد تعديل بسيط):**
|
||||
- لكل منتج مسودة صورة رئيسية "مقبولة تحتوي على نقاط بيع أساسية"؛
|
||||
- عنوان "ببنية معقولة يحتوي على كلمات مفتاحية أساسية" + 1-2 جملة نص نقاط بيع.
|
||||
- **التغيير المتوقع في طريقة الاستخدام:**
|
||||
من البدء من الصفر لكل دفعة منتجات إلى رمي مجموعة منتجات في النظام، وأخذ المسودات المولدة للفرز والتعديل الدقيق.
|
||||
```
|
||||
|
||||
سهل الحصول على النتيجة (إذا كنت تعتقد أن بيانات واحدة غير كافية، يمكنك أن تطلب من AI توليد حالات اختبار متعددة):
|
||||
|
||||
|
||||
بعد النقر نحصل على النتيجة:
|
||||
|
||||
|
||||
في هذه اللحظة ما نحصل عليه مباشرة هو النتيجة، وليس "عملية توليد افتراضية"، إذا أردنا محاكاة عملية توليد حقيقية، يمكننا التحدث مع AI مباشرة: "يرجى محاكاة عملية توليد حقيقية، وإعطائي النتيجة بعد فترة من الوقت بعد النقر."
|
||||
|
||||
|
||||
بعد التأكد من وظيفة التوليد، يجب أيضًا التأكد من أن وظائف مكتبة القوالب تعمل بشكل طبيعي، من بطاقة التوليد على الصفحة يمكننا أن نعرف أن وظيفة حفظ مكتبة القوالب لم تُنفذ بعد، في هذه اللحظة نحتاج إلى مزيد من المحادثة العميقة مع AI، "يرجى التأكد من أن المتطلبات [الصق محتوى البند 2 أعلاه هنا] تعمل بشكل طبيعي، يمكن النقر على نتيجة لحفظ القالب المقابل، وبعد الفتح يمكن رؤية معلمات التوليد"
|
||||
|
||||
التوليد غالبًا ليس مرة واحدة، غالبًا ما يحتاج إلى لقطات شاشة للتصحيح:
|
||||
|
||||
|
||||
أخيرًا نحصل على النتيجة المتوقعة:
|
||||
|
||||
|
||||
بالإضافة إلى تجربة عملية عملية لمتطلبات العملية، يمكنك أيضًا أن تطلب من AI مساعدتك في فحص المتطلبات مباشرة، مثل:
|
||||
|
||||
- "يرجى مقارنة متطلباتي الأولية، والتحقق مما إذا كان التطبيق الحالي يغطي جميع الوظائف الأساسية."
|
||||
- "ساعدني في عمل قائمة وظائف، وحدد ما تم إنجازه وما لم يُنفذ بعد أو تجربته غير كافية."
|
||||
|
||||
عادةً ما سيُخرج AI قائمة تحقق، يمكنك التفكير بناءً على النتائج فيما إذا كنت بحاجة إلى الاستمرار في التحسين، وبعد التعديل المتكرر يمكنك الحصول على نتيجة نموذج أولي أكثر اكتمالاً.
|
||||
|
||||
## 5. 📚 الواجب: أعد إنشاء منصة التجارة الإلكترونية الخاصة بك
|
||||
|
||||
<el-card shadow="hover" style="margin: 20px 0; border-radius: 12px;">
|
||||
<template #header>
|
||||
<div style="font-weight: bold; font-size: 16px;">🚀 مهمة التحدي: أعد إنشاء منصة مواد التجارة الإلكترونية</div>
|
||||
</template>
|
||||
|
||||
<p>
|
||||
بالرجوع إلى prompt ومحتوى هذا الدرس، أكمل دورة كاملة:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<strong>ممارسة الدورة الكاملة</strong>
|
||||
<ul>
|
||||
<li>تنظيم الأعمال وتوليد prompt → توليد نموذج أولي لصفحة واحدة → توليد نموذج أولي متعدد الصفحات</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<strong>مشاركة النتائج</strong>
|
||||
<ul>
|
||||
<li>التقط لقطة شاشة لبرنامجك وشاركها مع الجميع</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<strong>سؤال تفكيري</strong>
|
||||
<ul>
|
||||
<li>اترك مجالاً للقسم التالي "ربط نموذج اللغة الكبير (LLM) وقدرات إنشاء الصور من النص"، فكر مسبقًا: كيف يمكنك تضمين قدرات مثل "AI لكتابة النصوص / إنشاء صور مرافقة / إنشاء نصوص برمجية" في منصتك؟</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
|
||||
## الخطوة التالية
|
||||
|
||||
في القسم التالي، سنضيف قدرات AI محددة (نص إلى نص، صورة إلى نص، نص إلى صورة) إلى منصة إنتاج المحتوى هذه، مثل:
|
||||
|
||||
- التوليد التلقائي لمسودة نصية وعناوين بديلة متعددة لمهمة محتوى معينة
|
||||
- التوليد التلقائي لمسودة صور مرافقة بناءً على وصف المهمة (نص إلى صورة)
|
||||
- التصنيف والملخص التلقائي لمهام المحتوى السابقة، لمساعدتك في تخطيط مواضيع النشاط التالي
|
||||
|
||||
<RelatedArticlesSection
|
||||
title="متابعة التعلم"
|
||||
description="يوصى بالمتابعة بترتيب 'ربط قدرات AI → دورة مشروع كاملة → هندسة التصميم'."
|
||||
:items="relatedArticles"
|
||||
/>
|
||||
@@ -0,0 +1,301 @@
|
||||
---
|
||||
title: 'مشروع عملي كامل - من العرض التجريبي إلى النموذج الأولي بمستوى المنتج'
|
||||
description: 'اخرج من مرحلة العرض التجريبي، وتعلم كيفية إكمال مسار المنتج وبناء بيانات محاكاة واقعية والتكرار السريع من خلال التعليقات، وأخيرًا إكمال نموذج أولي لمنتج AI كامل قابل للعرض والتفاعل.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { relatedArticlesMap } from '@theme/data/relatedArticles'
|
||||
|
||||
const duration = 'حوالي <strong>3 أيام</strong>'
|
||||
const relatedArticles =
|
||||
relatedArticlesMap['ar-sa/stage-1/complete-project-practice'] ?? []
|
||||
</script>
|
||||
|
||||
# المستوى الخامس: مشروع عملي كامل
|
||||
|
||||
## دليل هذا الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['تفكير المنتج', 'بيانات المحاكاة', 'تحسين التفاعل', 'LocalStorage']" coreOutput="نموذج أولي لمنتج AI كامل الوظائف" expectedOutput="تطبيق ويب بمسار كامل وبيانات حقيقية">
|
||||
|
||||
في الفصل السابق، قمنا بتوصيل قدرات AI، وأصبح العرض التجريبي يعمل، لكنه لا يزال <strong>بعيدًا</strong> عن "المنتج" الحقيقي: عند تحديث الصفحة <strong>تختفي البيانات</strong>، وعند حدوث خطأ <strong>تظهر شاشة بيضاء</strong>، والقائمة لا تحتوي إلا على "بيانات اختبار 1، بيانات اختبار 2"، وإذا أخطأ المستخدم في النقر <strong>لا يمكن التراجع</strong>...
|
||||
|
||||
هذا الفصل سيملأ <strong>كل هذه الفجوات</strong>: سنقوم <strong>بإكمال مسار المنتج بالكامل</strong>، واستخدام AI لتوليد <strong>بيانات أعمال واقعية</strong> بدلاً من البيانات الوهمية، وإضافة <strong>معالجة الأخطاء والتغذية الراجعة للمستخدم</strong>، وأخيرًا صقل نموذج أولي <strong>كامل يمكن عرضه للآخرين وتقديمه</strong>.
|
||||
|
||||
هذا هو <strong>الفصل الأخير</strong> من المرحلة الأولى، وبعد إكمال هذه الخطوة، ستكون قد أكملت التحول من "لا أعرف البرمجة تمامًا" إلى "<strong>القدرة على صنع نموذج أولي لمنتج AI بشكل مستقل</strong>".
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="0" :items="[
|
||||
{ title: 'إكمال المسار', description: 'من وظيفة واحدة إلى حلقة كاملة' },
|
||||
{ title: 'ضخ الروح', description: 'محاكاة بيانات الأعمال الحقيقية' },
|
||||
{ title: 'التكرار بالتغذية الراجعة', description: 'إصلاح التجربة بناءً على تعليقات حقيقية' },
|
||||
{ title: 'المشروع النهائي', description: 'مشروع التخرج الخاص بك' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 1. رفض "المسار السعيد": إكمال المسار الأساسي
|
||||
|
||||
العديد من المبتدئين عند صنع النماذج الأولية غالبًا ما يصنعون فقط "المسار السعيد" (المسار الأكثر مثالية): المستخدم ينقر -> API يستجيب بنجاح -> تظهر النتيجة.
|
||||
لكن في العالم الحقيقي، الأمور غالبًا لا تسير بسلاسة. لجعل النموذج الأولي الخاص بك يبدو كمنتج حقيقي، تحتاج إلى مراعاة العناصر "الخفية" التالية.
|
||||
|
||||
### 1.1 إضافة "الانتظار" و"التغذية الراجعة"
|
||||
|
||||
عندما ينقر المستخدم على "توليد نص"، غالبًا ما يحتاج AI إلى بضع ثوانٍ للاستجابة. إذا لم تكن الواجهة تستجيب، سيعتقد المستخدم أن البرنامج معطل.
|
||||
**تحتاج إلى جعل AI IDE يضيف حالة التحميل:**
|
||||
|
||||
> مثال على التعليمات:
|
||||
> "عندما أنقر على زر التوليد، قم بتغيير الزر إلى 'جارٍ التوليد...' واجعله غير قابل للنقر، وفي نفس الوقت اعرض رسمًا متحركًا للتحميل في المنطقة اليمنى. حتى تعود نتيجة API، ثم استعد الحالة الطبيعية."
|
||||
|
||||
### 1.2 التعامل مع "الفشل" و"الاستثناءات"
|
||||
|
||||
قد تنتهي صلاحية API Key، وقد ينقطع الاتصال بالشبكة.
|
||||
**تحتاج إلى جعل AI IDE يعالج الأخطاء:**
|
||||
|
||||
> مثال على التعليمات:
|
||||
> "إذا فشل طلب API، لا تبلغ عن الخطأ مباشرة في وحدة التحكم، بل اعرض مربع رسالة حمراء (Toast) في أعلى الصفحة، تخبر المستخدم بـ 'فشل التوليد، يرجى المحاولة لاحقًا'، واسمح للمستخدم بالنقر على التوليد مرة أخرى."
|
||||
|
||||
### 1.3 استمرارية سجل المحادثة
|
||||
|
||||
في عملية التفاعل مع AI، نحتاج إلى حفظ محتوى المحادثة، حتى يتمكن المستخدم من مراجعة التاريخ ومواصلة التواصل السابق. في هذه المرحلة لا نقدم قاعدة بيانات بعد، ويمكننا اختيار أحد الحلول الخفيفة التالية:
|
||||
|
||||
**اختيار حل التخزين:**
|
||||
|
||||
| الحل | سيناريو الاستخدام | الميزات |
|
||||
| ---------------- | -------------------------------- | ------------------------------------ |
|
||||
| **LocalStorage** | مشروع أمامي فقط، بيانات المستخدم محفوظة في المتصفح | تنفيذ بسيط، لا تضيع عند التحديث، لا يمكن المزامنة عبر الأجهزة |
|
||||
| **ملف JSON** | نموذج أولي محلي، البيانات مخزنة كملف | هيكل واضح، سهل التصحيح، قابل للتعديل يدويًا |
|
||||
| **ملف TXT** | الحل الأبسط، تسجيل سريع للمحتوى النصي | تنسيق حر، توافق جيد |
|
||||
|
||||
**مثال على محتوى المحادثة:**
|
||||
سجل المحادثة المحفوظ عادةً ما يتضمن المحتوى التالي:
|
||||
|
||||
```json
|
||||
[
|
||||
{
|
||||
"role": "user",
|
||||
"content": "ساعدني في توليد نص تسويقي لسماعات بلوتوث لمنصة Douyin",
|
||||
"timestamp": "2026-01-20 10:30:00"
|
||||
},
|
||||
{
|
||||
"role": "assistant",
|
||||
"content": "[نص تسويقي لسماعات بلوتوث]\n\n🎧 وداعًا للتأخير، تجربة استماع غامرة\n\nيا بنات! هذه السماعات رهيبة حقًا\n\n✅ عزل ضوضاء نشط 40 ديسيبل، دخول فوري لعالم الموسيقى\n✅ 30 ساعة عمر بطارية فائق، أسبوع تنقل بدون شحن\n✅ مكالمات واضحة وجهاً لوجه، حتى في المترو الصاخب\n✅ تصميم نصف داخل الأذن، مريح حتى مع الاستخدام الطويل\n\n💰 عرض محدود، انقر على الرابط أدناه للحصول عليها!",
|
||||
"timestamp": "2026-01-20 10:30:05"
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
**تعليمات التنفيذ:**
|
||||
|
||||
> "ساعدني في تنفيذ وظيفة حفظ سجل المحادثة. ادعم حفظ سجل محادثات المستخدم و AI كملف JSON (أو استخدم LocalStorage). عند الدخول إلى الصفحة في كل مرة، يتم تحميل المحادثات السابقة تلقائيًا، مع دعم عرض وحذف سجل المحادثات الفردية."
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="1" :items="[
|
||||
{ title: 'إكمال المسار', description: 'من وظيفة واحدة إلى حلقة كاملة' },
|
||||
{ title: 'ضخ الروح', description: 'محاكاة بيانات الأعمال الحقيقية' },
|
||||
{ title: 'التكرار بالتغذية الراجعة', description: 'إصلاح التجربة بناءً على تعليقات حقيقية' },
|
||||
{ title: 'المشروع النهائي', description: 'مشروع التخرج الخاص بك' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 2. ضخ الروح: محاكاة البيانات الحقيقية (Mock Data)
|
||||
|
||||
الصفحة الفارغة لا يمكنها إقناع أحد. تخيل أنك تعرض "محطة مواد التجارة الإلكترونية" لشخص آخر، لكن السجل فارغ تمامًا، أو يحتوي فقط على سطر واحد "test / test / test".
|
||||
للحصول على أفضل تأثير عرضي، نحتاج إلى "تزوير" بعض البيانات الواقعية لجعل النموذج الأولي يبدو كمنتج حقيقي تم تشغيله لمدة نصف عام.
|
||||
|
||||
### 2.1 دع AI يساعدك في تصميم هيكل البيانات
|
||||
|
||||
لا نحتاج إلى التفكير بأنفسنا في ماذا نسمي كل حقل (مثلاً هل نسميه `name` أم `title`)، يمكن ترك هذا الأمر تمامًا لـ AI.
|
||||
|
||||
تحتاج فقط إلى إخبار AI بـ **سيناريو عملك**:
|
||||
|
||||
> **مثال على التعليمات:**
|
||||
> "أقوم بصنع نموذج أولي لـ **محطة مواد التجارة الإلكترونية على Douyin**.
|
||||
> ساعدني في تصميم هيكل بيانات JSON لوصف 'مهمة منتج'.
|
||||
> يجب أن تتضمن هذه المهمة: المعلومات الأساسية للمنتج (الاسم، الفئة)، المواد المدخلة (روابط الصور)، ونتائج AI المولدة (العنوان، النص، صورة الملصق).
|
||||
> أعطني مباشرة مثال JSON."
|
||||
|
||||
سيقوم AI تلقائيًا بناءً على وصفك بابتكار حقول مثل `productName` و `generatedContent`.
|
||||
|
||||
### 2.2 دع AI ينتج دفعة واحدة بيانات "واقعية"
|
||||
|
||||
بعد الحصول على هيكل البيانات، الخطوة التالية هي جعل AI يساعدك في "ملء الفراغات" وتوليد مجموعة من البيانات التي تبدو حقيقية.
|
||||
|
||||
**نصائح حول التعليمات:**
|
||||
لا يمكنك فقط إخبار AI "ساعدني في توليد بيانات"، تحتاج أن تخبره كما لو كنت تكلف متدربًا، إخباره بـ **خلفية العمل** و**متطلبات المحتوى**:
|
||||
|
||||
- **خلفية العمل**: أخبر AI أننا نعمل في "التجارة الإلكترونية على Douyin"، لذا يجب أن تكون عناوين المنتجات جذابة (مثل "سر النحافة" و"لا بد للطلاب")، وأن يكون النص بأسلوب محادثة.
|
||||
- **متطلبات الصور**: لجعل النموذج الأولي يبدو جيدًا، يجب ألا تكون الصور رموزًا رمادية بدائية، بل يفضل أن تكون صورًا ملونة عشوائية للمناظر الطبيعية أو الأشياء الحقيقية.
|
||||
|
||||
> **مثال على التعليمات:**
|
||||
> "بناءً على الهيكل المصمم للتو، ساعدني في توليد 10 بيانات محاكاة واقعية.
|
||||
> (ملاحظة: ليس بالضرورة بصيغة JSON. إذا كنت تكتب كودًا أماميًا، يمكنك جعله يولد مصفوفة JavaScript مباشرة؛ إذا كنت تستخدم Python، يمكنك جعله يولد List.)
|
||||
>
|
||||
> **متطلبات سيناريو العمل**:
|
||||
>
|
||||
> 1. افترض أن هذا متجر متعدد الأقسام، وتشمل المنتجات فئات 'ملابس نسائية' و'إلكترونيات' و'مستحضرات تجميل'.
|
||||
> 2. **العناوين والنصوص المولدة يجب أن تكون بأسلوب Douyin**: مثلاً العناوين يجب أن تتضمن رموز تعبيرية (🔥, ✨)، والنصوص يجب أن تستخدم عبارات مثل 'رهيبة' و'جربتها بنفسي'.
|
||||
> 3. **حقل الصور**: استخدم التنسيق `https://picsum.photos/seed/{random_id}/300/400` بشكل موحد، لضمان اختلاف كل صورة."
|
||||
|
||||
**مثال على بيانات المحاكاة المولدة:**
|
||||
|
||||
```javascript
|
||||
export const mockProductTasks = [
|
||||
{
|
||||
id: 'task_001',
|
||||
name: 'فستان صيفي بنقشات فرنسي كلاسيكي',
|
||||
status: 'completed',
|
||||
input: {
|
||||
category: 'ملابس نسائية',
|
||||
features: ['تضييق الخصر', 'يرقق القوام', 'أنيق'],
|
||||
originalImage: 'https://picsum.photos/seed/dress_input/300/400'
|
||||
},
|
||||
output: {
|
||||
generatedTitle: '✨من تلبسها تحلى! هذا الفستان المنقوش الفرنسي رهيب حقًا🔥',
|
||||
generatedCopy:
|
||||
'يا بنات! هذا الفستان ينحّف القوام حقًا! تصميم تضييق الخصر رهيب، بمجرد لبسه يظهر لك خصرك. القماش منفس جدًا، في الصيف ما يخنق أبدًا. الخيار الأول للمواعيد والتنزهات! 👗',
|
||||
generatedPosterImage: 'https://picsum.photos/seed/dress_output/300/400'
|
||||
},
|
||||
createdAt: '2026-01-20T10:00:00Z'
|
||||
},
|
||||
{
|
||||
id: 'task_002',
|
||||
name: 'سماعات بلوتوث فائقة عزل الضوضاء Pro',
|
||||
status: 'completed',
|
||||
input: {
|
||||
category: 'إلكترونيات',
|
||||
features: ['عزل الضوضاء', 'عمر بطارية فائق', 'تأخير منخفض'],
|
||||
originalImage: 'https://picsum.photos/seed/tech_input/300/400'
|
||||
},
|
||||
output: {
|
||||
generatedTitle: '🎧 أخيرًا وجدتها! عزل الضوضاء في هذه السماعات قوي جدًا! 🔇',
|
||||
generatedCopy:
|
||||
'بمجرد لبسها، يسكت العالم فورًا. جودة صوت رائعة، الاستماع للموسيقى كأنك في الحفل. عمر البطارية ممتاز أيضًا، شحنة واحدة تكفي لأسبوع! لا بد للطلاب!',
|
||||
generatedPosterImage: 'https://picsum.photos/seed/tech_output/300/400'
|
||||
},
|
||||
createdAt: '2026-01-21T14:30:00Z'
|
||||
}
|
||||
// ... المزيد من البيانات
|
||||
]
|
||||
```
|
||||
|
||||
### 2.3 (متقدم) استخدام LocalStorage لتنفيذ "الإضافة والحذف والتعديل المزيف"
|
||||
|
||||
إذا كنت تريد أن تكون بيانات المحاكاة المولدة للتو قابلة للعرض والحذف والتعديل، بل وحتى أن تكون المهام المولدة حديثًا لا تزال موجودة بعد تحديث الصفحة، يمكنك الجمع بين `LocalStorage`.
|
||||
|
||||
> **مثال على التعليمات:**
|
||||
> "ساعدني في تنفيذ وظيفة تخزين البيانات.
|
||||
>
|
||||
> 1. اقرأ البيانات من `localStorage` أولاً.
|
||||
> 2. إذا كان `localStorage` فارغًا، استخدم بيانات المحاكاة المولدة للتو للتهيئة، واحفظها في `localStorage`.
|
||||
> 3. في نفس الوقت ساعدني في كتابة دالتي `addProductTask` و `deleteProductTask`، كل عملية يجب أن تقوم بتحديث `localStorage` بشكل متزامن."
|
||||
|
||||
من خلال هذه الخطوة، سيكون لدى النموذج الأولي الخاص بك "ذاكرة"، وتجربة المستخدم ستكون مطابقة تقريبًا للمنتج الحقيقي.
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="2" :items="[
|
||||
{ title: 'إكمال المسار', description: 'من وظيفة واحدة إلى حلقة كاملة' },
|
||||
{ title: 'ضخ الروح', description: 'محاكاة بيانات الأعمال الحقيقية' },
|
||||
{ title: 'التكرار بالتغذية الراجعة', description: 'إصلاح التجربة بناءً على تعليقات حقيقية' },
|
||||
{ title: 'المشروع النهائي', description: 'مشروع التخرج الخاص بك' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 3. جمع التعليقات والتكرار السريع
|
||||
|
||||
العمل خلف الأبواب المغلقة لا ينتج منتجات جيدة. الآن نموذجك الأولي لديه "الوظائف الأساسية" + "المسار الكامل" + "بيانات العرض"، حان الوقت لعرضه على الآخرين.
|
||||
|
||||
### 3.1 من تختبر؟ كيف تختبر؟
|
||||
|
||||
- **ابحث عن أصدقاء / زملاء**: لا يحتاجون إلى فهم التكنولوجيا، فقط دعهم يحاولون استخدامه.
|
||||
- **راقب بدلاً من التوجيه**: لا تقل "انقر هنا"، بل انظر إلى أين سينقرون. إذا لم يتمكنوا من العثور على الزر، فهذا يعني أن التصميم به مشكلة.
|
||||
- **طريقة ساحر أوز العجيب (Wizard of Oz)**: إذا لم يكن AI متصلاً بعد، يمكنك تعديل البيانات يدويًا في الخلفية (أو قاعدة البيانات) لمحاكاة استجابة AI، والتحقق أولاً مما إذا كان المستخدم يحتاج هذه الوظيفة.
|
||||
|
||||
### 3.2 مواجهة الأخطاء والشكاوى
|
||||
|
||||
- **تشوهات في التصميم**: قد تظهر فوضوية على أحجام شاشات مختلفة.
|
||||
- **الإجراء**: خذ لقطة شاشة وأرسلها إلى AI IDE -> "التصميم تشوه على هذا العرض، ساعدني في إصلاحه."
|
||||
- **تفاعل غير مريح**: "هذه العملية معقدة جدًا".
|
||||
- **الإجراء**: أخبر AI IDE بالاقتراح -> "المستخدم يشعر أن الرفع ثم التوليد بطيء جدًا، هل يمكن تغييره إلى توليد بنقرة واحدة؟"
|
||||
- **متطلبات جديدة**: "لو كانت هناك هذه الوظيفة لكان رائعًا".
|
||||
- **الإجراء**: قيّم ما إذا كانت أساسية، وإذا كانت كذلك، دع AI ينفذ نسخة مبسطة بسرعة.
|
||||
|
||||
**تذكر: في هذه المرحلة، AI هو أفضل مساعد لك في التعديل. أنت مسؤول فقط عن اكتشاف المشاكل، واترك تعديل الكود له.**
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="3" :items="[
|
||||
{ title: 'إكمال المسار', description: 'من وظيفة واحدة إلى حلقة كاملة' },
|
||||
{ title: 'ضخ الروح', description: 'محاكاة بيانات الأعمال الحقيقية' },
|
||||
{ title: 'التكرار بالتغذية الراجعة', description: 'إصلاح التجربة بناءً على تعليقات حقيقية' },
|
||||
{ title: 'المشروع النهائي', description: 'مشروع التخرج الخاص بك' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
## 4. 🎓 مشروع التخرج: أكمل "مشروع التخرج" الخاص بك
|
||||
|
||||
تهانينا! لقد أكملت العملية الكاملة من "المتطلبات" إلى "النموذج الأولي" ثم إلى "تكامل AI". الآن، حان وقت عرض نتيجتك النهائية.
|
||||
|
||||
**مشروع التخرج هذا لا يقتصر على "محطة مواد التجارة الإلكترونية" فقط.** تحتاج إلى الجمع بين اهتماماتك أو خلفيتك المهنية لصنع نموذج أولي لمنتج AI فريد.
|
||||
|
||||
### اختيار الموضوع والمتطلبات
|
||||
|
||||
تحتاج إلى اختيار السيناريو الأقرب من **[مرجع اتجاهات السيناريوهات متعددة التصنيفات](../appendix-industry-scenarios/index.md)**، أو ابتكار سيناريو جديد تمامًا بناءً على أفكارك الخاصة.
|
||||
|
||||
**يجب أن يستخدم المشروع بشكل شامل كل ما تعلمته في الفصول السابقة:**
|
||||
|
||||
1. **بناء النموذج الأولي**: استخدم تقنيات الواجهة الأمامية لبناء واجهة جميلة وسهلة الاستخدام.
|
||||
2. **التحكم في المتطلبات**: لا تسعَ للشمولية، بل ركز على الإغلاق المنطقي للوظائف الأساسية.
|
||||
3. **توصيل API**: قم بتوصيل نماذج AI حقيقية (LLM / VLM إلخ)، لمنح التطبيق ذكاءً حقيقيًا.
|
||||
4. **تنفيذ تطبيق قابل للتشغيل**: ليس مجرد صفحة ثابتة، بل تطبيق ديناميكي فيه تدفق بيانات وتغذية راجعة تفاعلية.
|
||||
|
||||
### مخرجات المشروع
|
||||
|
||||
في النهاية تحتاج إلى تقديم المحتوى التالي:
|
||||
|
||||
1. **تطبيق نموذج أولي كامل**: منشور عبر الإنترنت أو قابل للتشغيل محليًا، مع مسار استخدام كامل.
|
||||
2. **فيديو عرض لمدة 30 ثانية**: سجل فيديو يقدم باختصار سيناريو تطبيقك ويعرض التشغيل الفعلي للوظائف الأساسية.
|
||||
|
||||
<el-card shadow="hover" style="margin: 20px 0; border-radius: 12px;">
|
||||
<template #header>
|
||||
<div style="font-weight: bold; font-size: 16px;">🚀 قائمة التحدي النهائي</div>
|
||||
</template>
|
||||
|
||||
<p>
|
||||
هذه هي المعركة الأخيرة في المرحلة الأولى. تحقق من عملك وفقًا للقائمة التالية:
|
||||
</p>
|
||||
|
||||
<div style="font-weight: bold; margin-bottom: 10px;">فحص ذاتي للوظائف الأساسية</div>
|
||||
<ul style="list-style-type: none; padding-left: 0;">
|
||||
<li><label><input type="checkbox" disabled /> <strong>سيناريو واضح</strong>: تم اختيار صناعة أو سيناريو تطبيق محدد</label></li>
|
||||
<li><label><input type="checkbox" disabled /> <strong>إغلاق منطقي</strong>: المسار الأساسي يعمل بالكامل، وليس فقط المسار السعيد</label></li>
|
||||
<li><label><input type="checkbox" disabled /> <strong>مدعوم بـ AI</strong>: تم استدعاء API نموذج كبير حقيقي، وليس ردودًا مبرمجة مسبقًا</label></li>
|
||||
<li><label><input type="checkbox" disabled /> <strong>تجربة كاملة</strong>: يتضمن التحميل ومعالجة الأخطاء وبيانات المحاكاة</label></li>
|
||||
</ul>
|
||||
|
||||
<div style="font-weight: bold; margin: 20px 0 10px;">تحضير المخرجات</div>
|
||||
<ul style="list-style-type: none; padding-left: 0;">
|
||||
<li><label><input type="checkbox" disabled /> <strong>تطبيق النموذج الأولي</strong>: الكود مكتمل وقابل للتشغيل</label></li>
|
||||
<li><label><input type="checkbox" disabled /> <strong>فيديو العرض</strong>: حوالي 30 ثانية، يعرض بوضوح أهم النقاط البارزة</label></li>
|
||||
</ul>
|
||||
</el-card>
|
||||
|
||||
## الخطوة التالية
|
||||
|
||||
بعد إكمال مشروع التخرج، أصبح لديك القدرة على "تطوير نموذج أولي لتطبيق AI بشكل مستقل".
|
||||
في المرحلة الثانية القادمة، سنتعمق في تطوير Full Stack الأكثر تعقيدًا، ونتعلم كيفية تحويل هذا النموذج الأولي إلى تطبيق حقيقي قابل للنشر بقاعدة بيانات ونظام مستخدمين بمستوى تجاري.
|
||||
|
||||
نلتقي في المرحلة القادمة!
|
||||
|
||||
<RelatedArticlesSection
|
||||
title="مواصلة التقدم"
|
||||
description="تهانينا على إكمال المرحلة الأولى، هذه الفصول يمكن أن تساعدك في الدخول إلى التطوير الهندسي."
|
||||
:items="relatedArticles"
|
||||
/>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,803 @@
|
||||
---
|
||||
title: 'إضافة قدرات الذكاء الاصطناعي إلى النموذج الأولي - ربط واجهات برمجة النص والصور'
|
||||
description: 'ربط قدرات الذكاء الاصطناعي الحقيقية في نموذج ويب أولي موجود: فهم المفاهيم الأساسية لواجهة برمجة التطبيقات (API)، تعلم كيفية العثور على مفتاح API والأمثلة الرسمية؛ التطبيق العملي لدمج نموذج نص DeepSeek وخدمات توليد صور متعددة (SiliconFlow Qwen-Image، Recraft، Seedream)، وإتقان طرق اختيار النماذج الشائعة.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { relatedArticlesMap } from '@theme/data/relatedArticles'
|
||||
|
||||
const duration = 'حوالي <strong>1 يوم</strong>'
|
||||
const relatedArticles =
|
||||
relatedArticlesMap['ar-sa/stage-1/integrating-ai-capabilities'] ?? []
|
||||
</script>
|
||||
|
||||
# المبتدئ 4: ضخ قدرات الذكاء الاصطناعي في النموذج الأولي
|
||||
|
||||
## دليل الفصل
|
||||
|
||||
<ChapterIntroduction :duration="duration" :tags="['API', 'نموذج نصي', 'نص إلى صورة', 'تكامل النموذج الأولي']" coreOutput="ربط نموذج أولي بنموذج نصي واحد + نموذج صورة واحد (اختياري)" expectedOutput="نموذج أولي للذكاء الاصطناعي قادر على استدعاء واجهة برمجة تطبيقات (API) حقيقية">
|
||||
|
||||
في الفصول السابقة، أكملنا العملية الكاملة من <strong>إيجاد فكرة جيدة</strong> إلى <strong>صنع نموذج أولي للمنتج</strong>. لكن النموذج الأولي الحالي ليس سوى "غلاف" — النقر على الزر لن يولد محتوى فعليًا، والبيانات على الصفحة كلها ثابتة.
|
||||
|
||||
أتذكر ما أكدنا عليه في الفصل الأول؟ <strong>"نريد صنع منتج يرغب الناس في الدفع مقابله"، وليس "نموذج أولي يبدو لائقًا فقط".</strong> القيمة الحقيقية تأتي من قدرة المنتج على <strong>حل مشاكل حقيقية</strong>، ولتحقيق ذلك، يجب أن يكون النموذج الأولي قادرًا على <strong>العمل بشكل فعلي</strong>.
|
||||
|
||||
هذا الفصل سيجعل النموذج الأولي <strong>"ينبض بالحياة"</strong>: سنقوم بربط <strong>قدرات ذكاء اصطناعي حقيقية</strong>، بدءًا من الحصول على مفتاح API، إلى فهم الوثائق الرسمية، والسماح لبيئة تطوير الذكاء الاصطناعي (AI IDE) بمساعدتك في دمج الواجهة في الكود. سوف تتخذ من <strong>نموذج DeepSeek النصي</strong> كمثال، وتتعلم كيف تجعل تطبيقك <strong>يستدعي نموذجًا كبيرًا لتوليد المحتوى فعليًا</strong>؛ وإذا كنت مهتمًا، يمكنك <strong>اختيار دمج توليد الصور</strong> أيضًا.
|
||||
|
||||
بعد الانتهاء من هذا الفصل، لن يكون نموذجك الأولي <strong>عرضًا ثابتًا</strong> بعد الآن، بل سيكون <strong>تطبيقًا قادرًا على استدعاء قدرات ذكاء اصطناعي حقيقية وحل مشاكل حقيقية</strong>.
|
||||
|
||||
</ChapterIntroduction>
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="0" :items="[
|
||||
{ title: 'أساسيات API', description: 'فهم المفاهيم الأساسية ومعايير الأمان' },
|
||||
{ title: 'ربط النصوص', description: 'تطبيق عملي لتوليد النصوص عبر DeepSeek' },
|
||||
{ title: 'ربط الصور', description: 'فهم وتوليد الصور عبر VLM' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
# 1. المفاهيم الأساسية لـ API
|
||||
|
||||
كما ذكرنا سابقًا، هدفنا هو "إدخال قدرات الذكاء الاصطناعي"، بحيث لا يظل النموذج الأولي مجرد عرض ثابت، بل أداة قادرة على استدعاء خدمات ذكاء اصطناعي حقيقية. لتحقيق ذلك، يكمن المفتاح في فهم واستخدام API (واجهة برمجة التطبيقات).
|
||||
|
||||
API هو مفهوم تجريدي مهم في مجال الحوسبة، ويمكننا فهمه ببساطة على أنه: **"ترسل سؤالاً بالتنسيق الذي يطلبه الطرف الآخر، ويقوم الطرف الآخر بالرد بنتيجة بنفس التنسيق".**
|
||||
|
||||
- **ما ترسله**: يتضمن عادةً "مفتاح (API Key)" و"ما تريد توليده"
|
||||
- **ما يردونه عليك**: إذا نجح الطلب يعطيك النتيجة؛ وإذا فشل سيخبرك بالسبب (مثل "المفتاح غير صحيح" أو "الرصيد غير كافٍ" أو "المعلمات خاطئة")
|
||||
|
||||
على وجه التحديد، تحتاج إلى إتقان العناصر الأساسية التالية:
|
||||
|
||||
1. **API Key**: "تصريح مرورك"، وهو أيضًا "مفتاح محفظتك". إذا حصل عليه شخص آخر، يمكنه استدعاء الواجهة نيابة عنك وتكبد رسوم.
|
||||
2. **Endpoint (مسار الواجهة)**: المسار المحدد لطلب API، والذي يخبر الخادم بالوظيفة التي تريد الوصول إليها. يتكون عنوان الطلب الكامل عادةً من "الرابط الأساسي + مسار Endpoint". على سبيل المثال:
|
||||
- توليد النص: الرابط الأساسي (`https://api.service.com`) + Endpoint (`/v1/chat/completions`) = الرابط الكامل `https://api.service.com/v1/chat/completions`
|
||||
- توليد الصور: الرابط الأساسي (`https://api.service.com`) + Endpoint (`/v1/images/generations`) = الرابط الكامل `https://api.service.com/v1/images/generations`
|
||||
3. **الاستدعاء/الطلب**: عملية إرسال مهمة إلى خدمة الذكاء الاصطناعي والحصول على نتيجة
|
||||
4. **محتوى الطلب**: المحتوى المحدد الذي ترسله إلى الذكاء الاصطناعي، مثل موضوع المقالة التي تريد من الذكاء الاصطناعي كتابتها، أو وصف الصورة التي تريد توليدها، إلخ.
|
||||
5. **نتيجة الاستجابة**: المحتوى الذي يعيده الذكاء الاصطناعي بعد الانتهاء من المعالجة، مثل المقالة أو الصور المولدة، إلخ.
|
||||
6. **معالجة الأخطاء**: عند حدوث مشاكل (مثل خطأ في مفتاح API، أو طلبات متكررة جدًا، إلخ)، معرفة كيفية التحقيق فيها وحلها.
|
||||
|
||||
::: info ℹ️ ما هي API
|
||||
للحصول على شرح أعمق لواجهة برمجة التطبيقات (API)، يرجى مراجعة الملحق: [مقدمة في API](/zh-cn/appendix/4-server-and-backend/api-intro).
|
||||
|
||||
::: warning 🔐 **ملاحظات أمان API**
|
||||
مفتاح API هو "تصريح المرور" لطلب خدمات الذكاء الاصطناعي، وهو عبارة عن سلسلة نصية سرية تُستخدم للمصادقة والفوترة.
|
||||
|
||||
نظرًا لأن مفتاح API مرتبط مباشرة بحسابك وتكاليفك، يجب الانتباه جيدًا إلى:
|
||||
|
||||
- **عدم مشاركته أبدًا** في محادثات جماعية، أو التقاط لقطة شاشة وتحميلها على الإنترنت، أو نشره في منتديات عامة
|
||||
- **عدم كتابته بشكل ثابت في الكود** (Hard-coding) ثم رفعه إلى مستودع Git (خاصة المستودعات العامة)
|
||||
- إذا اشتبهت في تسريب المفتاح، **قم بتغييره فورًا**
|
||||
|
||||
سنقوم في المحتوى التالي **بلصق مفتاح API مباشرة في بيئة تطوير الذكاء الاصطناعي (AI IDE) للعمل عليه**، **لا تفعل ذلك في المشاريع الحقيقية!!**، وبما أننا نتدرب يمكننا فعل ذلك. (عندما تصبح أكثر مهارة، ستتمكن من جعل الذكاء الاصطناعي ينشئ ملف تكوين، وتضع مفتاح API في ملف التكوين فقط)
|
||||
:::
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="1" :items="[
|
||||
{ title: 'أساسيات API', description: 'فهم المفاهيم الأساسية ومعايير الأمان' },
|
||||
{ title: 'ربط النصوص', description: 'تطبيق عملي لتوليد النصوص عبر DeepSeek' },
|
||||
{ title: 'ربط الصور', description: 'فهم وتوليد الصور عبر VLM' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
# 2. ربط واجهة برمجة توليد النصوص: DeepSeek
|
||||
|
||||
على الرغم من أن API تتضمن هذه المفاهيم التقنية، إلا أنه في مرحلة تطوير النموذج الأولي، يمكن أن تكون العملية الفعلية بسيطة وفعالة للغاية. الفكرة الأساسية هي:
|
||||
|
||||
> **ابحث عن المثال الرسمي، واحصل على مفتاح API، ودع بيئة تطوير الذكاء الاصطناعي (AI IDE) تساعدك في ربطه بالزر.**
|
||||
|
||||
بعد إتقان هذه المفاهيم، ستجد أنه سواء كان ربط نموذج نصي أو نموذج صوري، فإن العملية الأساسية هي نفسها: عندما ينقر المستخدم على الزر، تقوم الواجهة الأمامية بتجميع المدخلات وإرسال طلب؛ وبعد أن تعيد الواجهة النتيجة، يتم عرضها على الصفحة. بعد ذلك، سنتحقق من ذلك من خلال العمل الفعلي.
|
||||
|
||||
في قسم `1.2 بناء النموذج الأولي عمليًا`، قمت بالفعل ببناء نموذج أولي تفاعلي. ما سنقوم به بعد ذلك هو تحويل "الوظائف التي تبدو وكأنها ذكاء اصطناعي" في النموذج الأولي إلى قدرات قابلة للاستخدام فعليًا: **عندما ينقر المستخدم على الزر، يرسل النموذج الأولي طلبًا إلى خدمة ذكاء اصطناعي خارجية، ويعرض النص المُعاد.**
|
||||
|
||||
::: info ℹ️ امتداد للمبادئ
|
||||
إذا كنت ترغب في معرفة المزيد عن المبادئ ذات الصلة، يرجى مراجعة الملحق: [مقدمة في النماذج اللغوية الكبيرة (LLM)](/zh-cn/appendix/8-artificial-intelligence/llm-principles).
|
||||
::: details اعرف المزيد: ما هو DeepSeek؟
|
||||
|
||||
**شركة هانغتشو ديب سيك لأبحاث تكنولوجيا الذكاء الاصطناعي الأساسية المحدودة** (Hangzhou DeepSeek Artificial Intelligence Basic Technology Research Co., Ltd.)، والمعروفة باسمها التجاري DeepSeek، هي **شركة صينية للذكاء الاصطناعي (AI) تطوّر نماذج لغوية كبيرة (LLMs)**. يقع المقر الرئيسي لـ DeepSeek في هانغتشو بمقاطعة تشجيانغ، وهي مملوكة ومموّلة من صندوق التحوط الصيني High-Flyer. تأسست DeepSeek في يوليو 2023 على يد ليانغ وين فنغ، المؤسس المشارك لـ High-Flyer، والذي يشغل أيضًا منصب الرئيس التنفيذي للشركتين. أطلقت الشركة في يناير 2025 روبوت الدردشة الذي يحمل نفس الاسم ونموذجها DeepSeek-R1.
|
||||
|
||||
دعونا نلقي نظرة على مقارنة أداء DeepSeek مع النماذج الرائدة الأخرى في ترتيب معيار GPQA. الجدير بالذكر أن DeepSeek هو نموذج مفتوح المصدر (يمكن للجميع تنزيل النموذج من الإنترنت)، بينما النماذج الشائعة الأخرى مثل Grok و Google Gemini و ChatGPT هي نماذج مغلقة المصدر. كما نرى، اقترب DeepSeek بشكل كبير من مستوى النماذج من الدرجة الأولى.
|
||||
|
||||
|
||||
|
||||
GPQA هو اختصار لـ "Graduate-Level Google-Proof Q&A Benchmark"، وهو معيار بمستوى الدراسات العليا مخصص لمهام الإجابة على الأسئلة العلمية. فيما يلي مقدمة مفصلة.
|
||||
|
||||
يحتوي GPQA على 448 سؤالًا من أسئلة الاختيار من متعدد، تغطي مجالات فرعية في علم الأحياء والفيزياء والكيمياء، مثل ميكانيكا الكم، والكيمياء العضوية، وعلم الأحياء الجزيئي، وغيرها. تمت كتابة هذه الأسئلة بواسطة 61 خبيرًا يحملون درجة الدكتوراه أو يدرسون للحصول عليها، وخضعت لعملية تحقق صارمة.
|
||||
:::
|
||||
|
||||
اتبع هذه الخطوات الثلاث لتحقيق تكامل سريع لواجهة برمجة التطبيقات (API) الخاصة بتوليد النصوص باستخدام النماذج الكبيرة:
|
||||
|
||||
1. **إنشاء API Key على منصة DeepSeek**
|
||||
2. **العثور على مثال لتوليد النصوص في وثائق DeepSeek** (عادةً ما يكون هناك كود جاهز يمكن نسخه مباشرة)
|
||||
3. **افتح AI IDE، والصق API Key + المثال الرسمي بداخله**، وأخبر الذكاء الاصطناعي بالوظيفة التي تريد تنفيذها:
|
||||
> ساعدني في ربط واجهة برمجة التطبيقات (API) الخاصة بهذا النموذج الكبير، لدعم مهمة توليد النصوص لهذا التطبيق
|
||||
|
||||
بعد ذلك سنقوم بعرض توضيحي، يمكنك متابعة الخطوات وتجربة العملية الكاملة. أولاً، قم بتسجيل حساب في [DeepSeek](https://platform.deepseek.com/usage) وإنشاء API Key، وقم بشحن رصيد صغير للتحقق.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
انقر على "API KEYS" وابحث عن "create new API key" في أسفل الشاشة. ستحصل في النهاية على مفتاح API يشبه sk-8573341c39fc44315aadc071c53rh7d2.
|
||||
|
||||
|
||||
|
||||
بمجرد حصولك على المفتاح، ستكون لديك الصلاحية لاستدعاء النموذج.
|
||||
|
||||
في هذه المرحلة، يمكنك قراءة وثائق [API](https://api-docs.deepseek.com/) مباشرةً، والتي توفر عادةً أمثلة للاستدعاء باستخدام curl أو Python.
|
||||
|
||||
|
||||
|
||||
بعد العثور على المثال، يمكنك نسخ جميع المحتويات من الوثائق بالإضافة إلى المفتاح إلى مربع حوار AI IDE، واطلب منه مساعدتك في دمج النموذج اللغوي الكبير في النموذج الأولي الذي قمت بتطويره مسبقًا.
|
||||
|
||||
|
||||
|
||||
استخدم الرسالة المرجعية التالية:
|
||||
|
||||
```
|
||||
ارجع إلى طريقة الاستدعاء هذه وساعدني في دعم وظيفة توليد النصوص التسويقية، يمكنها توليد نصوص تسويقية لمنصة Douyin بناءً على معلومات المنتج عند النقر، بأنماط متعددة.
|
||||
مفتاح API：sk-8573341c39aefa1efe
|
||||
مرجع طلب API：
|
||||
curl \
|
||||
-H "Content-Type: application/json" \
|
||||
-H "Authorization: Bearer ${DEEPSEEK_API_KEY}" \
|
||||
-d '{
|
||||
"model": "deepseek-chat",
|
||||
"messages": [
|
||||
{"role": "system", "content": "You are a helpful assistant."},
|
||||
{"role": "user", "content": "Hello!"}
|
||||
],
|
||||
"stream": false
|
||||
}'
|
||||
```
|
||||
|
||||
بعد فترة من توليد الأكواد بالذكاء الاصطناعي، يمكننا بسهولة الحصول على زر توليد النصوص المقابل لاختباره. إذا لم تتمكن من العثور على المدخل، يمكنك أن تطلب من AI IDE أن يخبرك من أي صفحة يمكنك الوصول إلى هذه الصفحة. وإذا لم تتمكن من العثور عليه حقًا، يمكنك أن تطلب من AI IDE إعادة البناء والتحسين مباشرة بناءً على أفكارك، للحصول على نتيجة توليد النصوص النهائية.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
بالطبع، قد تتساءل هنا، كيف أعرف أنه تم استدعاء النموذج الكبير فعلًا بدلاً من مجرد استخدام ردود مبرمجة مسبقًا؟ يمكنك إدخال نصوص مخصصة، والسماح للنموذج الكبير بتوليد النصوص المقابلة بناءً على التحليل المخصص الذي تحدده فورًا.
|
||||
|
||||
إذا وجدت أن الردود مختلفة في كل مرة ومنطقية، يمكنك أن تطمئن إلى أن استدعاء API قد تم بشكل طبيعي لتوليد النصوص. يمكنك أيضًا التحقق من نجاح الاستدعاء في [منصة إدارة استخدام API](https://platform.deepseek.com/usage) (على الرغم من أنه قد تحتاج إلى الانتظار بضع دقائق لتظهر).
|
||||
|
||||
## المزيد من خيارات نماذج توليد النصوص
|
||||
|
||||
بالإضافة إلى DeepSeek، يمكنك أيضًا تجربة نماذج لغوية كبيرة أخرى. نظرًا لأن معظم النماذج توفر **واجهة متوافقة مع OpenAI**، فإن التبديل بينها سهل للغاية — كل ما عليك فعله هو تغيير API Key وعنوان URL الأساسي واسم النموذج.
|
||||
|
||||
### تكامل MiniMax
|
||||
|
||||
::: details اعرف المزيد: ما هو MiniMax؟
|
||||
|
||||
**MiniMax** هي شركة صينية للذكاء الاصطناعي، تكرس جهودها للبحث وتطوير تقنيات الذكاء الاصطناعي العام. أطلقت MiniMax سلسلة النموذج اللغوي الكبير MiniMax-M2.7 من تطويرها الخاص، والتي حققت أداءً ممتازًا في العديد من اختبارات المعايير، وتتميز بنسبة أداء إلى تكلفة عالية جدًا.
|
||||
|
||||
**الخصائص الرئيسية لسلسلة MiniMax-M2.7:**
|
||||
|
||||
- **سياق طويل جدًا**: يدعم نافذة سياق تصل إلى 204,800 رمز (tokens)، مما يجعله مناسبًا لمعالجة المستندات الطويلة والمحادثات متعددة الأدوار
|
||||
- **نسبة أداء إلى تكلفة عالية**: بسعر تنافسي للغاية
|
||||
- **واجهة متوافقة مع OpenAI**: يمكن استخدام OpenAI SDK مباشرة للاستدعاء، دون الحاجة لتعلم تنسيق API جديد
|
||||
- **نموذجان متاحان**:
|
||||
- `MiniMax-M2.7`: النموذج الرائد، مناسب للمهام المعقدة
|
||||
- `MiniMax-M2.7-highspeed`: الإصدار عالي السرعة، يحافظ على نفس الأداء ولكنه أسرع
|
||||
:::
|
||||
|
||||
طريقة التوصيل هي نفسها الخاصة بـ DeepSeek، وتتطلب ثلاث خطوات فقط:
|
||||
|
||||
1. انتقل إلى [منصة MiniMax المفتوحة](https://platform.minimax.io/) لتسجيل حساب وإنشاء API Key
|
||||
2. ابحث عن مثال الاستدعاء في وثائق MiniMax
|
||||
3. انسخ API Key + المثال والصقهما في AI IDE
|
||||
|
||||
نظرًا لأن MiniMax توفر واجهة متوافقة مع OpenAI، يمكنك ببساطة نسخ مثال curl أدناه مع API Key الخاص بك، وإرسالهما إلى AI IDE لإجراء التكامل:
|
||||
|
||||
```bash
|
||||
curl https://api.minimax.io/v1/chat/completions \
|
||||
-H "Content-Type: application/json" \
|
||||
-H "Authorization: Bearer ${MINIMAX_API_KEY}" \
|
||||
-d '{
|
||||
"model": "MiniMax-M2.7",
|
||||
"messages": [
|
||||
{"role": "system", "content": "You are a helpful assistant."},
|
||||
{"role": "user", "content": "Hello!"}
|
||||
],
|
||||
"stream": false
|
||||
}'
|
||||
```
|
||||
|
||||
::: tip ✅ نصيحة
|
||||
تنسيق واجهة برمجة تطبيقات MiniMax متطابق تقريبًا مع DeepSeek (كلاهما يستخدم تنسيق OpenAI المتوافق)، لذلك إذا كنت قد دمجت DeepSeek بنجاح بالفعل، فإن التبديل إلى MiniMax يتطلب تعديل ثلاثة أشياء فقط:
|
||||
1. **عنوان URL الأساسي**: غيّره إلى `https://api.minimax.io/v1`
|
||||
2. **مفتاح API**: استخدم مفتاح API الخاص بـ MiniMax
|
||||
3. **اسم النموذج**: غيّره إلى `MiniMax-M2.7` أو `MiniMax-M2.7-highspeed`
|
||||
|
||||
لمزيد من المعلومات، يرجى الرجوع إلى [وثائق واجهة MiniMax المتوافقة مع OpenAI](https://platform.minimax.io/docs/api-reference/text-openai-api).
|
||||
:::
|
||||
|
||||
# 3. دمج واجهة برمجة تطبيقات تحويل الصور إلى نصوص: Qwen3 VL
|
||||
|
||||
::: info ℹ️ امتداد للمبدأ
|
||||
إذا كنت ترغب في معرفة المزيد عن المبادئ ذات الصلة، يرجى الاطلاع على الملحق: [مقدمة إلى نماذج اللغة المرئية (VLM)](/zh-cn/appendix/8-artificial-intelligence/multimodal-models).
|
||||
|
||||
::: details معرفة المزيد: ما هو Qwen3 VL؟
|
||||
|
||||
**Qwen3 VL** هو أحدث إصدار من سلسلة نماذج اللغة المرئية متعددة الوسائط التي أطلقتها فريق Qwen التابع لشركة Alibaba Cloud. يشير اختصار VL إلى "Vision-Language"، أي نموذج اللغة المرئية. يمكنه فهم محتوى الصور، وإنشاء أوصاف نصية بناءً على الصور، والإجابة على أسئلة حول الصور، واستخراج المعلومات من الصور، وغير ذلك.
|
||||
|
||||
|
||||
|
||||
|
||||
**تشمل القدرات الرئيسية لـ Qwen3 VL:**
|
||||
|
||||
- **فهم الصور**: القدرة على التعرف على الأشياء والمشاهد والأشخاص والنصوص وغيرها من المحتويات في الصور
|
||||
- **الإجابة المرئية على الأسئلة**: الإجابة بدقة على الأسئلة المتعلقة بالصور بناءً على استفسارات المستخدم
|
||||
- **وصف الصور**: إنشاء أوصاف نصية مفصلة أو موجزة للصور
|
||||
- **فهم الصور المتعددة**: دعم معالجة صور متعددة في نفس الوقت وإجراء تحليل مقارن
|
||||
- **استخراج النصوص**: استخراج المحتوى النصي من الصور (قدرة OCR)
|
||||
|
||||
**لماذا تختار Qwen3 VL؟**
|
||||
|
||||
مقارنة بالجيل السابق من النماذج، حقق Qwen3 VL تحسنًا كبيرًا في دقة فهم الصور، ويدعم مهام تحليل الصور الأطول والأكثر تعقيدًا. كما يتميز بأداء ممتاز في فهم اللغة الصينية، وتكلفة استدعاء واجهة برمجة التطبيقات (API) منخفضة نسبيًا، مما يمنحه نسبة قيمة عالية مقابل التكلفة. بالإضافة إلى ذلك، فإن نافذة السياق الخاصة به أكبر، مما يتيح له معالجة مهام الاستدلال المرئي الأكثر تعقيدًا.
|
||||
|
||||
**سيناريوهات التطبيق النموذجية:**
|
||||
|
||||
- التجارة الإلكترونية: إنشاء عناوين وأوصاف ونقاط بيع تلقائيًا لصور المنتجات
|
||||
- إنشاء المحتوى: إنشاء نصوص أو اقتراحات للصور المرفقة تلقائيًا بناءً على صور المواد
|
||||
- المكاتب: استخراج محتوى الصور، والتعرف التلقائي على التقارير
|
||||
- التعليم: التحليل التلقائي لأسئلة الصور، واستخراج نقاط المعرفة
|
||||
|
||||
:::
|
||||
|
||||
في الأجزاء السابقة، أوضحنا كيفية دمج واجهة برمجة تطبيقات إنشاء النصوص، ولكن بالنسبة لسيناريوهات التطبيق المذكورة سابقًا، سنلاحظ مشكلة واحدة: نحن نقوم برفع صورة، وإذا استخدمنا النماذج اللغوية الكبيرة (LLM) فقط، فلن تتمكن من فهم محتوى الصورة بشكل جيد، ومن المرجح أن تختلف النتائج المُنشأة.
|
||||
|
||||
نأمل أن يكون هناك نموذج يمكنه مساعدتنا في تحويل الصورة إلى وصف نصي، وهذا يتطلب استخدام نماذج اللغة المرئية (VLM). في هذه الحالة، سنستخدم نموذج اللغة المرئية لإنشاء أوصاف لنقاط بيع المنتجات، مما يعزز تجربة المستخدم.
|
||||
|
||||
للراحة، سنستخدم واجهة برمجة التطبيقات (API) التي توفرها [منصة SiliconFlow السحابية](https://cloud.siliconflow.cn/me) لدمج واجهة برمجة تطبيقات تحويل الصور إلى نصوص.
|
||||
|
||||
::: details معرفة المزيد: ما هي Siliconflow
|
||||
**SiliconFlow** هي منصة تجميع نماذج ذكاء اصطناعي معروفة محليًا، وتوفر خدمات واجهة برمجة تطبيقات (API) لمجموعة متنوعة من نماذج اللغة الكبيرة ونماذج اللغة المرئية السائدة.
|
||||
|
||||
**ميزات المنصة:**
|
||||
|
||||
- **دعم نماذج متعددة**: دمج مجموعة متنوعة من نماذج الذكاء الاصطناعي السائدة، بما في ذلك نماذج مفتوحة المصدر مثل سلسلة DeepSeek و Qwen و Llama وغيرها
|
||||
- **التحسين التقني**: التحسين للاستدلال للنماذج مفتوحة المصدر، وتوفير خدمات API بزمن استجابة منخفض وتزامن عالٍ
|
||||
- **توافق الواجهة**: توفير واجهات API متوافقة مع تنسيق OpenAI، مما يسهل التكامل مع التطبيقات الحالية
|
||||
- **الدفع عند الطلب**: دعم الاستخدام بطريقة الدفع بناءً على حجم الاستدعاءات
|
||||
|
||||
تعتبر SiliconFlow ناضجة نسبيًا في خدمات استدلال النماذج الكبيرة مفتوحة المصدر، وهي واحدة من الخيارات الشائعة لاستخدام نماذج الذكاء الاصطناعي المحلية مفتوحة المصدر.
|
||||
:::
|
||||
|
||||
بالدخول إلى الصفحة الرئيسية لمنصة SiliconFlow، يمكننا رؤية العديد من النماذج للاختيار من بينها. ابحث عن الفلتر في الزاوية اليسرى العليا، وانقر لتوسيع الفلتر، ثم حدد علامة التبويب "الرؤية" (Vision)، ويمكننا رؤية العديد من نماذج تحويل الصور إلى نصوص، مثل Zhipu GLM-4.6V أو Qwen3-VL.
|
||||
|
||||
|
||||
|
||||
يمكننا اختيار أي نموذج لاختباره، وهنا نأخذ `Qwen/Qwen3-VL-8B-Instruct` كمثال.
|
||||
|
||||
|
||||
|
||||
ادخل إلى [منصة SiliconFlow](https://cloud.siliconflow.cn/me/account/ak)، وفي قسم مفاتيح API، انقر على "إنشاء مفتاح API جديد" لإنشاء مفتاح API (API Key) جديد.
|
||||
|
||||
يمكنك استخدام الكود أدناه مباشرة ككود مرجعي، وإرساله مع مفتاح API الذي أنشأته إلى بيئة تطوير الذكاء الاصطناعي (AI IDE) لإجراء تكامل الوظائف.
|
||||
|
||||
::: details كود مرجعي لتحويل الصور إلى نصوص
|
||||
|
||||
```python
|
||||
from openai import OpenAI
|
||||
from typing import Dict, Any, List
|
||||
import base64
|
||||
import os
|
||||
SILICONFLOW_API_KEY: str = ""
|
||||
SILICONFLOW_BASE_URL: str = "https://api.siliconflow.cn/v1/"
|
||||
MODEL_NAME: str = "Qwen/Qwen3-VL-8B-Instruct"
|
||||
|
||||
def encode_image(image_path: str) -> str:
|
||||
with open(image_path, "rb") as image_file:
|
||||
return base64.b64encode(image_file.read()).decode('utf-8')
|
||||
|
||||
def get_vlm_completion(client: OpenAI, messages: List[Dict[str, Any]]) -> str:
|
||||
response = client.chat.completions.create(
|
||||
model=MODEL_NAME,
|
||||
messages=messages,
|
||||
max_tokens=512,
|
||||
temperature=0.7,
|
||||
top_p=0.7,
|
||||
frequency_penalty=0.5,
|
||||
stream=False,
|
||||
n=1
|
||||
)
|
||||
return response.choices[0].message.content
|
||||
|
||||
def caption_image(image_path: str) -> str:
|
||||
base64_image = encode_image(image_path)
|
||||
messages = [
|
||||
{
|
||||
"role": "user",
|
||||
"content": [
|
||||
{
|
||||
"type": "text",
|
||||
"text": "Please describe this image in detail."
|
||||
},
|
||||
{
|
||||
"type": "image_url",
|
||||
"image_url": {
|
||||
"url": f"data:image/jpeg;base64,{base64_image}"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
client = OpenAI(
|
||||
api_key=SILICONFLOW_API_KEY,
|
||||
base_url=SILICONFLOW_BASE_URL
|
||||
)
|
||||
|
||||
return get_vlm_completion(client, messages)
|
||||
|
||||
image_path = "images.jpg"
|
||||
caption = caption_image(image_path)
|
||||
:::
|
||||
|
||||
في هذا السيناريو، نحاول مباشرةً جعل AI IDE يساعدنا في تنفيذ وظيفة توليد نصوص نقاط البيع للتجارة الإلكترونية والكلمات المفتاحية تلقائيًا من الصور المرفوعة، كما هو موضح أدناه:
|
||||
|
||||
```
|
||||
بناءً على واجهة برمجة تطبيقات تحويل الصورة إلى نص أدناه، ساعدنا في تنفيذ وظيفة توليد نصوص نقاط البيع للتجارة الإلكترونية والكلمات المفتاحية تلقائيًا من الصور المرفوعة
|
||||
|
||||
<تم حذف الكود هنا، يجب عليك لصق المفتاح والكود المرجعي بنفسك>
|
||||
```
|
||||
|
||||
أخيرًا نحصل على نتيجة التوليد:
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
<StepBar :active="2" :items="[
|
||||
{ title: 'أساسيات API', description: 'فهم المفاهيم الأساسية ومعايير الأمان' },
|
||||
{ title: 'ربط النص', description: 'تطبيق عملي لتوليد النصوص من DeepSeek' },
|
||||
{ title: 'ربط الصور', description: 'فهم وتوليد الصور باستخدام VLM' }
|
||||
]" />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
|
||||
# 4. ربط واجهة برمجة تطبيقات توليد الصور: Seedream
|
||||
|
||||
في الأجزاء السابقة تعاملنا بشكل أساسي مع المهام المتعلقة بالنص، بعد ذلك سنحاول ربط وظيفة توليد الصور، التي تدعم توليد الصور من الأوصاف النصية، أو تعديل الصور.
|
||||
|
||||
::: info ℹ️ امتداد للمبدأ
|
||||
إذا كنت ترغب في معرفة المزيد عن المحتوى المتعلق بالمبادئ، يرجى الاطلاع على الملحق: [مقدمة في توليد الصور](/zh-cn/appendix/8-artificial-intelligence/image-generation).
|
||||
|
||||
::: details اعرف المزيد: ما هو [Seedream](https://seed.bytedance.com/en/seedream4_5)؟
|
||||
|
||||
|
||||
|
||||
> ربما تعرف بالفعل Nano Banana (الذي طورته Google)، لكن من الأفضل ألا تفوت Seedream. Seedream 4.5 هو نموذج إنشاء صور من الجيل الجديد الذي طورته ByteDance. إنه يدمج قدرات توليد الصور وتحريرها في بنية موحدة. يتيح له ذلك التعامل بمرونة مع المهام متعددة الوسائط المعقدة، مثل التوليد القائم على المعرفة، والاستدلال المعقد، واتساق المرجع. بالإضافة إلى ذلك، فإن سرعة الاستدلال لديه أسرع بكثير من الجيل السابق، ويمكنه إنشاء صور عالية الدقة مذهلة بدقة تصل إلى 4K.
|
||||
>
|
||||
> 
|
||||
> 
|
||||
|
||||
**القدرات الرئيسية:**
|
||||
|
||||
- **توليد الصور من النص**: توليد صور من أوصاف نصية، ودعم أنماط متعددة (واقعي، كرتوني، رسم حبر، سايبربانك، إلخ)
|
||||
- **نقل الأسلوب**: تحويل صورة إلى أسلوب فني محدد
|
||||
- **متغيرات الصور**: إنشاء صور جديدة بأسلوب مشابه بناءً على صورة مرجعية
|
||||
- **تحسين الدقة**: تعزيز وضوح الصورة وتفاصيلها
|
||||
- **تحرير الصور**: تحرير وتعديل الصور الحالية من خلال تعليمات اللغة الطبيعية
|
||||
|
||||
**لماذا تختار Seedream؟**
|
||||
|
||||
- **استقرار الشبكة المحلية**: سرعة وصول محلية عالية، وزمن استجابة منخفض
|
||||
- **نتائج ممتازة**: أداء مستقر وموثوق في سيناريوهات التجارة الإلكترونية والمواد
|
||||
- **تحسين اللغة الصينية**: فهم أكثر دقة للكلمات المفتاحية الصينية، مناسب للمستخدمين المحليين
|
||||
- **سرعة عالية**: كفاءة توليد عالية، وقت استجابة قصير
|
||||
- **جودة مستقرة**: إنشاء صور عالية الدقة بدقة تصل إلى 4K
|
||||
|
||||
**سيناريوهات التطبيق النموذجية:**
|
||||
|
||||
- التجارة الإلكترونية: إنشاء الصور الرئيسية، وصور صفحات التفاصيل، وملصقات الترويج
|
||||
- وسائل التواصل الاجتماعي: إنشاء الصور الرمزية، والرموز التعبيرية، والصور المصاحبة
|
||||
- التصميم: إنشاء صور المفاهيم، وصور المواد، وصور الخلفيات بسرعة
|
||||
- التسويق: إنشاء صور الإعلانات، وبانرات الأنشطة، وملصقات الأعياد
|
||||
|
||||
**التكامل مع Qwen3 VL:**
|
||||
|
||||
يمكن استخدام واجهتي برمجة التطبيقات هاتين بشكل تسلسلي: استخدم أولاً Qwen3 VL لتحليل الصورة المرجعية وفهم محتوى الصورة؛ ثم استخدم Seedream لإنشاء صور جديدة بناءً على محتوى الكلمات المفتاحية للصورة المرجعية المحللة.
|
||||
:::
|
||||
|
||||
ربما تكون قد رأيت الكثير من "ملصقات AI / صور AI الرئيسية / صور شخصيات AI" على Douyin أو Bilibili أو YouTube، والتي تستخدم في جوهرها التقنية المقدمة في هذا القسم. ما تحتاج إلى القيام به بسيط للغاية: قم بتنظيم إدخال المستخدم في جملة واحدة، واطلب واجهة برمجة تطبيقات الصور، ثم اعرض الصورة المُعادة. النموذج المستخدم في هذا الوقت يسمى نموذج توليد الصور / تحرير الصور.
|
||||
|
||||
سنوضح خطوة بخطوة كيفية دمج Seedream API في مشروعك (بمساعدة AI IDE).
|
||||
|
||||
بعد [زيارة الصفحة الرئيسية](https://www.volcengine.com/experience/ark?launch=seedream)، انقر لتسجيل الدخول.
|
||||
|
||||
|
||||
|
||||
بعد تسجيل الدخول، ابحث عن خيار الشحن في الزاوية العلوية اليمنى من الصفحة.
|
||||
|
||||
|
||||
|
||||
يتطلب الشحن مصادقة الاسم الحقيقي.
|
||||
|
||||
|
||||
|
||||
بعد نجاح المصادقة، يمكنك [شحن 1 يوان للاختبار](https://console.volcengine.com/finance/fund/recharge).
|
||||
|
||||
ارجع إلى [الواجهة الأولية](https://www.volcengine.com/experience/ark?launch=seedream) وانقر على الوصول عبر API.
|
||||
|
||||
|
||||
|
||||
أولاً، قم بإنشاء مفتاح API، ثم انقر لتحديد الخيار.
|
||||
|
||||
|
||||
|
||||
سيأخذك هذا إلى الخطوة الثانية. هنا، تحتاج إلى التأكد من أن الخدمة التي تستدعيها هي Seedream 4.5، ونسخ مثال الاستدعاء المقدم. (لقطة الشاشة هنا التُقطت في وقت مبكر، لذا لا يزال إصدار النموذج 4.0)
|
||||
|
||||
|
||||
|
||||
بعد تجهيز مفتاح API ومثال الاستدعاء، يمكنك لصقهما مباشرة في AI IDE، والسماح له بإنشاء عرض تفاعلي للواجهة الأمامية أو دمج القدرة في النموذج الأولي الحالي. لاحظ أنه في الصورة يمكنك اختيار ما إذا كان توليد صورة من نص أو توليد صورة واحدة من صور متعددة، تحتاج إلى اختيار الكود المرجعي بناءً على المتطلبات الحالية.
|
||||
|
||||
::: warning ⚠️ تلميح مهم
|
||||
المثال الافتراضي هنا معقد نسبيًا. تذكر تعطيل **"إضافة علامة مائية"** و**"الاستجابة المتدفقة"**، لضمان عدم إنشاء علامة مائية وعدم فشل الطلب.
|
||||
:::
|
||||
|
||||
نظرًا لأننا سنستخدم وضع إنشاء الصور المرجعية لاحقًا، فإننا نذهب أولاً إلى وظيفة إنشاء صورة واحدة من صور متعددة. يتم نسخ الكود المرجعي على النحو التالي:
|
||||
|
||||
```
|
||||
curl -X POST https://ark.cn-beijing.volces.com/api/v3/images/generations \
|
||||
-H "Content-Type: application/json" \
|
||||
-H "Authorization: Bearer xxxxxxx" \
|
||||
-d '{
|
||||
"model": "doubao-seedream-4-5-251128",
|
||||
"prompt": "غيّر ملابس الصورة الأولى لتصبح مثل ملابس الصورة الثانية",
|
||||
"image": ["https://ark-project.tos-cn-beijing.volces.com/doc_image/seedream4_imagesToimage_1.png", "https://ark-project.tos-cn-beijing.volces.com/doc_image/seedream4_imagesToimage_2.png"],
|
||||
"sequential_image_generation": "disabled",
|
||||
"response_format": "url",
|
||||
"size": "2K",
|
||||
"stream": false,
|
||||
"watermark": true
|
||||
}'
|
||||
```
|
||||
|
||||
بعد الحصول على كود مرجعي للصور، نجعل AI IDE يدعم وظائف مهام الصور الشائعة في التجارة الإلكترونية:
|
||||
|
||||
```
|
||||
يرجى بناءً على واجهة برمجة التطبيقات أدناه، مساعدتي في تنفيذ الوظائف الشائعة لأعمال التجارة الإلكترونية في هذا المشروع (مثل إنشاء الملصقات، وإنشاء الصورة الرئيسية لتجارة Douyin الإلكترونية، إلخ)
|
||||
|
||||
<الصق مفتاح API وكود تحرير الصور هنا>
|
||||
```
|
||||
|
||||
تأثير التنفيذ كالتالي:
|
||||
|
||||
|
||||
من الجدير بالذكر أنه نظرًا لأن إنشاء الصور قد يواجه غالبًا بعض المشاكل الغريبة، يُنصح بأن تسمح لـ AI IDE بعرض رسائل الخطأ الكاملة لتسهيل النسخ واللصق لإجراء التعديلات (وإلا فقد يظهر فشل الإنشاء بشكل متكرر دون معرفة السبب)، على سبيل المثال يمكنك أن تقول:
|
||||
|
||||
```
|
||||
لا تعرض فقط فشل إنشاء الصورة، بل اعرض السبب الكامل للفشل في كل مرة، مثل عدم تطابق الصور، خطأ في الطلب، انتهاء المهلة، إلخ!
|
||||
```
|
||||
|
||||
في بعض الأحيان لا يتم تطبيق التحديثات بعد التعديل على صفحة الويب. إذا لاحظت أن صفحة الويب تستمر في إظهار الأخطاء بعد التعديل (بشكل متكرر)، يمكنك أيضًا محاولة القول مباشرةً لـ AI IDE: يرجى إعادة تشغيل هذا المشروع.
|
||||
|
||||
في أعمال التجارة الإلكترونية، قد نرغب في جعل الملابس التي يحملها المستخدم يتم ارتداؤها تلقائيًا على شخصية، أو إنشاء صور بيع وجذابة للمنتجات أو ملصقات تلقائيًا. هنا المطالبة التي نحاول استخدامها هي جعلها تنشئ ملصقًا للتجارة الإلكترونية:
|
||||
|
||||
|
||||
|
||||
يمكنك، بناءً على سيناريو العمل الذي تتخيله، استخدام واجهة برمجة تطبيقات تحويل النص إلى صورة أو تحويل الصورة إلى صورة لتحقيق وظائف مختلفة.
|
||||
|
||||
## المزيد من الخيارات المختلفة لخدمات الصور
|
||||
|
||||
فيما يلي خيارات أخرى. يُنصح بأن تقوم بتشغيل نتائج إنشاء الصور من Qwen أولاً، ثم استخدام الخدمات التالية كبديل بناءً على التأثير والتكلفة (اختر بناءً على تجربة الاستخدام الفعلية).
|
||||
|
||||
### تكامل Recraft
|
||||
|
||||
إذا كان نموذجك الأولي يميل أكثر إلى "إنتاج التصميم" (مثل إنشاء رسوم توضيحية بأسلوب العلامة التجارية، ملصقات تسويقية، مواد بأسلوب متجهي)، فإن Recraft غالبًا سيكون أكثر ملاءمة. طريقة التكامل هي نفسها تمامًا كما في القسم السابق: **الحصول على المفتاح + العثور على المثال الرسمي + جعل AI IDE يطبق المثال على الزر/الصفحة الخاصة بك**.
|
||||
|
||||
::: details معرفة المزيد: ما هو Recraft؟
|
||||
|
||||
> Recraft هي أداة AI موجهة للمصممين والرسامين والمسوقين - تأسست في عام 2022 في الولايات المتحدة، ومقرها في لندن. تساعد في إنشاء/تكرار المرئيات (الصور، الفن المتجهي، الرسومات ثلاثية الأبعاد)، مع ميزات مثل مخرجات عالية الجودة (أي حجم/طول للنص)، وتحديد دقيق للعناصر، وتصميم متسق مع العلامة التجارية. موثوق بها من قبل أكثر من 3 ملايين مستخدم في 200 دولة (بما في ذلك Ogilvy و Netflix)، وتم إنشاء أكثر من 350 مليون صورة، ويهدف فريقها إلى جعلها أداة لا غنى عنها للمصممين، مما يضمن قدرة المبدعين على التحكم في سير عملهم المدعوم بالـ AI.
|
||||
>
|
||||
> 
|
||||
> 
|
||||
|
||||
أولاً، لا يزال يتعين علينا العثور على [مدخل API](https://www.recraft.ai/profile/api) للحصول على مفتاح API.
|
||||
|
||||
نظرًا لعدم توفير رصيد مجاني هنا، نحتاج إلى شحن 1,000 نقطة بأنفسنا. يدعم هذا الموقع Alipay و WeChat Pay، لذلك من السهل الحصول على 1,000 نقطة (ملاحظة: لا تشحن أكثر من الضروري).
|
||||
|
||||
|
||||
|
||||
بعد ذلك، لا نزال نتبع نفس الطريقة: الذهاب إلى الوثائق الرسمية للعثور على مثال الطلب المقابل:
|
||||
|
||||
- <https://www.recraft.ai/docs/api-reference/getting-started>
|
||||
- <https://www.recraft.ai/docs/api-reference/usage>
|
||||
- <https://www.recraft.ai/docs/api-reference/guides>
|
||||
|
||||
:::
|
||||
|
||||
### تكامل Qwen Image / Qwen Image Edit
|
||||
|
||||
إ كنت ترغب في استخدام طريقة أبسط للاتصال بخدمة إنشاء الصور، يمكنك التفكير في Qwen Image (Tongyi Wanxiang). يبقى النهج كما هو: تعامله كـ "واجهة برمجة تطبيقات لإنشاء الصور"، وقم بتوصيله بزر النموذج الأولي الخاص بك.
|
||||
|
||||
::: details معرفة المزيد: ما هو Qwen Image / Qwen Image Edit؟
|
||||
|
||||
**Qwen Image** (المعروف أيضًا باسم Tongyi Wanxiang) هي سلسلة نماذج إنشاء الصور التي أطلقتها فريق Tongyi التابع لـ Alibaba Cloud، وتتضمن بشكل أساسي نموذجين كبيرين:
|
||||
|
||||
**1. Qwen Image —— نموذج تحويل النص إلى صورة (Text-to-Image)**
|
||||
|
||||
ينشئ صورًا جديدة بناءً على وصف نصي. تقوم بإدخال مطالبة، ويفهم النموذج نيتك ويقوم بإنشاء صورة تتطابق مع الوصف.
|
||||
|
||||
|
||||
|
||||
**القدرات الرئيسية:**
|
||||
|
||||
- **تحويل النص إلى صورة**: إنشاء صور من وصف نصي، ودعم أنماط متعددة (واقعي، كرتوني، رسم بالحبر، سايبربانك، إلخ)
|
||||
- **نقل الأسلوب**: تحويل صورة إلى أسلوب فني محدد
|
||||
- **متغيرات الصورة**: إنشاء صور جديدة بأسلوب مشابه بناءً على صورة مرجعية
|
||||
- **تحسين الدقة**: تعزيز وضوح الصورة وتفاصيلها
|
||||
|
||||
**2. Qwen Image Edit —— نموذج تحويل الصورة إلى صورة (Image-to-Image)**
|
||||
|
||||
تحرير وتعديل الصور الحالية. من خلال تعليمات اللغة الطبيعية، دع النموذج يفهم نية التعديل الخاصة بك ويقوم بإنشاء النتيجة.
|
||||
|
||||
**القدرات الرئيسية:**
|
||||
|
||||
- **الاستبدال المحلي**: استبدال كائن أو شخص معين في الصورة (مثل "تغيير الخلفية إلى شاطئ البحر")
|
||||
- **إزالة العناصر**: إزالة العناصر غير المرغوب فيها من الصورة
|
||||
- **تحويل الأسلوب**: إضافة فلاتر أو تأثيرات فنية إلى الصورة
|
||||
- **توسيع الصورة**: توسيع حدود الصورة لإنشاء محتوى جديد
|
||||
- **تحرير ذكي للصور**: تجميل تلقائي، ضبط الإضاءة والظلال، إصلاح العيوب
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
**لماذا تختار سلسلة Qwen Image؟**
|
||||
|
||||
- **مُحسّن للصينية**: فهم أكثر دقة للمطالبات الصينية، ومناسب للمستخدمين المحليين
|
||||
- **تكلفة منخفضة**: مقارنة بالمنتجات التنافسية الدولية، السعر أكثر بأسعار معقولة
|
||||
- **سرعة عالية**: كفاءة إنشاء عالية، وقت استجابة قصير
|
||||
- **جودة مستقرة**: أداء مستقر وموثوق في سيناريوهات التجارة الإلكترونية والمواد
|
||||
- **أنماط متنوعة**: دعم مجموعة متنوعة من الأنماط الفنية والتأثيرات الإبداعية
|
||||
|
||||
**سيناريوهات التطبيق النموذجية:**
|
||||
|
||||
- التجارة الإلكترونية: إنشاء الصور الرئيسية، صور صفحات التفاصيل، ملصقات ترويجية
|
||||
- وسائل التواصل الاجتماعي: إنشاء صور الملف الشخصي، الرموز التعبيرية، الصور المصاحبة
|
||||
- التصميم: إنشاء سريع للرسومات المفاهيمية، صور المواد، صور الخلفية
|
||||
- التسويق: إعلانات، لافتات الأنشطة، ملصقات الأعياد
|
||||
:::
|
||||
|
||||
تحقق من الموقع الرسمي لـ [SiliconFlow](https://siliconflow.cn/). يوجد قسم "Playground" على الجانب الأيسر، حيث يمكنك تجربة نماذج مختلفة دون إجراء استدعاءات API. يوجد زر "Filters" في أعلى صفحة الويب؛ انقر فوقه لتصفية قائمة النماذج الموجودة على اليمين.
|
||||
|
||||
إذا اخترت "Image"، فسترى فقط جميع نماذج تحويل النص إلى صورة المدعومة حاليًا. في هذه الحالة، سنستخدم Qwen/Qwen-Image.
|
||||
|
||||
|
||||
|
||||
بعد إعداد كل شيء، نحتاج إلى الرجوع إلى وثائق واجهة برمجة تطبيقات إنشاء الصور المقابلة. يمكنك العثور على أي قسم يحمل علامة "API Reference" في صفحة الوثائق الرسمية. انقر فوقه، ثم انتقل إلى [قسم API لإنشاء الصور](https://docs.siliconflow.cn/cn/api-reference/images/images-generations) وابحث عن مثال الطلب ذي الصلة.
|
||||
|
||||
يمكنك إرسال مثال الطلب التالي مع API KEY إلى AI IDE، لتحقيق وظيفة إنشاء الصور.
|
||||
|
||||
```bash
|
||||
curl --request POST \
|
||||
--url https://api.siliconflow.cn/v1/images/generations \
|
||||
--header 'Authorization: Bearer <token>' \
|
||||
--header 'Content-Type: application/json' \
|
||||
--data '
|
||||
{
|
||||
"model": "Qwen/Qwen-Image-Edit-2509",
|
||||
"prompt": "an island near sea, with seagulls, moon shining over the sea, light house, boats int he background, fish flying over the sea"
|
||||
}
|
||||
'
|
||||
```
|
||||
|
||||
يمكن استخدام النموذج Qwen/Qwen-Image أو Qwen/Qwen-Image-Edit-2509 هنا.
|
||||
|
||||
::: details كود مرجعي لتحرير الصور
|
||||
|
||||
انسخ الكود التالي والمفتاح (key)، وأرسلهما معًا إلى AI IDE:
|
||||
|
||||
```python
|
||||
import requests
|
||||
import os
|
||||
from typing import Dict, Any, Optional
|
||||
|
||||
SILICONFLOW_API_KEY: str = ""
|
||||
SILICONFLOW_BASE_URL: str = "https://api.siliconflow.cn/v1/images/generations"
|
||||
QWEN_IMAGE_EDIT_MODEL: str = "Qwen/Qwen-Image-Edit-2509"
|
||||
|
||||
def generate_image_edit(
|
||||
prompt: str,
|
||||
image: Optional[str] = None,
|
||||
image2: Optional[str] = None,
|
||||
image3: Optional[str] = None,
|
||||
negative_prompt: Optional[str] = None,
|
||||
cfg: Optional[float] = 4.0,
|
||||
seed: Optional[int] = None
|
||||
) -> Optional[Dict[str, Any]]:
|
||||
payload: Dict[str, Any] = {
|
||||
"model": QWEN_IMAGE_EDIT_MODEL,
|
||||
"prompt": prompt,
|
||||
}
|
||||
if image:
|
||||
payload["image"] = image
|
||||
if image2:
|
||||
payload["image2"] = image2
|
||||
if image3:
|
||||
payload["image3"] = image3
|
||||
if negative_prompt:
|
||||
payload["negative_prompt"] = negative_prompt
|
||||
if cfg is not None:
|
||||
payload["cfg"] = cfg
|
||||
if seed is not None:
|
||||
payload["seed"] = seed
|
||||
|
||||
headers: Dict[str, str] = {
|
||||
"Authorization": f"Bearer {SILICONFLOW_API_KEY}",
|
||||
"Content-Type": "application/json"
|
||||
}
|
||||
|
||||
try:
|
||||
response = requests.post(SILICONFLOW_BASE_URL, json=payload, headers=headers)
|
||||
response.raise_for_status()
|
||||
return response.json()
|
||||
except requests.exceptions.RequestException as e:
|
||||
print(f"Error generating image: {e}")
|
||||
return None
|
||||
|
||||
def save_image_from_url(image_url: str, output_path: str = "image.png") -> bool:
|
||||
try:
|
||||
response = requests.get(image_url)
|
||||
response.raise_for_status()
|
||||
os.makedirs(os.path.dirname(output_path) if os.path.dirname(output_path) else ".", exist_ok=True)
|
||||
with open(output_path, "wb") as f:
|
||||
f.write(response.content)
|
||||
print(f"Image saved successfully to: {output_path}")
|
||||
return True
|
||||
except requests.exceptions.RequestException as e:
|
||||
print(f"Error downloading image: {e}")
|
||||
return False
|
||||
except Exception as e:
|
||||
print(f"Error saving image: {e}")
|
||||
return False
|
||||
|
||||
prompt: str = "اجعل السماء في وقت المساء، مع قمر ونجوم، بأسلوب حالم"
|
||||
negative_prompt: str = "ضبابي، جودة منخفضة، مشوّه"
|
||||
image_url: str = "https://inews.gtimg.com/om_bt/Os3eJ8u3SgB3Kd-zrRRhgfR5hUvdwcVPKUTNO6O7sZfUwAA/641"
|
||||
image2_url: Optional[str] = None
|
||||
image3_url: Optional[str] = None
|
||||
|
||||
cfg: float = 4.0
|
||||
seed: int = 12345
|
||||
output_path: str = "edited_image.png"
|
||||
|
||||
print(f"Generating edited image with prompt: {prompt}")
|
||||
print(f"Input image: {image_url}")
|
||||
print(f"CFG: {cfg}, Seed: {seed}")
|
||||
print("-" * 50)
|
||||
|
||||
result = generate_image_edit(
|
||||
prompt=prompt,
|
||||
image=image_url,
|
||||
image2=image2_url,
|
||||
image3=image3_url,
|
||||
negative_prompt=negative_prompt,
|
||||
cfg=cfg,
|
||||
seed=seed
|
||||
)
|
||||
|
||||
if result and "images" in result:
|
||||
images = result["images"]
|
||||
if images and len(images) > 0:
|
||||
image_url_result = images[0]["url"]
|
||||
print(f"Image edit generated successfully. URL: {image_url_result}")
|
||||
success = save_image_from_url(image_url_result, output_path)
|
||||
if success:
|
||||
print(f"Image saved to: {output_path}")
|
||||
else:
|
||||
print("Failed to save image to local file")
|
||||
else:
|
||||
print("No images found in response")
|
||||
else:
|
||||
print("Image generation failed")
|
||||
if result:
|
||||
print(f"Response: {result}")
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
# الملحق: كيفية العثور على نموذج AI "الأقوى حالياً"
|
||||
|
||||
تتطور النماذج النصية (والتي تُعرف غالباً بـ "النماذج اللغوية الكبيرة" أو LLMs) بسرعة كبيرة، ونحتاج دائماً إلى التأكد من أننا نستخدم أحد النماذج ذات الأداء الأفضل. من خلال الموقعين التاليين، يمكنك بسهولة رؤية "النماذج الشائعة الاستخدام حالياً والتي تحظى بتقييمات أفضل".
|
||||
|
||||
بشكل عام، يمكن فهم هذه المواقع على أنها **"ساحة منافسة للنماذج"**: حيث يتم وضع مخرجات نموذجين معاً، وتصوت للنموذج الذي تفضله. النموذج الحاصل على أصوات أعلى، يعني عادةً أن المزيد من الناس يرون أنه "أفضل في الاستخدام".
|
||||
|
||||
بالإضافة إلى ذلك، قد تلاحظ أحياناً في هذه الساحات نماذج مجهولة وغامضة ("Unknown Model"). هذا يعني عادةً: أن شخصاً ما قام بإدخال "نموذج اختبار داخلي" سراً لإجراء اختبار أعمى، وقد تتيح لك الفرصة لتجربة قدرات أقوى مسبقاً.
|
||||
|
||||
## LMArena
|
||||
|
||||
الموقع: <https://lmarena.ai/>
|
||||
|
||||
يناسب LMArena بشكل أفضل لتحديد "الإجابة التي يفضلها معظم الناس لنموذج معين". كلما زادت الأصوات وارتفعت النتيجة، يعني ذلك عادةً أنه أكثر استقراراً في سيناريوهات الاستخدام الفعلية.
|
||||
|
||||
طريقة استخدام بسيطة هي:
|
||||
|
||||
1. النظر مباشرة إلى لوحة المتصدرين (Leaderboard)
|
||||
2. اختيار التوجه الذي ترغب فيه أولاً (على سبيل المثال: محادثة عامة / برمجة / رؤية حاسوبية)
|
||||
3. اختيار النموذج المتاح لك من بين أفضل 3 (يمكنك الوصول إليه، وسعره مقبول، و زمن الاستجابة مقبول)
|
||||
|
||||
|
||||
|
||||
## Artificial Analysis
|
||||
|
||||
الموقع: <https://artificialanalysis.ai/>
|
||||
|
||||
يناسب Artificial Analysis بشكل أفضل لمقارنة "الأداء / السعر / السرعة" في جدول واحد، ويمكنك اعتباره كجدول مواصفات لاختيار النموذج.
|
||||
|
||||
طرق الاستخدام الشائعة هي:
|
||||
|
||||
1. العثور على فئة النموذج التي تهتم بها (نص / توليد صور، إلخ)
|
||||
2. النظر إلى مؤشرات الجودة (Quality) + السعر (Price) + زمن الاستجابة/الإنتاجية (Latency/Throughput)
|
||||
3. اختيار نموذج يمثل "أفضل قيمة شاملة" يناسب منتجك
|
||||
|
||||
::: tip ✅ نصيحة
|
||||
لا تتجادل بناءً على الشعور حول "أيهما أقوى". النهج الأكثر موثوقية هو: اختبار 2~3 نماذج في نفس الوقت باستخدام نفس مجموعة المدخلات، ثم اتخاذ القرار بناءً على لوحات المتصدرين والأسعار.
|
||||
:::
|
||||
|
||||
## الخلاصة
|
||||
|
||||
عند التكامل مع مختلف خدمات AI، لا داعي لتخيل أن الـ API معقد للغاية. من خلال إمساك المفاهيم الأساسية التالية، يمكنك التعامل مع معظم السيناريوهات بشكل أساسي:
|
||||
|
||||
**جوهر الـ API هو جسر اتصال**. ما يفعله بسيط جداً: إرسال طلبك، ثم إعادة استجابة النموذج إليك. لا تحتاج إلى الاهتمام بما يحدث في الخلفية، كل ما عليك فعله هو تنظيم تنسيق الطلب بشكل صحيح.
|
||||
|
||||
**الـ SDK هو تغليف للـ API**. إذا كان الـ API هو الواجهة الخام (raw)، فإن الـ SDK هو مجموعة أدوات جاهزة - حيث يقوم بإنجاز التفاصيل المملة مثل توقيع الطلبات، ومعالجة الأخطاء، والتحقق من المعلمات نيابةً عنك. في التطوير اليومي، يُفضل اختيار الـ SDK بدلاً من استدعاء الـ API مباشرة، مما يوفر عليك الكثير من المتاعب.
|
||||
|
||||
**عند قراءة الوثائق، يكفي التركيز على ثلاثة أشياء فقط**: عنوان الخدمة (endpoint)، وبيانات الاعتماد (API key)، وكيفية ملء معلمات الاستدعاء. بمجرد توضيح هذه النقاط الثلاث، فإن نجاح الاستدعاء هو مسألة وقت فقط.
|
||||
|
||||
باقي العمل، ستقوم بيئة التطوير المتكاملة (IDE) وأدوات التطوير الحديثة بمساعدتك في إنجازه. ركز على منطق عملك، واترك أمور الاستدعاءات الأساسية لهذه الـ SDKs وسلاسل الأدوات الناضجة.
|
||||
|
||||
# 5. 📚 الواجب: تكامل قدرتك الأولى في AI
|
||||
|
||||
<el-card shadow="hover" style="margin: 20px 0; border-radius: 12px;">
|
||||
<template #header>
|
||||
<div style="font-weight: bold; font-size: 16px;">🚀 مهمة التحدي: تكامل قدرات AI في مساحة عملك</div>
|
||||
</template>
|
||||
|
||||
<p>
|
||||
بالرجوع إلى الـ prompts ومحتوى هذا الدرس، قم بإكمال دورة كاملة مغلقة:
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<strong>ممارسة الدورة الكاملة المغلقة</strong>
|
||||
<ul>
|
||||
<li>اختر واتصل بخدمة AI (LLM / نص لصورة / صورة لصورة) → قم بتنفيذ التفاعل بين الواجهة الأمامية والخلفية → قم بدمجها في النموذج الأولي الخاص بك</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<strong>مشاركة النتائج</strong>
|
||||
<ul>
|
||||
<li>التقط لقطة شاشة لصفحة وظيفتك وشاركها مع الجميع</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<strong>سؤال تفكيري</strong>
|
||||
<ul>
|
||||
<li>اترك مساحة للدرس التالي "ممارسة مشروع كامل"، وفكر مسبقاً: كيف تنوي دمج هذه قدرات AI معاً لصنع وظيفة ممتعة؟</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
|
||||
## الخطوة التالية
|
||||
|
||||
في القسم التالي، سنربط هذه قدرات AI المتباينة معاً، ونبني منتجاً كاملاً بالجمع بين سيناريوهات العمل الفعلية:
|
||||
|
||||
- ربط مراحل مثل تخطيط المحتوى، ورفع المنتجات، وتحليل البيانات في مسار عمل كامل
|
||||
- تضمين قدرات AI التي تعلمناها في هذا الدرس (توليد النصوص عبر LLM، نص لصورة، تحرير الصور، إلخ) في عقد العمل الفعلية
|
||||
- بناء "مساحة عمل AI للتجارة الإلكترونية" قابلة للاستخدام فعلياً، وليس مجرد demo معزول
|
||||
|
||||
<RelatedArticlesSection
|
||||
title="مقالات ذات صلة"
|
||||
description="مسار التعلم الموصى به من قدرة AI فردية إلى مسار منتج كامل."
|
||||
:items="relatedArticles"
|
||||
/>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,275 @@
|
||||
---
|
||||
title: 'من الفكرة إلى منتج AI - خريطة طريق تعلم Easy-Vibe'
|
||||
description: 'خريطة طريق كاملة لتعلم برمجة الذكاء الاصطناعي: من الصفر إلى التطوير الشامل. أتقن أدوات AI IDE مثل Vibe Coding و Claude Code و Cursor، وتعلم التفكير في المنتجات والتطوير الشامل وتكامل قدرات الذكاء الاصطناعي.'
|
||||
---
|
||||
|
||||
<script setup>
|
||||
import { relatedArticlesMap } from '@theme/data/relatedArticles'
|
||||
|
||||
const relatedArticles = relatedArticlesMap['ar-sa/stage-1/learning-map'] ?? []
|
||||
</script>
|
||||
|
||||
# من الفكرة إلى منتج AI
|
||||
|
||||
::: info شكر خاص
|
||||
شكر خاص لطلاب **جامعة تسينغهوا بم-campus شنتشن الدولي للدراسات العليا** على اختبار هذه الدورة التدريبية وتقديم الملاحظات والدعم! آراؤكم ومساهماتكم جعلت هذه الدورة أفضل. [👉 عرض قائمة المساهمين الكاملة](https://github.com/datawhalechina/easy-vibe#-contributing--contributors)
|
||||
:::
|
||||
|
||||
في الماضي، كان صنع البرمجيات يتطلب مستوى عالٍ: كنت بحاجة إلى فهم البرمجة والخوارزميات، والحصول على خبرة مشروع لعدة سنوات.
|
||||
الآن الأمر مختلف. طالما لديك فكرة، يمكن للذكاء الاصطناعي مساعدتك في كتابة التعليمات البرمجية.
|
||||
|
||||
هذا تغيير كبير: **لغات البرمجة أصبحت لغات طبيعية**.
|
||||
|
||||
مع ظهور النماذج اللغوية الكبيرة (LLM)، لم يعد التطوير "حكرًا على خبراء التقنية"، بل أصبح أداة يمكن للجميع استخدامها. كان أصعب جزء في الماضي هو "كيفية كتابة التعليمات البرمجية"، أما الآن فأصعب جزء هو "**ماذا تريد أن تصنع**".
|
||||
|
||||
> **ما هو Vibe Coding؟**
|
||||
> ببساطة، هو "البرمجة بالكلام". Vibe Coding يعني أنه يمكنك الاعتماد على التحدث مع الذكاء الاصطناعي فقط، بدلاً من كتابة التعليمات البرمجية مباشرة، لإكمال مشاريع البرمجة.
|
||||
|
||||
بالطبع، جعل الذكاء الاصطناعي يكتب التعليمات البرمجية هو مجرد الخطوة الأولى. لصنع منتج حقيقي قابل للاستخدام، ستواجه هذه المشكلات:
|
||||
- كيف تجعل الذكاء الاصطناعي يكتب تعليمات برمجية نظيفة وقابلة للصيانة؟
|
||||
- كيف تجمع التعليمات البرمجية المتناثرة في تطبيق يعمل؟
|
||||
- كيف تجعل التطبيق يعمل فعليًا ويستخدمه الناس؟
|
||||
- كيف تدمج قدرات الذكاء الاصطناعي مثل إنشاء النصوص والتعرف على الصور في منتجك؟
|
||||
|
||||
ستجد الإجابات على هذه الأسئلة في هذه الدورة.
|
||||
|
||||
سواء كنت طالبًا أو معلمًا أو طبيبًا أو عاملًا أو أي شخص عادي لا يعرف أي شيء عن التقنية - لا تحتاج إلى تعلم البرمجة لسنوات، يمكنك صنع نموذج أولي للمنتج يعمل ويمكن عرضه في غضون أسبوعين.
|
||||
|
||||
| هويتك | ما يمكن أن تساعدك هذه الدورة |
|
||||
|---------|-------------|
|
||||
| طالب | الواجبات والمسابقات وريادة الأعمال، اصنع مشاريعك بنفسك، بدلاً من طلب المساعدة من الآخرين |
|
||||
| محترف | أتمتة العمل المتكرر، تحسين الكفاءة، حتى تطوير مشروع جانبي |
|
||||
| مدير منتجات / مصمم | الأفكار لم تعد تبقى على الورق، يمكنك إنشاء عرض تجريبي سريع لرؤسائك/عملائك |
|
||||
| رائد أعمال / صاحب مشروع صغير | التحقق من الأفكار بتكلفة منخفضة، يمكنك صنع MVP دون إنفاق آلاف على الاستعانة بمصادر خارجية |
|
||||
| معلم / عامل في مجال التعليم | إنشاء أدوات تعليمية ومواد دورات والاختبار الآلي، تحسين كفاءة التدريس |
|
||||
| طبيب / محامي / عامل محترف | أتمتة العمليات المهنية، وبناء أدوات الكفاءة الخاصة بك |
|
||||
| أي شخص | استخدام الذكاء الاصطناعي لحل مشكلات محددة في الحياة/العمل، تحويل المستحيل إلى ممكن |
|
||||
|
||||
في عصر الذكاء الاصطناعي، القدرة على التنفيذ والأفكار أهم دائمًا من التقنية.
|
||||
|
||||
## مسار النمو: من "يعرف استخدام الذكاء الاصطناعي" إلى "يعرف صنع منتجات الذكاء الاصطناعي"
|
||||
|
||||
<div class="stage-intro">
|
||||
<div class="stage-card">
|
||||
<div class="stage-icon">🎮</div>
|
||||
<h3>دليل المبتدئين</h3>
|
||||
<p class="stage-role">تجربة برمجة الذكاء الاصطناعي</p>
|
||||
<div class="stage-tags">
|
||||
<span>لعبة الثعبان الصغيرة</span>
|
||||
<span>البدء من الصفر</span>
|
||||
<span>أول تجربة لـ Vibecoding</span>
|
||||
<span>إنشاء في بضع دقائق</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stage-grid">
|
||||
<div class="stage-card">
|
||||
<div class="stage-icon">🛠️</div>
|
||||
<h3>المرحلة الأولى</h3>
|
||||
<p class="stage-role">مدير المنتجات / العمليات</p>
|
||||
<div class="stage-tags">
|
||||
<span>AI IDE (Cursor/Claude)</span>
|
||||
<span>تفكيك المتطلبات والنماذج الأولية</span>
|
||||
<span>تكامل قدرات الذكاء الاصطناعي</span>
|
||||
<span>تطوير Demo كامل</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stage-card">
|
||||
<div class="stage-icon">💻</div>
|
||||
<h3>المرحلة الثانية</h3>
|
||||
<p class="stage-role">مطور متوسط/مبتدئ / مطور مستقل</p>
|
||||
<div class="stage-tags">
|
||||
<span>من Figma إلى التعليمات البرمجية</span>
|
||||
<span>قاعدة بيانات Supabase</span>
|
||||
<span>تكامل دفع Stripe</span>
|
||||
<span>قاعدة معرفة Dify</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stage-card">
|
||||
<div class="stage-icon">🚀</div>
|
||||
<h3>المرحلة الثالثة</h3>
|
||||
<p class="stage-role">مطور متقدم / مهندس معماري</p>
|
||||
<div class="stage-tags">
|
||||
<span>ويب/تطبيقات صغيرة/متعدد المنصات</span>
|
||||
<span>أدوات MCP المتقدمة</span>
|
||||
<span>RAG & LangGraph</span>
|
||||
<span>تفكير المهندس المتقدم</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.stage-intro {
|
||||
margin: 20px auto;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.stage-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||||
gap: 12px;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
.stage-card {
|
||||
border: 1px solid var(--vp-c-divider);
|
||||
border-radius: 10px;
|
||||
padding: 12px;
|
||||
background-color: var(--vp-c-bg-soft);
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.stage-card:hover {
|
||||
transform: translateY(-2px);
|
||||
background-color: var(--vp-c-bg-mute);
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
|
||||
border-color: var(--vp-c-brand);
|
||||
}
|
||||
|
||||
.stage-icon {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 8px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.stage-card h3 {
|
||||
margin: 0 0 4px 0 !important;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.stage-role {
|
||||
margin: 0 0 8px 0 !important;
|
||||
font-size: 0.8rem;
|
||||
color: var(--vp-c-text-2);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.stage-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.stage-tags span {
|
||||
font-size: 0.7rem;
|
||||
padding: 1px 6px;
|
||||
border-radius: 3px;
|
||||
background-color: var(--vp-c-bg-alt);
|
||||
color: var(--vp-c-text-2);
|
||||
border: 1px solid var(--vp-c-divider);
|
||||
}
|
||||
|
||||
.stage-card:hover .stage-tags span {
|
||||
background-color: var(--vp-c-bg);
|
||||
border-color: var(--vp-c-brand-dimm);
|
||||
color: var(--vp-c-brand-dark);
|
||||
}
|
||||
</style>
|
||||
|
||||
من خلال مسار التعلم الكامل هذا، ستحصل على:
|
||||
|
||||
- **قدرة تطوير Vibe Coding:** إتقان التفكير في vibecoding وأدوات الترميز بالذكاء الاصطناعي، وزيادة كفاءة التطوير عدة مرات. لم تعد بحاجة إلى حفظ القواعد عن ظهر قلب، بل تعلم كيفية توجيه الذكاء الاصطناعي لتوليد تعليمات برمجية عالية الجودة.
|
||||
- **مهارات التطوير الشامل:** من تصميم واجهة المستخدم إلى تنفيذ الواجهة الأمامية، من تصميم قاعدة البيانات إلى تطوير API، من التطوير المحلي إلى النشر السحابي، إتقان مجموعة التقنيات الكاملة لتطبيقات الويب الحديثة.
|
||||
- **تكامل قدرات الذكاء الاصطناعي:** تعلم استدعاء واجهات برمجة تطبيقات الذكاء الاصطناعي متعددة الوسائط المختلفة، ودمج قدرات الذكاء الاصطناعي مثل النصوص والصور والكلام بسلاسة في تطبيقاتك، وبناء منتجات ذكية من خلال تقنيات مثل RAG.
|
||||
- **التفكير في المنتجات وقدرات العمليات:** من بحث المستخدمين إلى تفكيك المتطلبات، من تصميم MVP إلى تكرار المنتج، من تكامل المدفوعات إلى إدارة المستخدمين، تشكيل حلقة كاملة من تطوير المنتجات والعمليات.
|
||||
|
||||
# ماذا يمكنك أن تفعل بعد التعلم؟
|
||||
|
||||
## المرحلة الأولى: اصنع نموذجك الأولي للمنتج
|
||||
|
||||
هذه المرحلة مناسبة للطلاب الذين ليس لديهم أساس برمجي على الإطلاق، أو الذين يعرفون القليل فقط لكنهم ليسوا واثقين. لا تحتاج إلى تعلم الكثير من النظريات أولاً، بل اتبع الخطوات مباشرة وتعلم استخدام أدوات الذكاء الاصطناعي لكتابة التعليمات البرمجية أثناء العملية.
|
||||
|
||||
**بعد التعلم ستتمكن من**:
|
||||
- استخدام أدوات برمجة الذكاء الاصطناعي بشكل مستقل لإكمال تطبيق ويب
|
||||
- تحويل أفكار المنتجات إلى نماذج أولية قابلة للنقر والتفاعل
|
||||
- إضافة ميزات ذكاء اصطناعي للنموذج الأولي (مثل إنشاء الصور من النصوص، المحادثة الذكية)
|
||||
- معرفة كيفية استكشاف الأخطاء وإصلاحها عند مواجهتها
|
||||
|
||||
ببساطة، ستتمكن من صنع شيء "يعمل ويمكن عرضه للآخرين".
|
||||
|
||||
يمكننا أولاً تجربة برمجة الذكاء الاصطناعي من خلال الألعاب الصغيرة، ثم تعلم كيفية استخدام أدوات برمجة الذكاء الاصطناعي لمساعدتك في كتابة التعليمات البرمجية وإصلاح الأخطاء. ثم البدء بصفحة بسيطة، والعمل تدريجيًا نحو تطبيق متعدد الصفحات تفاعلي، ثم إضافة ميزات ذكاء اصطناعي مثل إنشاء الصور من النصوص والمحادثة الذكية. أخيرًا، إكمال مشروع كامل بشكل مستقل، مما يتيح لأفكارك الإبداعية فرصة حقيقية للتحقق.
|
||||
|
||||
# لماذا نستخدم نهج قائم على المشاريع للتدريب؟
|
||||
|
||||
> **تحديات العالم الحقيقي**
|
||||
>
|
||||
> السبب في الواقع بسيط جدًا: بالنظر إلى حالة معظم الطلاب حاليًا، عند الدخول المباشر إلى سوق العمل، من المرجح جدًا أن تواجه صعوبات في المشاريع الحقيقية وتحت "الضرب المجتمعي" من الرؤساء/العملاء. المشاهد الأكثر شيوعًا في العالم الحقيقي هي:
|
||||
|
||||
> مديرك/رئيسك: نريد صنع xxx، والهدف هو تحقيق تأثير yyy.
|
||||
>
|
||||
> الوثائق؟ الأطر الجاهزة؟ مواصفات المتطلبات التفصيلية؟ في كثير من الأحيان لا يوجد أي منها.
|
||||
|
||||
العديد من المهام في العمل الحقيقي هي في جوهرها حل مشكلات لم يسبق رؤيتها من قبل في بيئة عالية عدم اليقين: المتطلبات غامضة، والحدود متغيرة، ولا أحد يخبرك بالإجابة الصحيحة، تحتاج إلى البحث عن المعلومات بنفسك، وإجراء التجارب، وبناء النماذج الأولية، والتكرار المستمر، وأخيرًا تقديم حل "يعمل ويمكن استخدامه ويمكن إطلاقه".
|
||||
|
||||
ما تريد هذه الدورة القيام به هو إعطائك "محاكاة للضرب المجتمعي" مسبقًا في بيئة آمنة نسبيًا:
|
||||
|
||||
- من خلال مهام مشروع تبدو صعبة إلى حد ما، إجبارك على ممارسة تفكيك المشكلات، وتصميم الحلول، والبحث عن المعلومات بنفسك
|
||||
- من خلال السقالات والتعليمات البرمجية غير "المبسطة"، ستتعلم قراءة وفهم وتعديل قاعدة تعليمات برمجية متوسطة إلى كبيرة
|
||||
- من خلال الحلقة الكاملة من الفكرة إلى الإطلاق، ستجرب العملية الكاملة للمنتج من الصفر إلى الواحد
|
||||
|
||||
على المدى القصير، هذا التدريب مؤلم بالفعل؛ لكن على المدى الطويل، سيعزز بشكل كبير قدرتك التنافسية في البحث عن عمل والتطور المهني: ستكون أكثر قدرة على تحمل المسؤوليات، وأكثر قدرة على إيجاد اختراقات في بيئات غير مؤكدة، وأكثر قدرة على تحويل الذكاء الاصطناعي إلى منتجات حقيقية، بدلاً من البقاء عند مرحلة "تجربة العرض التوضيحي".
|
||||
|
||||
# فن طرح الأسئلة: مهارة أساسية في عصر الذكاء الاصطناعي
|
||||
|
||||
في عصر الذكاء الاصطناعي، طرح الأسئلة هو أيضًا نوع من "المهارات الأساسية". نفس التعليمات البرمجية، نفس الخطأ، **كيف تطرح سؤالك يحدد تقريبًا نوع الإجابة التي يمكن للذكاء الاصطناعي تقديمها**: هل هي إجابة عامة، أم حلول قابلة للتنفيذ خطوة بخطوة.
|
||||
|
||||
**عادات جيدة**: اجعل "سؤال الذكاء الاصطناعي" جزءًا من عملية التطوير اليومية: عندما تواجه شيئًا لا تفهمه أو مشكلة عالقة، اسأل على الفور.
|
||||
|
||||
## لماذا هذه مهارة أساسية؟
|
||||
|
||||
- **نادرًا ما توجد وثائق كاملة في الواقع**: في أغلب الأحيان تواجه متطلبات غير واضحة، تعليمات برمجية نصف مكتملة، رسائل خطأ متفرقة
|
||||
- **الذكاء الاصطناعي هو معلمك وزميلك في أي وقت**: الشخص الذي يعرف كيف يسأل يمكن أن يحول الذكاء الاصطناعي إلى "برمجة زوجية عالية الجودة"
|
||||
- **الحد الأعلى للقدرة يحدده التواصل**: كلما زادت المعلومات الرئيسية التي تقدمها، وكلما كان تنسيق المخرجات أكثر تحكمًا، كانت الإجابة أكثر قابلية للاستخدام
|
||||
|
||||
**سوء فهم شائع**: سؤال واحد فقط "لماذا الخطأ؟" عادة ما يحصل فقط على كومة من التخمينات. املأ السياق، وستحصل على حلول قابلة للتنفيذ.
|
||||
|
||||
## كيفية "إطعام" المعلومات للذكاء الاصطناعي: لقطات الشاشة مقابل النسخ واللصق
|
||||
|
||||
كلتا الطريقتين ممكنتان، لكن للاستخدامات المختلفة:
|
||||
|
||||
| الطريقة | سيناريو الاستخدام | المتطلبات الرئيسية |
|
||||
| ------------ | ----------------------------------------- | ----------------------------------------- |
|
||||
| **النسخ واللصق** | تتبع أخطاء المكدس، السجلات، التعليمات البرمجية، التكوينات، إرجاع API | حاول أن تكون كاملاً، لا تقتطع سطرًا واحدًا من الكلمات الرئيسية |
|
||||
| **لقطة شاشة** | مشاكل تخطيط UI، التفاعلات غير الطبيعية، أزرار واجهة الأدوات غير موجودة | لقطة شاشة كاملة + حدد المنطقة الرئيسية، من الأفضل إضافة جملة وصفية نصية |
|
||||
|
||||
::: danger ⚠️ شرط مسبق مهم
|
||||
**ليس كل الذكاء الاصطناعي يدعم إدخال الصور.** التواصل بلقطات الشاشة يتطلب أن يمتلك الذكاء الاصطناعي قدرات متعددة الوسائط (أي القدرة على فهم وتحليل الصور). حاليًا، تشمل نماذج الذكاء الاصطناعي التي تدعم إدخال الصور: Claude (Anthropic)، GPT-4V/GPT-4o (OpenAI)، Gemini (Google)، وبعض النماذج المحلية الكبيرة.
|
||||
|
||||
**إذا كان الذكاء الاصطناعي الذي تستخدمه لا يدعم إدخال الصور**، فلن يتم التعرف على لقطات الشاشة، فيرجى استخدام طريقة النسخ واللصق للتواصل.
|
||||
:::
|
||||
|
||||
## تقنيات المطالبات التي تجعل الذكاء الاصطناعي "يشرح بشكل جيد"
|
||||
|
||||
إذا كنت لا تريد الإجابة فقط، بل تريد "تعلم" الإجابة. استخدام تعليمات مشابهة لما يلي يمكن أن يحسن بشكل كبير من جودة الشرح:
|
||||
|
||||
> **مثال على سؤال تعليمي**
|
||||
>
|
||||
> - "يرجى شرح هذا المفهوم في 5 جمل أولاً، ثم أعطني بعض الأسئلة لاختبار ما إذا كنت قد فهمت بشكل صحيح."
|
||||
> - "يرجى شرح رسالة الخطأ هذه بالتفصيل، لا أفهم سبب الخطأ."
|
||||
|
||||
# بعد المثابرة لفترة طويلة ما زلت لا أستطيع الحل، أريد الاستسلام
|
||||
|
||||
ربما تكون طريقة مثابرتك خاطئة. لا تعاني بمفردك في الظلام، يمكنك التحدث مع المؤلف والمساعدين التعليميين: أخبرهم بصدق عن الطرق التي جربتها، والنقاط المحددة التي واجهتها، وحالتك النفسية الحالية. في كثير من الأحيان، بمجرد تعديل الاتجاه قليلاً، أو إضافة نقطة معرفية رئيسية، يمكنك الاستمرار في المضي قدمًا.
|
||||
|
||||
# أعتقد أن بعض تصميمات الدورة التعليمية غير معقولة
|
||||
|
||||
نرحب بك دائمًا للتواصل مع المؤلف، أو تقديم مشكلة، أو تقديم ملاحظات مباشرة في المجموعة/الفصل. نأمل بشدة أن نعمل معك لتحسين هذه الدورة التعليمية: ما هو غير واضح، ما هي التجربة السيئة، ما الذي جعلك تهدر الجهد، يمكن الإشارة إليه بصراحة. كلما كانت الملاحظات أكثر واقعية وتحديدًا، زادت مساعدتها للقادمين الجدد لتجنب الأخطاء.
|
||||
|
||||
# المراجع
|
||||
|
||||
- [جامعة نانجينغ قسم علوم الكمبيوتر والتكنولوجيا تجربة أساسيات أنظمة الكمبيوتر](https://nju-projectn.github.io/ics-pa-gitbook/ics2025/)
|
||||
|
||||
<RelatedArticlesSection
|
||||
title="ماذا تتعلم بعد ذلك"
|
||||
description="وفقًا لمسار 'من يعرف استخدام الذكاء الاصطناعي إلى يعرف صنع المنتجات'، استمر في المضي قدمًا."
|
||||
:items="relatedArticles"
|
||||
/>
|
||||
Reference in New Issue
Block a user