الرعاية الصحية والتحول الرقمي بفضل الذكاء الاصطناعي

  • ابدأ في إنشاء تطبيق يعمل بالذكاء الاصطناعي باستخدام أداة لا تتطلب كتابة أكواد برمجية
  • تعلّم كيف تحفظ تطبيقات الويب البيانات باستخدام تخزين المتصفح.
  • فهم كيف يمكن للذكاء الاصطناعي أن يكون شريكًا في التفكير، وليس بديلًا عن التفكير.
  • تعرف على كيفية ربط مشروعك بـ GitHub حتى لا تفقد كودك أبدًا
  • تطبيق Founder’s Toolkit عامل تم بناؤه في GitHub Codespaces ويتضمن:
    • وحدة تخزين الملاحظات لتنظيم المساهمات الأولية من أصحاب المصلحة
    • وحدة المعارض التي توفّر “صوتًا ثالثًا” وتتحدى تعريفك للمشكلة.
  • مستودع GitHub يحتوي على مشروع مجموعة أدوات المؤسس Founder’s Toolkit الخاص بك، حيث سيتم حفظ الكود الخاص بك.
  • يفهم الطلاب المفاهيم الأساسية للذكاء الاصطناعي، وقد استكشفوا أدوات الذكاء الاصطناعي في وحدات ريادة الأعمال، وهي الوعي بالذكاء الاصطناعي والعقلية الريادية.
  • لا يتطلب خبرة سابقة في البرمجة أو الهندسة السريعة

من الاستكشاف إلى العمل

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

  • هل تتوافق هذه المشكلة معهم؟
  • ما هي الجوانب التي يعتبرونها الأكثر أهمية؟
  • ما هي الأسئلة أو المخاوف التي تخطر ببالك؟
  • ما الذي ينقصك في هذه المسألة؟

لقد شجّعتهم على لعب دور المعارض، ودوّنت ملاحظات حول تعليقاتهم.

حان الوقت الآن لجعل الذكاء الاصطناعي يعمل. لديك مدخلات قيّمة، لكنها على الأرجح متناثرة بين الملاحظات والرسائل والذاكرة. وعلى الرغم من أن الأصدقاء والعائلة يمكن أن يكونوا صادقين، فقد يترددون مع ذلك في طرح أصعب الأسئلة.

الذكاء الاصطناعي كشريكك في التفكير

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

في أول وحدتين تقنيتين، ستتعلّم استخدام الذكاء الاصطناعي كشريك في التفكير من خلال البرمجة بالإحساس Vibe Coding. البرمجة بالإحساس هي عندما تصف ما تريده بلغة بسيطة، ويقوم الذكاء الاصطناعي بإنشاء الميزات لك. في هذا الدرس، سنستخدم GitHub Copilot للبرمجة بالإحساس من أجل بناء تطبيق Founder’s Toolkit، وهو تطبيق قد يكون مفيدًا لتعزيز مشروعك الخاص.

female engineer with code

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

البدء في استخدام Github

 طوال هذا البرنامج، ستستخدم GitHub، وسنستفيد من العديد من إمكاناته، بما في ذلك قدرات التخزين الخاصة به.

بالإضافة إلى استخدامه الأساسي في إدارة الكود، يوفّر GitHub أيضًا وكيل الذكاء الاصطناعي GitHub Copilot ومنصة البرمجة السحابية Codespaces. سنستخدم Codespaces، وهي بيئة تطوير تعمل داخل المتصفح. ستتمكن من توجيه Copilot باللغة الطبيعية بما تريد بناءه، ورؤية الكود الذي يتم إنشاؤه في Codespaces لفهمه واختباره ونشره في النهاية.

يمكننا وصفها هنا:

  • GitHub => الصفحة الرئيسية لمشروعك مثل Google Drive للكود
  • Codespaces => مساحة العمل الخاصة بك، مثل Google Docs، ولكن لبناء التطبيقات.
  • Copilot => شريكك في البرمجة بالذكاء الاصطناعي الذي يحول أفكارك إلى كود فعال

يحل GitHub العديد من المشكلات في سياق تطوير المنتجات. فهو منصة يخزّن فيها المطوّرون الكود ويشاركونه بشكل أساسي، لكنه تطوّر مؤخرًا ليصبح شريكًا في البرمجة بالذكاء الاصطناعي. وجزء من مهمته هو إتاحة إنشاء البرمجيات للجميع، ولهذا استثمر في مزيد من قدرات الذكاء الاصطناعي لتمكين الجميع، كما يوفّر خططًا مجانية بحدود سخية.

للبدء:

  1. إذا كان لديك حساب GitHub بالفعل، يمكنك تخطي هذه الخطوات. بخلاف ذلك، انتقل إلى github.com.
  2. انقر على "تسجيل" واتبع الخطوات (إنه مجاني ويستغرق حوالي دقيقتين)
  3. استخدم بريدًا إلكترونيًا تتحقق منه بانتظام، وننصحك باختيار اسم مستخدم احترافي، لأن هذا الاسم سيكون الطريقة التي تظهر بها أمام المطورين الآخرين عندما تتعاون معهم لاحقًا.

