بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
نكمل مع بعض باذن الله جولتنا فى عالم تقنية البرمجة بدون كود
PWCT = Programming Without Coding Technology
اتعلمنا مع بعض فى الدرس الاول كيفية عمل برنامج بسيط وهو برنامج يقوم بعرض رسالة
Hello World على الشاشة
وفى الدرس الثانى اتقدمنا خطوة واتعلمنا ازاى ممكن نختار الالوان التى تستخدم للكتابة
وللخلفية وشفنا مثال بيعرض رسالة باللون الابيض بينما كانت الخلفية باللون الازرق
احنا الان مع بعض فى الدرس الثالث ونكمل المسيرة بخطوة كمان للامام نتعلم فيها باذن الله
كيفية مسح مساحة معينة من الشاشة (على شكل مستطيل) بلون معين وليكن اللون
الازرق ثم كيفية رسم مستطيل على حدود هذه المساحة وليكن باللون الابيض مثلا.
(وطبعا مش تنسى بعد الدرس ده باذن الله انك تقوم بتطبيق المفهوم بشكل واسع
وترسم مستطيلات كتير بالوان مختلفة فى اماكن متفرقة على الشاشة - تمام - خليك فاكر !!).
فى البداية عشان نمسح مساحة على الشاشة بلون معين وترسم فيها مستطيل مهم طبعا
اننا نعرف تحدد (المكان و الابعاد) الى هى بتمثل المستطيل على الشاشة.
فى الواقع الشاشة عبارة عن عدد معين من الاسطر Rows وعدد من الاعمدة Columns
بحيث ان تلاقى السطر مع العمود عبارة عن خلية (مكان يسع لحرف واحد فقط)
والجزء الذى يكون ظاهرا لنا من الشاشة عبارة عن (25) سطر و (80) عمود
ولكن ترقيم الاسطر بيبدا من الصفر - وبالتالى يكون لدينا 25 سطر تبد من 0 حتى 24
يعنى
سطر 0
سطر 1
سطر 2
.......
.......
......
سطر 24
وايضا الاعمدة يبدا ترقيمها من الصفر - وبالتالى يكون لدينا 80 عمود تبدا من 0 حتى 79
عمود 0 عمود 1 عمود 2 .................................. عمود 79
وتلاقى كل سطر مع عمود يمثل خلية Cell تسع لحرف واحد فقط.
ولان السطر يتقابل مع كل الاعمدة
ولان عدد الاعمدة 80 عمود
اذن يمكن ان يشتمل السطر على 80 حرف.
ولان العمود يتقابل مع كل الاسطر
ولان عدد الاسطر 25 سطر
اذن يمكن ان يشتمل العمود على 25 حرف.
هذه الحروف التى تظهر على الشاشة ليست فقط حروف الكتابة وانما تشمل
1 - الحروف الانجليزية الكبيرة
2 - الحروف الانجليزية الصغيرة
3 - الارقام
4 - العلامات الرياضية و الرموز المختلفة التى يمكن ان تستخدم فى رسم المستطيلات
والان ننتقل الى المثال العملى الخاص بنا
حيث يتم العمل على الخطوات التالية
1 - فى البداية تقوم بعمل الخطوات الاساسية وهى انشاء مشروع جديد من النوع
Console Application Without Coding كما فعلنا فى الدرس الاول والدرس الثانى
2 - تفتح مصمم الاهداق Goal Designer حيث نقوم بالعمليات التفاعلية.
3 - نقوم باختيار الالوان الخاصة بنا (اللون الابيض للكتابة والازرق للخلفية) كما فى الدرس الثانى
4 - نقوم بعملية تفاعل مع المكون Basic Input/Output الموجود فى المجال Console Application
حيث نحدد المساحة التى نود مسحها بلون الخلفية (اللون الازرق) والمساحة التى نود رسم
مستطيل على حدودها بلون الكتابة (اللون الابيض)
ويتم تحديد المستطيل من خلال نقطتين فقط
النقطة الاولى هى التى توجد فى الركن العلوى (الشمالى) الايسر
ويتم تحديد مكانها من خلال رقم سطر ROW ورقم عمود COL
والنقطة الثانية هى التى توجد فى الركن السفلى (الجنوبى) الايمن
ويتم تحديد مكانها من خلال رقم سطر ROW2 ورقم عمود COL2
5 - ثم بعد ذلك نولد خطوة للانتظار مدة معينة حتى نرى النتائج كما فعلنا فى الدرس الاول والثانى.
وبعد الانتهاء تكون شجرة الخطوات Steps Tree الخاصة بالهدف Goal الذى نقوم بتصميمه كما يلى
والان يمكن ان نقوم بعملية بناء وتشغيل التطبيق Application حيث نرى النتيجة التالية
وبكده يكون انتهى درس اليوم
وان شاء الله رب العالمين يكون حقق الهدف من وراءه
وهو ان نتقدم خطوة للامام بكل سهولة ويسر
ومحدش ينسى يدعيلى ياشباب
وربنا يوفقنا جميعا باذن الله.
والله الموفق
مع تحياتى للجميع
م. محمود فايد