☰ خطة العام · تكنولوجيا المعلومات والاتصالات (بالعربية)

المحوّل بلغة ⁦VB.NET⁩: النافذة والكود والاختبار

الأسبوع 6 · الوحدة ١ الموضوع الثاني: مشروع محوّل الأعداد بلغة VB.NET: النافذة وأدوات التحكم والخصائص والكود · 3 دروس
1

تخطيط نافذة المحوّل: المراحل وأدوات التحكم والخصائص

ICT Secondary 3 Term 1, Unit 1, Topic 2: pp. 27–36
الهدفسمِّ مراحل مشروع المحوّل الثلاث، وبيّن عمل كل أداة تحكم في نافذته وعمل كل خاصية.
كلمات جديدة
أداة التحكم (control) · جزء جاهز من النافذة مثل التسمية ومربع النص والزرالخاصية (property) · إعداد لأداة التحكم، مثل الكلمات التي تعرضهامربع المجموعة ⁦(group box)⁩ · إطار يضم أدوات تحكم معًا، وهو هنا يضم أزرار الاختيارزر الاختيار ⁦(radio button)⁩ · اختيار دائري: تحديد واحد منها يُلغي تحديد غيره داخل الإطار نفسه
الشرح

يمر مشروع المحوّل بثلاث مراحل: تصميم النافذة، ثم كتابة الكود، ثم التشغيل والفحص. في المرحلة الأولى نختار أدوات التحكم، وهي الأجزاء الجاهزة في النافذة. تحتاج نافذتنا إلى تسمية تخبر المستخدم بما يفعل، ومربع نص يُكتب فيه العدد، ومربعي مجموعة هما «من» و«إلى» في كل منهما ثلاثة أزرار اختيار (عشري وسداسي عشري وثنائي)، وزر واحد. ولكل أداة خصائص، وهي الإعدادات التي تحدد مظهرها وما تعرضه، وأكثرها استعمالًا خاصية النص. ولمربعي المجموعة أهمية: أزرار الاختيار داخل إطار واحد ترتبط معًا، فتحديد زر يُلغي تحديد غيره، ويستطيع البرنامج أن يسأل عن كل إطار: أي نظام اختاره المستخدم؟ والتخطيط على الورق أولًا يجعل الكود قصيرًا. ونسمّي كل أداة باسم يدل على نوعها ووظيفتها، مثل TextNumber وButtonConvert، فيُقرأ الكود كأنه جملة.

المرحلةماذا نفعل فيها
1 التصميمنختار أدوات التحكم ونضبط خصائصها
2 الكتابةنكتب الكود الذي يعمل عند النقر
3 التشغيل والفحصنجرب أعدادًا نعرف إجاباتها
أمثلة محلولة
أداة التحكمالاسم في الكودوظيفتها
تسميةLabelHintتخبر المستخدم بما يفعل
مربع نصTextNumberيستقبل العدد المكتوب
مربع مجموعةGroupFromيضم اختيارات «من» الثلاثة
مربع مجموعةGroupToيضم اختيارات «إلى» الثلاثة
⁦3 + 3⁩ أزرار اختيار⁦RadioFromDec, RadioFromHex, RadioFromBin, RadioToDec, RadioToHex, RadioToBin⁩تختار النظامين
زرButtonConvertيبدأ التحويل
هذه أدوات النافذة والاسم الذي تأخذه في الكود. الحروف الأولى من الاسم تدل على النوع، والباقي يدل على الوظيفة.
أداة التحكمالخاصيةالقيمة
LabelHintText⁦Type a whole number⁩
TextNumberText(فارغ في البداية)
GroupFromTextFrom
GroupToTextTo
RadioFromDecTextDecimal
ButtonConvertTextConvert
والآن الخصائص. كل صف يضبط النص الذي تعرضه أداة. وفي النافذة العربية توجد خاصية أخرى تجعل النافذة تعمل من اليمين إلى اليسار، أما الكود نفسه فيبقى دائمًا من اليسار إلى اليمين.
التخطيطالتحديدات التي يمكن أن تكون معًا
ستة أزرار اختيار في إطار واحدتحديد واحد فقط في المجموع
إطاران من ثلاثةتحديد في «من» وتحديد في «إلى»
لماذا مربعا مجموعة؟ لو وقفت أزرار الاختيار الستة في إطار واحد لألغى تحديدُ زر في «إلى» تحديدَ زر في «من». أما مع إطارين فيوجد تحديد في كل إطار.
نشاط الفصل

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

تدرّب
1
سمِّ مراحل المشروع الثلاث.
2
لماذا وُضعت أزرار الاختيار الستة في مربعي مجموعة؟
3
أي أداة تحمل العدد الذي يكتبه المستخدم؟
4
ما الخاصية؟ اذكر مثالًا واحدًا.