إذا كنت طالبًا مسجَّلًا في مدرسة أو جامعة، فقم بالتسجيل في حساب Github Education . مع حزمة Student Developer Pack، ستحصل على حساب Github Pro مجاني، ومستودعات غير محدودة، والمزيد من رصيد Copilot. كما ستتمكن من الوصول إلى أدوات تطوير مجانية من جهات خارجية. 

تخزين ملاحظاتك

جهز ورقة عمل الوحدة 2: العقلية الريادية وملاحظات المقابلة.

في هذه الأنشطة، ستُعدّ بيئة التطوير الخاصة بك وتبني جامع ملاحظات Feedback Collector لتنظيم المدخلات التي جمعتها. 

النشاط 1

ابدأ بيئة التطوير الخاصة بك

الوقت المقدر: 15 دقيقة

المستودع، أو “repo”، هو مكان مركزي لمشروعك على GitHub.

  1. لننشئ واحدًا من خلال النقر على “Create repository” أو “New”. 
  2. أضف اسم المستودع ووصفه.
    1. بالنسبة إلى الاسم، يمكنك تسميته شيئًا مثل AIVA Founders Toolkit، لكن يجب أن يكون فريدًا، لذلك أضف معرّفًا خاصًا بك.
    2. بالنسبة إلى الوصف، يكفي استخدام: تطبيق AIVA Founder’s Toolkit.
  3. حدد ما يلي في التكوين:
    1. الرؤية = Private لضمان أنك الشخص الوحيد الذي يمكنه عرض المستودع.
    2. Readme = True ليقوم GitHub تلقائيًا بإنشاء ملف افتراضي يُستخدم للتوثيق.
    3. أضف ملف .gitignore = Node
    4. إضافة ترخيص = ترخيص MIT 

سنتناول معنى هذه التفاصيل في وحدات لاحقة. إذا فاتك أي منها، فلا تقلق، إذ يمكننا إضافتها يدويًا لاحقًا.

create repo screenshot for github
  1. انقر على فرع “main” في أعلى يسار المستودع لعرض قائمة الفروع المتاحة.
  2. اختر "عرض الفروع" ثم قم بإنشاء فرع جديد.
  3. امنح الفرع الجديد اسمًا. هذا مخصص لاستخدامك فقط، لذلك يمكنك تسميته بأي اسم، لكن من المفيد اختيار اسم واضح يسهل التعرّف عليه، مثل tech-unit-1.

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

create branch screenshot
screenshot naming a branch

لقد أنشأنا فرعًا سيتم فيه تخزين نسخة من الكود وحفظها. الآن نريد البدء في البرمجة داخل بيئة تطوير باستخدام Codespaces.

  1. انتقل إلى الفرع الذي أنشأته للتو. يمكنك القيام بذلك بالنقر على اسم الفرع في نافذة View all Branches.
  2. انقر على الزر الأخضر "الرمز" واختر إنشاء مساحة رموز جديدة.
  3. انتظر حتى يقوم Github بإنشاء بيئة التطوير

سترى أن متصفحك يفتح نافذة وهي أداة تطوير برمجية تبدو وتعمل مثل Visual Studio Code. هذه هي مساحة عمل التطوير الخاصة بك حيث سنبدأ البرمجة. 

بمجرد تحميل Codespaces، ستلاحظ أنه يحتوي على العديد من اللوحات:

  1. مستكشف الملفات: ملفات مشروعك
  2. المحرّر: حيث يمكنك معاينة الملفات وتعديلها.
  3. المحطة الطرفية: حيث تقوم بتشغيل الأوامر
  4. GitHub Copilot: حيث ستوجّه الذكاء الاصطناعي لمساعدتك في البناء.
  5. اللوحة العلوية: تحتوي على شريط القوائم والبحث.

أمور يجب ملاحظتها:

  1. يتم حفظ الكود الخاص بك بالفعل في Codespaces: على عكس الأدوات الأخرى التي قد تفقد فيها عملك، يتم حفظ كل ما تنشئه في Codespaces تلقائيًا. في مرحلة ما، ستحتاج إلى تثبيت تغييراتك في فرع المستودع الخاص بك على GitHub نفسه، لكن يمكنك إغلاق Codespaces وإعادة فتحه وسيظل الكود موجودًا.
  2. يتم حذف مساحات الكود التي لا يتم تنشيطها لمدة 30 يومًا.
  3. توجد وظائف إضافية: لا حاجة للدخول في هذه التبويبات واللوحات الآن. فهي تمثل مسارات عمل أخرى في عملية التطوير سنتناولها في وحدات لاحقة.

الآن بعد أن قمت بإعداد بيئة التطوير الخاصة بك في Codespaces، أصبحت جاهزًا لبدء إنشاء تطبيق فعال في أقل من 10 دقائق.

أساسيات هندسة الأوامر

