✓ درس 2.2 · كتاب الوزارة
الوحدة الثانية: متطلبات ومراحل إنتاج المشروع
إنشاء قاعدة البيانات
الصف الثاني الثانوي
المدة 45 د
محتوى كامل
درس «إنشاء قاعدة البيانات» — شرح منظم من كتاب الوزارة للصف الثاني الثانوي (علوم). في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: محاور الدرس: ١- قاعدة البيانات Database: · ٢- الجداول Tables: · I- السجلات Records: · ب- الحقول Fields:.
اضغط أي أداة — لتوليد اختبارات وفلاش كارد وملخصات وتجارب من الدرس تفاعلياً
درس «إنشاء قاعدة البيانات» — شرح منظم من كتاب الوزارة للصف الثاني الثانوي (علوم). في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن: محاور الدرس: ١- قاعدة البيانات Database: · ٢- الجداول Tables: · I- السجلات Records: · ب- الحقول Fields:.
حاسب آلي · الوحدة الثانية: متطلبات ومراحل إنتاج المشروع · الوحدة 2
إنشاء قاعدة البيانات
📖 الدرس 2
⏱ ~45 دقيقة
📚 كتاب الوزارة
💡 الفكرة المحورية
في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن:
❓ كيف نحل «تدريب (٣)» خطوة بخطوة؟
📝
تركيز الامتحان
- تعريف + تطبيق — اقرأ السؤال مرتين — حدد «عملية الربط بين جداول» · مثال: إنشاء قاعدة البيانات
- حل تدريب الكتاب — راجع «قبل الربط بين الجدولين في علاقة أطر» · مثال: تدريب (٣)
⚠️
أخطاء شائعة — صحّحها
الحفظ دون فهم «عملية الربط بين جداول»
✅ اربط «عملية الربط بين جداول» بمثال من كتاب الوزارة
✅ اربط «عملية الربط بين جداول» بمثال من كتاب الوزارة
خلط المفاهيم
✅ راجع تعريفات الدرس
✅ راجع تعريفات الدرس
⚡
محتوى الدرس
-
📐
نوائح التعلم
💡
محتوى الدرس
📌 Fields ### حقول (Columns ### اعمدة (Columns) | اسم الطالب | نوع الطالب | المحافظة | تاريخ الميلاد | التليفون | | --- | --- | --- | --- | --- | | محمد | ذكر | القاهرة | ٢٠٠٠/١/١ | | | سما | أنثى | الجيزة | ١٩٩٩/٢/٥ | | | فاطمة | أنثى | القاهرة | ٢٠٠٢/٤/٣ | | | يوسف | ذكر | الجيزة | ٢٠٠١/٥/١١ | | | هبه | أنثى | الشرقية | ١٩٩٨/٧/٦ | | ثال لجدول طالب تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي متطلبات ومراحل إنتاج المشروع
🎯
من الجدول السابق نستنتج المفاهيم التالية:
🎯
ولضمان نجاح عملية الربط بين جداول قاعدة البيانات، فلابد من تحقيق الآتي:
⚡
محتوى الدرس
📌 تدريب (
📐
محتوى الدرس
- ١من نفس نوع البيانات Field Data Type. (
- ٢نفس الحجم.
🔬
محتوى الدرس
- ١في الجدول الأول بسجل رقم الطالب (
- ٢في الجدول الثاني وهكذا لباقي السجلات حتى وإن كان إدخال السجلات في الجدولين بترتيب مختلف، المهم أن يكون محتوى حقلي الربط متماثلين. فمثلا يمكن استنتاج أن الطالبة رقم ٢ في الصف الدراسي ٣/٦ وحالتها الدراسية "باقي". تدريب (
- ٣العلاقة رأس برأس "One To One" بين جدولين بكتاب الأنشطة والتدريبات صفحة ٢٣ ### مثال (
💡
تدريب (
-
🎯
العلاقة رأس برأس "One To One" بين جدولين
✏️ بكتاب الأنشطة والتدريبات صفحة ٢٤ ### النوع الثاني: علاقة رأس بأطراف One to Many: علاقة تربط بين جدولين بحيث يمكن أن يرتبط سجل في الجدول الأول بعديد من السجلات في الجدول الثاني والعكس غير صحيح. ### مثال: جدول "الطلاب" جدول "الطلاب" | رقم الصف | الشعبة | العام الدراسي | رقم الطالب | | --- | --- | --- | --- | | ١٠١ | علمي | ٢٠١٦ | ٣ | | ٣٠١ | علمي | ٢٠١٦ | ٤ | | ٢٠١ | أدبي | ٢٠١٦ | ١ | | ٢٠١ | علمي | ٢٠١٦ | ٢ | | ٢٠١ | أدبي | ٢٠١٦ | ٥ | | ٣٠١ | علمي | ٢٠١٦ | ٧ | | ٣٠١ | أدبي | ٢٠١٦ | ٩ | | ١٠١ | أدبي | ٢٠١٦ | ١٠ | | ١٠١ | أدبي | ٢٠١٦ | ١٢ | حقل مفتاح أساسي حقل مفتاح | رقم الصف | اسم الصف | مكان الصف | | --- | --- | --- | | ١٠١ | الأول | الدور الأول | | ٢٠١ | الثاني | الدور الثاني | | ٣٠١ | الثالث | الدور الثالث | حقل مفتاح وضح العلاقة رأس بأطراف بين جدول "الصف" وجدول "الطلاب" تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي متطلبات ومراحل إنتاج المشروع
⚡
الدرس الشكل السابق وناقش مع زملائك ما يلي: (مع التوضيح بأمثلة لسجلات من الجداول)
- ١هل ينتمي أكثر من طالب إلى نفس الصف؟
- ٢هل ينتمي أحد الطلاب إلى أكثر من صف؟
- ٣ما هي أرقام الطلاب في صف 3؟
🔬
تدريب (
- ١استنتاج علاقة رأس بأطراف one to many بين جدولين بكتاب الأنشطة والتدريبات صفحة ٢٥ تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي متطلبات ومراحل إنتاج المشروع
💡
يوضح العلاقة أطراف بأطراف بين جدول "الصف" وجدول المعلمين
🎯
درس الشكل السابق وناقش مع زملائك ما يلي: (مع التوضيح بأمثلة لسجلات من الجداول)
💡
تدريب (
- ١استنتاج علاقة أطراف بأطراف Many To Many بين جدولين بكتاب الأنشطة والتدريبات صفحة ٢٦ استخدام أحد تطبيقات نظم إدارة قواعد البيانات في إنشاء قاعدة البيانات مثل: MySQL أو Access MS أو MySQL سوف نستخدم تطبيق MySQL حيث أنه من التطبيقات المجانية Free Ware، مفتوح المصدر و OpenSource، ويسمح بالتعامل مع كم هائل من البيانات وتستخدمه كبرى الشركات العالمية خاصة في مجال تكنولوجيا المعلومات مثل: Yahoo and Friendster.Google ولمزيد من المعلومات حول بعض الشركات التي تستخدم MySQL يمكن زيارة الموقع التالي: http://www.mysql.com/customers/ تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي متطلبات ومراحل إنتاج المشروع عادة ما تضم التطبيقات المستخدمة في نظم إدارة قواعد البيانات كائنات Objects أساسية أهمها: - جداول Tables: من خلالها يمكن إنشاء جداول قاعدة البيانات بما تحويه من سجلات وحقول وإمكانية إدخال بيانات فيها وعرضها وتعديلها. - استعلامات Queries: الاستعلام عبارة عن سؤال يوجهه المستخدم لقاعدة البيانات بقصد الاستعلام عن بيانات أو معلومات بالجداول، فيعرض البيانات المطلوبة، ومن خلال الاستعلام يمكن عرض بعض حقول من جدول بيانات أو يعرض بعض سجلات من جدول أو أكثر بناءً على شرط معين... إلخ. لإنشاء قاعدة بيانات مشروع "قاموس مصطلحات الكمبيوتر المصور" باستخدام تطبيق MySQL، اتبع إجراءات النشاط التالي: نشاط (
- ٢إنشاء قاعدة بيانات باستخدام برنامج MySQL بكتاب الأنشطة والتدريبات صفحة ٢٧ ويعتبر هذا النشاط مرشدًا يمكنك تحت اشراف معلمك من إنشاء أي جداول أخرى في قاعدة البيانات حسب احتياجاتك. بالخصائص التالية: تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي متطلبات ومراحل إنتاج المشروع
🎯
خصائص قاعدة بيانات المشروع: اسم قاعدة البيانات: dbdictionary اسم جدول البيانات: Terms ويضم عدد (
⚡
لاحظ: في مشروع إنشاء قاموس مصطلحات الكمبيوتر المصور تم إنشاء قاعدة بيانات من جدول واحد للتبسيط.
📐
نشاط (
- ١ادخال بيانات في جدول terms باستخدام MySQL بكتاب الأنشطة والتدريبات صفحة ٣٢ تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
🔬
الوحدة الثالثة
💡
إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📌 في نهاية الوحدة يتوقع أن يكون الطالب قادرًا على أن:
⚡
الموضوع الأول
📐
لغة HTML & PHP وتطبيقات
📌 تصميم مواقع الويب
🔬
نوائح التعلم
⚡
Project
📌 لاحظ: عند تثبيت **Install** برنامج **XAMPP**، يتم ذلك بشكل افتراضي داخل مجلد باسم **XAMPP** على مشغل الأقراص: **C**، وبمجموعة من المجلدات منها مجلد باسم **htdocs**، وينبغي إنشاء مجلد المشروع باسم **Dictionary** داخل المجلد **htdocs** ليصبح المسار كما يلي: ``` C:\xammp\htdocs\dictionary ``` وهو المسار الذي سوف تستخدمه في حفظ ملفات المشروع، وحفظ المجلدات الفرعية للموقع وذلك بمثابة نشر للموقع على الخادم **Localhost (Server)**. - إنشاء صفحات الموقع: تذكر عزيزي الطالب أننا في مرحلة وضع تصور مقترح للمشروع حيث سبق تحديد الصفحات التي سيتم إنشائها في الموقع المقترح (صفحات الموقع)، وهي: تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" صفتها إدخال مصطلح: $$'Add_term.php'$$ والتي تستخدم في إضافة مصطلح جديد. صفتها البحث عن مصطلح: $$'Search_term.php'$$ وتستخدم في البحث عن مصطلح وعرض بياناته. صفتها تعديل بيانات مصطلح: $$'Edit_term.php'$$ ومن خلالها يمكن تعديل أي بيان من بيانات مصطلح معين. صفتها حذف مصطلح: $$'Del_term.php'$$ ومن خلالها يمكن حذف مصطلح معين. تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" - صفحة المساعدة: "Help.php" ومعومات حول كيفية التعامل مع موقع "قاموس مصطلحات الكمبيوتر المصور." - صفحة الاتصال بقاعدة "Connection.php" لفتح اتصال بقاعدة البيانات على جهاز الخادم. - صفحة "Header.php": تحتوي على الآتي:
- ١الصورة Banner التي تعرض أعلى كل صفحات الموقع.
- ٢الارتباطات التشعبية Hyperlinks بجميع صفحات الموقع. - الصفحة الرئيسية "Index.php" وتعرض واجهة الموقع: نظرًا لخطورة عمليتي التعديل في بيانات المصطلح أو حذفه من الموقع، فقد تم منح هذه الصلاحية للمستخدم الذي يقوم بتسجيل دخوله فقط، وهو ما ستقوم بتنفيذ في مرحلة تأمين الموقع في الوحدة الخامسة من هذا الكتاب، وبذلك ينبغي على المستخدم الذي سجل دخول أن يقوم بتسجيل خروج من الموقع، وذلك بعد إنتهاء تفاعله مع موقع "قاموس مصطلحات الكمبيوتر المصور". تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" أيًا كان التطبيق المستخدم في إنشاء صفحات الموقع، فإنه يعتمد على استخدام لغة الترميز HTML، لذا نتطرق إلى أهم المعلومات والمهارات الأساسية في لغة الترميز HTML وتطبيق Expression Web، للمساعدة على إنشاء صفحات الموقع. HTML "Hyper Text Markup Language" HTML لغة الترميز HTML، لغة التعبير، لغة تكويد تستخدم في إنشاء صفحة ويب ثابتة تحفظ بامتداد.html أو.html بحيث يمكن عرضها وترجمة الكود الخاص بها من خلال أحد برامج مستعرضات الإنترنت. وبذلك يمكن كتابة كود HTML باستخدام أحد برامج معالجة النصوص مثل: (MS Word, WordPad, Notepad and...) مع مراعاة الآتي: - الأمر الذي يتم كتابته بلغة الترميز HTML يطلق عليه Tag، ولا يشترط أن يكتب بحروف كبيرة أو صغيرة. Small - أن يكتب الكود وفق بناء محدد كما بالشكل التالي: الهيكل الببائي لبرنامج بلغة HTML <html> <head> <Title> عنوان صفحة المعلومات </head> <body> المعلومات التي ستعرض على مستعرض الإنترنت </body> <html> تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📐
الدرس الشكل السابق وحاول استنتاج خصائص لغة الترميز HTML:
🔬
خصائص لغة الترميز HTML:
- ١الأوامر Tags في لغة الترميز HTML توضع بين العلامتين: < >.
💡
محتوى الدرس
- ١حفظ كود لغة الترميز HTML:
- ٢يشترط لحفظ كود HTML في ملف مراعاة أن:
- ٣يحفظ ملف كود HTML بأي اسم يكون امتداده. أو.html.
- ٤نوع الملف نصي TEXT، ويفضل استخدام برنامج المفكرة Notepad لأنه يحفظ الملف بهذا النوع مباشرة دون اختيار منا. فظ هيكل برنامج HTML المكتوب في برنامج المفكرة (Notepad) ب. بعد حفظ الملف بالمواصفات السابقة يأخذ الملف رمز مستعرض الإنترنت المتاح على جهازك مثل: Internet Explorer أو Mozilla Firefox أو Google Chrome. الخ. تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" ناقش معلمك وزملائك عن رمز الملف في حالة وجود أكثر من مستعرض إنترنت على جهازك. نشاط (
- ١استخدام كود HTML في إنشاء صفحة ويب باسم test2.html تحت اشراف معلمك اتبع الإجراءات بكتاب الأنشطة والتدريبات صفحة ( ٣٧ ) تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📐
إليك طريقتين لعمل ربط بين صفحتي الويب ttest1.html و test2.html:
💡
نشاط (
- ١الربط بين صفحات الويب بكود لغة الترميز HTML تحت إشراف معلمك اتبع الإجراءات بكتاب الأنشطة والتدريبات (صفحة
- ٢### ثانياً: الربط من خلال أحد تطبيقات إنشاء مواقع ويب عزيزي الطالب/الطالبة، يمكنك أيضًا التعديل في صفحتي الويب والربط بينهما من خلال نص أو صورة بتوظيف تطبيق Expression Web. يمكن تحميل برنامج Expression Web لإنشاء مواقع وصفحات ويب من خلال واجهة تطبيق سهلة وبسيطة بدلاً من كتابة أكواد HTML كالتالي: ### تحميل برنامج Expression Web: - من قائمة SEO البرنامج Start الحتر البرنامج কর্ণا بالصور التالية: حميل تطبيق Expression Web تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي
🎯
الوحدة الثالثة
⚡
محتوى الدرس
📌 مكونات الشاشة الرئيسة لبرنامج Expression Web
🔬
الوحدة الثالثة
💡
محتوى الدرس
📌 نشاط (
- ١### "الربط بين صفحات الويب باستخدام برنامج ### "Expression Web" ### اتبع الإجراءات بكتاب الأنشطة والتدريبات ### صفحة (
- ٢### إنشاء موقع المشروع قبل إنشاء أي صفحة بالموقع لابد من إنشاء موقع للمشروع باستخدام برنامج Expression Web ثم إنشاء كافة الصفحات به كما هو مخطط. ### نشاط (
- ٣### "إنشاء موقع المشروع باستخدام تطبيق ### "Expression Web" ### اتبع الإجراءات بكتاب الأنشطة والتدريبات ### صفحة (
- ٤إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" إنشاء صفحة "Header.php" فحة "Header.php" درس الشكل السابق، وحدد الأجزاء المتكررة في جميع صفحات الموقع: تحتوي هذه الصفحة على الأجزاء المتكررة في جميع صفحات الموقع كما يتضح من الصورة السابقة وهي: الصورة في بداية كل صفحة ويطلق عليها Banner. النصوص التالية: الرئيسية - إدخال مصطلح - بحث عن مصطلح - تعديل - حذف مصطلح - مساعدة. أولية الغلسم بحث عن مصطلح خلد مصطلح سادة لاحظ: النصوص السابقة تظهر على شاشة المستعرض مجرد كلمات غير مرتبطة بصفحات الموقع أي أنها لم تصبح بعد روابط تشعبية Hyperlink. تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" وتهدف صفحة "Header.php" باختصار إلى إدراج صورة ثم كتابة بعض النصوص التي تفصل بينها مسافات، كما يتضح من شاشة الكود التالية: "Header.php" نافذة كود صفحة "Header.php" نلاحظ في الكود الذي تم إنشاؤه ما يلي: يستخدم الـ Tag التالي لإنشاء مقطع بالصفحة كما هو موضح بالشكل السابق: ```html <div> كود HTMLالخاص بهذا المقطع </div> ``` تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
⚡
المقطع الثاني:
📐
محتوى الدرس
- ١اختصار يعني "Non Breakable Space" وتفيد ترك مسافة واحدة، ولترك ست مسافات بعد كلمة "الرئيسة" تم كتابتها ٦ مرات يلي كل منها ";". (
- ٢وبنفس الفكرة تستطيع عزيزي الطالب أن تكرر الكود السابق مع استبدال كلمة "رئيسة" بنص "إدخال مصطلح"، ثم نص "البحث عن مصطلح"، ثم نص "تعديل مصطلح"، ثم نص "حذف مصطلح"، ثم كلمة "مساعدة" ليصبح كل منها إرتباط تشعبي. والصفحة "Header.php"، يتم استدعاؤها بأمر واحد بسيط في بداية كل صفحة من صفحات الموقع بدلًا من تكرار الكود. تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" يمكنك إنشاء صفحة header.php باستخدام برنامج Expression Web كما يلي: إدراج صورة، وكتابة بعض النصوص تحتها، وإجراء بعض التنسيقات عليها، لتظهر بشكل مناسب. ### نشاط (
- ٣"إنشاء صفحة Header من نوع PHP في شاشة التصميم" وهو ما ستقوم بتنفيذ تحت إشراف معلمك بكتاب الأنشطة والتدريبات (صفحة
- ٤يمكن ربط كل نص أسفل صورة Banner بالصفحة الخاصة بها من خلال النشاط التالي: ### نشاط (
- ٥"إنشاء الإرتباطات التشعبية لصفحات الموقع" وهو ما ستقوم بتنفيذ تحت إشراف معلمك بكتاب الأنشطة والتدريبات (صفحة
- ٦تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📐
محتوى الدرس
- ١"إنشاء صفحة الاتصال بقواعد البيانات connect.php" بكتاب الأنشطة والتدريبات صفحة (
- ٢تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
🔬
الموضوع الثاني
💡
المعاملات والجمل الشرطية في لغة PHP
🎯
نواتج التعلم في نهاية الموضوع يتوقع أن يكون الطالب قادرًا على أن:
- ١يميز بين المعاملات Operator في لغة PHP.
- ٢يشرح جملة الشرط If condition في لغة PHP.
- ٣يتعرف جملة Switch في لغة PHP.
- ٤يوظف الصيغ المختلفة لجملتي الشرط If & Switch في حل المشكلات. تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" الجدول ١ قبل البدء في إنشاء صفحة إضافة مصطلح يمكن أن نستعرض معًا مفهوم المعاملات وايضًا ما هو مهم: المعاملات Operators: (
🔬
الوحدة الثالثة
💡
إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
✏️ مثال: ```php <?php $X=5; If ($X<
- ١"الرقم سالب" Echo Elseif ($X>
- ٢"الرقم موجب" Echo Else "الرقم يساوي صفر" Echo ``` نظرًا لأن $X=5 فقد تحقق الشرط الثاني بعد Elseif وسيتم طباعة عبارة "الرقم موجب" على شاشة مستعرض الإنترنت. ### وهناك صيغة أخرى لجملة IF ### (Expression) ? If-True : If-False; والمثال التالي يوضح استخدام الصيغة السابقة والتي يطلق عليها In Line If: ```php <?php$x = 1; // المتغير يساوي ١ y = (x ==
- ٣? 'One' : 'Two'; "One" يتم اختبار قيمة المتغير x، إذا كانت قيمته تساوي ١، يحفظ القيمة y. في المتغير y وإلا يحفظ القيمة "Two" في المتغير y. Print $y // طباعة قيمة المتغير ``` إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" نلاحظ في المثال السابق أن (Colon (:: ساعدت على كتابة أكثر من جمله في سطر واحد أدت إلى نفس النتيجة بدلاً من استخدام الأقواس { }. كاتب: جملة Switch ويمكن أيضًا استخدام جملة Switch كأحد العبارات الشرطية في لغة PHP، حيث يمكن من خلالها اختبار عدة شروط وفي كل مرة يتحقق فيها شرط ما ينفذ كود معين، والمثال التالي يوضح ذلك: ```php 1 <?php 2$x=1; 3 switch ( $x ) 4 { 5 case 1: "واحد" ; echo 6 echo "التبين" 7 break; 8 case 2: "التبين" ; echo 9 precho "تجربة" 10 break; 12 case 3: "تجربة" ; echo 13 precho "تجربة" 14 break; 16 default: "أ" ; echo 17 precho "تجربة" 18 break; 19 } 20 ?> ``` ود PHP يوضح استخدام الجملة الشرطية Switch وبتحليل الكود السابق نجد أن: - المتغير x بدأ بالقيمة ١، ثم استخدمت جملة Switch لاختبار قيمة المتغير x حيث يوجد أكثر من احتمال: - فإذا كانت قيمة المتغير تساوي ١ أي ": case 1" يطبع "واحد"، وهكذا لباقي الاحتمالات وفي آخر احتمال إذا لم تكن قيمة المتغير لا تساوي ١ أو ٢ أو ٣ أي دون ذلك يطبع "لا يوجد". تكنولوجيا المعلومات والاتصالات - الصف الثاني الثانوي تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي
🎯
الوحدة الثالثة
📐
الموضوع الثالث
🔬
صفحة إدخال مصطلح
📌 Add_Term.php
💡
نواتج التعلم
🎯
محتوى الدرس
- ١كتابة كود PHP: عند تحميل صفحة إدخال بيانات مصطلح على مستعرض الإنترنت، وقمت بإدخال بيانات في عناصر التحكم على صفحة المستعرض سنجد أن البيانات غير مرتبطة بقاعدة البيانات، لذا نحتاج إلى: - إظهار الصورة وعنوان صفحات الموقع في بداية الشاشة وذلك من خلال إضافة كود PHP الخاص بإدراج صفحة Header في المكان المشار إليه بالرقم (
- ٢على الشاشة السابقة بالكود التالي: ```php <?php include("header.php"); ``` ود PHP لتضمين صفحة Header: - تضمين صفحة الاتصال بقاعدة البيانات. - كتابة كود PHP المسؤل عن تخصيص البيانات التي سيتم إدخالها في عناصر التحكم على صفحة مستعرض الإنترنت في متغيرات، ثم إدراج محتوى هذه المتغيرات في حقول سجل بيانات مصطلح جديد في جدول قاعدة البيانات وفيما يلي سوف نتناول بالشرح التفصيلي كود PHP مختصر وأخر أكثر دقة واحترافية مع توضيح نواحي القصور في الكود المختصر. (
- ٣كود PHP المختصر: الغرض النهائي من كود PHP التالي إضافة مصطلح جديد كسجل Record في ملف قاعدة البيانات من خلال صفحة إدخال مصطلح التي سبق تصميمها وإنشائها على مستعرض الإنترنت، والكود المختصر التالي يحقق الغرض: ```php <?php Include('header.php'); include('connection.php'); if(isset($_POST['Submit1'])) term=_POST['txt_term']; trans=_POST['trans']; defe=_POST['TextArea1']; @file=_FILES['File1']['name']; @tmp=_FILES['File1']['tmp_name']; Move_uploaded_File(tmp,'pic/'.file); picture='pic/'. file. ''; picture('insert into terms values (”, term, trans, defe, picture')); ?> ``` تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" ونلاحظ في الكود المختصر السابق ما يلي: - تضمين صفحة.header.php. - تضمين صفحة الاتصال بقاعدة البيانات.connection.php. - التحقق من الضغط على زر Submit1 حيث يتم اختبار إن كان المستخدم قد قام بالضغط Click على زر "إضافة" فيتم تنفيذ الآتي:
⚡
محتوى الدرس
- ١على الشاشة السابقة بالكود التالي: ```php <?php include("header.php"); ``` ود PHP لتضمين صفحة Header - تحقيق الاتصال بقاعدة البيانات. - التحقق من إدخال بيانات في عناصر التحكم على صفحة الويب. - تسجيل بيانات المصطلح في جدول قاعدة البيانات وذلك من خلال كود PHP المرتبط بزر "إضافة" في المكان المشار إليه بالرقم (
- ٢على الشاشة كود HTML الخاصة بتصميم صفحة إضافة مصطلح: تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" ```php 47 <?php 48 include("connection.php"); 49 if(isset($_POST['Submit1'])) 50 { 51 if(!is_dir('pic')) { mkdir('pic'); } > جملة شرطية لاختبار وجود مجلد 52 @file=_FILES['File1']['name']; 53 @tmp=_FILES['File1']['tmp_name']; 54 if(!empty(file)) { move_uploaded_file(tmp,'pic'(file); > 55 term=_POST['txt_term']; 56 trans=_POST['trans']; 57 defe=_POST['TextArea1']; 58 picture="pic/".file.""; 59 if ( term != "" && trans != "" && defe != "" && !empty(file)) { 60 { 61 mysql_query("SET NAMES 'utf8"); 62 query=mysql_query("insert into terms values(",'term','trans','defe','picture')"); 63 if($query) 64 { 65 $datares="تم إضافة البيانات بنجاح"; 66 echo("<label id="Label1" style="color: #FF0000;font-size: x-large;">$datares </label> "); 67 } 68 else 69 { 70 $datares="الميئات التي تم إتخالها غير صحيحة يجب إدخال جميع الحقول"; 71 echo("<label id="Label1" style="color: #FF0000;font-size: x-large;">$datares </label> "); 72 } 73 } 74 else 75 { 76 $datares="البيانات التي تم إدخالها غير صحيحة يجب إدخال جميع الحقول"; 77 echo("<label id="Label1" style="color: #FF0000;font-size: x-large;">$datares </label> "); 78 } 79 } 80 ?> ``` ود PHP لإضافة مصطلح جديد تكنولوجيا المعلومات والاتصالات — الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" عزيزى الطالب تعرف الشرح التفصيلي للكود كالتالي: ```php <?php - تضمين صفحة تحقيق الاتصال بقاعدة البيانات بالكود التالي: include("connection.php"); التحقق من الضغط على زر Submit - الكود التالي يختبر إن كان المستخدم قد قام بالضغط Click على زر 'إضافة' فيتم التحقق أولا من وجود مجلد باسم "pic" وهو المخصص لوضع الصور الخاصة بالمصطلحات بداخله، فإذا لم يُنشأ هذا المجلد يتم إنشاؤه. if (isset($_POST["Submit1"])) if (!is_dir("pic")) { mkdir("pic"); } - وينفس الطريقة يمكن إنشاء مجلدات أخرى للصور أو الفيديو سواء بالكود أو من خلال نظام التشغيل في مجلد المشروع. رفع ملف الصور على Server - يخصص اسم الملف المختار من المستخدم File1 إلى المتغير$file، مع ملاحظة أن العلامة @ تسمى Pointer وتتعامل معها لغة PHP على أنها متغير، ويفيد ذلك في عدم إظهار رسالة خطأ إذا كانت قيمته فارغة. @file=_FILES["File1"] ["name"]; @tmp=_FILES["File1"] ["tmp_name"]; - اختبار إن كان اسم ملف الصورة غير محدد يتم تحميل ملف الصورة من مجلد "pic". if (!empty(file)) { move_uploaded_file(tmp, "up/."file); ``` تكنولوجيا المعلومات والاتصالات — الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" تخصيص قيم عناصر التحكم في متغيرات. - يتم تخزين البيانات التي تم إدخالها في مربعات النصوص للمصطلح الجديد على صفحة الويب في المتغيرات التالية بالترتيب (term - trans defe - picture) مع ملاحظة أن المتغير.Submit рез يخص عن الضغط على زر Event عند الضغط على `S_POST`. إذا كان الضغط على `S_POST` يخزن به قيم عناصر التحكم على النموذج Form. ``` term=_POST["txt_term"]; trans=_POST["trans"]; defe=_POST["TextArea1"]; picture="pic/". file. ""; ``` التحقق من إدخال قيم في عناصر التحكم على النموذج Form - جملة IF التالية للتأكد أن هذه المتغيرات ليست خالية أي تم إدخال قيم فيها، فإذا كان الشروط صحيحًا وجميع المتغيرات ليست خالية Null يقوم بتنفيذ الآتي: - استخدام دالة mysql_query يساعد في إظهار البيانات على صفحة الويب باللغة العربية بشكل صحيح وعدم ظهورها في صورة علامات استفهام هكذا *. if (term !== "" && trans !== "" && defe !== "" && !empty(file) ) mysql_query("SET NAMES 'utf8"); squery=mysql_query("insert into terms values (","term","trans","defe","picture"); variable متغير Function دالة Table الجدول القيم المُدخَلَة المتغيرات - تم إنشاء متغير $query بحيث يخصص له قيمة تنفيذ الدالة mysql_query التي تحتوي على جملة insert الخاصة بلغة SQL، والتي تقوم بإدخال البيانات التي تم تخزينها في المتغيرات إلى الحقول المناظرة لها في جدول قاعدة البيانات "terms". - ثم يتم التأكد من إدخال البيانات في جدول قاعدة البيانات if($query) فإذا تم ذلك ظهرت الرسالة "تم إضافة البيانات بنجاح"، وإلا تظهر الرسالة "لم يتم إضافة البيانات". تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" إشاعا عز الله if ($query)$datares="تم إضافة البيانات بنجاح"; echo("<label id="Label1" style="color: #FF0000;font-size: x-large;"> $datares </label>" ?); } else$datares="لم يتم إضافة البيانات"; echo("<label id="Label1" style="color: #FF0000;font-size: x-large;"> $datares </label>" ?); } else - في حالة عدم إدخال بيانات لجميع الحقول أو بعضها يطبع الرسالة 'البيانات التي تم إدخالها غير صحيحة يجب إدخال جميع الحقول'.$datares="البيانات التي تم إدخالها غير صحيحة يجب إدخال جميع الحقول"; echo("<label id="Label1" style="color: #FF0000;font-size: x-large;"> $datares </label> "); تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي</label> إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📐
نشاط (
- ١"إنشاء صفحة إدخال مصطلح 'Add_term.php" عزيزي الطالب/الطالبة، الآن يمكنك استخدام صفحة الويب كواجهة للتعامل مع جدول قاعدة البيانات لإضافة مصطلح جديد، وإجراء عمليات أخرى، وذلك من خلال تنفيذ نشاط (
- ٢بكتاب الأنشطة والتدريبات. صفحة (
- ٣تنفيذ صفحة إدخال مصطلح عند استعراض صفحة إدخال مصطلح على مستعرض الإنترنت تظهر كما يلي، وذلك من خلال العنوان: ``` $$localhost/dictionary/add_term.php$$ ``` افذة استعراض صفحة إدخال مصطلح - في حالة عدم إدخال بيانات والضغط على زر 'إضافة'، يطبع الرسالة 'البيانات التي تم إدخالها غير صحيحة يجب إدخال جميع الحقول' أسفل شاشة المستعرض كما يلي: تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" افذة استعراض صفحة إدخال مصطلح غير مكتمل البيانات - عند إدخال جميع بيانات المصطلح كما يلي: افذة إدخال مصطلح تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور" - وبالضغط على زر "إضافة" تظهر الرسالة "تم إضافة البيانات بنجاح" أسفل شاشة المستعرض. افذة التأكد من إدخال مصطلح بشكل صحيح تذكر: في الكود المختصر لا يظهر أي رسائل تفيد إضافة سجل جديد من عدمه في جدول قاعدة البيانات.
🔬
محتوى الدرس
- ١التأكد من إضافة المصطلح إلى قاعدة البيانات وللتأكد من أنه تم إضافة البيانات في سجل جديد في قاعدة البيانات، نفتح قاعدة البيانات في تبويب جديد لمستعرض الإنترنت بكتابة الرابط التالي "localhost/phpmyadmin" في شريط العنوان ونتأكد من إضافة سجل جديد في جدول "terms": افذة التأكد من إضافة المصطلح في جدول قاعدة البيانات تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي تكنولوجيا المعلومات والاتصالات – الصف الثاني الثانوي
💡
الوحدة الثالثة
🎯
إنشاء صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"
📌 وإلى لقاء ### في ### الفصل الدراسي الثاني
⚖️
مقارنة سريعة
عملية الربط بين جداول
العلاقة بين جدولي "الصف" و "الطلاب" علاقة رأس بأطراف من ناحية جدول الصف، حيث نج…
قبل الربط بين الجدولين في علاقة أطر
مقارنة من كتاب الوزارة
💡 ملخص سريع
- 🔹 عملية الربط بين جداول
- 🧬 قبل الربط بين الجدولين في علاقة أطراف بأطراف ينبغي إنش…
- 🧪 في جدول الربط.
- 📐 العلاقة أطراف بأطراف هي علاقة نظرية في مفاهيم قواعد ال…