صمم إنفوجرافيك يتكون من العنوان الرئيسي في المركز الصفحة بطاقة تعليمية: الهدف يميز الطالب بين الأكواد البرمجية، مع ايجاد النواتج. وفي الجانب الآخر للعنوان اعداد المعلمة: أ. شيرين إدريس محمد الضفدع - الصف الثاني عشر توجيهي علمي.الهدف العام في أعلى الصفحة تحته مباشرة خط فاصل بين العنوان والمحتوى.
يقسم المحتوى الى ست  صناديق، كل صندوق يوضع في أعلاه الهدف ورقم متسلسل بلون خلفية غامق مع إطار خفيف ، ثم بداخل كل صندوق (س/ج بلونين مختلفين).
الهدف 1 (الأداة والحدث): كود when Button1.Click. (س: ما اسم الأداة والحدث؟ ج: الأداة Button1 والحدث Click).
الهدف 2 (الاس): كود set Label3.text to  (TextBox1.Text)^(TextBox2.Text).   (س: ما ناتج التنفيذ إذا كانت قيم المدخلات 2 و 3 ؟ ج: 8).
الهدف 3 (المقارنة): كود set Label3.Text to min(TextBox1.Text) (TextBox2.Text). استخدام min و max. (س: ما ناتج التنفيذ لإيجاد أقل وأعلى قيمة بين المدخلين 15 و 9؟ ج: max=15 , min=9
).الهدف 4 (الجذر التربيعي): كود set Label3.Text to square root (TextBox1.Text). (س: ما ناتج التنفيذ إذا كانت القيمة 16؟ ج: 4). الهدف 5 (التقريب): كود floor (التقريب لأسفل). set  Label3.Text to floor (TextBox1.Text)(TextBox2.Text).  (س: ما ناتج تنفيذ الكود للقيمة 7.9؟ ج: 7). الهدف 6 (العمليات المثلثية cos, tan, sin): كود  set Label3.Text to sin (TextBox1.Text + TextBox2.Text). . (س: ما ناتج تنفيذ sin للقيمة 90؟ ج: 1). في أسفل الصفحة اريد عرض التقويم الختامي (أسفل الإنفوجرافيك بإطار مستقل وبلون خلفية ملفت مع رسم خفيف): يتضمن كوداً مركباً يحتوي على modulo of (باقي القسمة) لاختبار قدرة الطالب على استنتاج النتائج النهائية وتحديد أدوات الإدخال والإخراج المستخدمة في الكود. مع كتابة مفتاح الإجابة في جدول مستقل.
ملاحظة: التصميم سيراعي توزيع العناصر من اليمين لليسار مع استخدام أيقونات صغيرة لضمان أن تأخذ الأكواد والأسئلة الحيز الأكبر من المساحة كما فضلتِ والتصميم يستخدم الاكواد البرمجية الجاهزة تشابه وتماثل الاكواد المستخدمة في برنامج Appinvintor ، ويكون التصميم من اليمين لليسار وباعلى جودة ووضوح

تم نسخ البرومبت بنجاح.