ستستخدم الذكاء الاصطناعي لمساعدتك في تطوير هذا التطبيق القابل للتشغيل.

إليك الفكرة الأساسية: الذكاء الاصطناعي جيد بقدر جودة التعليمات التي تعطيه إياها.

إذا أعطيت تعليمات غامضة، ستحصل على مخرجات غامضة. وإذا أعطيت تعليمات محددة ومنظمة جيدًا، ستحصل على مخرجات مفيدة وموجّهة.

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

لكن في الجوهر، تتضمن معظم التقنيات ما يلي:

تحديد السياق

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

على سبيل المثال

بدون سياق:
"أعطني ملاحظات على فكرتي."

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

بنية المخرجات

أخبر الذكاء الاصطناعي بالضبط كيف تريد تنسيق الإجابة، مثل تحديد الأقسام، وعدد النقاط، وحدود الكلمات.

على سبيل المثال

بدون سياق:
"اذكر بعض التحديات."

مع سياق:
"اذكر 3 تحديات بالضبط، بحيث يكون كل تحدٍّ في جملة واحدة أقل من 20 كلمة."

التحكم في النغمة

وجّه طريقة تواصل الذكاء الاصطناعي. هل هو مدرّب؟ ناقد؟ معلّم؟

على سبيل المثال

بدون سياق:
"أخبرني ما الخطأ في فكرتي."

مع سياق:
"تصرّف كمرشد أعمال داعم. أشر إلى نقاط الضعف في فكرتي مع اقتراح طرق يمكنني من خلالها معالجتها."

هل تريد معرفة المزيد عن هندسة الأوامر؟ راجع الملحق وكذلك الروابط الموجودة في الموارد الإضافية.

النشاط 2

إنشاء قدرة لتخزين التعليقات

الوقت المقدر: 30 دقيقة

إذا كان مفتوحًا لديك بالفعل، يمكنك تخطّي هذه الخطوة. وإلا، 

  1. تسجيل الدخول إلى Github.
  2. انقر على قائمة الهامبرغر في أعلى اليسار، ثم اختر “Codespaces” من القائمة المنسدلة.
  3. عندما تفتح نافذة Codespaces، انقر على الاسم العشوائي الذي أعطاه GitHub لـ Codespace الخاص بك لإعادة فتحه. 

ابدأ بهذه التعليمات النصية الأساسية أدناه في خانة الدردشة. 

هذا أمر ستعطيه إلى GitHub Copilot؛ سيأخذ تعليماتك ويضع افتراضات إضافية للمساعدة في ملء أي فراغات. 

انسخه والصقه تمامًا كما هو موضح في خانة الدردشة داخل لوحة GitHub Copilot على الجانب الأيمن. 

قم بإنشاء تطبيق بسيط يساعد رواد الأعمال على جمع تعليقات من طرفين معنيين بشأن أفكاري التجارية الأولية.
– يجب أن يكون العنوان هو "مجموعة أدوات مؤسس الذكاء الاصطناعي".
– يحتاج المستخدمون إلى إدخال المشكلة التي يعملون على حلها ثم تعليقات شخصين بشأن تلك المشكلة.

first prompt to copilot

نصيحة:

من المستحيل تتبّع جميع أحدث النماذج والقدرات المتاحة في GitHub Copilot. اعتبارًا من 7 يناير 2025، توفّر GitHub عدة نماذج من نماذج اللغة الكبيرة (LLMs)، لكنها تجعل اختيار النموذج افتراضيًا على “Auto”. يمنحهم هذا مرونة في اختيار النموذج الأنسب لهم، وربما الأنسب للمهمة المحددة المطروحة. نوصي بتمكين اختيار النموذج حتى يكون لديك خيار وتتمكن من تحديد النموذج الذي تفضّله. ستحتاج إلى قبول شروطهم بالنقر على “Use AI Features”، مما سيمكّن اختيار النموذج. وعلى الرغم من أن ذلك ليس مطلوبًا لاستخدام ميزات الذكاء الاصطناعي لديهم (رغم النص المربك على الزر)، فإنه مطلوب للسماح باختيار النموذج.

سيُنشئ Copilot تطبيقك ويعرض التقدّم أثناء ذلك. 

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

أنت تخبر نموذج الذكاء الاصطناعي بما تريده بلغة بسيطة. يقرأ نموذج الذكاء الاصطناعي وصفك ويُنشئ الكود تلقائيًا. يُسمّى هذا “التطوير بدون كود” لأنك تصف التطبيق بدلًا من برمجته.

يقوم الذكاء الاصطناعي بوضع افتراضات مختلفة، مثل اختيار إنشاء تطبيق ويب باستخدام إطار عمل شائع، مثل HTML و CSS و Javascript. كما أنه سيملأ التفاصيل الأسلوبية التي لم تحددها، مثل اختيار الألوان والخطوط والتصميم. لا تحتاج إلى فهم الكود؛ ما عليك سوى مشاهدته وهو يعمل، والبدء في الحصول على أفكار حول ما يمكنك إضافته لاحقًا.

