أهداف التعلم

• أن تشرح متطلبات إنتاج مشروع التحويل بلغة PHP على صفحة ويب.
• أن تحدد عناصر التحكم المناسبة (مربع نص، ثلاثة أزرار Submit، ثلاثة عناوين Label).
• أن تفسّر أجزاء الكود الأربعة وتستعمل دوال التحويل الجاهزة.
• أن تشغّل الصفحة وتتحقق من نتائجها.

شرح الدرس

1) متطلبات المشروع ومراحله

تتيح لغة PHP إنتاج صفحات ويب ديناميكية (Dynamic Web Pages) تُعالَج بياناتها وتعيد نتيجة المعالجة على الصفحة. ويعتمد التنفيذ على أساسيات HTML وتطبيق Expression Web الذي يُنشئ صفحة ساكنة (Static) ويُظهر كود HTML المقابل لها، ثم تضيف أنت كود PHP. المراحل:

1. تصميم الصفحة: تحديد النصوص وعناصر التحكم، ثم إدراجها وضبط خصائصها.
2. كتابة الكود: بالضغط على زر Code ثم إضافة كود PHP لمعالجة البيانات وعرض الناتج.

2) عناصر التحكم في الصفحة

3) الكود المستخدم وتفسيره

الجزء الأول — هيكل صفحة الويب: <html> و<head> و<title> لعنوان الصفحة، وسطر <meta … charset=utf-8> لظهور الحروف العربية سليمة، و<body dir='RTL'> لعرض النص من اليمين إلى اليسار، و<h1> لعنوان بحجم خط من 1 (الأكبر) إلى 6 (الأصغر)، ووسم <form method='post'> الذي يحدد طريقة نقل البيانات (method) والإجراء (action) عند الضغط على Submit فتظهر النتيجة على الصفحة نفسها.

الجزء الثاني — الإعلان عن المتغيرات والمعالجة (داخل <?php … ?>):

<?php
$numberconvert = ""; $numberbin = ""; $numberdec = ""; $numberhex = "";

if (isset($_POST['Submit1'])) {            // زر "تحويل ثنائي"
    $numberconvert = $_POST['num'];
    $numberbin = $numberconvert;
    $numberdec = bindec($numberconvert);
    $numberhex = dechex($numberdec);
}
if (isset($_POST['Submit2'])) {            // زر "تحويل عشري"
    $numberconvert = $_POST['num'];
    $numberbin = decbin($numberconvert);
    $numberdec = $numberconvert;
    $numberhex = dechex($numberdec);
}
if (isset($_POST['Submit3'])) {            // زر "تحويل السداسي عشر"
    $numberconvert = $_POST['num'];
    $numberdec = hexdec($numberconvert);
    $numberbin = decbin($numberdec);
    $numberhex = $numberconvert;
}
?>

ولأنه لا توجد دالة للتحويل المباشر بين الثنائي والسداسي عشر، يمر التحويل بينهما عبر النظام العشري (مثل bindec ثم dechex). وتختبر isset($_POST['Submit1']) هل ضُغط الزر المعني، وتلتقط $_POST['num'] القيمة من مربع النص.

الجزء الثالث — إدراج عناصر التحكم: وسم <input name='num' type='text' …> لمربع النص، وvalue='<?php echo $numberconvert; ?>' ليعيد عرض العدد المكتوب بعد كل تحديث للصفحة، وثلاثة وسوم <input type='submit' name='Submit1…3' value='…'> للأزرار، و  لترك مسافة. ويمكن إدراج الزر بـ Input(button) أو Input(Submit) بحسب الحاجة، ولا يشترط ترتيب خصائص العنصر.

الجزء الرابع — عرض النتائج: تُستعمل echo لطباعة قيمة المتغير داخل Label: <label id='Label1'><?php echo $numberbin; ?></label> للثنائي، وLabel2 للعشري، وLabel3 للسداسي عشر، ثم تُغلق الوسوم </form></body></html>.

مثال تشغيل: إدخال 1011 والضغط على «تحويل ثنائي» يعرض: الثنائي 1011، العشري 11، السداسي عشر b. وإدخال 255 مع «تحويل عشري» يعرض 11111111 و255 وff.

أسئلة للتدريب

• ما الفرق بين صفحة الويب الساكنة والديناميكية؟
• ما وظيفة كل من isset و$_POST وecho في الكود؟
• اكتب الدالة المناسبة للتحويل من عشري إلى ثنائي ومن سداسي عشر إلى عشري.
• ماذا يعرض المشروع عند إدخال 1011 والضغط على «تحويل ثنائي»؟
• لماذا نحتاج خطوة وسيطة للتحويل من ثنائي إلى سداسي عشر؟