☰ Year plan · Communication Technology (Arabic)

المحوّل كصفحة ويب بلغة PHP

Week 7 · Unit 1 Topic 3: the number converter as a PHP web page: form, controls, PHP code and the result labels · 3 lessons
1

من النافذة إلى صفحة الويب: نموذج بثلاثة أزرار

ICT Secondary 3 Term 1, Unit 1, Topic 3: pp. 37–50
الهدفصِف صفحة المحوّل: نموذجها ومربع النص والأزرار الثلاثة، ومكان ظهور النتائج الثلاث.
كلمات جديدة
صفحة ويب ديناميكية ⁦(dynamic page)⁩ · صفحة يبني الخادم محتواها بالكود في كل مرة تُطلب فيهاالنموذج (form) · جزء من الصفحة يجمع ما يكتبه الزائر أو يختاره ويرسله إلى الخادمزر الإرسال ⁦(submit button)⁩ · زر يرسل النموذجطريقة الإرسال (post) · طريقة تسافر فيها القيم داخل الطلب لا في العنوان
الشرح

كان المحوّل في الأسبوع الماضي نافذة فيها ستة أزرار اختيار. وتؤدي صفحة الويب العمل نفسه بطريقة أخرى. ليس فيها أزرار اختيار، بل ثلاثة أزرار، والزر الذي تضغط عليه يخبر الصفحة بنظام العدد المكتوب: ثنائي أو عشري أو سداسي عشري. والصفحة نموذج فيه مربع نص اسمه number وثلاثة أزرار إرسال. وطريقة الإرسال post ترسل القيمة المكتوبة داخل الطلب. وليس في النموذج action، فيُرسَل إلى الصفحة نفسها. وتعرض الصفحة تحت النموذج ثلاث نتائج، واحدة لكل نظام. والصفحة التي يتوقف محتواها على ما يرسله الزائر، ويبنيها كود على الخادم في كل مرة، تُسمّى صفحة ويب ديناميكية. وكود HTML في هذا الدرس هو الإطار الفارغ فقط؛ أما PHP فيملؤه في الدرس التالي.

الخطوةماذا يحدث
1يكتب الزائر عددًا ويضغط زرًا
2يرسل المتصفح النموذج
3يحوّل PHP العدد
4تعود الصفحة وفيها ثلاث نتائج
أمثلة محلولة
Html
1<form method="post">
2  <input type="text" name="number">
3  <input type="submit" name="btnBin" value="Typed number is binary">
4  <input type="submit" name="btnDec" value="Typed number is decimal">
5  <input type="submit" name="btnHex" value="Typed number is hexadecimal">
6</form>
هذا هو نموذج الصفحة بلغة HTML. الأسماء (number وbtnBin وbtnDec وbtnHex) هي ما سيستعمله PHP للعثور على القيم.
اسم الزرالعدد المكتوبالدالة التي تعطي العدد العشري
btnBinثنائيbindec
btnDecعشريلا شيء: فهو عشري أصلًا
btnHexسداسي عشريhexdec
لكل زر اسم، والاسم يقول ما هو العدد المكتوب. ويبين العمود الأخير دالة PHP الجاهزة التي ستحوّله إلى عدد عشري.
النافذة (الأسبوع 6)الصفحة (هذا الأسبوع)
اختيار النظامينستة أزرار اختيار في إطارينثلاثة أزرار: الزر يخبر بنظام العدد المكتوب
ما الذي يبدأ العملحدث النقر على زر واحدإرسال النموذج بأحد الأزرار
أين يظهر الجوابمربع رسالةثلاثة أسطر نتائج في الصفحة
نافذة الأسبوع السادس وصفحة هذا الأسبوع تؤديان العمل نفسه بطريقتين مختلفتين.
نشاط الفصل

ارسم على الورق صفحة محوّل يحوّل الساعات إلى دقائق. اكتب بيانات مربع النص والزر (واختر له اسمًا لـ PHP) ومكان النتيجة. ثم بيّن طريقة إرسال النموذج وماذا يحدث حين لا يوجد action.

تدرّب
1
ما أسماء الأزرار في صفحة المحوّل؟
2
ماذا تفعل طريقة الإرسال post؟
3
ما الصفحة الديناميكية؟
4
أي جزء من الصفحة يخبر PHP أن العدد المكتوب سداسي عشري؟