إذا كنت تفعل ذلك للمرة الأولى، فقد يُطلب منك السماح ببعض الأذونات، مثل إنشاء الملفات أو تعديلها أو حذفها، أو حتى تشغيل أوامر معيّنة نيابةً عنك.  

نصيحة مهمة:

في المستقبل، ومع تقدّمك في رحلة التطوير، قد تجد أنك تريد مزيدًا من التحكّم فيما يفعله لتقليل خطر أن ينفّذ أشياء غير متوقعة. لذلك يمكنك تجربة الإعداد الذي تشعر أنه الأنسب لك. غالبًا ما يسمح المطوّرون المحترفون بالأوامر البسيطة مثل التعديل، لأنها يمكن التراجع عنها بسهولة، لكنهم يضعون ضوابط أكثر تفصيلًا على أوامر `bash` لأنها قد تكون أكثر تكلفة عند تشغيلها من حيث تكاليف واجهة API. سنتناول ذلك في وحدات لاحقة.

بما أن هذا تطبيق ويب، فقد يطلب منك الإذن للوثوق بفتح تطبيق ويب (انظر لقطة الشاشة أدناه)، وهو ما كان ينبغي أن نكون قد فعّلناه في الخطوات السابقة.

codespaces, allowing to run in the browser

بمجرد أن ينتهي Copilot من برمجة التطبيق، يمكنك البدء في اختباره من خلال:

  1. قم بتشغيل التطبيق عن طريق كتابة"python3 -m http.server 800 0"في لوحة المحطة الطرفية أسفل الشاشة. هذه هي أبسط طريقة لتشغيل تطبيقك المبتدئ.
how to run app from terminal window
  1. ستُفتح علامة تبويب جديدة في المتصفح مع تشغيل تطبيقك.
  2. يمكنك إدخال وصف مشكلتك.
  3. أضِف الملاحظات من جميع أصدقائك وأفراد عائلتك الأوائل من ورقة عمل "عقلية ريادة الأعمال."
  4. انقر لحفظ التعليقات.
  5. تحقّق من ظهور المعلومات في منطقة المخرجات.

استكشاف الأخطاء وإصلاحها:

إذا لم يظهر تطبيقك:

  • يمكنك أن تسأل Copilot: "كيف أقوم بتشغيل تطبيقي؟" أو "ساعدني في تصحيح الأخطاء التي تمنعني من رؤية النموذج والعثور على أي مشكلات محددة".هذا ما نسميه التصحيح بمساعدة الذكاء الاصطناعي الذي ستتعلمه في الوحدات اللاحقة. 

إذا لم يتم تحميل تطبيقك:

  • حاول تحديث الصفحة. إذا لم ينجح ذلك، فابدأ من البداية. 

إذا كان الناتج لا يتطابق مع ما توقعت:

  • لا بأس بذلك. ستتعلّم كيفية إجراء التعديلات لاحقًا.

نموذج الذكاء الاصطناعي الذي استخدمناه لبناء تطبيقنا قوي للغاية. قد تؤدي الافتراضات التي وضعها إلى نتائج غير مرغوبة، ولكن العملية التي اتبعها والنتائج التي توصل إليها يمكن أن تساعد في تحسين التطبيق لزيادة جودة النتائج.

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

انسخ والصق الموجه الموضح أدناه في موجه الدردشة في لوحة Github Copilot على الجانب الأيمن من شاشة Codespaces. 

أضف سطراً آخر إلى الموجه لتوضيح التعليمات بشكل أكبر، ولتحسين تطبيقك!

تحسين هذا التطبيق الذي سيساعد رواد الأعمال على جمع تعليقات من 2 من أصحاب المصلحة حول أفكاري التجارية الأولية.

يجب أن يحتوي التطبيق على:

– عنوان في الأعلى: "مجموعة أدوات مؤسسي الذكاء الاصطناعي"

– عنوان فرعي: "ابدأ في جمع التعليقات حول مشكلتي".

– منطقة نصية حيث يمكنني إدخال مشكلتي ووصف المشكلة التجارية التي أريد معالجتها

– قسم لـ "الطرف المعني 1" مع مساحات نصية لـ: 

  1. هل تتوافق هذه المشكلة معهم؟
  2. ما هي الجوانب التي يعتبرونها الأكثر أهمية؟
  3. ما هي الأسئلة أو المخاوف التي تخطر ببالك؟
  4. ما الذي ينقصك في هذه المسألة؟

– قسم لـ “صاحب المصلحة 2” يحتوي على مربعات النص الأربعة نفسها 

– زر بعنوان "حفظ المشكلة والتعليقات"

– منطقة مخرجات تحتوي فقط على المشكلة المُدخلة والملاحظات التي جُمعت من أصحاب المصلحة

بمجرد أن ينتهي Copilot من تحديث التطبيق، يمكنك تحديث علامة تبويب المتصفح التي يعمل فيها التطبيق لرؤية التغييرات.

تذكّر، إذا واجهت مشكلات في تشغيل التطبيق أو لم تبدُ المخرجات صحيحة، فاطلب من Copilot مساعدتك في معرفة السبب.

قم بتشغيل التطبيق واختباره حتى تصبح راضيًا عن النتيجة.

على الرغم من أن Codespaces يحفظ الكود الخاص بك، ما زلنا بحاجة إلى عمل Commit لأي تغييرات على الفرع في مستودع GitHub الخاص بنا. يؤدي عمل Commit ثم Push إلى رفع تغييرات الكود إلى مستودعك. وبمجرد دفعها، تصبح محفوظة ومتتبَّعة بشكل دائم في GitHub.

لعمل Commit ودفع التغييرات:

  1. في اللوحة الجانبية اليسرى، انقر على أيقونة Source Control.
  2. ضمن تبويب Changes، أضِف رسالة Commit يدويًا أو استخدم الذكاء الاصطناعي لإنشاء رسالة لك.

بالنسبة لنا، أنشأ الذكاء الاصطناعي رسالة Commit جيدة:

codespaces commit window

٣. قد تظهر لك رسالة تقول: “لا توجد تغييرات مُضافة إلى منطقة التجهيز لعمل Commit.” إذا حدث ذلك، فانقر على Yes لعمل Commit.

٤. انقر فوق **مزامنة التغييرات** لمزامنة منصة **Codespace** مع **GitHub**.

٥. عُد إلى GitHub وإلى المستودع والفرع الخاصين بك للتحقّق من ظهور الملفات هناك. يجب أن يعرض كل ملف تم إنشاؤه أو تغييره أو حذفه. توجد بعض الاستثناءات هنا (تلميح: الملفات المدرجة في ملف `.gitignore`). 

تضمن هذه الخطوة حفظ تغييراتك في الفرع، وتقلّل من خطر فقدان أي عمل أنجزته إذا حدثت مشكلة في بيئة Codespace الخاصة بك. في الوحدات اللاحقة، ستتعلّم ما هي أوامر “Git” هذه.

لقد أنشأت للتو تطبيقًا!

توقف لحظة لتقدير ما قمت به للتو. 

يمنحك تخزين الملاحظات هذا مكانًا منظّمًا لحفظ جميع المدخلات التي تجمعها، وستواصل الإضافة إليه طوال هذا البرنامج.

أمور يجب ملاحظتها:

  1. أنت لم تكتب أي كود. أنت فقط وصفت ما تريده.
  2. قام الذكاء الاصطناعي بافتراضات لملء التفاصيل التي لم تحددها، مثل الألوان، والتخطيط، والنصوص المؤقتة، وغيرها.

في حالتنا، أضاف بعض الأشياء التي لم نحددها في تعليماتنا، مثل:

  • “نصوص مؤقتة” لكل خانة إدخال نصي
  • زر تعديل التعليقات
  • رسالة نجاح بعد إرسال الملاحظات 

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

تخزين البيانات

في الوقت الحالي، كلما قمت بتحديث التطبيق، تختفي جميع بياناتك. وهذا أمر غير مفيد بالنسبة لأداة حقيقية. 

في النشاط التالي، ستضيف التخزين المحلي إلى تطبيقك حتى يتمكّن من حفظ بيانات أكثر تعقيدًا من تطبيقك.

يحمي التخزين المحلي أي بيانات مُرسلة أثناء عملك في المتصفح. يكون الكود الخاص بك محفوظًا بالفعل على GitHub إذا كنت تستخدم Codespaces، لكن الآن سيتم حفظ البيانات التي تُدخلها بأمان في المتصفح حتى تتمكن من الوصول إليها.

كيف تخزّن تطبيقات الويب البيانات.

عندما تبني تطبيق ويب، مثل التطبيق الذي ينشئه Google AI Studio، لا يمكنك حفظ الملفات مباشرةً على جهاز المستخدم لأسباب أمنية. بدلًا من ذلك، تستخدم تطبيقات الويب تخزين المتصفح، وهي ميزة مدمجة تتيح للمواقع حفظ البيانات محليًا في متصفحك.

لإضافة ذاكرة إلى تطبيقك، نحتاج إلى فهم بعض الأمور العامة: 

  1. ال ما هو: أنواع تخزين المتصفح.
  2. ال كيف: كيف يتم كتابة البيانات للتخزين
  3. ال المكان: مكان حفظ البيانات

ما هو التخزين المحلي للمتصفح؟ 

هناك نوعان رئيسيان من تخزين المتصفح:

  1. التخزين المحلي: تبقى البيانات محفوظة حتى بعد إغلاق المتصفح.
  2. تخزين الجلسة: تختفي البيانات عند إغلاق تبويب المتصفح.

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

كيف يعمل؟

يخزّن تخزين المتصفح البيانات على شكل أزواج مفتاح وقيمة، بشكل مشابه للقاموس، حيث يكون لكل جزء من البيانات اسم (المفتاح) وقيمة.

على سبيل المثال:

  • المفتاح => المشكلة
  • القيمة => "لا يستطيع المزارعون بيع منتجاتهم"

يجب أن يكون كلٌّ من المفتاح والقيمة نصًا (`strings`)، ويتم تخزينهما بتنسيق JSON.
JSON ‏(JavaScript Object Notation) هو تنسيق قياسي لتمثيل البيانات، ويسهل على كلٍّ من البشر وأجهزة الكمبيوتر قراءته.

يتم تخزين بنية JSON بالكامل كقيمة نصية واحدة داخل `localStorage`، مع إمكانية وجود تداخل إضافي إذا كانت هناك أزواج مفتاح وقيمة أكثر.

على سبيل المثال، قد ينتج عن تخزين مشكلة وملاحظات من شخصين نص JSON مثل هذا:

				
					{
    "problem": "Farmers from local rural communities can't sell their farming goods",
    "feedback": [
        {"person": "J Smith", "resonates": "Yes, sees it daily"},
        {"person": "M Jones", "resonates": "Note sure it's a big issue"}
    ]
}

أين يتم تخزين البيانات؟

يعيش التخزين المحلي داخل متصفحك، وهو يختلف عن الملفات المحلية الموجودة على جهاز الكمبيوتر.

يمكنك رؤيته فعليًا داخل المتصفح. إليك كيفية رؤيته باستخدام Chrome كمتصفح.

  1. انقر بزر الماوس الأيمن في أي مكان في أي موقع واختر "فحص" (أو اضغط على F12)
  2. انقر على "التطبيق" (في Chrome)
  3. ابحث عن "التخزين المحلي" في الشريط الجانبي
  4. انقر عليها لرؤية البيانات المحفوظة (قد لا يكون لديك أي شيء محفوظ بعد، لذا قد تكون فارغة)

القيود: 

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

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

JSON هي الطريقة التي تستخدمها معظم التطبيقات لتخزين البيانات ومشاركتها. كما أن نماذج اللغة الكبيرة (LLMs) تستطيع قراءة ملفات JSON وتفسيرها بشكل جيد جدًا. ومن خلال تعلّم ذلك الآن، فأنت تبني أساسًا للعديد من القدرات، مثل:

  • حفظ تفضيلات المستخدم
  • تخزين الأعمال قيد التنفيذ حتى لا يفقد المستخدمون البيانات
  • مزامنة البيانات بين الأجهزة (في الوحدات اللاحقة)
  • الاتصال بالخدمات الخارجية وواجهات برمجة التطبيقات
النشاط 3

إضافة تخزين محلي

الوقت المقدر: 20 دقيقة

اذهب إلى `Github.com`، وانتقل إلى Codespaces، وافتح Codespace الخاص بتطبيق Founder’s Toolkit.

انسخ هذا الأمر والصقه في قسم دردشة Copilot، والذي يجب أن يكون في اللوحة الموجودة في أقصى اليمين.

بعد إرسال المشكلة والملاحظات، أنشئ سجلًا جديدًا وخزّن جميع البيانات في التخزين المحلي للمتصفح. 

– تضمين حقول للمشكلة ولكل رد من ردود الملاحظات بطريقة منظّمة.

– بعد أن يحفظ المستخدم المعلومات، يجب أن يظهر السجل أو السجلات المُدخلة أسفل نموذج الإدخال.

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

  1. أدخل مشكلتك وتعليقاتك لكل طرف معني
  2. انقر لحفظ المشكلة والتعليقات
  3. حدّث الصفحة (بالضغط على F5، أو النقر على زر التحديث في المتصفح، أو النقر على زر إعادة تحميل التطبيق في Codespaces أعلى يمين لوحة المعاينة).
  4. تأكد من ظهور البيانات التي أرسلتها
  5. إذا لم يظهر، فاستخدم Copilot لمساعدتك في معرفة المشكلة وتشغيله.

يجب أن تكون قادرًا على رؤية ما نفّذه Copilot بعد أن ينتهي. 

بالنسبة لنا، أضاف الذكاء الاصطناعي كودًا قام بما يلي:

  • تم تحديث ملف script.js .
  • حوّل مُدخلات النموذج إلى نص بتنسيق JSON مع المفاتيح المناسبة، وأضاف طابعًا زمنيًا.
  • بيانات JSON مخزّنة في التخزين المحلي لمتصفحك.
  • يسترد البيانات عند تحميل التطبيق

للتحقّق من ذلك، اتبع الخطوات أعلاه (أين تُخزَّن البيانات؟) لفتح أدوات المطوّر في متصفحك وفحص Local Storage. أدناه يظهر الشكل الذي نراه في Local Storage بالمفتاح `feedback_records`.

local storage view in developer tools

فيما يلي عرض أوضح لملف JSON الذي تم إنشاؤه. 

				
					[
    {
    "problem": "Farmers in rural Chiapas, Mexico struggle to sell their farming products at fair prices",
    "stakeholder1": {
        "resonate": "Yes — my neighbors grow amazing coffee and honey but only sell to the same buyer who pays very little.",
        "aspects": "Finding buyers who pay fairly and on time, not months later.",
        "concerns": "How would farmers get their products to buyers because the roads here are difficult.",
        "missing": "Many farmers don't have smartphones so how would they use an app?"
      },
      "stakeholder2": {
        "resonate": "Absolutely. I see farmers walk hours to the market and come back with unsold vegetables.",
        "aspects": "Knowing ahead of time if someone will actually buy, so the trip isn't wasted.",
        "concerns": "Internet is unreliable here — sometimes no signal for days. Would an app still work?",
        "missing": "Trust and safety is everything. Here carrying cash can be dangerous."
      },
      "timestamp": "2026-01-07T23:08:35.579Z"
    },
    {
        "problemStatement": "farmers selling their products",
        "stakeholder1": {
            "resonance": "Yes — my neighbors grow amazing coffee and honey but only sell to the same buyer who pays very little.",
            "importantAspects": "Finding buyers who pay fairly and on time, not months later.",
            "questionsConcerns": "How would farmers get their products to buyers because the roads here are difficult.",
            "missingPoints": "Many farmers don’t have smartphones so how would they use an app?"
        },
        "stakeholder2": {
            "resonance": "Absolutely. I see farmers walk hours to the market and come back with unsold vegetables.",
            "importantAspects": "Knowing ahead of time if someone will actually buy, so the trip isn't wasted.",
            "questionsConcerns": "Internet is unreliable here — sometimes no signal for days. Would an app still work?",
            "missingPoints": "Trust and safety is everything. Here carrying cash can be dangerous."
        },
        "timestamp": "2026-01-03T19:27:37.272Z"
    }
]
  1. انتقل إلى "التحكم في المصدر" في اللوحة اليسرى.
  2. اكتب وصفًا للتغييرات واضغط على زر Commit لتثبيت هذه التغييرات في المستودع الخاص بك. 
  3. مزامنة التغييرات. 

أصبح لديك الآن طريقة لإدخال ملاحظات المستخدمين وتخزينها لمشروعك. سيكون هذا مفيدًا أثناء تقدّمك في مشروعك. سنواصل تطوير تطبيق مجموعة أدوات المؤسس Founder’s Toolkit في الدروس اللاحقة لاكتساب المزيد من المهارات في البناء باستخدام الذكاء الاصطناعي.

قيود تخزين المتصفح

هناك أمور مهمة يجب فهمها بشأن التخزين المحلي للمتصفح:

ما الذي يفعله بشكل جيد

  • يحفظ البيانات بين عمليات تحديث الصفحة
  • سريع وبسيط
  • يعمل دون اتصال بالإنترنت
  • لا حاجة لإنشاء حساب/تسجيل الدخول

ما لا يفعله 

  • لا يقوم بالنسخ الاحتياطي إلى السحابة أو المزامنة عبر الأجهزة
  • يمكن مسحها إذا قمت بمسح بيانات المتصفح
  • يعمل فقط في المتصفح نفسه.

الانعكاس

لقد قضيت وقتًا جيدًا في البرمجة بالوصف لإنشاء تطبيق مجموعة أدوات المؤسّس لتخزين وتجميع أجزاء مختلفة من المعلومات. إليك بعض الأسئلة للتفكير فيها:

Sunset and reflection over lake
01 شريك البرمجة بالذكاء الاصطناعي
هل فاجأك أي شيء أثناء برمجة هذا التطبيق العامل؟
02

مساحات البرمجة (Codespaces)
كيف تشعر عندما يعمل الكود الخاص بك داخل GitHub Codespace؟ وكيف قد يغيّر ذلك طريقة عملك؟
03 التحكّم

متى كان من المفيد أكثر أن يعمل الذكاء الاصطناعي نيابةً عنك؟ ومتى كان من المفيد أكثر أن يساعدك الذكاء الاصطناعي على العمل بشكل أفضل؟

المصطلحات الرئيسية

  • GitHub: منصة بدأت لتخزين الكود ومشاركته.
  • Codespaces: ميزة في منصة GitHub تتيح لك استخدام بيئة تطوير تشغّل VS Code داخل متصفحك لتشغيل الكود الخاص بك.
  • GitHub Copilot: مساعد برمجة بالذكاء الاصطناعي يُنشئ الكود بناءً على أوصاف بلغة طبيعية، ويعمل باستخدام نماذج اللغة الكبيرة (LLMs).
  • المستودع (Repo): مجلد لمشروعك على GitHub يحتوي على جميع ملفات الكود، ويكون منظّمًا في فروع مختلفة يمكنك من خلالها التعاون مع مطوّرين آخرين.
  •  
  • مجموعة أدوات المؤسّس: التطبيق الذي سيتطوّر مع تقدّم الطلاب في بنائه خلال الوحدات التقنية.
  • البرمجة بالوصف: وصف ما تريده بلغة بسيطة وترك الذكاء الاصطناعي يُنشئ الكود. تُسمّى أيضًا “التطوير بدون كود”.
  • تخزين المتصفح: ميزة مدمجة تتيح لتطبيقات الويب حفظ البيانات محليًا داخل متصفحك، من دون الحاجة إلى خادم.
  • `localStorage`: نوع من تخزين المتصفح يستمر حتى بعد إغلاق المتصفح. تبقى بياناتك محفوظة إلى أن تقوم بحذفها.
  • `sessionStorage`: نوع من تخزين المتصفح يستمر طوال مدة جلسة صفحة واحدة. يتم حذف البيانات عند إغلاق التبويب أو نافذة المتصفح.
  • JSON (ترميز كائنات JavaScript): تنسيق قياسي لتنظيم البيانات يمكن قراءته من قِبل البشر وأجهزة الكمبيوتر. يُنطق “جيسون”.
  • زوج المفتاح والقيمة: طريقة لتخزين البيانات يكون فيها لكل جزء اسم (المفتاح) وقيمة. يشبه ذلك وضع ملصق على مجلد.
  • هندسة الأوامر: ممارسة كتابة تعليمات واضحة ومحددة تساعد الذكاء الاصطناعي على إنتاج مخرجات مفيدة.
  • غير حتمي: لا ينتج الذكاء الاصطناعي مخرجات متطابقة للمدخلات نفسها. قد تختلف كل إجابة قليلًا.

الموارد الإضافية

    • تعلم التوجيه: دورة شاملة مجانية
    • دليل تصميم الأوامر من Google: نصائح رسمية من Google.
    • GitHub Copilot: تعرف على المزيد حول إمكانيات Copilot، بما في ذلك أفضل الممارسات حول كيفية أن تصبح مستخدمًا متمرسًا.
    • أدلة Git: وثائق حول استخدام Github وتشغيل أوامر git لصيانة المشاريع

الملحق

الهندسة السريعة

هندسة الأوامر Prompt Engineering هي عملية صياغة أوامر فعّالة لتوجيه نماذج الذكاء الاصطناعي نحو إنتاج استجابات دقيقة وذات صلة.

يُستخدم بشكل أساسي في الذكاء الاصطناعي القائم على النصوص ومهام معالجة اللغة الطبيعية NLP.

الهدف هو كتابة المطالبات بذكاء حتى يتمكن النموذج من إنتاج مخرجات تلبي احتياجات المستخدمين المحددة.

ما هي المطالبات؟

  • الأوامر Prompts هي نصوص قصيرة تمنح نموذج الذكاء الاصطناعي السياق والتوجيه.
  • تساعد النموذج على توليد استجابات تتطابق مع نية المستخدم.

يجب أن تكون الأوامر الجيدة:

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

لماذا تعتبر هندسة الاستجابة السريعة مهمة؟

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

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

التقنيات

الهندسة السريعة هي أكثر من مجرد صياغة مطالبات — إنها مجموعة من الأدوات لتعديل طريقة عملك مع نماذج اللغة الكبيرة (LLMs) لتحقيق أهداف محددة.

  1. كن محدداً
  2. وفّر السياق.
  3. أعط أمثلة 
    • توجيه أحادي – أعط مثالاً على الإدخال/الإخراج.
      • مثال:
        “النص: جين سميث، 45 عامًا، مطوّرة برمجيات في لندن.
        JSON: ‘name’: ‘Jane Smith’, ‘age’: 45, ‘role’: ‘Web Developer’, ‘city’: ‘London’
        النص: جون دو، 29 عامًا، طالب في باريس.
        JSON: [أدخل البيانات الجديدة هنا]”
    • التنبيه بعدد قليل من المحاولات – قدم بعض الأمثلة لمساعدة LLM على تعلم النمط
      • مفيدة للمهام الأكثر تعقيدًا حيث يمكن أن تساعد الأمثلة المتعددة.
  4. حدد التنسيق
  5. تحسين بشكل متكرر
  • سلسلة الأفكار – اطلب من LLM أن يوضح أسبابه و/أو خطواته
  • تحديد الدور – مثل: “أنت خبير…”
  • التوجيه السلبي – على سبيل المثال "لا تدرج..."
  • التحكم في درجة الحرارة – مثل الإبداع مقابل الاتساق.
  • الاتساق الذاتي – اطلب مخرجات متعددة، ثم اطلب من نموذج اللغة الكبير اختيار “أفضل” مخرج.
  • شجرة الأفكار – تطلب من LLM استكشاف فروع متعددة من التفكير المنطقي لاتخاذ قرار بشأن ردها النهائي
  • الاسترجاع المعزز بالتوليد (RAG) – يطلب من LLM استخدام معلومات خارجية لتزويده بسياق أفضل

فيما يلي قائمة كاملة بتقنيات الاستفزاز: https://www.ibm.com/think/topics/prompt-engineering-techniques

الاختبار السابق
العودة إلى الدورة
الاختبار التالي