حاسب 2 تدريبات

‫طبعة ‪ 1441‬ـــ ‪2019‬‬ ‫وزارة التعليم ‪1435‬هـ‬ ‫فهرسة مكتبة امللك فهد الوطنية أثناء النشر‬ ‫وزارة التعليـم‬ ‫احلاسب وتقنية املعلومات ‪( 2‬التعليم الثانوي ــ نظام املقررات ــ البرنامج‬ ‫املشترك ــ كتاب التدريبات)‪ / .‬وزارة التعليم‪ ،‬الرياض ‪1435‬هـ‪،‬‬ ‫‪ 238‬ص؛ ‪ 25٫5 * 21‬سم‬ ‫ردمك ‪978 - 603 - 502 - 492 - 1 :‬‬ ‫‪ -1‬احلواسيب ‪ -‬كتب دراسية ‪ - 2‬التعليم الثانوي ‪ -‬السعودية ‪-‬‬ ‫كتب دراسية أ‪ .‬العنوان‬ ‫‬ ‫‪1435 / 3734‬‬ ‫ديوي ‪004٫712‬‬ ‫رقم اإليداع ‪1435 / 3734 :‬‬ ‫ردمك ‪978 - 603 - 502 - 492 - 1 :‬‬ ‫إن ثورة المعلومات وتطورات التقنية بجميع أشكالها وأنواعها وأحجامها مستمرة في‬ ‫النمو الكمي والكيفي األمر الذي يدعونا لمسايرة ومواكبة هذا التطور للدخول في المنافسة‬ ‫العالمية في شتى صورها وتحقيق المستوى األمثل في توظيف التقنية لصناعة المجتمع‬ ‫المعلوماتي والمعرفي ‪ .‬ومن المعلوم اليوم أن التقنية الحديثة ووسائلها في مختلف المجاالت‬ ‫تتطور بشكل مذهل ومتسارع مما قاد وزارة التعليم التباع استراتيجية تطوير نوعية من أجل‬ ‫مواكبة ذلك التطور العلمي والتقني المطرد في شتى المجاالت السيما في مجال تطوير‬ ‫مناهج الحاسب والتقنية‪.‬‬ ‫ومن هذا المنطلق فإن وزارة التعليم وشركة تطوير للخدمات التعليمية باستشرافهما‬ ‫للمستقبل قد أخذتا بزمام المبادرة في توطين التقنية بشتى صورها وأنواعها في الميدان‬ ‫التربوي ال سيما في مجال الحاسب والتقنية وعلومهما والتجديدات العالمية الحديثة التى‬ ‫ينبغى األخذ بها للرفع من كفاءة المادة وتدريسها‪ ،‬وألهمية تمكين النشء من استيعاب الحقائق‬ ‫العلمية والمهارات العملية التقنية المتقدمة ولمواكبة التطور العالمي الحاصل في مجال‬ ‫الحاسب وعلومه وطرق تدريسه وما يصاحب ذلك من تطور في تقنية المعلومات وتطبيقاتها‪.‬‬ ‫وقد قام فريق من الخبراء التربويين والتقنيين على تطوير مناهج الحاسب بالمرحلة‬ ‫الثانوية بما يتالءم ويتسق مع التوجهات العالمية والمستجدات التقنية في مجال الحاسب‬ ‫وعلومه مراعياً أحدث التوجهات التربوية في مجال تصميم وإعداد وبناء المنهج لتحقيق‬ ‫األهداف اآلتية‪:‬‬ ‫‪1‬‬ ‫‪4‬‬ ‫تأهيل الطالب بالمهارات والقدرات العملية التي تسهل دخول سوق العمل مباشرة عقب‬ ‫المرحلة الثانوية‪.‬‬ ‫‪ 2‬بناء الجوانب المعرفية لعلوم وهندسة الحاسب المتخصصة وللنظم والبرمجيات السائدة‬ ‫عالم ًّيا بما يمكن طالب الثانوية من مواكبة التقدم العلمي واستكمال دراسته الجامعية‬ ‫بنجاح‪.‬‬ ‫‪ 3‬اكتساب مهارات لتوظيف تقنية الحاسب والمعلومات في التعلم الذاتي وبناء المشاريع‬ ‫للمجاالت العلمية واإلنسانية بالمرحلة الثانوية‪.‬‬ ‫‪ 4‬الحصول على المعارف والتدريب الكافي بما يتيح للطالب بناء قدراته للحصول على‬ ‫شهادات قياسية عالمية‪.‬‬ ‫‪ 5‬تعزيز مهارات وقدرات استخدام تقنية المعلومات للتواصل االجتماعي والمشاركة في‬ ‫تحقيق التنمية بالمجتمع السعودي‪.‬‬ ‫‪ 6‬تعزيز وتطوير المعارف والمهارات العملية والسلوكية وقدرات استخدام الحاسب كأداة‬ ‫إنتاجية في المراحل التعليمية قبل الثانوية‪.‬‬ ‫ومن نافلة القول إنه ينبغي على المعلم والمعلمة تفعيل مشاركة الطالب في معمل‬ ‫الحاسب من خالل ابتكار المشاريع التقنية وتوظيفها في عمليتي التعليم والتعلم حيث‬ ‫تحوي مناهج الحاسب المطورة قسمًا للمشروعات التقنية والتدريبات العملية على‬ ‫استخدام بعض برمجيات الحاسب وتطبيقاته المختلفة في مجاالت عديدة‪ ،‬وهذه‬ ‫التدريبات والمشروعات تظل محدودة في عددها وتنوعها‪ ،‬ولذا ننصحك أخي الطالب‬ ‫بأن ال تكتفي بها‪ ،‬وأن تحاول بنفسك اكتساب المزيد من المهارات والقدرات التقنية في‬ ‫التعامل مع جهاز الحاسب‪ ،‬وذلك بأن تخصص وقتاً من نشاطك للتدريب على هذه التقنية‬ ‫التى تُعد اليوم مفتاح العصر المعلوماتي والمعرفي‪ ،‬وأن تحاول ً‬ ‫أيضا تطويع التقنية بشتى‬ ‫صورها كوسيلة تعليمية للمقررات الدراسية األخرى‪.‬‬ ‫والله تعالى الموفق لكل خير‪،،‬‬ ‫‪5‬‬ ‫تدريبات الوحدة األولى‪ :‬الشبكات السلكية والالسلكية واإلنترنت‬ ‫التدريب األول ‪ :‬إعداد الشبكات احمللية واملشاركة في ملفات مجموعة منزلية عبر الشبكة ‪ ..‬ص ‪10‬‬ ‫التدريب الثاني ‪ :‬التعامل مع الشبكات الالسلكية احمللية ‪ ..‬ص ‪17‬‬ ‫تدريبات الوحدة الثانية ‪ :‬أمن المعلومات والبيانات واإلنترنت‬ ‫التدريب ‪ :‬االستخدام اآلمن جلهاز احلاسب ‪ ..‬ص ‪26‬‬ ‫تدريبات الوحدة الثالثة‪ :‬تقنيات وبرمجة األجهزة الذكية‬ ‫التدريب األول ‪ :‬التعرف على بيئة العمل ‪ ..‬ص ‪٣٦‬‬ ‫التدريب الثاني ‪ :‬تطبيق السالم عليكم (مدخل إلى البرمجة) ‪ ..‬ص ‪٤٦‬‬ ‫التدريب الثالث ‪ :‬تطبيق آلة حاسبة بسيطة (العمليات احلسابية) ‪ ..‬ص ‪٥٤‬‬ ‫التدريب الرابع ‪ :‬تطبيق األدعية املأثورة (التنقل بني الشاشات باستخدام أداة القائمة (‪ .. ))List‬ص ‪٦١‬‬ ‫التدريب اخلامس ‪ :‬تطبيق املسابقة الثقافية (أدوات أخرى للتنقل بني الشاشات) ‪ ..‬ص ‪٦٦‬‬ ‫التدريب السادس ‪ :‬تطبيق حساب العمر (أدوات التصميم‪ ،‬أداة (‪ .. ))CheckBox‬ص ‪٧٢‬‬ ‫التدريب السابع ‪ :‬تطبيق القرآن الكرمي (الوسائط املتعددة) ‪ ..‬ص ‪٧٨‬‬ ‫التدريب الثامن ‪ :‬تطبيق كلمة وعدة صور (الوسائط املتعددة) ‪ ..‬ص ‪٨٢‬‬ ‫التدريب التاسع ‪ :‬تـطبـيـق مـفكرتي (حـفـظ البيانات باستخدام (‪ .. ))LocalStorage‬ص ‪٨٨‬‬ ‫التدريب العاشر ‪ :‬تطبيق مشغل الفيديو (الوسائط املتعددة) ‪ ..‬ص ‪٩٤‬‬ ‫التدريب احلادي عشر ‪ :‬تطبيق قصار السور (الوسائط املتعددة) ‪ ..‬ص ‪٩٨‬‬ ‫التدريب الثاني عشر ‪ :‬تدريبات إثرائيــة ‪ ..‬ص ‪١٠٥‬‬ ‫‪6‬‬ ‫تدريبات الوحدة الرابعة ‪ :‬الخدمـات اإللـكـتـرونيـة‬ ‫التدريب األول ‪ :‬التسوق والشراء عبر اإلنترنت ‪ ..‬ص ‪١١٨‬‬ ‫التدريب الثاني ‪ :‬إدارة موقع التسوق عبر لوحة التحكم ‪ ..‬ص ‪126‬‬ ‫تدريبات الوحدة الخامسة ‪ :‬قـواعـد البيانـات‬ ‫التدريب األول ‪ :‬إنشاء قاعدة بيانات املدرسة في برنامج ليبر أوفيس بيس (‪ .. )LibreOffice Base‬ص ‪١٤٠‬‬ ‫التدريب الثاني ‪ :‬الــجــداول ‪ ..‬ص ‪١٤٥‬‬ ‫التدريب الثالث ‪ :‬إدخال البيانات وتعديل احلقول وتكوين العالقات بني اجلداول ‪ ..‬ص ‪١٥٤‬‬ ‫التدريب الرابع ‪ :‬االستـعالمـات ‪ ..‬ص ‪١٦٢‬‬ ‫التدريب اخلامس ‪ :‬النـماذج ‪ ..‬ص ‪١٦٨‬‬ ‫التدريب السادس ‪ :‬التـقـاريــر ‪ ..‬ص ‪١٧٤‬‬ ‫تدريبات الوحدة السادسة ‪ :‬عمارة الحاسب‬ ‫التدريب األول ‪ :‬اختبار وقياس أداء املعالج ‪ ..‬ص ‪١٨٠‬‬ ‫التدريب الثاني ‪ :‬قياس أداء املعالج حتت التحميل‪ ،‬وحتسني أداء احلاسب ‪ ..‬ص ‪١٨٦‬‬ ‫تدريبات الوحدة السابعة ‪ :‬مهن وتخصصات الحاسب‬ ‫التدريب األول ‪ :‬االختبارات العملية لشهادات احلاسب العاملية ‪ ..‬ص ‪١٩٨‬‬ ‫التدريب الثاني ‪ :‬االختبارات العملية لشهادات احلاسب العاملية ‪ ..‬ص ‪٢٠٨‬‬ ‫‪7‬‬ ‫تدريبات الوحدة األولى‬ ‫الشبكات السلكية والالسلكية واإلنترنت‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫التدريب األول ‪ :‬إعداد الشبكات المحلية‬ ‫والمشاركة في ملفات مجموعة منزلية‬ ‫عبر الشبكة‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫إعداد الشبكة املحلية واستكشاف األجهزة املتصلة بها‪.‬‬ ‫االنضمام إلى مجموعة املشاركة املنزلية على الشبكة‪.‬‬ ‫إعداد مشاركة امللفات مع أعضاء مجموعة املشاركة املنزلية على الشبكة‪.‬‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب األول‬ ‫مـتطلبـات الـتدريـب‬ ‫‪ 1‬توفر شبكة محلية مبوقعك ومعرفة كلمة املرور اخلاصة بها‪.‬‬ ‫‪ 2‬جهاز حاسب أو محمول أو لوحي ميكنه االرتباط الشبكي‪.‬‬ ‫‪ 3‬برنامج التصفح والذي عادة يكون متوفراً مع نظام التشغيل يف أنظمة ويندوز‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تعرفنا في الجزء النظري لهذه الوحدة على مفهوم الشبكات‪ ،‬أهميتها في مشاركة المصادر‪،‬‬ ‫وأنواع شبكات الحاسب بحسب اتساعها المكاني‪ ،‬أو التقنية المستخدمة‪ ،‬أو سرعة اإلرسال‬ ‫للبيانات عبر الشبكة‪ .‬وتُعد من أكثر شبكات الحاسب انتشا ًرا واستخدا ًما بحسب اتساعها المكاني‬ ‫هي‪ :‬شبكة الحاسب الشخصية (‪ ،)PAN‬وشبكة الحاسب المحلية (‪)LAN‬‬ ‫وفي هذا التدريب سنتعرف على الشبكات المحلية الموجودة في معمل المدرسة أو البيت والعمل على‬ ‫االتصال والدخول للشبكة المحلية واالنضمام لمجموعة منزلية للمشاركة في ملفات عبر أحد أجهزتها‪.‬‬ ‫‪11‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫إعداد الشبكة المحلية واستكشاف األجهزة المتصلة بها‪:‬‬ ‫‪ 1‬في حالة وجود شبكة محلية‬ ‫(‪ )Ethernet‬سلكية بالمنزل أو معمل‬ ‫المدرسة ويوجد كيبل والذي ينتهي‬ ‫بمقبس (‪ )RJ45‬للشبكة المحلية‬ ‫والمبين بالشكل (‪ )1-1-1‬أو منفذ‬ ‫بالغرفة الموجود بها الحاسب‪ ،‬أقوم‬ ‫بتوصيل الحاسب بهذا المقبس كـــمـا‬ ‫في الشكــل (‪ ،)1-1-1‬كــمـا يمكن‬ ‫أن أقوم بتوصيل جهاز الحاسب‬ ‫باستخدام كيبل إيثرنت بمجمع (‪)Hub‬‬ ‫أو مب ِّدل (‪ )Switch‬أو موجه (‪)Router‬‬ ‫بالغرفة الموجود بها الحاسب‪ ،‬ثم أقوم‬ ‫بتشغيل جهاز الحاسب ‪.‬‬ ‫‪ 2‬يتوفر مع نظام التشغيل في أنظمة‬ ‫ويندوز بالجهاز المكتبي أو المحمول‬ ‫مجموعة من البرمجيات التي تتيح‬ ‫معرفة الشبكات المحلية في نطاق‬ ‫مكاني محدد وضبط خصائصها‬ ‫ولبدء تشغيلها أختار (لوحة التحكم)‬ ‫(‪ )control Panel‬من قائمة (ابدأ)‬ ‫ً‬ ‫رموزا صورية‬ ‫ليظهر لي نافذة بها‬ ‫منها رمز (الشبكة واإلنترنت)‬ ‫(‪ )Network&Internet‬كما في الشكل‬ ‫(‪.)2-1-1‬‬ ‫‪12‬‬ ‫شكل (‪ :)1-1-1‬توصيل احلاسب بكيبل مبقبس (‪ )RJ45‬للشبكة املحلية‬ ‫شكل (‪ :)2-1-1‬نافذة لوحة التحكم‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب األول‬ ‫‪ 3‬أنـــقــر علـــى رمز (الشبكــــة واإلنترنت)‬ ‫(‪ )Network & Internet‬ليظهر لي‬ ‫نافــذة بــها مجموعة رموز منها رمز‬ ‫(مركز الشبكة والمشاركــــة) (‪Network‬‬ ‫‪ )& Sharing Center‬ويوجــد أسفل منها‬ ‫عدة خيارات منها (عرض أجهزة الكمبيوتر‬ ‫واألجهزة المتصلة بالشبكة) كما في الشكل‬ ‫(‪.)3-1-1‬‬ ‫‪ 4‬أنـقــر على رمز (عـــرض أجــهـزة‬ ‫الكمبيوتـــر واألجهـــزة المتصلــة بالشبكـــة)‬ ‫(‪View Network Computers and‬‬ ‫‪ ،)Devices‬فتظهر رموز جهاز الحاسب‬ ‫الذي قمت بإضافته وأجهزة الحاسبات‬ ‫األخرى واألجهزة المتصلة بالشبكة‪ .‬كما‬ ‫في الشكل (‪.)4-1-1‬‬ ‫‪ 5‬إذا لم تظهر رموز األجهزة في مجلد‬ ‫(الشبكات)‪ ،‬فقد يكون تم حجب اكتشاف‬ ‫الشبكـــة ومشاركـــة الملفات مــن خــالل‬ ‫جدار حماية (‪ )Windows‬والذي يمنع‬ ‫ً‬ ‫افتراضيا‪ ،‬لذا يمكن إعادة تمكين‬ ‫اكتشافها‬ ‫االكتشاف لألجهزة المتصلة بالشبكـــة كــما‬ ‫يمكــن ضبــط خصائص الشبكة لالشتراك‬ ‫بملفاتها باتباع الخطوات التالية‪:‬‬ ‫أنــــقــر عـــلــى رمز (مــركــز الــشـبكـــة‬ ‫والمــــشــاركـــة) (‪Network &Sharing‬‬ ‫‪ )Center‬لتظهر لي نافذة ويوجد بجانبها‬ ‫خيارات منها (تغيير إعدادات المشاركة‬ ‫(‪Change Advanced‬‬ ‫المتقدمة)‬ ‫‪ ،)Sharing Setting‬ثم أنقر على (تغيير‬ ‫إعدادات المشاركة المتقدمة) لتظهر نافذة‬ ‫الخيارات لالشتراك واكتشاف الشبكة كما‬ ‫في الشكل (‪.)5-1-1‬‬ ‫شكل (‪ :)3-1-1‬نافذة مركز الشبكة واملشاركة‬ ‫شكل (‪ :)4-1-1‬أجهزة الكمبيوتر واألجهزة املتصلة بالشبكة‬ ‫شكل (‪ :)5-1-1‬نافذة اخليارات لالشتراك واكتشاف الشبكة‬ ‫‪13‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫‪ 6‬أنقر فوق زر (تشغيل اكتشاف الشبكة) (‪ ،)Turn On Network Discovery‬كما أنقر فوق زر‬ ‫(تشغيل المشاركة في الملفات والطابعات) (‪ ،)Turn On file and printer sharing‬كما أقوم‬ ‫بالسماح ألي مشترك بالدخول لملفات المشاركة من خالل النقر على زر السماح للمشتركين‬ ‫بالدخول للملفات العامة للمجموعة وأخي ًرا أنقر فوق زر (حفظ التغييرات) (‪ )Save‬لكي يتم‬ ‫السماح باكتشاف األجهزة المتصلة بالشبكة عندما أنقر على أيقونة (عرض أجهزة الكمبيوتر‬ ‫واألجهزة المتصلة بالشبكة) في الخطوة السابقة‪.‬‬ ‫ثان ًيا‬ ‫االنضمام على مجموعة المشاركة المنزلية على الشبكة‪:‬‬ ‫يتم في الشبكة المحلية إنشاء مجموعة المشاركة المنزلية والتي هي مجموعة من أجهزة‬ ‫الحاسب الموجودة على شبكة منزلية للمشاركة في الملفات والطابعات بها‪ .‬ويتيح استخدام‬ ‫مجموعة المشاركة المنزلية إمكانية مشاركة الصور والملفات الصوتية وملفات الفيديو والمستندات‬ ‫والطابعات مع مستخدمين آخرين في مجموعة المشاركة المنزلية‪ .‬وتتوفر مجموعة المشاركة‬ ‫المنزلية في أنظمة التشغيل (ويندوز ‪ )7‬و(ويندوز‬ ‫‪ .)8‬وفي الخطوات التالية أقوم باالنضمام إلى‬ ‫مجموعة المشاركة المنزلية السابق إنشائها من أحد‬ ‫مستخدمي الشبكة‪.‬‬ ‫‪ 1‬أخــتــار (لـــوحــة التحكم) (‪ )Control Panel‬مــن‬ ‫قائمة (ابدأ) ليظهر لي نافذة بها مجموعة من‬ ‫الرموز أنقر على رمز (الشبكة واإلنتــرنت)‬ ‫(‪ )Network&Internet‬لتظهر لي نافذة أخرى بها‬ ‫شكل (‪ :)6-1-1‬نافذة مجموعة املشاركة املنزلية‬ ‫عدة خيارات منها (مجموعة المشاركة المنزلية)‬ ‫كما في الشكل (‪.)6-1-1‬‬ ‫أنقر رمز (مجموعة المشاركة المنزلية)‬ ‫‪2‬‬ ‫(‪ )Home Group‬ليظهر لي نافذة تتيح االشتراك‬ ‫بالمجموعة‪ ،‬أنقر على زر (اشترك اآلن) (‪Join‬‬ ‫‪ )Now‬لتظهر لي نافذة تتيح اختيار أنواع الملفات‬ ‫التي يمكن االشتراك بها عبر المجموعة كما في‬ ‫الشكـــل (‪ )7-1-1‬وأحدد الملفات التي أرغب‬ ‫المشاركة بها ثم النقر على زر (التالي) (‪.)Next‬‬ ‫شكل (‪ :)7-1-1‬نافذة اختيار امللفات التي ميكن االشتراك بها‬ ‫‪14‬‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب األول‬ ‫‪ 3‬عقب اختيار الملفات المتاح مشاركتها تظهر نافذة أُدخل من خاللها كلمة المرور للمجموعة‬ ‫والتي قام بتعيينها من أنشأ المجموعة‪ ،‬ثم أنقر على زر (التالي) (‪ .)Next‬بعدها تظهر نافذة‬ ‫تفيد بانضمامي للمجموعة فأنقر على زر (االنتهاء) (‪.)Finish‬‬ ‫ثال ًثا‬ ‫إعداد مشاركة الملفات مع مجموعة المشاركة المنزلية على الشبكة‪:‬‬ ‫بعد إنشاء مجموعة مشاركة منزلية واالنضمام إليها‪ ،‬يمكن أن تحدد المكتبات (على سبيل‬ ‫المثال‪ ،‬صوري ومستنداتي) التي أرغب في مشاركتها كما يمكن منع مشاركة ملفات أو مجلدات‬ ‫محددة ومشاركة مكتبات إضافية الحقاً‪.‬‬ ‫وباإلضافة للمشاركة يمكن أن أقوم بحمايــة مصادر‬ ‫المجموعة باستخدام كلمة مرور يمكن تغييرها في أي وقت‬ ‫بحيث ال يمكـــن للمستخدمين اآلخرين تغيير الملفات المتاحة‬ ‫للمشاركة على جهازي إال عــنـد منحهم اإلذن بذلك‪ .‬وفي‬ ‫الخطوات التالية أقوم بإعداد المشاركة بالملفات للمجموعة‪.‬‬ ‫‪ 1‬عقب إعداد خصائص الشبكة والمجموعة المنزلية بها‬ ‫أقوم بتحديد واختيار الملفات التي سيمكن االشتراك‬ ‫بها بالنقر على اسم الملف أو المجلد وليكن (‪High‬‬ ‫‪ ،)School books‬ثم بالنقر على زر الفأرة األيمن‬ ‫واختيار (خصائص) من القائمة المنسدلة تظهر لي‬ ‫نافذة كما في الشكل (‪.)8-1-1‬‬ ‫‪ 2‬مـــــن أوامـــر نــافــذة خصائــص أنقــر عــلــى تبويـــب‬ ‫(مشاركـة) (‪ )Sharing‬ثم زر (مشاركة‪ )...‬كما في‬ ‫الشكل (‪.)9-1-1‬‬ ‫شكل (‪ :)8-1-1‬نافذة إعداد امللفات‬ ‫التي ميكن االشتراك بها‬ ‫شكل (‪ :)9-1-1‬نافذة حتديد خصائص االشتراك‬ ‫‪15‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫أح ّدد من النافذة التي ظهرت األذن‬ ‫‪3‬‬ ‫لمشاركة الملف باختيار أسماء األعضاء‬ ‫المسموح لهم وأنقر على زر (أضف)‬ ‫(‪ ،)add‬ثم أنقر على زر (مشاركة)‬ ‫للسماح لهم بالوصول للملف وتغييره كما‬ ‫يتضح في الشكل (‪.)10-1-1‬‬ ‫‪ 4‬للتأكد من تفعيل المشاركة أقوم بفتح‬ ‫ملفات المشاركة من جهاز الكمبيوتر ثم‬ ‫أختار الشبكة (‪.)Network‬‬ ‫شكل (‪ :)10-1-1‬اختيار أسماء األعضاء الذين يسمح لهم‬ ‫بالدخول للملف‬ ‫تــمــريــــنـات‬ ‫قم بتجربة استكشاف األجهزة المرتبطة بالشبكات المحلية الموجودة في موقعك من لوحة‬ ‫التحكم بنا ًء على ما استفدته من هذا التدريب‪ ،‬ثم قم باآلتي‪:‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪16‬‬ ‫احصل على مفتاح واسم المجموعة المنزلية من مدرسك أو من مشغل الشبكة‪.‬‬ ‫قم بإدخال بيانات االنضمام إلى المجموعة وإعداد خصائص االشتراك ألعضاء‬ ‫المجموعة نحو نوع ملفات االشتراك‪.‬‬ ‫قم بإعداد ملف والسماح لألعضاء بالمجموعة باالشتراك به‪.‬‬ ‫بعد االنضمام لمجموعة أجري تجربة لتبادل الملفات المشتركة ونسخها من خالل‬ ‫وجود االرتباط بين جهازك واألجهزة األخرى بالمجموعة المنزلية بالشبكة المحلية‪.‬‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب األول‬ ‫التدريب الثاني ‪:‬‬ ‫التعامل مع الشبكات الالسلكية املحلية‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫إعداد االتصال بالشبكة الالسلكية املحلية واالرتباط بها‪.‬‬ ‫إعداد مودم الشبكة الالسلكية وحماية أمن الشبكة‬ ‫‪17‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫مـتطلبـات الـتدريـب‬ ‫توفر شبكة السلكية محلية بموقعك ومعرفة كلمة المرور الخاصة بها‪.‬‬ ‫جهاز حاسب أو محمول أو لوحي يمكنه االرتباط الالسلكي‪.‬‬ ‫توفر جهاز مودم نوع (‪ )DSL‬أو لأللياف البصرية أو بشريحة جوال ويسمح باالرتباط الالسلكي لشبكة‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫محلية‪.‬‬ ‫‪ 4‬برنامج التصفح والذي عادة يكون متوفراً مع نظام التشغيل في أنظمة ويندوز‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تقوم شبكة الحاسب بإرسال البيانات الرقمية من أجهزة الحاسبات إلى وحداتها الطرفية‪ ،‬وما بين‬ ‫أجهزة الحاسب بعضها البعض‪ ،‬باستخدام وسائل االتصال المختلفة‪.‬‬ ‫وحال ًّيا أتاح التقدم التقني المعاصر استخدام أسلوب االتصال الالسلكي في الشبكات المحلية مما أدى‬ ‫إلى ظهور عدد من الشبكات المحلية الالسلكية وانتشار تطبيقاتها في الحياة المعاصرة‪ ،‬مثل شبكة واي‬ ‫فاي (‪ .)Wifi‬ونظراً لخاصية االتصال الالسلكي من حيث انتشاره يمكن لمتسلل أو عابث غير مسموح له‬ ‫بالدخول على الشبكة والتأثير على أمن الشبكة ً‬ ‫سلبا من خالل‪ :‬انتهاك الخصوصية واإلضرار باآلخرين‬ ‫وما إلى ذلك‪.‬‬ ‫وفي هذا التدريب سيتم ـ بإذن الله تعالى ـ العمل على االتصال بالشبكة الالسلكية الموجودة في معمل‬ ‫المدرسة أو البيت‪ ،‬ثم إعداد مودم االتصال الشبكي للشبكة الالسلكية المحلية وحماية أمن الشبكة بمنع‬ ‫االتصال بها أو دخولها لغير المصرح لهم بذلك‪.‬‬ ‫‪18‬‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب الثاني‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫إعداد االتصال بالشبكة الالسلكية المحلية واالرتباط بها‬ ‫‪ 1‬يتوفـر مـع نظام التشغيل ويندوز‬ ‫بالجهاز المكتبي أو المحـمول‬ ‫مجموعـة مـن البرمجيـات الـتـي‬ ‫تتيـح لك معرفــة الشبكـات‬ ‫الالسلكية في نطاق مكاني محدد‬ ‫ولبدء تشغيلها أقوم باختيار‬ ‫(لوحة التحكم) (‪)Control Panel‬‬ ‫من قـائـمة (ابدأ) لتظهر نافذة‬ ‫ً‬ ‫رموزا أنقر على رمز (الشبكة‬ ‫بها‬ ‫وإنترنت) (‪)Network & Internet‬‬ ‫كما في الشكل (‪.)1-2-1‬‬ ‫شكل (‪ :)1-2-1‬نافذة لوحة التحكم‬ ‫‪ 2‬تظهر نافذة بها عدة رموز منها‬ ‫رمز (مركز الشبكة والمشاركة)‬ ‫(‪Network & Sharing‬‬ ‫‪ )Center‬حيث تحوي عدة‬ ‫خيارات في أسفلها أنقر على‬ ‫خيار (عرض حالة الشبكة)‬ ‫(‪)Network status & tasks‬‬ ‫فيظهر رسم يمثل حالة الشبكة‬ ‫كما في الشبكة (‪.)2-2-1‬‬ ‫شكل (‪ :)2-2-1‬نافذة مواقع ومهام الشبكة‬ ‫‪19‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫على ميني الشاشة‬ ‫‪3‬‬ ‫أقوم بالنقـر على خيار‬ ‫(إدارة الشبكة الالسلكية)‬ ‫(‪)Manage Wireless Network‬‬ ‫لـــتظهــر لــي نــافــذة بهـــا‬ ‫أسمـــاء الشبكات الالسلكية‬ ‫املتاحة‪ ،‬أقوم باختيار أحدها‬ ‫بالنقر على مسماها وليكن‬ ‫(‪ )DrSami‬تظهر لي نافذة‬ ‫اإلعداد والتي تبني اسم‬ ‫الشبكة وأقــوم باخـتـيــار‬ ‫طريقـة التشفير ومفتاح‬ ‫أمان الشبكة (‪ )Key‬الذي‬ ‫حصلت عليه من املسؤول عن‬ ‫تشغيل الشبكة الالسلكية‬ ‫كما يف الشكل (‪.)3-2-1‬‬ ‫بعــد إدخــال مفتــاح‬ ‫‪4‬‬ ‫يتم‬ ‫(‪،)Key‬‬ ‫الشبكـــة‬ ‫بالشبكة‬ ‫االرتبـــاط‬ ‫الالسلكية ويظهـــر لـي‬ ‫رسماً يبني وجـــود االرتبــاط‬ ‫بيــن جهازي مع الشبكة‬ ‫الالسلكية ومع اإلنترنت‬ ‫كما يف الشكل (‪.)4-2-1‬‬ ‫‪20‬‬ ‫شكل (‪ :)3-2-1‬نافذة إعدادات الشبكة الالسلكية‬ ‫شكل (‪ :)4-2-1‬نافذة إمتام االرتباط بالشبكة الالسلكية واإلنترنت‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب الثاني‬ ‫‪ 5‬الحظت أنه ميكن اختصار اخلطوات السابقة‬ ‫بأن أقوم بالنقر على رمز الشبكة الالسلكية‬ ‫والتي تكون ضمن شريط املهام حيث يظهر‬ ‫أمامي الشبكات الالسلكية املتاحة باملوقع‬ ‫وبالنقر على اسم أحدها وخيار (اتصال)‬ ‫(‪ ،)Connect‬يتم االرتباط بالشبكة الالسلكية‬ ‫كما يف الشكل (‪.)5-2-1‬‬ ‫شكل (‪ :)5-2-1‬نافذة االرتباط بالشبكة‬ ‫الالسلكية من خالل أيقونة الشبكة الالسلكية‬ ‫الحظت أنه بعد النقر على اسم الشبكة الالسلكية‬ ‫وخيار (اتصال) (‪ ،)Connect‬يتم االرتباط بالشبكـــة‬ ‫الالسلكية بعــد إدخــال مفتـاح أمان الشبكة (‪)Key‬‬ ‫إن لم يدخل سابقاً ويظهر لي رس ًما يبني وجود‬ ‫االرتباط بني جهازي مع الشبكة الالسلكية ومع‬ ‫اإلنترنت كما يف الشكل (‪.)6-2-1‬‬ ‫شكل (‪ :)6-2-1‬نافذة إمتام االرتباط بالشبكة‬ ‫الالسلكية من خالل أيقونة الشبكة الالسلكية‬ ‫‪21‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫ثان ًيا‬ ‫إعداد مودم الشبكة الالسلكية وحماية أمن الشبكة‪:‬‬ ‫يتوفر لمعظم أجهزة المودم برامج تحكم خاصة به يمكن تحميلها على جهاز حاسبك ثم تشغيلها‬ ‫لكي يقوم بالدخول على إعدادات المودم وفي معظم الحاالت يمكن إعداد المودم باستخدام‬ ‫المتصفح (إكسبلورر أو كروم أو فايرفوكس أو غيرها) وفق الخطوات التالية ‪:‬‬ ‫‪ 1‬أقــوم بـربط المودم السلك ًّيا أو سلك ًّيا‬ ‫مـن خــالل ربط كــيبـل شـبكــة مـبـاشــرة‬ ‫بــأحـــد مـنـافـــذ المـــودم‪ ،‬ثــم أكـــتب في‬ ‫شريط العنـوان لبرنامج التصفح عـنـوان‬ ‫المــودم وهــو غال ًبا يكــون بعــنــاوين‬ ‫(‪ )IP‬كالــتــالــي ‪ )192.168.0.1( :‬أو‬ ‫(‪ )192.168.1.1‬أو (‪ )10.0.0.137‬أو‬ ‫(‪ )192.168.1.245‬ويمكن معرفته من‬ ‫دليل المستخدم للمودم بحسب الشركة‬ ‫الصانــعـة للمــودم تظهـــر لي صفحة‬ ‫الدخول على المودم كما في الشكل‬ ‫(‪.)7-2-1‬‬ ‫تـنـبــيـه‬ ‫يــكــون لــلــمــودم اس ــم مستخدم‬ ‫وكلمة م ــرور افــتــراضــيــة غال ًبا‬ ‫تكون (‪)admin / password‬‬ ‫أو (‪ )admin/ admin‬أو‬ ‫غير ذلك ويتم الدخول بها على‬ ‫إعدادات المودم‪.‬‬ ‫‪ 2‬أقوم بإدخال اسم المستخدم وكلمة المرور‪ .‬وغال ًبا أجد هذه‬ ‫المعلومات محددة بشكل الصق أو مطبوعة على سطح المودم‬ ‫الخارجي أو في دليل المستخدم‪ً .‬‬ ‫أيضا بإمكاني البحث في محركات‬ ‫البحث بشبكة اإلنترنت عن االسم وكلمة المرور االفتراضية لنوع‬ ‫المودم لديك وسأجد كل التفاصيل عادة في موقع الشركة الصانعة‬ ‫للمودم‪.‬‬ ‫يتم عقب إدخال اسم المستخدم‬ ‫‪3‬‬ ‫وكلمة المرور للمــودم ظهــور صفحة‬ ‫إعــدادات المودم والتي تسمح بأن‬ ‫أغ ّير القيــم االفتـــراضية لجهاز‬ ‫المــودم كمـا في الشكــل (‪)8-2-1‬‬ ‫‪22‬‬ ‫شكل (‪ :)7-2-1‬نافذة الدخول إلعدادات جهاز املودم‬ ‫شكل (‪ :)8-2-1‬نافذة اإلعدادات للقيم االفتراضية جلهاز املودم‬ ‫الشبكات السلكية والالسلكية واإلنترنت ‪ :‬التدريب الثاني‬ ‫ويمكــن أن يشمل ذلك اآلتي‪:‬‬ ‫أ أقوم بتغيير اسم المستخدم وكلمة المرور (‪ )password‬للمودم كي ال يستطيع أحد الدخول‬ ‫لصفحة اإلعدادات غيري‪.‬‬ ‫ب أقوم بإعداد إجراءات تشفير الشبكة الالسلكية لحماية أمن الشبكة بأن أدخل على صفحة‬ ‫اإلعدادات وأنقر على خيار تشفير اإلشارة في الجزء المعنون بــ (اإلعداد الالسلكي)‬ ‫(‪ )wireless settings‬حيث يتوفر أكثر من نظام تشفير‪ ،)WPA( ،)WEP( :‬و(‪)WPA2‬؛ والتي‬ ‫سأتعلمها في وحدة أمن‬ ‫المعلومات والبيانات واإلنترنت‪.‬‬ ‫أختار أفضل نوع (‪ )WPA2‬منها‬ ‫وذلك لقوة تشفيره‪ .‬كما أختار‬ ‫مفتاح الدخول على الشبكة‬ ‫شكل (‪ :)9-2-1‬نافذة اإلعدادات لقيم االتصال الالسلكي جلهاز املودم‬ ‫الالسلكية كما يتضح في الشكل‬ ‫(‪)9-2-1‬‬ ‫‪ 4‬أستطيع أن أحدد عناوين األجهزة المسموح لها بالدخول إلى الشبكة وذلك لبعض أنواع‬ ‫أجهزة المودم؛ من خالل قائمة إعدادات المودم حيث أختار حصر العناوين في الجزء المعنون‬ ‫بـ (‪ .)MAC filter‬ويمكن أن أحصل على عنوان (‪ )MAC address‬ألي جهاز إلكتروني مرتبط‬ ‫بالشبكة كالهاتف الذكي‪ ،‬جهاز الحاسب المحمول أو اللوحي بقراءة العنوان المسجل على‬ ‫بطاقة الشبكة الخاصة بهذا الجهاز والمح ّدد من الشركة المصنعة والذي يتكون من ستة بايت‬ ‫أرقاما ست عشرية نحو (‪،)F43E614228oB‬‬ ‫ً‬ ‫تحوي‬ ‫‪ 5‬كما أستطيع أن أحدد عناوين األجهزة المسموح لها بالدخول إلى الشبكة الالسلكية؛‬ ‫باستخدام عناوين األجهزة على شبكة اإلنترنت (‪ )IP address‬من خالل قائمة إعدادات‬ ‫المودم حيث أختار حصر العناوين في الجزء المعنون بـ (‪ .)IP file‬وبالتالي ال أسمح لغير هذه‬ ‫األجهزة بالدخول للشبكة الالسلكية حتى لو تعرف على مفتاح الشبكة‪.‬‬ ‫‪23‬‬ ‫تدريبات الـوحـدة األولـى‪:‬‬ ‫تــمــريــنـات‬ ‫‪ 1‬قم بتجربة استكشاف الشبكات الالسلكية الموجودة في موقعك من لوحة التحكم بنا ًء‬ ‫على ما تعلمته من‬ ‫هذا التدريب‪ ،‬ثم قم باآلتي‪:‬‬ ‫أ احصل على مفتاح واسم الشبكة الالسلكية من مدرسك أو من مشغل الشبكة‪.‬‬ ‫ب قم بإدخال مفتاح الشبكة وأدخل بيانات اإلعداد نحو نوع التشفير المطلوب‪.‬‬ ‫ج قم بالنقر على أيقونة الشبكة الالسلكية والتي تكون ضمن شريط المهام لكي يظهر أمامك‬ ‫الشبكات الالسلكية المتاحة بالموقع ومسمى الشبكة التي تم االرتباط بها‪.‬‬ ‫د بعد االرتباط قم بالنقر على اسم الشبكة الالسلكية ليظهر لك خيار (قطع االتصال)‬ ‫(‪ ،)Disonnect‬وأجرى تجربة للفصل‪ ،‬ثم إعادة االرتباط من خالل النقر مرة أخرى على‬ ‫اسم الشبكة الالسلكية حتى يظهر لك رس ًما يبين وجود االرتباط بين جهازك مع الشبكة‬ ‫الالسلكية‪.‬‬ ‫‪ 2‬قم بتجربة إعداد الشبكة الالسلكية الموجودة في موقعك من لوحة التحكم بنا ًء على ما‬ ‫تعلمته من هذا‬ ‫التدريب‪ ،‬وفق اآلتي‪:‬‬ ‫أ احصل على اسم جهاز المودم ورقمه واسم الشركة الصانعة له واسم المستخدم وكلمة‬ ‫المرور االفتراضية لجهاز المودم الالسلكي من الشريط الملصق على الجهاز فإن لم تجده‬ ‫قم بالبحث في اإلنترنت في موقع الشركة الصانعة أو في أحد محركات البحث‪.‬‬ ‫ب قم بإدخال عنوان جهاز المودم في المتصفح وأدخل بيانات اسم المستخدم وكلمة المرور‬ ‫اإلعداد نحو نوع التشفير المطلوب‪.‬‬ ‫ج قم بعد ظهور صفحة اإلعداد بتغيير اسم الشبكة الالسلكية (‪ )SSID‬وتغيير مفتاح (الشبكة)‬ ‫(‪.)Shared key‬‬ ‫د قم بعد ظهور صفحة اإلعداد بتغيير نوع التشفير المطلوب‪ ،‬ثم أغلق صفحة إعدادات‬ ‫المودم‪.‬‬ ‫هـ قم بالنقر على أيقونة الشبكة الالسلكية والتي تكون ضمن شريط المهام في جهاز حاسبك‬ ‫لكي يظهر أمامك الشبكات الالسلكية المتاحة بالموقع ومسمى الشبكة التي قمت بتحديد‬ ‫اسم جديد لها‪.‬‬ ‫و قم بالنقر على اسم الشبكة الالسلكية الجديدة في جهاز حاسبك ليظهر لك خيار (اتصال)‬ ‫(‪ ،)Connect‬وأجري تجربة االرتباط على الشبكة الالسلكية بإدخال مفتاح الشبكة‪.‬‬ ‫‪24‬‬ ‫تدريبات الوحدة الثانية‬ ‫أمن المعلومات والبيانات واإلنترنت‬ ‫تدريبات الـوحـدة الثانيـة‪:‬‬ ‫التدريب ‪ :‬االستخدام اآلمن جلهاز احلاسب‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫كيفية املحافظة على أمن جهاز احلاسب‪.‬‬ ‫اختيار وتركيب أحد برامج مكافحة الفيروسات‪.‬‬ ‫تفعيل برنامج جدار احلماية‪.‬‬ ‫تفعيل أحد برامج مكافحة التجسس‪.‬‬ ‫تفعيل حتديثات نظام التشغيل (‪ )Windows‬تلقائ ًّيا‪.‬‬ ‫تدريبات أمن الـمعلومات والبيانات واإلنترنت‬ ‫مالحظة‬ ‫مـتطلبـات الـتدريـب‬ ‫القـرص المرفــق مـع الكــتاب‪ ،‬والــذي يـحـوي على بــرنــامـج‬ ‫مكـافـحـة الفيروسات (‪.)Microsoft Security Essentials‬‬ ‫مـقـدمـة الـتدريـب‬ ‫ميكن احلصول على إصدار حديث للبرنامج من خالل موقع‬ ‫شركة مايكروسوفت أو من الرابط املباشر‬ ‫‪(https://www.microsoft.com/en-us/‬‬ ‫)‪download/details.aspx?id=5201‬‬ ‫ولالستفادة املثُلى من برامج شركة مايكروسوفت يتطلب‬ ‫منك تسجيل حساب على موقع الشركة ببريدك اإللكتروني‪،‬‬ ‫وال يشترط أن يكون بريدك من مزود خدمة البريد‬ ‫اإللكتروني للشركة‬ ‫قد يتعرض المستخدم لجهاز الحاسب لخطر أمن المعلومات نتيجة لالتصال باإلنترنت‪ ،‬وتبادل‬ ‫الملفات مع مستخدمين آخرين بمختلف الوسائل‪ ،‬وتحميل وتثبيت البرامج التطبيقية وغيرها من‬ ‫األعمال التي من الممكن أن تؤدي لبعض المخاطر األمنية كما تعلمت في الجزء النظري لهذه‬ ‫الوحدة‪.‬‬ ‫وللتغلب على هذه المخاطر يمكن تفعيل بعض اإلجراءات األمنية على نظام التشغيل لجهاز‬ ‫الحاسب تسهم ‪ -‬بإذن الله تعالى ‪ -‬في حمايته من الفيروسات واالختراق أو برامج التجسس‬ ‫والبرامج الضارة‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫اختيار وتركيب أحد برامج مكافحة الفيروسات ‪:‬‬ ‫هنــاك الكـثـير مــن بـــرامــج مكــافحــة الفيــروسات مــثــل ‪ :‬برنامج (‪ )Kaspersky Antivirus‬و (‪McAfee‬‬ ‫(‪Microsoft Security‬‬ ‫‪ )Antivirus‬و (‪ )Norton Antivirus‬ويمكنك تحميل برنامج مكافحة الفيروسات‬ ‫‪ )Essentials‬المميز من شركة مايكروسوفت واستخدامه بشكل مجاني ألجهزة الحاسب المنزلية‬ ‫واألعمال الصغيرة‪ ،‬وذلك باتباع الخطوات التالية‪:‬‬ ‫‪ 1‬أضع القــرص المــرفــق مـع الكـتــاب في مشغل األقراص الضوئية‪ ،‬وأنتقل إلى مجلد (أمن‬ ‫المعلومات)‪ ،‬ثم أفتح المجلد الــــذي‬ ‫يــتــوافــق مــع نــــوع نظام تشغـيل الجهاز‬ ‫(‪32‬بت‪64،‬بت)‪ ،‬حـــيــث يحـــتــــوي‬ ‫المـــــجلــد عـــلـــى بــــرنـامـــــج‬ ‫(‪ )Microsoft Security Essentials‬كما في‬ ‫الشكل (‪ ،)1-1-2‬أقوم بالنقر المزدوج‬ ‫على أيقونة البرنامج‪.‬‬ ‫شكل (‪ :)1-1-2‬أيقونة تثبيت برنامج (‪)Microsoft Security Essentials‬‬ ‫مالحظة‬ ‫ملعرفة إصدارة الويندوز‪ ،‬انقر بيمني الفأرة على أيقونة (الكمبيوتر)‪،‬‬ ‫تظهر املعلومات األساسية للحاسب‪ ،‬يف جزء النظام أجد نوع النظام‪.‬‬ ‫‪27‬‬ ‫تدريبات الـوحـدة الثانيـة‪:‬‬ ‫‪ 2‬سيظهر صنــدوق حـــوار (فتح‬ ‫ملف ‪ -‬تحذير األمان) إذا كـــان‬ ‫ً‬ ‫مفعل‪ ،‬ألقـــوم بالنقــر على‬ ‫(تشغيل)‪.‬‬ ‫‪ 3‬تظهـر نـافــذة بــدء تركيب‬ ‫الــبرنامج كما في الشكــــل (‪-2‬‬ ‫‪ ،)2-1‬أقــــوم بالــنــقر عـلـى زر‬ ‫(‪ .)Next‬إذا تم مسب ًقا تركيب‬ ‫البرنامج على الجهـاز فستظهر‬ ‫رســالــة تفــيد بــذلك‪ ،‬حـينها‬ ‫أنتقل مباشرة إلى الخطوة رقم‬ ‫(‪.)8‬‬ ‫شكل (‪ :)2-1-2‬نافذة بدء تركيب برنامج‬ ‫‪ 4‬تظــهــر اتفاقــية اســتـخـدام‬ ‫البــرنامـج كما في الشكل (‪-2‬‬ ‫‪ ،)3-1‬أقـــوم بالـــنقــــر عــلــى زر‬ ‫(‪.)I accept‬‬ ‫شكل (‪ :)3-1-2‬اتفاقية االستخدام‬ ‫‪ 5‬أستمــر بالــنقـر عـلـى (‪)Next‬‬ ‫حتى تظهر شاشــة البدء‬ ‫بالتنصيب كما في الشكل (‪-2‬‬ ‫‪ ،)4-1‬ثم أنقر على زر (‪.)Install‬‬ ‫شكل (‪ :)4-1-2‬البدء بالتنصيب‬ ‫‪28‬‬ ‫تدريبات أمن الـمعلومات والبيانات واإلنترنت‬ ‫‪ 6‬سيظهر شريط التقدم في‬ ‫التثبيت إلى أن ينتهي وتظهر‬ ‫شاشة االنتهاء كما في الشكل‬ ‫(‪ ،)5-1-2‬ثم أقوم بالنقر على‬ ‫زر (‪.)Finish‬‬ ‫شكل (‪ :)5-1-2‬انتهاء تثبيت‬ ‫‪ 7‬ستظهر شاشة الحاجة إلى‬ ‫تحديث البرنامج كما في الشكل‬ ‫(‪ )6-1-2‬وهو ما يتطلب وجود‬ ‫اتصال بشبكة اإلنترنت‪ ،‬أقوم‬ ‫بالنقر على زر (‪ )Close‬للمتابـعة‪.‬‬ ‫شكل (‪ :)6-1-2‬احلاجة إلى حتديث البرنامج‬ ‫‪ 8‬ستظهر شاشة البرنامج كما في‬ ‫الشكل (‪ )7-1-2‬ويكـــون أعلـى‬ ‫الــشــاشـة باللــون األحمــر نتيجــة‬ ‫عدم تحــديــث الــبـرنــامــج‪ ،‬أنقــر‬ ‫عـلـى تــبويب (‪ ،)Update‬ثم أنقر‬ ‫على زر (‪ )Update‬في منتصف‬ ‫الصفحة لتحــديث البرنامج إذا‬ ‫تـــوفــر اتصال باإلنترنت‪.‬‬ ‫شكل (‪ :)7-1-2‬حتديث البرنامج‬ ‫‪29‬‬ ‫تدريبات الـوحـدة الثانيـة‪:‬‬ ‫‪ 9‬بعد التحديث سيتغير اللون‬ ‫أعلى الشاشة إلى األخضر مـمــا‬ ‫يعــنــي أن البرنــامــج محدث‬ ‫كما في الشكل (‪ ،)8-1-2‬أنقر‬ ‫علــى زر (‪ )Scan Now‬للبــدء‬ ‫بفحــص الــجهــاز والبحــــث عـــن‬ ‫الفيـــروســـات وبرامج التجسس‪.‬‬ ‫شكل (‪ :)8-1-2‬شاشة البرنامج الرئيسة‬ ‫‪ 10‬عندما يظهر فيروس في الجهاز‬ ‫فإن البرنامج يعطي تنبيه ويتغير‬ ‫لونه كما في الشكل (‪،)9-1-2‬‬ ‫سأقوم حينها بالنقر على زر‬ ‫(‪ )Clean PC‬لتنظيف الجهاز من‬ ‫الفيروس‪.‬‬ ‫شكل (‪ :)9-1-2‬شاشة البرنامج عند ظهور فيروس‬ ‫ثان ًيا‬ ‫تفعـيـل بـرنـامـــج جـدار الحمـايـة‪:‬‬ ‫يقوم برنامج جدار الحماية بمنع البرامج الضارة والمتسللين‬ ‫من الوصول إلى جهاز الحاسب‪ ،‬وذلك بمراجعة المعلومات التي‬ ‫يتم تبادلها مع اإلنترنت أو الشبكة‪ ،‬ثم السماح لها بالوصول أو‬ ‫حظرها‪ ،‬وللتأكد من تفعيل برنامج جدار الحماية في ويندوز‪7‬‬ ‫أقوم باتباع ما يلي‪:‬‬ ‫‪30‬‬ ‫فائدة‬ ‫يجب حتديــث بــرامــج مكافحة‬ ‫الفيروسات بشكل مستمر حتى‬ ‫تصبح فعالة للحماية من الفيروسات‬ ‫اجلديدة‪.‬‬ ‫تدريبات أمن الـمعلومات والبيانات واإلنترنت‬ ‫‪ 1‬مــــــن لوحــــة التحكـــم كمــــا‬ ‫في الشكل (‪ ،)10-1-2‬أنقر على‬ ‫أيقونــــة (النظام واألمان)‪.‬‬ ‫شكل (‪ :)10-1-2‬لوحة التحكم‬ ‫‪ 2‬ستظهر أدوات النظام واألمــان‬ ‫كمــا في الشكـــل (‪،)11-1-2‬‬ ‫أنقـــر علــى أيقونـــة (فحص حالة‬ ‫جدار الحماية)‪.‬‬ ‫شكل (‪ :)11-1-2‬أدوات النظام واألمان‬ ‫‪ 3‬ستظهر معلـومـات جـدار الحمـايــة‪،‬‬ ‫أنـقــر علـى (تشغيل جدار الحماية‬ ‫‪ )Windows‬أو (إيقاف تشغيله) مــــن‬ ‫يمين الشاشة؛ ليظهر لي خيارات‬ ‫جدار الحماية‪ ،‬أقــــوم بالتأكــد‬ ‫مـن تشغيل برنامج جدار الحماية‬ ‫لكافــــة اتصاالت الشبكات كما في‬ ‫الشكل (‪ ، )12-1-2‬ثم أنقر على‬ ‫زر (موافق)‪.‬‬ ‫شكل (‪ :)12-1-2‬خيارات جدار احلماية‬ ‫‪31‬‬ ‫تدريبات الـوحـدة الثانيـة‪:‬‬ ‫ثال ًثا‬ ‫تفعيل أحد برامج مكافحة التجسس‪:‬‬ ‫التجسس هو نوع من االختراق يقتصر على معرفة محتويات النظام المستهدف بشكل مستمر دون‬ ‫إلحاق الضرر به‪ ،‬وله أشكال كثيرة كالبرامج التي تُظهر إعالنات دون رغبتك‪ ،‬أو تقوم بجمع معلومات‬ ‫عنك‪ ،‬أو تغير اإلعدادات الموجودة على جهازك‪.‬‬ ‫وللحماية من برامج التجسس يمكن استخدام أحد برامج مكافحة التجسس والتي غالباً ما‬ ‫تكون مصاحبة لبرامج مكافحة الفيروسات كبرنامج (‪ )Microsoft Security Essentials‬والذي تم‬ ‫شرحه في بداية التدريب‪ ،‬أو استخدام برنامج مكافحة التجسس (‪ )Windows Defender‬من شركة‬ ‫مايكروسوفت وذلك بكتابة (‪ )Windows Defender‬في قائمة ابدأ‪ ،‬ثم النقر على أيقونة البرنامج‬ ‫والبدء باستخدامه‪.‬‬ ‫راب ًعا‬ ‫تفعيل تحديثات نظام التشغيل (‪ )Windows‬تلقائياً‪:‬‬ ‫توفر شركة (‪ )Microsoft‬تحديثات دورية لنظام التشغيل (‪ )Windows‬تسهم في حماية جهاز‬ ‫الحاسب من تهديدات األمان المختلفة والحديثة‪ ،‬وبالتالي ينبغي ضبط إعدادات الويندوز على‬ ‫التحديث بشكل تلقائي أثناء استخدام اإلنترنت‪ ،‬ويمكنني القيام بذلك كما يلي‪:‬‬ ‫‪ 1‬من لوحة التحكم أقوم بالنقر على (النظام واألمان)‪.‬‬ ‫‪ 2‬تــظـهــر أدوات النظـام واألمــان‪ ،‬مــن تبويــب (‪ )Windows Update‬أنقر على (تشغيل التحـديث‬ ‫التلقائــي‬ ‫أو إيقاف تشغيله)‪.‬‬ ‫تظهر شاشة تغيير‬ ‫‪3‬‬ ‫إعدادات تحديث الويندوز‬ ‫كما في الشكل (‪-1-2‬‬ ‫‪ ،)13‬أقوم بالنقر على‬ ‫(تثبيت التحديثات تلقائياً‬ ‫(مستحسن))‪ ،‬ثم أنقر على‬ ‫زر (موافق)‪.‬‬ ‫شكل (‪ :)13-1-2‬شاشة إعدادات حتديث الويندوز‬ ‫‪32‬‬ ‫تدريبات أمن الـمعلومات والبيانات واإلنترنت‬ ‫تــمــريــنـات‬ ‫‪1‬‬ ‫ما أفضل برنامج لمكافحة الفيروسات من وجهة نظرك؟ ولماذا؟‬ ‫‪.........................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪2‬‬ ‫الناري‪.‬‬ ‫قارن بين وظيفة برامج مكافحة الفيروسات‪ ،‬وبرامج مكافحة التجسس‪ ،‬وبرنامج الجدار‬ ‫‪........................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪ 3‬قم بتركيب برنامج الحماية من الفيروسات في جهازك في المنزل‪ ،‬ثم قم بفحصه وقدم‬ ‫نتيجة الفحص لمعلمك‪.‬‬ ‫‪.........................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪.............................................................................................................................................‬‬ ‫‪33‬‬ ‫تدريبات الوحدة الثالثة‬ ‫تقنيات وبرمجة األجهزة الذكية‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب األول ‪:‬‬ ‫التعرف على بيئة العمل‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫تثبيت برنامج (‪.)NSB/AppStudio‬‬ ‫تشغيل برنامج (‪.)NSB/AppStudio‬‬ ‫مكونات برنامج (‪.)NSB/AppStudio‬‬ ‫إغالق برنامج (‪.)NSB/AppStudio‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب األول‬ ‫مـتطلبـات الـتدريـب‬ ‫ذاكرة محمولة‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫لـــقـد تطرقـنــا في كتاب الطالب إلى األجهــزة الـذكـيـة وتـطـبيقــاتهــا ونــظم تشغيلهــا‪ ،‬ثــم‬ ‫تطـرقــنا إلــى بـرنـامج (‪ )NSB/AppStudio‬وتعرفنا على أهم أدواته واألوامر البرمجية المتعلقة‬ ‫به‪ ،‬وفي هذا التدريب سوف نتعرف على بيئة العمل في برنامج (‪ )NSB/AppStudio‬إلنشاء‬ ‫تطبيقات األجهزة الذكية‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أوال‬ ‫مالحظة‬ ‫تثبيت برنامج (‪:)NSB/AppStudio‬‬ ‫‪ 1‬انتقل للعنوان (‪ )www.nsbasic.com/ksa‬لتحمـيـل النسخـة‬ ‫الخاصة بالطـالب من موقـع الشركـــة على شبكة اإلنترنت أو‬ ‫عن طريق موقــع شركـة تطوير للخدمات التعليمية (‪www.‬‬ ‫‪.)t4edu.com/nsbasic‬‬ ‫أُطلب من معلمك نسخة من البرنامج‬ ‫في حال عدم توفر اتصال إنترنت في‬ ‫معمل الحاسب‪.‬‬ ‫‪ 2‬في الخطوة التالية وبعد الحصول على البرنامج أقوم بالنقر‬ ‫مزدوجا عــلــى رمــز أو (أيقونـــة) برنامـــج (‪NSB/‬‬ ‫نق ًرا‬ ‫ً‬ ‫‪ )AppStudio‬كما في الشكل (‪.)1-1-٣‬‬ ‫شكل (‪ :)1-1-٣‬تركيب برنامج (‪)NSB/AppStudio‬‬ ‫‪37‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 3‬قد تظهر نافـذة تحـذيـر األمـان‬ ‫الخاصـة بنظـــام التشغـيــــل وينــدوز‬ ‫كـمـا في الشكل (‪ )2-1-3‬لن أقلق‬ ‫وسأنقر على زر تشغيل‪.‬‬ ‫شكل (‪ :)2-1-3‬نافذة حتذير األمان من ويندوز‬ ‫‪ 4‬ستظهــر نافـذة بـــدء تثبيت بــرنــامــج‬ ‫(‪ )NSB/AppStudio‬أنـــــقــــر عــلــى زر‬ ‫(‪ )I accept the agreement‬كما في‬ ‫الشكل (‪.)3-1-3‬‬ ‫شكل (‪ :)3-1-3‬نافذة بدء التنفيذ‬ ‫‪ 5‬أواصل النقـــر عـــــلــى زر (‪)Next‬‬ ‫في الشاشات التالــية حتى أصل‬ ‫إلى النافذة التالية وأنقــر عـــلــى زر‬ ‫(‪ )Install‬كما في الشكل (‪.)4-1-3‬‬ ‫شكل (‪ :)4-1-3‬نافذة تثبيت البرنامج‬ ‫‪38‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب األول‬ ‫‪ 6‬لتظهر بعد ذلك نافذة تفيد عملية إكمال‬ ‫التنصيب كما في الشكل (‪ ،)5-1-3‬عندها‬ ‫أنقر على الزر (‪.)Finish‬‬ ‫ثان ًيا تشغيل برنامج (‪ )NSB/AppStudio‬والبدء بمشروع جديد‪:‬‬ ‫لتشغيل برنامج (‪:)NSB/AppStudio‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫أنقر على زر (ابدأ)‪.‬‬ ‫أفتح قائمة (كافة البرامج)‪.‬‬ ‫أخـــتــار المجلــد (‪ )NSB/AppStudio‬حــتـى‬ ‫تنسدل القائمة الموجودة بداخله‪.‬‬ ‫أنقــر على بــرنـامــج (‪)NSB/AppStudio‬‬ ‫كــمــا في الشكل (‪.)6-1-3‬‬ ‫سيتــم تشغيـــل البـــرنامج وستظهـــر واجهــة‬ ‫المستخدم وهي تشبه إلى حد كبير واجهة‬ ‫برنامج (فيجول بيسك ستوديو) كما في‬ ‫الشكل (‪.)7-1-3‬‬ ‫شكل (‪ :)5-1-3‬اكتمال عملية التثبيت‬ ‫شكل (‪ :)6-1-3‬تشغيل برنامج (‪)NSB/AppStudio‬‬ ‫مالحظة‬ ‫مالحظة‪ :‬يمكنك تغيير واجهة البرنامج‬ ‫من اللغة العربية الى اإلنجليزية أو العكس‬ ‫من قائمة (أدوات) ثم (تفضيالت) ثم‬ ‫تبويب (اللغة) واختيار اللغة المناسبة‪.‬‬ ‫شكل (‪ :)7-1-3‬واجهة املستخدم لبرنامج (‪)NSB/AppStudio‬‬ ‫‪39‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ثال ًثا‬ ‫مكونات برنامج (‪:)NSB/AppStudio‬‬ ‫لكي أتمكن من العمل على برنامج (‪ )NSB/AppStudio‬ال بد من التعرف على مكوناته وأجزائه‬ ‫وطريقة العمل فيه‪ ،‬وتتكون واجهة البرنامج من‪:‬‬ ‫‪ 1‬شريط القوائم‪:‬‬ ‫يحتوي هذا الشريط على القوائم الرئيسة في (‪ ،)NSB/AppStudio‬وتحتوي كل قائمة على‬ ‫مجموعة من األوامر المتعلقة بموضوع معين‪.‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫شريط األدوات‪:‬‬ ‫يحتوي هذا الشريط على أربعة أيقونات إلظهار‪/‬إخفاء مربع األدوات‪ ،‬مستكشف المشروع‪،‬‬ ‫إطار الخصائص‪ ،‬إطار الحالة على التوالي‪.‬‬ ‫مربع األدوات (‪:)Tool Box‬‬ ‫هي األدوات التي نستخدمها في تصميم واجهة التطبيقات‬ ‫كما في الشكل (‪ ،)8-1-3‬وإلظهارها أختار األمر (‪Tool‬‬ ‫‪ )Box‬من قائمة (‪ .)View‬وتوجد عدة قوائم فيها‪ ،‬تستخدم‬ ‫حسب الغرض من التطبيق وسأتعرف عليها بالتفصيل‪:‬‬ ‫شكل (‪ :)8-1-3‬مربع األدوات‬ ‫‪40‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب األول‬ ‫أ‬ ‫قائمة أدوات (‪ :)Common‬توفر‬ ‫مجموعة أدوات شائعة االستخدام‬ ‫في جميع لغات البرمجة وبرامج بناء‬ ‫التطبيقات‪ .‬انظر الشكل (‪.)9-1-3‬‬ ‫ب‬ ‫قائمة أدوات (‪:)jQuery Mobile‬‬ ‫تـوفـر أدوات تستخدم في بناء‬ ‫تطبيقات األجهـزة الذكـيـة تعمل‬ ‫بمـبـدأ (أكتب أقل وأعمــل أكـــثر)‬ ‫وتتميــز بــأنــها مـتـوافــقة مع جمـيـع‬ ‫أنظمة تشغيل األجهزة الذكـية مـــثـل‪:‬‬ ‫‪،‬‬ ‫‪،‬‬ ‫‪،‬‬ ‫‪ ،‬انظر الشكل (‪.)10-1-3‬‬ ‫شكل (‪ :)9-1-3‬أدوات (‪)Common‬‬ ‫شكل (‪ :)10-1-3‬أدوات (‪)jQuery Mobile‬‬ ‫‪41‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ت‬ ‫قائمة أدوات (‪:)JqWidgets‬‬ ‫توفر أدوات تستخدم في بناء‬ ‫مواقع اإلنترنت التي تعمل على‬ ‫األجهزة الذكية وتطبيقات األجهزة‬ ‫الذكية وتتميز بأشكال مميزة‬ ‫وجميلة‪ ،‬انظر الشكل (‪.)11-1-3‬‬ ‫ث‬ ‫قائمة أدوات (‪:)Bootstrap‬‬ ‫قائمة أدوات تستخدم بشكل‬ ‫خاص في بناء تطبيقات اإلنترنت‬ ‫لألجهزة الذكية التي تــــــعــمـــل‬ ‫عــلــى نظـــام التشغيــــل (‪)iOS‬‬ ‫مــــثـــل ‪ :‬اآليفــــــون واآليـبــــاد‪،‬‬ ‫انظـــــــــر الشكــــــل (‪.)12-1-3‬‬ ‫شكل (‪ :)11-1-3‬األدوات (‪)JqWidgets‬‬ ‫شكل (‪ :)12-1-3‬األدوات (‪)Bootstrap‬‬ ‫‪42‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب األول‬ ‫ج‬ ‫مجموعة قوائم ‪:‬‬ ‫(‪:)date and time)–(Multimedia)-(Finance&Social Media‬‬ ‫عــــبـارة عــن مجموعــة أدوات خــاصـة بالتاريــخ‬ ‫والوقت والوســائـط المتعـــــددة كـمـا تشمـل‬ ‫ً‬ ‫أيضـا أدوات خـاصـة بالـتـواصـل االجتماعـي‪،‬‬ ‫انظر الشكـل (‪.)13-1-3‬‬ ‫شكل (‪ :)13-1-3‬أدوات‬ ‫‪(date and time), (Multimedia),‬‬ ‫‪)Finance & Social Media(.‬‬ ‫‪ 4‬مستكشف املشروع‪:‬‬ ‫نافـذة حتتـوي علــى جميع امللفـات‬ ‫والنمــاذج التي يتكــون منهـا املشروع كما‬ ‫يف الشكل (‪.)14-1-3‬‬ ‫شكل (‪ :)14-1-3‬محتويات املشروع‬ ‫‪43‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 5‬إطار الخصائص (‪:)Properties‬‬ ‫لكــــل نمـــوذج وأداة في المشـــروع مجموعــة مــن‬ ‫الخصائــــــص‪ ،‬وتُحـــدد قيم هـــذه الخصائص‬ ‫في هذا اإلطار كما في الشكل (‪.)15-1-3‬‬ ‫‪ 6‬إطار الحالة (‪:)Help‬‬ ‫يقدم المساعدة حول‬ ‫النماذج أو األدوات‬ ‫المحددة كما في الشكل‬ ‫الشكل (‪.)١٦-1-3‬‬ ‫شكل (‪ :)15-1-3‬إطار اخلصائص‬ ‫شكل (‪ :)١٦-1-3‬إطار احلالة (‪)Help‬‬ ‫‪ ٧‬إطار المشروع‪:‬‬ ‫يتيح التعــــامــــل مــع نــوافــــذ‬ ‫النــــمـاذج واألدوات والملفات‬ ‫الموجودة في البرنـــــامج الحالـــي‪،‬‬ ‫كـمــــا في الشكــل (‪،)١٧-1-3‬‬ ‫وقـــــد يحـــتــوي التطبيق عــلــى‬ ‫أكـــــثر من نموذج‪.‬‬ ‫شكل (‪ :)١٧-1-3‬إطار املشروع ونافذة النموذج‬ ‫‪44‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب األول‬ ‫إغالق برنامج (‪:)NSB/AppStudio‬‬ ‫راب ًعا‬ ‫يغلق برنامج (‪ )NSB/AppStudio‬بإحدى الطريقتين التاليتين‪:‬‬ ‫‪ 1‬اختيار األمر (‪ )Quit‬من قائمة (‪.)File‬‬ ‫‪ 2‬النقر على رمز ( ) في أعلى يمين شاشة البرنامج‪.‬‬ ‫تــمــريـنــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫يحتوي شريط األدوات على مجموعة من األيقونات‪ ،‬ما الهدف منها؟‬ ‫كيف نستطيع إظهار قائمة األدوات في واجهة البرنامج؟‬ ‫ما الفرق بين قائمة (‪ )jQuery Mobile‬وقائمة (‪)JqWidgets‬؟‬ ‫متى نستخدم قائمة األدوات (‪)Bootstrap‬؟‬ ‫إذا أردنا التعامل مع التاريخ في التطبيق فمن أي قائمة نختار أدواتنا؟‬ ‫ع ّدد أنواع األدوات في قائمة (‪ ،)Multimedia‬مع توضيح عملها‪.‬‬ ‫‪45‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب الثاني ‪:‬‬ ‫تطبيـق السـالم عليكـم‬ ‫(مـدخـل إلـى البرمجة)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫إنشاء مشروع جديد في برنامج (‪ )NSB/AppStudio‬واختيار لغة البرمجة مع تحديد‬ ‫مقاس الشاشة‪.‬‬ ‫تصميم تطبيق (السالم عليكم)‪.‬‬ ‫كتابة األوامر البرمجية لتطبيق (السالم عليكم)‪.‬‬ ‫تجربة التطبيق على المتصفح كروم‪.‬‬ ‫نشر التطبيق على الخادم‪.‬‬ ‫تجربة التطبيق على الهواتف الذكية‪.‬‬ ‫‪46‬‬ ‫الثاني‬ ‫الذكية‪: :‬التدريب‬ ‫األجهزةالذكية‬ ‫وبرمجة األجهزة‬ ‫تقنيات وبرمجة‬ ‫التدريب األول‬ ‫متطلبات الـتدريـب‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫اتصال إنترنت‪.‬‬ ‫هاتف ذكي‪.‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫مـقـدمـة الـتدريـب‬ ‫في هذا التدريب سأقوم ‪-‬بإذن الله تعالى‪ -‬بتنفيذ تطبيق (السالم عليكم)‪ ،‬ال يكاد يخلو أي‬ ‫ً‬ ‫مدخل إلى عالم‬ ‫دليل تعليمي منه ‪-‬أو لتطبيق مشابه له‪ -‬لكونه من التطبيقات الشهيرة التي تعتبر‬ ‫البرمجة‪.‬‬ ‫نموذجا واح ًدا بداخله زر‪ ،‬عند النقر عليه تظهر رسالة مكتوب‬ ‫ويحوي تطبيق (السالم عليكم)‬ ‫ً‬ ‫بها «السالم عليكم»‪.‬‬ ‫مالحظة‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أوال‬ ‫إنشاء مشروع جديد‪:‬‬ ‫سيتم إظهار آخر مشروع تم العمل‬ ‫عليه عند تشغيل البرنامج في‬ ‫المرات القادمة‪.‬‬ ‫‪ 1‬عـــند تشغــيل برنامج (‪ )NSB/AppStudio‬ألول‬ ‫مرة سيتم البدء بإنشـاء مـــشروع جـــديــد تلقائ ًّيا‬ ‫وذلك بظهور نــافـذة تحديـــد لغـة البرمجة‬ ‫ومقاس العمل كما في الشكل (‪.)1-2-3‬‬ ‫سأقوم بعمل اآلتي‪:‬‬ ‫أ أخــــتـار المجلد الـــذي أريــد حفظ المشـــروع‬ ‫بداخله‪ ،‬وأقوم بتسمية المشروع باسم «‪.»salam‬‬ ‫ب‬ ‫أحدد لغة البرمجة التي سأستخدمها ولتكن‬ ‫(‪.)BASIC‬‬ ‫شكل (‪ :)1-2-3‬نافذة إنشاء املشروع‬ ‫‪47‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ت‬ ‫أحدد مقاس الشاشة (‪)X 460 iPhone,iPod,Nexus 320‬‬ ‫وهو يمثل مقاس النموذج الذي سأضع األدوات عليه‪.‬‬ ‫‪2‬‬ ‫أنقر على األمر (‪.)Create‬‬ ‫ثان ًيا‬ ‫مالحظة‬ ‫ال بــــــــــــــد مـــــن اس ــت ــخ ــدام الــلــغــة‬ ‫اإلجنليزية عـند تسمية املشروع مع‬ ‫مـراعاة حــال األحــرف لكي يعمل‬ ‫التطبيق على اخلادم بشكل سليم‪.‬‬ ‫تصميم التطبيق (السالم عليكم)‪:‬‬ ‫التصميم في (‪ )NSB/AppStudio‬يشبه‬ ‫إلى حد كبير ما تعلمته ساب ًقا في (فيجول‬ ‫بيسك ستوديو) وهو يتم بخطوتين‪:‬‬ ‫‪ 1‬وضع األدوات التي سنستخــدمهـا‬ ‫علـى النمــوذج‪ ،‬كما في الشكل (‪-2-3‬‬ ‫‪ ،)2‬وذلك بسحــب األداة ‪-‬أداة الــزر‬ ‫ً‬ ‫مثل‪ -‬من صنــدوق األدوات وإفالتها‬ ‫إلى موقعها على النموذج‪.‬‬ ‫‪ 2‬تعديل خصائص النموذج واألدوات‪:‬‬ ‫مرحلة ضبط الخصائص ضمن‬ ‫مرحلة التصميم‪ ،‬إذ ال بد من ضبط‬ ‫خصائص النماذج واألدوات بما‬ ‫يتوافق مع التطبيق‪.‬‬ ‫وفي تطبيق (السالم عليكم) تم تعديل‬ ‫خصائص النموذج وأداة الزر‪ ،‬كما في‬ ‫الشكل (‪.)3-2-3‬‬ ‫‪48‬‬ ‫شكل (‪ :)2-2-3‬تصميم تطبيق (السالم عليكم)‬ ‫شكل (‪ :)3-2-3‬ضبط اخلصائص‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني‬ ‫ثال ًثا‬ ‫كتابة األوامر البرمجية لتطبيق (السالم عليكم)‪:‬‬ ‫‪ 1‬لكي يعمل التطبيق ال بد من برمجة‬ ‫أدواته التي صممتها من قبل‪ ،‬وذلك‬ ‫بالدخول إلى شاشة البرمجة وكتابة‬ ‫األوامر البرمجية‪ ،‬كما يف الشكل‬ ‫(‪ ،)4-2-3‬لذا أحدد أداة األزرار‬ ‫الذي وضعتها على النمـــوذج‪ ،‬ثــم‬ ‫أنقـــر عليه بـــزر الــفـأرة األميـــن‬ ‫وأختــار (‪ ،)go to event‬ثم أخـتـار‬ ‫احلدث (‪.)onclick‬‬ ‫شكل (‪ :)4-2-3‬الدخول إلى شاشة البرمجة‬ ‫‪ 2‬ستظهر نافذة كتابة األوامر البرمجية‪،‬‬ ‫كما في الشكل (‪ ،)5-2-3‬أكتب األمر‬ ‫التالي‪:‬‬ ‫"السالم عليكم"‬ ‫‪MsgBox‬‬ ‫شكل (‪ :)5-2-3‬كتابة األوامر البرمجية‬ ‫‪49‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫راب ًعا‬ ‫تجربة التطبيق على المتصفح كروم‪:‬‬ ‫يتيح برنامج (‪ )NSB/AppStudio‬تجربة التطبيق الذي أنشأته‬ ‫عن طريق متصفح اإلنترنت (يفضل متصفحي كروم وسفاري) قبل‬ ‫تجربته على الهاتف الذكي أو نشره على الخادم‪ ،‬ولعمل ذلك يوجد‬ ‫عدة طرق‪:‬‬ ‫مالحظة‬ ‫أُطلب من معلمك نسخة من برنامج‬ ‫متصفح كروم في حالة عدم توفره‬ ‫على أجهزة المعمل‪.‬‬ ‫أختار األمر (‪ ،)Run‬ثم األمر (‪Start in Desktop‬‬ ‫‪1‬‬ ‫‪.)Browser‬‬ ‫‪ 2‬أو عن طريق النقر على الرمز ( ) الموجود في شريط األدوات‪.‬‬ ‫‪ 3‬أو بالضغط على المفتاح (‪ ،)F5‬كما في الشكل (‪.)6-2-3‬‬ ‫وسيظهر التطبيق بعد تنفيذه كما يف الشكل (‪.)7-2-3‬‬ ‫مالحظة‬ ‫يمكنك تغيير عنوان التطبيق ليظهر لك كما في الشكل (‪-2-3‬‬ ‫‪ )7‬بإتباع التالي‪:‬‬ ‫ اضغط على ‪Project Properties and Global Code‬‬‫في إطار (‪)Project Explorer‬‬ ‫ ثم اذهب إلى إطار (‪ )Properties‬غير عنوان المشروع‬‫عند خاصية (‪ )Title‬إلى (تطبيق السالم عليكم)‬ ‫خامسا نشر التطبيق على خادم الوزارة‪:‬‬ ‫ً‬ ‫يتيح برنامج (‪ )NSB/AppStudio‬من نشر التطبيق الذي‬ ‫أنشأته على الويب (خادم الوزارة) لتجربته على الهاتف الذكي‬ ‫ومشاركته مع زمالئي (ال بد من توفر اتصال إنترنت)‪ ،‬قبل أن‬ ‫يتم وضعه في متاجر التطبيقات المختلفة‪ ،‬وذلك عن طريق‬ ‫األمر (‪ ،)Run‬ثم األمر (‪ )Deploy‬ثم أكتب رقم الهوية ورمز‬ ‫التفعيل كما في الشكل (‪ ،)8-2-3‬ويمكنك الحصول على رمز‬ ‫التفعيل من خالل حسابك في "بوابة عين التعليمية" على‬ ‫العنوان التالي ‪،https://ien.edu.sa‬‬ ‫شكل (‪ :)8-2-3‬نشر التطبيق على خادم الوزارة‬ ‫‪50‬‬ ‫شكل (‪ :)6-2-3‬تنفيذ التطبيق على املتصفح‬ ‫شكل (‪ :)7-2-3‬تطبيق السالم عليكم بعد تنفيذه‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني‬ ‫وطلب رمز التفعيل الذي سيتم ارساله على‬ ‫بريدك المسجل لديهم كما في الشكل (‪،)9-2-3‬‬ ‫وسيظهر عنوان التطبيق بعد اعتماده في تبويب‬ ‫التطبيقات المعتمدة على حسابك في بوابة عين‬ ‫التعليمية‪.‬‬ ‫سادسا تجربة التطبيق على الهواتف الذكية‪:‬‬ ‫ً‬ ‫لكـي يعمــل التطبيــق على‬ ‫الهاتــف الـذكـي (آيفون كمثال)‪،‬‬ ‫سأقـوم بعمـل الخطوات التالية‪:‬‬ ‫‪ 1‬أُشغل متصفح اإلنترنت‬ ‫في هاتفي الذكي‪.‬‬ ‫‪ 2‬أكتب عنوان التطبيق‬ ‫الذي اعتمد في حسابي‬ ‫في موقع عين كما في‬ ‫الشكل (‪.)١٠-2-3‬‬ ‫‪ 3‬عند عمل التطبيق بشكل‬ ‫صحيح‪ ،‬يمكنني وضعه‬ ‫على جهازي بإنشاء‬ ‫اخـــتصار لــه‪ ،‬وذلك بالنقر‬ ‫علـى األيقــونــة ( ) كـــمـا‬ ‫في الشكل (‪.)١١-2-3‬‬ ‫شكل (‪ )9-2-3‬ارسال رمز التفعيل على البريد اإللكتروني‪.‬‬ ‫شكل (‪ :)١٠-2-3‬كتابة عنوان التطبيق في‬ ‫المتصفح سفاري‬ ‫شكل (‪:)11-2-3‬إنشاء اختصار للتطبيق‬ ‫‪51‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 4‬أختار (إضافة إلى الصفحة الرئيسة)‪ ،‬كما‬ ‫في الشكل (‪.)١٢-2-3‬‬ ‫شكل (‪:)١٢-2-3‬إضافة االختصار إلى الصفحة الرئيسة‬ ‫‪ 5‬ستظهر أيقونة البرنامج في شاشة الهاتف‬ ‫الرئيسة‪ ،‬كما في الشكل (‪ ،)١٣-2-3‬وسيعمل‬ ‫بعد ذلك حتى في عدم وجود اتصال باإلنترنت‪.‬‬ ‫مالحظة‬ ‫حلفظ املشروع على القرص‬ ‫الصلب أو على ذاكرة (‪)USB‬‬ ‫نذهب إلى القائمة (‪ )File‬فـي‬ ‫بــرنـامـــج (‪)NSB/AppStudio‬‬ ‫ونـــخـتــار مــنـهـا ‪ Save‬أو(‪Save‬‬ ‫‪ )As‬ونختار املكان الذي نريد حفظ‬ ‫املشروع فيه وتسميته‪ ،‬ثم ننقر على‬ ‫زر موافق‪.‬‬ ‫شكل (‪:)١٣-2-3‬ظهور رمز التطبيق في‬ ‫شاشة الهاتف الذكي آيفون‬ ‫‪52‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني‬ ‫تــمــريـنــــات‬ ‫‪1‬‬ ‫اذكر خطوات إنشاء مشروع جديد بواسطة برنامج (‪.)NSB/AppStudio‬‬ ‫‪2‬‬ ‫ما وظيفة األمر (‪ )Deploy‬في قائمة (‪)Run‬؟‬ ‫‪٣‬‬ ‫قم بتصميم واجهة تطبيق تعمل على الهاتف الذكي (‪ )iPhone 5‬إلظهار عبارة‬ ‫«السالم عليكم» في أداة عنوان‪.‬‬ ‫‪53‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب الثالث ‪:‬‬ ‫تطبيق آلة حاسبة بسيطة‬ ‫(العمليات احلسابية)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫مراجعة ألهم األوامر البرمجية المتعلقة بالعمليات الحسابية واإلدخال واإلخراج‪.‬‬ ‫مراجعة لمراحل حل المسائل البرمجية‪.‬‬ ‫التعرف على االختالفات بين برمجة (فيجول بيسك ستوديو) وبرمجة (‪NSB/‬‬ ‫‪.)AppStudio‬‬ ‫تصميم واجهة تطبيق آلة حاسبة بسيطة بما يتالءم مع الجهاز الذكي المستهدف‪.‬‬ ‫تعريف المتغيرات في (‪.)NSB/AppStudio‬‬ ‫كتابة األوامر البرمجية لتطبيق اآللة الحاسبة البسيطة‪.‬‬ ‫تجربة التطبيق على األجهزة الذكية وتصحيح األخطاء‪.‬‬ ‫‪54‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثالث‬ ‫متطلبات الـتدريـب‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫مـقـدمـة الـتدريـب‬ ‫يعد هذا التدريب مراجعة ألهم األوامر البرمجية التي سبق للطالب دراستها ساب ًقا في وحدة‬ ‫البرمجة بـ(فيجول بيسك ستوديو)‪ ،‬حيث سنتعرف في هذا التدريب على خطوات حل المسائل‬ ‫البرمجية‪ ،‬وذلك عبر تصميم (تطبيق آلة حاسبة بسيطة) والتي سبق تصميمها في برنامج‬ ‫(فيجول بيسك ستوديو)‪ ،‬لذا سنقوم بتصميم نموذج يسمح للمستخدم بإدخال عددين في مربعي‬ ‫نص‪ ،‬ثم يتم إجراء العمليات الحسابية األساسية (جمع‪ ،‬طرح‪ ،‬ضرب‪ ،‬قسمة) على هذين العددين‬ ‫وإخراج الناتج في أداة «العنوان»‪.‬‬ ‫خطـوات الـتدريـب‬ ‫سيتم اســـتخــدام األداتيــن‪ ،‬أداة العــنـوان (‪ )Label‬وأداة‬ ‫مـــربــع النـص (‪ )textbox‬وهي شبيهة بالموجودة في (فيجول‬ ‫بيسك ستوديو) باإلضافة إلى أداة األزرار (‪ )Button‬والتي سبق‬ ‫وأن تعرفنا إليها في التدريب السابق‪.‬‬ ‫ً‬ ‫أول‬ ‫إضاءة‬ ‫األداة (‪ )TextBox‬تسمح للمستخدم‬ ‫بإدخال سطر واحد فقط‪ ،‬وإلدخال‬ ‫نص متعدد األسطر نستخدم األداة‬ ‫(‪.)TextArea‬‬ ‫راجع‪:‬‬ ‫(‪)http://wiki.nsbasic.com/Textarea‬‬ ‫تصميم النموذج ووضع األدوات التي سنستخدمها في التطبيق‪:‬‬ ‫‪ 1‬أقوم بتشغيل برنــامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫مشــروعا جـديـ ًدا باسم (‪.)calc‬‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس الشاشة‬ ‫حسب جهاز الهاتف الذكي المستهدف‪.‬‬ ‫مالحظة‬ ‫في حالة عدم وجود مقاس الشاشة‬ ‫المطلوب‪ ،‬يمكنني تحديده من خصائص‬ ‫النموذج عن طريق الخاصية (‪)height‬‬ ‫والخاصية (‪ ،)width‬ولمعرفة مقاس‬ ‫الشاشة يمكن زيارة موقع الشركة‬ ‫المصنعة على شبكة اإلنترنت‪.‬‬ ‫‪55‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 3‬أغـــيــر خصائص النمـــوذج‬ ‫لـتصبــح كمـا في الشكل (‪.)1-3-3‬‬ ‫اآلن بعد أن تم ضبط‬ ‫الخصائص المبدئية للنموذج‪،‬‬ ‫حان الوقت إلنشاء واجهة‬ ‫المستخدم عن طريق إضافة‬ ‫بعض األدوات إلى النموذج‪.‬‬ ‫‪ 4‬أنشئ أربع أدوات عنوان‪،‬‬ ‫وأغير خصائصها كما في‬ ‫الشكل (‪.)2-3-3‬‬ ‫‪ 5‬أُنـــشــئ مــربــعــي نــــــص‬ ‫وأغـــيــــر‬ ‫(‪،)TextBox‬‬ ‫خـصـائصهمــا كــمــا في الشكل‬ ‫(‪.)3-3-3‬‬ ‫شكل (‪ :)1-3-3‬خصائص النموذج‬ ‫شكل (‪ :)2-3-3‬خصائص األدوات‬ ‫(‪)Label‬‬ ‫مالحظة‬ ‫أستطيع أن أحذف األداة بعد‬ ‫وضعها على النموذج وذلك بالنقر‬ ‫بزر الفأرة األيمن على األداة‬ ‫واختيار األمر (‪.)Delete‬‬ ‫‪56‬‬ ‫شكل (‪ :)3-3-3‬خصائص األدوات‬ ‫(‪)TextBox‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثالث‬ ‫‪ 6‬أُنشئ خمس أزرار (‪ ،)Button‬وأغير خصائصها‬ ‫كما في الشكل (‪.)4-3-3‬‬ ‫شكل (‪ :)4-3-3‬خصائص األدوات (‪)Button‬‬ ‫بعد تصميم النموذج ووضع األدوات عليه ستنتج‬ ‫لدي واجهة التطبيق كما في الشكل (‪.)5-3-3‬‬ ‫ثان ًيا‬ ‫شكل (‪ :)5-3-3‬تصميم تطبيق آلة حاسبة بسيطة‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫في هذه المرحلة سأقوم بكتابة‬ ‫أوامر البرمجة الخاصة بتطبيق اآللة‬ ‫الحاسبة البسيطة الذي سبق وأن‬ ‫قمت بتصميم واجهة المستخدم له‪،‬‬ ‫وعند كتابة هذه األوامر ال بد من‬ ‫التعرف على شاشة البرمجة‪ ،‬وطريقة‬ ‫كتابة األوامر البرمجية التي أحتاجها‪.‬‬ ‫تنفيذ البرنامج‬ ‫وإصالح األخطاء‬ ‫مراحل بناء التطبيقات‬ ‫كتابة األوامر‬ ‫البرمجية‬ ‫تصميم‬ ‫الواجهات‬ ‫حل املسألة‬ ‫اختيار الفكرة‬ ‫‪57‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫في هذا التطبيق سأقوم بإجراء العمليات الحسابية على العددين التي سيدخلها المستخدم في‬ ‫مربعي النص وأظهر الناتج في أداة عنوان‪ ،‬وذلك بعد تخزين األعداد المدخلة والناتج في متغيرات‬ ‫لكي أستطيع التعامل معها ويتم ذلك من خالل ما يلي‪:‬‬ ‫تذكر‬ ‫‪ 1‬تعريف المتغيرات‪:‬‬ ‫ال يتم تحديد نوع المتغيرات عند سأقوم بتعريف المتغيرات (‪ )x , y‬لكي يتم تخزين األعداد التي‬ ‫تعريفها باستخدام األمر (‪)Dim‬‬ ‫كما هو الحال في (فيجول بيسك سيدخلها المستخدم‪ ،‬والمتغير(‪ )z‬لناتج العملية الحسابية وذلك‬ ‫ستوديو)‪.‬‬ ‫بالنقر بزر الفأرة األيمن على النموذج واختيار األمر (‪)view code‬‬ ‫أو عن طريق اختيار التبويب (‪ ،)code‬ستظهر شاشة البرمجة‬ ‫وسأكتب األمر‪Dim x , y , z :‬‬ ‫مالحظة‬ ‫(‪)NSB/AppStudio‬‬ ‫يقوم بــرنـامج‬ ‫بكتابــة السطرين التاليني تلقائ ًّيا‬ ‫عند اختيار أداة معينة لكتابة األوامر‬ ‫البرمجية لها‪:‬‬ ‫)(‪Function Button1_onclick‬‬ ‫‪.‬‬ ‫‪.‬‬ ‫‪End Function‬‬ ‫فائدة‬ ‫) تقوم بتحويل القيمة المخزنة‬ ‫الدالة (‬ ‫في المتغير (‪ )x‬إلى عدد صحيح‪ ،‬كما توجد‬ ‫دوال أخرى مثل (‪ )cSng‬لتحويل القيمة إلى‬ ‫عدد عشري و(‪ )cDate‬لتحويل القيمة إلى‬ ‫تاريخ وغيرها‪ .‬راجع‪:‬‬ ‫(‪)http://wiki.nsbasic.com/Conversions‬‬ ‫أ‬ ‫‪ 2‬برمجة الزر (‪ )Button1‬الخاص بعملية الجمع‪:‬‬ ‫األدوات التي نستخدمها في تصميم التطبيق لها أحداث‬ ‫تتفاعل مع المستخدم‪ ،‬فعند النقر على زر الجمع (‪)Button1‬‬ ‫سيقوم البرنامج بجمع العددين في (‪ )textBox1‬و(‪)textBox2‬‬ ‫وإخراج الناتج في (‪.)Label4‬‬ ‫ولعمل ذلك ال بد من إعطاء الزر أوامر ينفذها عند ضغط‬ ‫المستخدم عليه‪ ،‬وذلك بالنقر بزر الفأرة األيمن على زر الجمع‬ ‫(‪ )Button1‬واختيار األمر (‪ ،)go to event‬ثم األمر (‪)onclick‬‬ ‫وكتابة األوامر التالية‪:‬‬ ‫فائدة‬ ‫يتــم التعامــل مــع األدوات عــن طريــق خصائصهــا أو‬ ‫أســاليبها أو أحداثهــا –ســنتعرف علــى الفــرق بينهــا في‬ ‫ً‬ ‫فمثــا األداة (‪ )textbox‬تظهر النص‬ ‫التدريبــات القادم–‬ ‫فــي الخاصيــة (‪ )value‬واألداة (‪ )Label‬تظهــر النص في‬ ‫الخاصية (‪ )textContent‬أو الخاصية (‪.)caption‬‬ ‫‪58‬‬ ‫)(‪Function Button1_onclick‬‬ ‫)‪x = CInt(TextBox1.value‬‬ ‫)‪y =CInt(TextBox2.value‬‬ ‫‪z=x+y‬‬ ‫‪Label4.textContent = z‬‬ ‫‪End Function‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثالث‬ ‫‪ 3‬نكرر األوامر البرمجية السابقة لباقي‬ ‫األزرار الثالث مع تغيير عالمة العملية‬ ‫الحسابية‪.‬‬ ‫)(‪Function Button5_onclick‬‬ ‫"" = ‪TextBox1.value‬‬ ‫"" = ‪TextBox2.value‬‬ ‫"" = ‪Label4.textContent‬‬ ‫‪End Function‬‬ ‫‪ 4‬نكـــتب األوامــر التاليــة ألزرار مسح‬ ‫ (لمسح البيانات المدخلـة والناتــــج)‬‫والشكـــل (‪ )6-3-3‬يبين األوامـــر البرمجية‬ ‫التي كتبناها في منطقة البرمجة (‪.)code‬‬ ‫وبذلك انتهيت من كتابة األوامر البرمجية‪،‬‬ ‫ويبقى أن أختبر التطبيق وتجربته بالضغط على‬ ‫مفتاح (‪ )F5‬أو األمر (‪ ،)Run‬ثم (‪start in desktop‬‬ ‫‪ )browser‬أو عالمة ( ) في شريط األدوات‪.‬‬ ‫شكل (‪ :)6-3-3‬األوامر البرمجية‬ ‫ويوضح الشكل (‪ )7-3-3‬شكل التطبيق بعد تنفيذ‬ ‫عملية اجلمع‪.‬‬ ‫شكل (‪ :)7-3-3‬تطبيق اآللة احلاسبة بعد تنفيذه‬ ‫‪59‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع)‪:‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫أختار األمر (‪.)File‬‬ ‫أختار (‪.)Save Project‬‬ ‫راب ًعا نشر التطبيق على الخادم‪:‬‬ ‫‪ 1‬في حالة عدم توفر اتصال إنترنت بمعمل الحاسب بالمدرسة يتم تخزين المشروع‬ ‫بالذاكرة المحمولة‪ ،‬ثم تنفيذ األوامر التالية بالمنزل‪.‬‬ ‫‪ 2‬أختار األمر (‪ )Run‬من شريط األوامر‪.‬‬ ‫‪ 3‬أختار األمر (‪ )Deploy‬أو بالضغط على المفتاح (‪ )F6‬في لوحة المفاتيح‪.‬‬ ‫تــمــريـنـــات‬ ‫‪ 1‬ما الفرق بين األداتين(‪ )TextArea‬و(‪ )TextBox‬في قائمة (‪)jQuery Mobile‬؟‬ ‫‪ 2‬ما فائدة الدالة (‪)CInt‬؟‬ ‫‪ 3‬ما الفرق بين الحدث الخاص باألداة وخاصية األداة؟ اعط مثال على ذلك‪.‬‬ ‫‪ 4‬ما الخاصية التي تمنع المستخدم من إدخال أو تغيير النص في أداة مربع النص؟‬ ‫‪ 5‬أعد تصميم تطبيق اآللة الحاسبة بحيث يتم إخراج الناتج في مربع نص ً‬ ‫بدل من‬ ‫أداة عنوان‪.‬‬ ‫‪60‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثالث‬ ‫التدريب الـرابـــع ‪:‬‬ ‫تطبيق األدعية املأثورة‬ ‫التنقل بني الشاشات باستخدام أداة القائمة (‪)List‬‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫التعرف على تعدد شاشات تطبيقات األجهزة الذكية باستخدام (‪.)NSB/AppStudio‬‬ ‫التعرف على أداة القائمة (‪.)List‬‬ ‫استخدام أداة املالحظة (‪.)ToolTip‬‬ ‫بناء تطبيق متكامل بدون كتابة أوامر برمجية‪.‬‬ ‫تصميم تطبيق «األدعية املأثورة» مبا يتالءم مع اجلهاز الذكي املستهدف‪.‬‬ ‫جتربة التطبيق على األجهزة الذكية‪.‬‬ ‫‪61‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫متطلبات الـتدريـب‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫مـقـدمـة الـتدريـب‬ ‫الحظت في كثير من تطبيقات األجهزة الذكية والمنتشرة في متاجر التطبيقات احتواء التطبيق‬ ‫على أكثر من شاشة مثل تطبيق المسابقات أو تطبيق المعلومات العامة‪ ،‬لذا سأقوم بتطوير‬ ‫تطبيق «األدعية المأثورة» والذي يحوي ثالث نماذج (شاشات) بحيث يتم عرض دعاء مأثور في‬ ‫كل شاشة‪ ،‬وسأستخدم أداة القائمة (‪ )List‬في عملية التنقل بين الشاشات‪.‬‬ ‫خطـوات الـتدريـب‬ ‫في هذا التطبيق سيتم استخدام ثالث نماذج‪ ،‬حيث النموذج األول يحوي أداة القائمة التي عن‬ ‫طريقها سأنتقل للنماذج األخرى‪ ،‬فيما النماذج األخرى تحوي األدعية المأثورة والتي يتم عرضها‬ ‫عن طريق أداة القائمة‪.‬‬ ‫ً‬ ‫أوال‬ ‫تصميم النماذج‪:‬‬ ‫‪ 1‬أشغل برنامج (‪)NSB/AppStudio‬‬ ‫مشروعا جدي ًدا باسم‬ ‫وأنشئ‬ ‫ً‬ ‫«‪.»doaa‬‬ ‫‪ 2‬أخــتـار لغة البرمجـــة (‪)Basic‬‬ ‫ثــم أحـــدد مقاس الشاشـــة‬ ‫حسب جهــاز الهاتـــف الــذكــي‬ ‫المستهدف‪.‬‬ ‫‪3‬‬ ‫أغــيـر خصــائــص النمــوذج‬ ‫لتصبح كمــا في الشكل (‪.)1-4-3‬‬ ‫‪62‬‬ ‫شكل (‪ :)1-4-3‬خصائص النموذج‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الرابع‬ ‫اآلن بعد أن تم ضبط الخصائص المبدئية للنموذج‪،‬‬ ‫الخاصية‬ ‫‪Id‬‬ ‫المعنى‬ ‫اسم األداة‪.‬‬ ‫أسماء النماذج التي سيتم االنتقال إليها بالترتيب في‬ ‫‪ changeForm‬حال تم الضغط على أحد عناصر القائمة‪ ،‬ويترك‬ ‫فراغ في البداية إذا كان هنالك عنوان للقائمة‪.‬‬ ‫‪dividers‬‬ ‫لتحديد فواصل القائمة‪ ،‬ويشير (‪ )Y,N,N‬إلى أن‬ ‫القائمة عبارة عن عنوان‪ ،‬ثم عناصر‪.‬‬ ‫‪Items‬‬ ‫أسماء عناصر القائمة بينها فاصلة‪ ،‬ويمثل العنصر‬ ‫األول عنوان القائمة‪.‬‬ ‫(أدعية مأثورة‪ ،‬الدعاء قبل الطعام‪ ،‬الدعاء بعد‬ ‫الفراغ من الطعام)‬ ‫حان الوقت إلضافة أداة القائمة (‪ )List‬وضبط‬ ‫خصائصها كما في الشكل (‪ .)2-4-3‬حيث‪:‬‬ ‫نموذجا جدي ًدا باختيار األمر (‪)project‬‬ ‫‪ 4‬أدرج‬ ‫ً‬ ‫من قائمة (األوامـــر)‪ ،‬ثـم األمــر (‪)add Form‬‬ ‫أو بالضغط عــلى الرمز ( ‪ ) +‬في شريط‬ ‫األدوات‪.‬‬ ‫‪ 5‬أُنشئ أداتـــي عـــنــوان في النموذج الثانـــي‬ ‫وأغيـــر خصائصهما كما في الشكل‬ ‫(‪.)3-4-3‬‬ ‫شكل (‪ :)2-4-3‬ضبط خصائص أداة القائمة (‪)List‬‬ ‫شكل (‪ :)3-4-3‬خصائص األدوات (‪)Label‬‬ ‫في النموذج الثاني (‪)Form2‬‬ ‫مالحظة‬ ‫الخاصية (‪ )textContent‬في أداة العنوان‬ ‫تحوي النص الذي يظهر في األداة‪ ،‬ويفضل‬ ‫كتابة النص إذا كان كبي ًرا في أحد معالجات‬ ‫النصوص كالوورد أو المفكرة‪ ،‬ثم نسخه‬ ‫ولصقه في الخاصية (‪.)textContent‬‬ ‫‪63‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 6‬أُنـــشــئ زر (‪ )Button‬تـــكـــون وظيفـتــــه‬ ‫العـــودة للشـاشـة األولى‪ ،‬وأغـــيـر‬ ‫خصائصه كما في الشكل (‪.)4-4-3‬‬ ‫شكل (‪ :)4-4-3‬خصائص األداة‬ ‫(‪)Button‬‬ ‫منوذجا ثال ًثا (‪ )Form3‬شبيه‬ ‫‪ 7‬أنشئ‬ ‫ً‬ ‫بالنموذج الثاني مع تغيير اخلصائص‬ ‫الالزمة‪ ،‬انظر الشكل (‪.)5-4-3‬‬ ‫شكل (‪ :)5-4-3‬النموذج الثالث‬ ‫(‪)Form3‬‬ ‫‪ 8‬سأعــود إلــــى النموذج األول (‪)Form1‬‬ ‫وأضيف أداة المــالحــظة (‪)ToolTip‬‬ ‫وأغــيـر خاصــية (‪ )popupmsg‬والتي‬ ‫تحوي الرسالة (جميع األدعية الواردة‬ ‫في التطبيق من كتاب حصن المسلم)‬ ‫والتي تظهر عـــنــد نــقـر المستخــدم عـلـى‬ ‫األداة‪ ،‬كمــا في الشكل (‪.)6-4-3‬‬ ‫شكل (‪ :)6-4-3‬أداة‬ ‫‪64‬‬ ‫املالحظة (‪)ToolTip‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الرابع‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫ثان ًيا‬ ‫ال يحوي هذا التطبيق أي أوامر برمجية‪ ،‬فكما ذكرت يف مقدمة التدريب أنه من املمكن تطوير‬ ‫تطبيقات كثيرة بدون كتابة سطر واحد من األوامر البرمجية‪.‬‬ ‫وبذلك انتهيت من تصميم التطبيق‪ ،‬ويبقى أن أختبر التطبيق وجتربته بالضغط على مفتاح‬ ‫(‪ )F5‬أو األمر (‪ ،)Run‬ثم (‪ )start in desktop browser‬أو عالمة ( ) يف شريط األدوات‪.‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع)‪:‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫أختار األمر (‪.)File‬‬ ‫أختار (‪.)Save Project‬‬ ‫راب ًعا نشر التطبيق على الخادم‪:‬‬ ‫‪ 1‬في حالة عدم توفر اتصال إنترنت بمعمل الحاسب بالمدرسة يتم تخزين المشروع‬ ‫بالذاكرة المحمولة‪ ،‬ثم تنفيذ األوامر التالية بالمنزل‪.‬‬ ‫‪ 2‬أختار األمر (‪ )Run‬من شريط األوامر‪.‬‬ ‫‪ 3‬أختار األمر (‪ )Deploy‬أو بالضغط على المفتاح (‪ )F6‬في لوحة المفاتيح‪.‬‬ ‫تــمــريــنـــات‬ ‫‪1‬‬ ‫شاشة‪.‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫اذكر عد ًدا من التطبيقات املشهورة يف متاجر التطبيقات والتي حتوي أكثر من‬ ‫ما اخلاصية التي متكنك من التنقل بني النماذج؟‬ ‫ما الفرق بني اخلاصية (‪ )ChangeForm‬يف أداة القائمة (‪ )List‬وأداة الزر (‪)Button‬؟‬ ‫ما فائدة أداة املالحظة (‪)ToolTip‬؟‬ ‫منوذجا آخ ًرا لتطبيق األدعية املأثورة يحوي دعاء الدخول إلى املنزل‪.‬‬ ‫أضف‬ ‫ً‬ ‫‪65‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب الـخـامس ‪:‬‬ ‫تطبيق املسابقة الثقافية‬ ‫(أدوات أخرى للتنقل بني الشاشات)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫مراجعة أداة اإلدخال (‪.)Radio Button‬‬ ‫التعرف على أداة (‪.)Header bar‬‬ ‫تصميم شاشات تطبيق (املسابقة الثقافية)‪.‬‬ ‫كتابة األوامر البرمجية‪.‬‬ ‫جتربة التطبيق على اجلهاز الذكي املستهدف‪.‬‬ ‫‪66‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الخامس‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫ذاكرة محمولة (‪ )USB‬للحفظ‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫سأقوم بإذن اهلل بتصميم تطبيق (املسابقة الثقافية) والذي يحوي ثالث شاشات يتم التنقل‬ ‫بينها عن طريق أداة (‪ )HeaderBar‬ويف كـــل شاشــة ســؤال باستخــدام أداة العنوان (‪ )label‬وأربـــع‬ ‫إجـابـات باستخــدام أداة االختيار (‪ )radio button‬ليقوم املستخدم باختيار إجابة واحدة‪ ،‬ثم يتأكد‬ ‫التطبيق من صحتها باستخدام اجلملة الشرطية (‪ )IF…THEN‬والتي سبق وإن درستها يف (فيجول‬ ‫بيسك ستوديو)‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫تصميم النماذج واألدوات التي سنستخدمها في التطبيق‪:‬‬ ‫أ‬ ‫فائدة‬ ‫مشروعا‬ ‫أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫في برنامج (‪ )NSB/AppStudio‬نحتاج‬ ‫جدي ًدا باسم «‪.»myQuiz‬‬ ‫أداة (‪ )RadioButton‬واحدة فقط والتي‬ ‫أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس الشاشة تــحــوي جميع الــخــيــارات الــتــي ستظهر‬ ‫للمستخدم وتكتب الخيارات في الخاصية‬ ‫حسب جهاز الهاتف الذكي املستهدف‪.‬‬ ‫(‪ ،)item‬خال ًفا ألداة الخيار في (فيجول‬ ‫ستظهر منطقة التصميم والتي حتوي منوذج وحيد‪.‬‬ ‫بيسك ستوديو) والتي يجب أن ننشئ أداة‬ ‫سأضيف أداة عـنـوان والتي حتـوي الســؤال (كــم عــدد جديدة لكل خيار على حدة‪.‬‬ ‫سور القــرآن الكرمي؟)‪.‬‬ ‫أُنشئ أداة زر اخليار (‪ )RadioButton‬والتي ستظهر اإلجابات (‪.)116 ,115 ,114 ,113‬‬ ‫‪67‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫وال أنسى ضبط خصائص األدوات السابقة‪،‬‬ ‫كما في الشكل (‪.)1-5-3‬‬ ‫شكل (‪ :)1-5-3‬ضبط خصائص األدوات‬ ‫‪ 6‬أُدرج نموذج جديد عن طريق األمر‬ ‫(‪ ،)Project‬ثم األمر (‪ )Add Form‬من‬ ‫شريط األوامر أو عن طريق الرمز (‪)+‬‬ ‫من شريط األدوات‪ ،‬ثم أكرر الخطوات‬ ‫السابقة ‪ 4‬و‪ 5‬كما في الشكل (‪.)2-5-3‬‬ ‫نموذجا ثال ًثا شبي ًها بالنموذجين‬ ‫‪ 7‬أدرج‬ ‫ً‬ ‫السابقين مع تغيير السؤال واإلجابات‪.‬‬ ‫اخلاصية‬ ‫‪Id‬‬ ‫‪title‬‬ ‫اسم األداة‪.‬‬ ‫شكل (‪ :)2-5-3‬النموذج الثاني‬ ‫املعنى‬ ‫العنوان الظاهر على األداة‪.‬‬ ‫‪LeftButtonIcon‬‬ ‫الرمز الظاهر على يسار األداة‪.‬‬ ‫‪leftChangeForm‬‬ ‫حتوي اسم النموذج الذي سننتقل إليه عند‬ ‫النقر على الزر األيسر‪.‬‬ ‫‪ LeftButtonName‬النص الظاهر على يسار األداة‪.‬‬ ‫‪right Button Icon‬‬ ‫الرمز الظاهر على ميني األداة‪.‬‬ ‫‪rightButtonName‬‬ ‫النص الظاهر على ميني األداة‪.‬‬ ‫‪rightChangeForm‬‬ ‫حتوي اسم النموذج الذي سننتقل إليه عند‬ ‫النقر على الزر األمين‪.‬‬ ‫‪68‬‬ ‫مالحظة‬ ‫لو قمت بتنفيذ التطبيق اآلن سيظهر‬ ‫النموذج األول ولن أستطيع التنقل بني‬ ‫النماذج األخرى إال إذا أضفت ز ًّرا‬ ‫لالنتقال كما درست ساب ًقا يف (فيجول‬ ‫بيسك ستوديو)‪ ،‬ولكن ً‬ ‫بدل من ذلك‬ ‫توجد أداة مالئمة لتطبيقات الهواتف‬ ‫الذكية تسمى (‪.)HeaderBar‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الخامس‬ ‫‪ 8‬أضع أداة تسمى (‪ )HeaderBar‬في كل نموذج‬ ‫تتيح لي االنتقال بين النماذج‪ ،‬وتحوي هذه‬ ‫األداة على عدة خصائص أهمها‪:‬‬ ‫أبدأ بالنموذج األول‪ ،‬حيث أنتقل إليه بالنقر على‬ ‫اسم النموذج في التبويب أعلى منطقة التصميم‬ ‫أو عن طريق مستكشف المشروع ثم أسحب أداة‬ ‫(‪ )HeaderBar‬إلى النموذج وستظهر تلقائ ًّيا أعاله‪،‬‬ ‫وأضبط خصائصها كما في الشكل (‪.)3 -5-3‬‬ ‫شكل (‪ :)3-5-3‬خصائص األداة (‪ )HeaderBar1‬في النموذج األول‬ ‫‪ 9‬أكرر الخطوة السابقة مع النموذج الثاني‪ ،‬كما‬ ‫في الشكل (‪.)4-5-3‬‬ ‫شكل (‪ :)4-5-3‬خصائص األداة (‪ )HeaderBar2‬في النموذج الثاني‬ ‫ً‬ ‫أيضا أكرر الخطوة مع النموذج الثالث‪ ،‬كما في‬ ‫‪10‬‬ ‫الشكل (‪.)5-5-3‬‬ ‫وبذلك أكون انتهيت من تصميم تطبيق (المسابقة‬ ‫الثقافية)‪ ،‬ويتبقى أن أكتب األوامر البرمجية لكي‬ ‫يعمل التطبيق بشكل سليم‪ ،‬وهذا ما سأفعله في‬ ‫الخطوات القادمة‪ ،‬سأحفظ المشروع اآلن‪.‬‬ ‫شكل (‪ :)5-5-3‬خصائص األداة (‪ )HeaderBar3‬في النموذج الثالث‬ ‫‪69‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ثان ًيا‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫أستخدم الــحدث (‪ )onchange‬لألداة (‪ )RadioButton‬وبمعــــرفـــة أن الخاصـيــة‬ ‫تعـيــد إ ّمـــــا (‪ )True‬إذا تـــم االختـــيـار أو (‪ )False‬إذا لم يتم االختيـــار‪ ،‬حيــث (‪ )n‬تمثـــل رقم الخيــار‬ ‫ويبدأ بالرقم (‪.)1‬‬ ‫األداة‬ ‫بــــرمـجــة‬ ‫‪1‬‬ ‫(‪ )RadioButton1‬فــي النموذج‬ ‫األول (‪:)Form1‬‬ ‫اإلجابة الصحيحة هي اإلجــابــة‬ ‫الـثـانيــة (عدد سور القرآن‬ ‫الكريم ‪ 114‬سورة)‪ ،‬فتصبح‬ ‫األوامر البرمجية كما يتضح في‬ ‫الشكل (‪.)6-5-3‬‬ ‫‪ 2‬بــــــرمــــــجــــــة األداتـــــــــيـــــــــن‬ ‫( ‪)R a d i o B u t t o n 2‬‬ ‫فــي‬ ‫و(‪)RadioButton3‬‬ ‫الــنمــــــوذج الـثــانـي والثالث‪:‬‬ ‫كما في الطريقة السابقة سأكتب‬ ‫األوامر البـــــرمجــيـــة في‬ ‫النموذجيــــن الــثــانــي والثالــث‬ ‫ألداتــي االختيــار مع تغييـــر رقم‬ ‫اإلجابة‪ .‬انظر الشكل (‪-5-3‬‬ ‫‪ )7‬لألوامر الـبـرمجــيـة لألداة‬ ‫(‪ )RadioButton2‬والشكـــل (‪-3‬‬ ‫‪ )8-5‬إضافــــة لألوامـــــر البرمجية‬ ‫لألداة (‪.)RadioButton3‬‬ ‫شكل (‪ :)6-5-3‬األوامر البرمجية لألداة (‪)RadioButton1‬‬ ‫شكل (‪ :)7-5-3‬األوامر البرمجية لألداة (‪)RadioButton2‬‬ ‫شكل (‪ :)8-5-3‬األوامر البرمجية لألداة (‪)RadioButton3‬‬ ‫‪70‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الخامس‬ ‫وبذلك أكون قد انتهيت من برمجة تطبيق (المسابقة‬ ‫الثقافية) ويتبقى أن أقوم بتجربته وإصالح األخطاء إن‬ ‫وجدت‪ ،‬وذلك بالضغط على مفتاح (‪ )F5‬أو األمر (‪،)Run‬‬ ‫) في‬ ‫ثم (‪ )start in desktop browser‬أو عالمة (‬ ‫شريط األدوات‪ .‬ويوضح الشكل (‪ )9-5-3‬نتيجة تنفيذ‬ ‫التطبيق‪.‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫شكل (‪ :)9-5-3‬نتيجة تنفيذ التطبيق‬ ‫‪ 1‬أختار األمر (‪.)File‬‬ ‫‪ 2‬أختار (‪.)Save Project‬‬ ‫لنشر البرنامج على الخادم أختار األمر (‪ )deploy‬أو أضغط على المفتاح (‪( )F6‬في حالة عدم‬ ‫توفر اتصال اإلنترنت بالمعمل‪ ،‬سأحفظ المشروع في الذاكرة المحمولة وسأقوم بعملية النشر‬ ‫في المنزل)‪.‬‬ ‫راب ًعا‬ ‫نشر التطبيق على الخادم‪:‬‬ ‫‪ 1‬في حالة عدم توفر اتصال إنترنت بمعمل الحاسب بالمدرسة يتم تخزين المشروع‬ ‫بالذاكرة المحمولة‪ ،‬ثم تنفيذ‪.‬‬ ‫‪ 2‬أختار األمر (‪)Run‬من شريط األوامر‪.‬‬ ‫‪ 3‬أختار األمر (‪ )Deploy‬أو بالضغط على المفتاح (‪ )F6‬في لوحة المفاتيح‪.‬‬ ‫تــمــريـنــات‬ ‫‪ 1‬اذكر ثالث طرق مختلفة للتنقل بني شاشات التطبيق‪.‬‬ ‫‪ 2‬ما الفرق بني جملة (‪ )IF…THEN‬واجلملة (‪)IF…THEN…ELSE‬؟‬ ‫‪ 3‬أعد تصميم تطبيق املسابقة الثقافية مستخد ًما أداة القائمة (‪ً )List‬‬ ‫بدل من أداة اخليار‬ ‫(‪.)RadioButton‬‬ ‫‪71‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب السادس ‪ :‬تطبيق حساب العمر‬ ‫(أدوات التصميم‪ ،‬أداة (‪))CheckBox‬‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫مراجعة أدوات التصميم‪ ،‬أداة االختيار (‪ )CheckBox‬باستخدام (‪.)NSB/AppStudio‬‬ ‫إدخال البيانات باستخدام أداة مربع النص‪.‬‬ ‫استخدام دالة التاريخ (‪.)Date‬‬ ‫استخدام دالة الفرق بني تاريخني (‪.)DateDiff‬‬ ‫تصميم تطبيق (احسب عمرك)‪.‬‬ ‫كتابة األوامر البرمجية لتطبيق (احسب عمرك)‪.‬‬ ‫تنفيذ تطبيق حساب العمر على الهاتف الذكي املستهدف‪.‬‬ ‫‪72‬‬ ‫السادس‬ ‫الذكية ‪ :‬التدريب الخامس‬ ‫األجهزة الذكية‬ ‫وبرمجة األجهزة‬ ‫تقنياتوبرمجة‬ ‫تقنيات‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫ذاكرة محمولة‪.‬‬ ‫اتصال إنترنت‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تنتشر تطبيقات األجهزة الذكية والتي تحتوي على تاريخ اليوم أو حساب العمر أو فترة زمنية‬ ‫ً‬ ‫وأيضا دالة‬ ‫معينة لذا سأتطرق في هذا التطبيق إلى دالة برمجية مهمة وهي دالة التاريخ (‪)Date‬‬ ‫الفرق بين تاريخين (‪ )DateDiff‬في تطبيق يقوم بحساب العمر بالسنين والشهور واأليام ً‬ ‫أيضا‪،‬‬ ‫وذلك بعد إدخال المستخدم لتاريخ ميالده‪.‬‬ ‫خطـوات الـتدريـب‬ ‫تصميم النماذج‪:‬‬ ‫ً‬ ‫أول‬ ‫مشروعا جدي ًدا باسم «‪.»myAge‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ )Basic‬ثم أحدد مقاس الشاشة حسب جهاز الهاتف الذكي المستهدف‪ ،‬وأنقر‬ ‫على الزر (‪.)create‬‬ ‫‪ 3‬ستظهر منطقة التصميم والتي تحوي نموذج‪ ،‬سأضيف إليه ثالث أدوات من نوع‬ ‫عنوان(‪ )Label‬كالتالي‪:‬‬ ‫أ (‪ :)lblTitle‬سيحوي عنوان التطبيق في أعلى‬ ‫الشاشة وبلون وخلفية مختلفة‪.‬‬ ‫ب (‪ :)lblToday‬نضع به عبارة «تاريخ اليوم»‪.‬‬ ‫ت (‪ :)lblBirthDay‬نضــع بـه العبـارة «أدخل‬ ‫تاريخ ميالدك»‪.‬‬ ‫ويـتــم ضــبط الـخصــائــص كمــا فــي الشكــل‬ ‫(‪.)1-6-3‬‬ ‫شكل (‪ :)1-6-3‬ضبط خصائص أدوات العنوان (‪)Label‬‬ ‫‪73‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 4‬أضيف مربعات النص التالية‪:‬‬ ‫أ (‪ :)txtDate‬مربع نص يظهر‬ ‫به تاريخ اليوم‪ ،‬ولن يستطيع‬ ‫المستخدم تغييره بسبب خاصية‬ ‫للقراءة فقط (‪.)read only‬‬ ‫(‪ :)txtBirthDay‬سيدخل‬ ‫ب‬ ‫المستخدم تاريخ ميالده هنا‪ ،‬ولن‬ ‫أجعل المستخدم يدخل تاريخ‬ ‫ميالده كتابة وإنما باختياره من التقويم‬ ‫وذلك بتعديل خاصية (‪ )inputType‬إلى‬ ‫(‪.)date‬‬ ‫ت (‪ :)txtDays‬سيظهر العمر باأليام‪.‬‬ ‫ث (‪ :)txtMonths‬سيظهر العمر بالشهور‪.‬‬ ‫ج (‪ :)txtYears‬سيظهر العمر بالسنين‪.‬‬ ‫ويتم ضبط الخصائص كما في الشكل‬ ‫(‪.)2-6-3‬‬ ‫‪ 5‬أضيف أداة االختيار (‪ )CheckBox‬وهي‬ ‫شبيهة بأداة الخيار (‪ )RadioButton‬من‬ ‫حيث الخصائص مع اختالف أن األولى‬ ‫تمكنني من تحديد أكثر من اختيار في‬ ‫نفس الوقت‪ ،‬انظر الشكل (‪.)3 -6-3‬‬ ‫شكل (‪ :)2-6-3‬ضبط خصائص أدوات مربع النص (‪)TextBox‬‬ ‫أ‬ ‫فائدة‬ ‫مت تغيير أسماء األدوات لتكون ذات‬ ‫ً‬ ‫فمثل (‪ )txtDate‬تدل على أن األداة مربع نص‬ ‫معنى‪،‬‬ ‫خاص بالتاريخ‪ ،‬وتغيير زر حساب العمر إلى (‪،)btnCalc‬‬ ‫كما ميكن أن أكتفي بالتسمية االفتراضية‪.‬‬ ‫شكل (‪ :)3-6-3‬ضبط خصائص أدوات مربع االختيار (‪)CheckBox‬‬ ‫‪74‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب السادس‬ ‫‪ 6‬وأخي ًرا سأدرج زرين أحدهما لحساب العمر‬ ‫واآلخر لمسـح البيـانـات‪ ،‬وأضـبـط الـخصائــص‬ ‫لهما كـمـا في الشكل (‪.)4-6-3‬‬ ‫وبذلك يكون قد اكتمل تصميم التطبيق‬ ‫ويتبقى أن أبدأ في كتابة األوامر البرمجية‬ ‫ولكـن قـبـل ذلك اعـتـقد أنـه مـن المفيد‬ ‫حفظ المشروع اآلن‪.‬‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫ثان ًيا‬ ‫سأكتب أوامر هذا التطبيق والتي تحقق‪:‬‬ ‫أ‬ ‫إظهار تاريخ اليوم في مربع النص (‪ )txtDate‬عند تشغيل التطبيق‪ ،‬سأستخدم دالة التاريخ‬ ‫(‪:)Date‬‬ ‫‪txtDate.value=Date‬‬ ‫ب تعريف متغير (‪ )born‬من نوع (‪ )variant‬يتم تخزين القيمة التي أدخلها المستخدم به بعد‬ ‫تحويل تلك القيمة إلى النوع (تاريخ) باستخدام الدالة (‪:)CDate‬‬ ‫‪Dim born‬‬ ‫)‪born = CDate(txtBirthDay.value‬‬ ‫جميع األوامر التالية تكون في الحدث (‪ )onClick‬للزر المسمى «احسب»‪.‬‬ ‫ت إظهار العمر باأليام‪ ،‬سأستخدم دالة الفرق بين تاريخين باأليام‪ ،‬حيث (‪ )d‬تعني األيام‪:‬‬ ‫أ‬ ‫فائدة‬ ‫)‪txtDays.value=DateDiff("d",born,Date‬‬ ‫ميكنك زيارة املوقع‪:‬‬ ‫(‪)wiki.nsbasic.com/DateDiff‬‬ ‫ملعرفة املزيد حول دالة الفرق بني تاريخني‪.‬‬ ‫‪75‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫)‪txtMonths.value=DateDiff("m",born,Date‬‬ ‫ث إظهار العمر بالشهور‪ ،‬حيث (‪)m‬‬ ‫تعني الشهر‪:‬‬ ‫)‪txtYears.value=DateDiff("yyyy",born,Date‬‬ ‫ج إظهار العمر بالسنين‪ ،‬حيث‬ ‫(‪ )yyyy‬تعني السنة‪:‬‬ ‫د التأكد من اختيار المستخدم‪،‬‬ ‫وذلك باختبار جميع اختيارات أداة‬ ‫(‪ )CheckBox‬حيث يتم اإلشارة لالختيار‬ ‫األول بالرقم(‪ )1‬والثاني (‪ )2‬وهكذا‪،‬‬ ‫) تعيد القيمة‬ ‫والدالة (‬ ‫(‪ )True‬إذا تم االختيار و(‪ )False‬إذا‬ ‫المستخدم لم يختر العنصر‪:‬‬ ‫هـ األوامر البرمجية لزر المسح‪:‬‬ ‫عند ضغط المستخدم على زر المسح‬ ‫سأقوم بمسـح جميـع مربعــات النص‬ ‫الموجودة على النموذج باستخـدام الدالة‬ ‫(() ‪ .)reset‬ثم سأقوم بإعادة إظهار تاريـخ‬ ‫اليوم بعد أن تم مسحه مع باقي المدخالت‪.‬‬ ‫ويوضـح الشكل (‪ )5-6-3‬جميع‬ ‫أ‬ ‫)(‪frmAge.reset‬‬ ‫)(‪txtDate.value=Date‬‬ ‫فائدة‬ ‫ميكنك اكتشاف األخطاء بالضغط على مفتاح‬ ‫(‪ )F12‬يف املتصفح كــروم أو بالضغط على‬ ‫(‪ )shift+ctrl+j‬بعد تنفيذ البرنامج‪.‬‬ ‫‪76‬‬ ‫‪If chkAges.getValue(1)=True Then‬‬ ‫)‪txtDays.value=DateDiff("d",born,Date‬‬ ‫‪End If‬‬ ‫‪If chkAges.getValue(2)=True Then‬‬ ‫)‪txtMonths.value=DateDiff("m",born,Date‬‬ ‫‪End If‬‬ ‫‪If chkAges.getValue(3)=True Then‬‬ ‫)‪txtYears.value=DateDiff("yyyy",born,Date‬‬ ‫‪End If‬‬ ‫شكل (‪ :)5-6-3‬األوامر البرمجية لتطبيق (حساب العمر)‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب السادس‬ ‫األوامــر البرمجية للتطبيق‪.‬‬ ‫وبذلك أكون قد انتهيت من برمجة تطبيق (حساب العمر)‬ ‫ويتبقى أن أقوم بتجربته وإصالح األخطاء إن وجدت‪ ،‬وذلك‬ ‫بالضغط على مفتاح (‪ )F5‬أو األمر (‪ ،)Run‬ثم (‪start in‬‬ ‫) في شريط األدوات‪.‬‬ ‫‪ )desktop browser‬أو عالمة (‬ ‫ويوضح الشكل (‪ )6-6-3‬تطبيق حساب العمر بعد التنفيذ‪.‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫شكل (‪ :)6-6-3‬تطبيق حساب العمر‬ ‫‪ 1‬اختار األمر (‪.)File‬‬ ‫‪ 2‬اختار (‪.)Save Project‬‬ ‫‪ 3‬لنشر البرنامج على الخادم أختار األمر (‪ )deploy‬أو أضغط على المفتاح (‪.)F6‬‬ ‫يمكنك حفظ المشروع في الذاكرة المتنقلة ونشره على الخادم من المنزل لكي يتم تجربته على‬ ‫الهاتف الذكي المستهدف وذلك في حالة عدم توفر اتصال إنترنت في المعمل‪.‬‬ ‫تــمــريــنــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫ما فائدة الدوال التالية‪)Date) – (DateDiff( :‬؟‬ ‫ما الدالة التي تعرض الوقت؟‬ ‫ما فائدة الدالة (() ‪)reset‬؟‬ ‫ماذا تعني األسطر التالية‪:‬‬ ‫‪If chkAges.getValue(2)=True Then‬‬ ‫)‪txtMonths.value=DateDiff("m",born,Date‬‬ ‫‪End If‬‬ ‫‪77‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب الـســـابع ‪ :‬تطبيق القرآن الكرمي‬ ‫(الوسائط املتعددة)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫استخدام أداة الصورة (‪.)Image‬‬ ‫استخدام أداة الصوت (‪.)Audio‬‬ ‫تغيير أيقونة التطبيق‪.‬‬ ‫تنفيذ تطبيق (القرآن الكرمي) على الهاتف الذكي املستهدف‪.‬‬ ‫‪78‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب السابع‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫ملف صورة (‪.)alfatiha.jpg‬‬ ‫ملف الصوت (‪.)alfatiha.mp3‬‬ ‫ذاكرة محمولة‪.‬‬ ‫اتصال إنترنت‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫هل يمكن أن أطور تطبيق للهواتف الذكية دون كتابة سطر واحد من األوامر البرمجية؟ نعم‬ ‫ً‬ ‫وأيضا ما سأفعله في تطبيق القرآن‬ ‫يمكنني ذلك وهذا ما تم فعله في تطبيق «األدعية المأثورة»‬ ‫الكريم‪ ،‬حيث سأقوم بتطوير تطبيق يظهر سورة الفاتحة مع إمكانية تشغيل صوت القارئ وذلك‬ ‫باستخدام أداتين واحدة لعرض صورة «سورة الفاتحة» وتسمى (‪ )Image‬واألخرى لتشغيل صوت‬ ‫القارئ وتسمى (‪.)Audio‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫تصميم النموذج‪:‬‬ ‫مالحظة‬ ‫يمكن توسيع صندوق األدوات لرؤية جميع‬ ‫األدوات في مختلف األقسام‪.‬‬ ‫مشروعا جدي ًدا باسم «‪.»HolyQuran‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس الشاشة حسب جهاز الهاتف الذكي المستهدف‪،‬‬ ‫وأنقر على الزر (‪.)create‬‬ ‫‪ 3‬ستظهر منطقة التصميم والتي تحوي نموذج‪ ،‬سأضيف إليه األدوات التالية‪:‬‬ ‫أ (‪ :)Image‬وهي أداة تقوم بعرض الصور‪ ،‬لذا ستحوي صورة لسورة الفاتحة‪.‬‬ ‫في الخاصية (‪ )src‬سأحدد ملف الصورة (‪( ،)alfatiha.jpg‬يجب أن تكون الصورة في مجلد‬ ‫البرنامج أو في مجلد فرعي داخل مجلد البرنامج)‪ ،‬لذا ال بد من االنتقال إلى مجلد (تدريبات‬ ‫‪79‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫برمجة األجهزة الذكية) في القرص المرفق‪ ،‬ثم مجلد‬ ‫التدريب السابع واختيار الصورة المطلوبة ونسخها إلى‬ ‫مجلد التطبيق‪.‬‬ ‫ب (‪ :)Audio‬وهي أداة لتشغيل األصوات‪ ،‬لذا‬ ‫ستحوي مقطع صوتي لسورة الفاتحة‪.‬‬ ‫في الخاصية (‪ )src‬سأحدد ملف الصوت (‪alfatiha.‬‬ ‫‪( ،)mp3‬يجب أن يكون ملف الصوت في مجلد البرنامج‬ ‫أو في مجلد فرعي داخل مجلد البرنامج)‪ ،‬لذا ال بد من‬ ‫االنتقال إلى مجلد (تدريبات برمجة األجهزة الذكية) في‬ ‫القرص المرفق‪ ،‬ثم مجلد التدريب السابع واختيار ملف‬ ‫الصوت المطلوب ونسخه إلى مجلد التطبيق‪ ،‬وأضبط‬ ‫الخصائص كما في الشكل (‪.)1-7-3‬‬ ‫بعد إضافة األدوات وضبط الخصائص أكون قد‬ ‫انتهيت من تطوير التطبيق وهو جاهز للتنفيذ – ال يوجد‬ ‫أوامر برمجية في هذا التطبيق – ويوضح الشكل (‪-7-3‬‬ ‫‪ )2‬تطبيق القرآن الكريم أثناء تنفيذه‪.‬‬ ‫ثان ًيا‬ ‫تغيير أيقونة التطبيق‪:‬‬ ‫يهتم مطوري تطبيقات الهواتف الذكية بأيقونة التطبيق التي‬ ‫تظهر على شاشة الهاتف الذكي ألنها غال ًبا ما تصف عمل‬ ‫التطبيق‪ ،‬لذا سأغير أيقونة التطبيق إلى صورة مناسبة كاآلتي‪:‬‬ ‫‪ 1‬أنتقل إلى خصائص المشروع في نافذة مستكشف‬ ‫المشروع‪.‬‬ ‫‪ 2‬أنتقل إلى الخاصية (‪ )Icon/favicon‬لتغيير أيقونة‬ ‫التطبيق في الهواتف الذكية التي تعمل بنظام ‪ IOS‬أو‬ ‫الخاصية (‪ )IconAndroid‬للهواتف الذكية التي تعمل‬ ‫بنظام ‪.Android‬‬ ‫‪ 3‬أضغط على النقاط الثالث للبحث عن األيقونة والتي‬ ‫سبق وأن صممتها بأحد برامج الرسم والتصميم‪.‬‬ ‫‪80‬‬ ‫شكل (‪ :)1-7-3‬ضبط خصائص‬ ‫أداة الصورة (‪ )Image‬وأداة الصوت‬ ‫(‪)Audio‬‬ ‫شكل (‪ :)2-7-3‬تطبيق القرآن الكرمي‬ ‫أ‬ ‫فائدة‬ ‫مي ــك ــن ت ــع ــدي ــل خ ــاص ــي ــة (‪ )src‬يف أداة‬ ‫ال ـ ــص ـ ــوت(‪ )Audio‬لــتــحــوي عــنــوان للملف‬ ‫الصوتي على شبكة اإلنترنت ملعرفة املزيد‬ ‫من املعلومات حول األدوات‪ ،‬يتم النقر على‬ ‫األداة يف مربع األدوات بزر الفأرة األمين‪ ،‬ثم‬ ‫االنتقال إلى (‪.)Open Wiki Page‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب السابع‬ ‫‪ 4‬بعد اختيار الصورة ستظهر على شاشة الهاتف الذكي بعد‬ ‫نشر التطبيق‪ ،‬كما في الشكل (‪.)3-7-3‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫‪ 1‬اختار األمر (‪.)File‬‬ ‫‪ 2‬اختار (‪.)Save Project‬‬ ‫‪ 3‬لنشر البرنامج على الخادم أختار األمر (‪ )deploy‬أو‬ ‫أضغط على المفتاح (‪.)F6‬‬ ‫يمكنك حفظ المشروع في الذاكرة المتنقلة ونشره على الخادم‬ ‫من المنزل لكي يتم تجربته على الهاتف الذكي المستهدف وذلك‬ ‫في حالة عدم توفر اتصال إنترنت في المعمل‪.‬‬ ‫شكل (‪ :)3-7-3‬أيقونة التطبيق‬ ‫في هاتف اآليفون‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫ما وظيفة أداة الصورة (‪)Image‬؟‬ ‫ما اخلاصية التي حتدد الصورة يف األداة (‪)Image‬؟‬ ‫ما الفرق بني أداتي (‪ )PictureBox‬و (‪)Image‬؟‬ ‫ما أهم خصائص أداة الصوت (‪)Audio‬؟‬ ‫أعد تطوير تطبيق القرآن الكرمي بإضافة سورتي الناس والفلق؟‬ ‫‪81‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب الثامن ‪ :‬تطبيق كلمة وعدة صور‬ ‫(الوسائط املتعددة)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫مراجعة استخدام أدوات الصورة والصوت (‪.)Image & Audio‬‬ ‫استخدام أداة القائمة املنسدلة (‪.)Select‬‬ ‫نسخ األدوات وإعادة تسميتها‪.‬‬ ‫كتابة األوامر البرمجية لتطبيق كلمة وعدة صور‪.‬‬ ‫تنفيذ تطبيق (كلمة وعدة صور) على الهاتف الذكي املستهدف‪.‬‬ ‫‪82‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثامن‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫القرص املرفق مع الكتاب‪.‬‬ ‫ذاكرة محمولة‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫يتداول مؤخ ًرا مصطلح «التعليم بالترفيه» وخاصة في المراحل األولى من التعليم‪ ،‬ولم تخلوا الهواتف‬ ‫الذكية من تطبيقات تعليمية وترفيهيه لألطفال‪ ،‬لذا سأقوم بتطوير تطبيق يربط بين الكلمة والصورة‬ ‫بطريقة ممتعة وشيقة‪ ،‬وذلك بعرض كلمة وأربع صور إحداها تدل على الكلمة‪ ،‬وعندما يقوم المستخدم‬ ‫بالضغط على الصورة يسمع صوت يخبره بصحة اختياره‪ ،‬وسأستخدم أداتي الصوت والصورة والذي‬ ‫تم التعرف عليها ساب ًقا باإلضافة ألداة القائمة المنسدلة (‪ )Select‬للتنقل بين الشاشات‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫تصميم النموذج‪:‬‬ ‫مشروعا جدي ًدا باسم «‪.»FunnyLearn‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس الشاشة حسب جهاز الهاتف الذكي املستهدف‪،‬‬ ‫وأنقر على الزر (‪.)create‬‬ ‫‪ 3‬ستظهر منطقة التصميم والتي حتوي‬ ‫منوذج‪ ،‬سأضيف إليه األدوات التالية‪:‬‬ ‫أ‬ ‫أداتي عنوان‪ :‬واحدة لعنوان التطبيق‬ ‫واألخرى نكتب بها الكلمة التي تدل‬ ‫على الصورة‪ ،‬وأضبط اخلصائص كما‬ ‫يف الشكل (‪.)1-8-3‬‬ ‫شكل (‪ :)1-8-3‬ضبط خصائص أداتي العنوان‬ ‫‪83‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫فائدة‬ ‫فــي خــاصــيــة الــلــون يمكن تــحــديــد الــلــون بكتابة اســمــه (‪ )… red ،green،‬أو رمــزه‬ ‫أو بمعرفة شــدة األلـــوان األســاســيــة (‪))n1,n2,n3) RGB‬‬ ‫ولمعرفة المزيد عن رموز األلوان يمكنك االطالع على الموقع‪.)html-color-codes.info(:‬‬ ‫ب‬ ‫أربع أدوات صور‪:‬‬ ‫كل أداة تحـوي صورة‬ ‫وأضبط‬ ‫مختلفة‪،‬‬ ‫الخصائص كما في‬ ‫الشكل (‪.)2-8-3‬‬ ‫ت أداتــــي صـــوت‪ :‬واحــدة لإلجابــة‬ ‫الصحيحـــة واألخــرى لإلجـــابـــة‬ ‫الخاطئـــة‪ .‬يــجــب أن تكــون ملفـــات‬ ‫الصوت في مجلد المشروع‪.‬‬ ‫جميع ملفات الصور واألصوات والتي‬ ‫سأستخدمها في التطبيق موجودة في‬ ‫القرص المرفق داخل المجلد (تدريبات‬ ‫برمجة األجهزة الذكية ‪ -‬التدريب‬ ‫الثامن)‪.‬‬ ‫ث أداة القــــائمــة المنسدلـة وتسمــى‬ ‫(‪ :)Select‬وذلك للتنقل بين الشاشات‬ ‫عن طريق الخاصية (‪.)SelectedIndex‬‬ ‫وأضبط خصائصها كما في الشكل‬ ‫(‪.)3-8-3‬‬ ‫‪84‬‬ ‫شكل (‪ :)2-8-3‬ضبط خصائص أدوات الصورة‬ ‫شكل (‪ :)3-8-3‬ضبط خصائص أدوات الصوت‬ ‫وأداة القائمة املنسدلة (‪)Select‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثامن‬ ‫‪ 4‬بذلك أكون قد انتهيت من تصميم‬ ‫نموذجا‬ ‫الشاشة األولى‪ ،‬لذا سأدرج‬ ‫ً‬ ‫جدي ًدا للشاشة الثانية باستخدام األمر‬ ‫(‪ ،)Project‬ثم األمر (‪ )Add Form‬من‬ ‫شريط األوامر‪.‬‬ ‫‪ 5‬أنسخ جميع األدوات في النموذج‬ ‫األول ماعدا أداتي الصوت – وجودها‬ ‫في النموذج األول كاف ‪ -‬وألصقها في‬ ‫النموذج الثاني‪.‬‬ ‫‪ 6‬أضبط خصائص األدوات في النموذج‬ ‫الثاني لتظهر كما في الشكل (‪.)4-8-3‬‬ ‫وبذلك أكون قد انتهيت من تصميم تطبيق‬ ‫(كلمة وعدة صور) ويتبقى كتابة األوامر‬ ‫البرمجية الخاصة به لكي يعمل التطبيق‬ ‫بشكل كامل‪ ،‬وهذا ما سأفعله في الخطوات‬ ‫القادمة‪ ،‬سأحفظ المشروع اآلن‪.‬‬ ‫شكل (‪ :)4-8-3‬األدوات الموجودة في النموذج الثاني‬ ‫مالحظة‬ ‫عند تسمية األدوات ال بد أن يكون لكل أداة اسم وحيد‬ ‫في كامل التطبيق حتى وإن تعددت النماذج‪ ،‬وليس كما‬ ‫هو الحال في (فيجول بيسك ستوديو) إذ يمكن أن يكون‬ ‫ألداتين في نموذجين االسم نفسه‪.‬‬ ‫ثان ًيا‬ ‫‪ 1‬برمجة أدوات الصورة (‪ )Image‬في النموذج األول (‪:)Form1‬‬ ‫في الحــدث (‪ )onclick‬لجميــع أدوات الصور سأكتب أمرين فقط‪ ،‬ففي حال‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫كانت الصورة صحيحة سيكون‬ ‫األمر األول لتشغيل صوت‬ ‫اإلجابة الصحيحة واألمــــر‬ ‫اآلخــر إليقـاف صوت اإلجابـــة‬ ‫الخاطـــئــة حتى ال يتداخـــل‬ ‫الصوتـــان مع بعضهما البعض‪.‬‬ ‫والعكس في حالة الصـــورة‬ ‫الخاطئــة‪ ،‬والشكل (‪)5-8-3‬‬ ‫يوضح األوامر البرمجية‪.‬‬ ‫شكل (‪ :)5-8-3‬األوامر البرمجية ألدوات الصورة (‪)Image‬‬ ‫‪85‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫أجرب التطبيق للتأكد من سالمة األوامر البرمجية‪ ،‬أالحظ أني ال أستطيع التنقل بين النماذج‬ ‫(الشاشات) لذا ال بد من كتابة األوامر الخاصة بأداة القائمة المنسدلة (‪ )Select‬والتي تسمح‬ ‫للمستخدم بالتنقل بين الشاشات‪.‬‬ ‫‪ 2‬برمجة األداة (‪ )Select1‬في النموذج األول (‪:)Form1‬‬ ‫في الحدث (‪ )onchange‬لألداة (‪ )Select‬سأكتب أمر االنتقال‬ ‫للنموذج الثاني (() ‪ )Form2.show‬مع إغالق النموذج األول (() ‪Form1.‬‬ ‫‪ - )hide‬شبيهه بأوامر (فيجول بيسك ستوديو) – ولكن بعــد معرفــة‬ ‫اختيار المستخدم وذلك بمعرفة رقم االختيار عن طريق الخاصــيـة‬ ‫(‪ )SelectedIndex‬حــيـث يـبـدأ‬ ‫االختيــار األول بالعـدد صفر‪ ،‬ثــم‬ ‫واحـــد وهكـــذا لجميـع عناصر‬ ‫القائمة‪ ،‬والشكــــــل (‪)6-8-3‬‬ ‫يــوضــح األوامــر البرمجية‪.‬‬ ‫‪ 3‬برمجة األدوات في النموذج‬ ‫شكل (‪ :)6-8-3‬األوامر البرمجية ألداة (‪)Select1‬‬ ‫الثاني (‪:)Form2‬‬ ‫بنفس الطريقة السابقة سأكتب األوامر البرمجية للنموذج الثاني مع تغيير األوامر حسب‬ ‫الصورة التي تدل على اإلجـــابــة الصحيحــة‪ً .‬‬ ‫أيضــا تغييــر قيمــة (‪ )SelectedIndex‬لـــتنــاسـب‬ ‫الـــنمـــوذج الذي سأنتقل إليه‪،‬‬ ‫والشكل (‪ )7-8-3‬يوضح األوامر‬ ‫البرمجية‪.‬‬ ‫‪ 4‬وبذلك أكون قد انتهيت من برمجة‬ ‫تطبيق (كلمة وعدة صور) ويتبقى أن‬ ‫أقوم بتجربته وإصالح األخطاء إن‬ ‫وجدت‪ ،‬وذلك بالضغط على مفتــاح‬ ‫(‪ )F5‬أو األمـــر (‪ ،)Run‬ثـــم (‪start in‬‬ ‫‪ )desktop browser‬أو عالمة ( )‬ ‫في شريط األدوات‪.‬‬ ‫شكل (‪ :)7-8-3‬األوامر البرمجية للنموذج الثاني (‪)Form2‬‬ ‫‪86‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثامن‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫(في حالة عدم تـوفر اتصال اإلنتـرنت بالمعمـل‪ ،‬سأحفظ المشــروع في الــذاكــرة المحمـولة‬ ‫وسـأقــوم بعملية النشر في المنزل)‪.‬‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫الالزمة‪.‬‬ ‫هل من الممكن استخدام أداة (‪ )HeaderBar‬كعنوان للتطبيق؟ وضح ذلك‪.‬‬ ‫ما أوامر تشغيل وإيقاف الصوت؟‬ ‫لماذا لم يتم تكرار أداة الصوت في جميع النماذج؟‬ ‫ما أهم خصائص أداة القائمة المنسدلة (‪)Select‬؟‬ ‫أضف نموذجين لتطبيق (كلمة وعدة صور) مع إضافة األدوات واألوامر البرمجية‬ ‫‪87‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب التـاسـع ‪:‬‬ ‫تـطبـيـق مـفكرتي‬ ‫حـفـظ البيانات باستخدام‬ ‫(‪)LocalStorage‬‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫تعريف متغير من نوع كائن‪.‬‬ ‫إنشاء ملف باسم (‪ )note‬عن طريق الدالة (‪ )localStorage‬لحفظ البيانات‪.‬‬ ‫استخدام دالة (‪ )JSON‬لتحويل البيانات إلى نوع نص لكي تحفظ في (‪.)localStorage‬‬ ‫مراجعة أمر التكرار (‪.)For …Next‬‬ ‫‪88‬‬ ‫التاسع‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثامن‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫ذاكرة محمولة‪.‬‬ ‫اتصال إنترنت‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫في كثير من التطبيقات أحتاج إلى حفظ البيانات كما في تطبيق مفكرتي‪ ،‬لذا سأستخدم دالة‬ ‫(‪ )localStorage‬حيث تسمح لي حفظ البيانات على شكل سلسلة نصية بحيث تكون البيانات‬ ‫متاحه عند تشغيل التطبيق في المرة القادمة‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫تصميم النموذج‪:‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫مشروعا جدي ًدا باسم «‪.»myNote‬‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ ،)Basic‬ثــم أحــدد‬ ‫مقـاس الشاشة حسب جهاز الهاتف الذكي‬ ‫املستهدف‪ ،‬وأنقر على الزر (‪.)create‬‬ ‫‪ 3‬ستظهـــر منطقة التصميـــم والـــتـي حتــوي‬ ‫الـــنموذج‪ ،‬سأضيف إليه األدوات التالية‪:‬‬ ‫أ (‪ :)Label1‬وسأستخدمها فقط لعرض‬ ‫عنوان التطبيق‪.‬‬ ‫ب (‪ :)Label2‬سيحوي العنوان «التاريخ»‪.‬‬ ‫ت‬ ‫(‪ :)Label3‬سيحـــوي الـعــنــوان‬ ‫«املالحظة»‪.‬‬ ‫والشكل (‪ )1-9-3‬يوضح ضبط اخلصائص‬ ‫له‪.‬‬ ‫شكل (‪ :)1-9-3‬ضبط خصائص أدوات العنوان‬ ‫‪89‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ث (‪ :)textArea1‬سأكتب مالحظتي هنا‪،‬‬ ‫وسيتم تسمية األداة (‪.)txtNote‬‬ ‫ج (‪ :)textArea2‬لعـرض المـواعـيد الـتي‬ ‫تم حفظـها‪ ،‬وسأعـيد تسمية األداة إلى‬ ‫(‪.)txtSavedNotes‬‬ ‫د (‪ :)Button1‬خاص بعملية حفظ المالحظة‪،‬‬ ‫وسأعيد تسميته إلى ‪.btnSave‬‬ ‫والشكل (‪ِّ )2-9-3‬‬ ‫يوضح ضبط خصائصها‪.‬‬ ‫وبذلك يكون قد اكتمل تصميم التطبيق‬ ‫ويتبقى أن أبدأ في كتابة األوامر البرمجية ولكن‬ ‫قبل ذلك أعتقد أنه من المفيد حفظ المشروع‬ ‫اآلن‪.‬‬ ‫شكل (‪ :)2-9-3‬ضبط خصائص األدوات‬ ‫ثان ًيا كتابة األوامر البرمجية‪:‬‬ ‫سأكتب أوامر هذا التطبيق كالتالي‪:‬‬ ‫‪ 1‬بداي ًة أعرف متغير عام من نوع كائن لكي يستخدم في كامل إجراءات التطبيق‪:‬‬ ‫) (‪Dim saves‬‬ ‫‪ 2‬ثم سأقوم بإنشاء ملف باسم (‪ )note‬باستخدام الدالة (‪ )localStorage‬واحفظ به مصفوفة‬ ‫خالية لتعبئتها الح ًقا مع مالحظة أن هذه العملية ستنفذ عند بدء التطبيق للمرة األولى فقط‪،‬‬ ‫بينما في المرات القادمة سنعرض البيانات المحفوظة وذلك من خالل اإلجراء (‪)fillTextArea‬‬ ‫مع مالحظة أن جميع هذه األوامر تم وضعها في اإلجراء (‪ )Sub Main‬لينفذها التطبيق عند‬ ‫بدء التشغيل وهي‪:‬‬ ‫‪Sub Main‬‬ ‫حيث‪:‬‬ ‫الـدالة (‪ )JSON‬تقوم بتحويل بيانات‬ ‫المصفوفة إلى نص والعكـــس صحيــح‪ ،‬ألن‬ ‫(‪ )localStorage‬تحفـظ النصوص فقط‪.‬‬ ‫‪90‬‬ ‫‪If localStorage.note=undefined Then‬‬ ‫)][(‪localStorage.note=JSON.stringify‬‬ ‫‪End If‬‬ ‫)‪saves=JSON.parse(localStorage.note‬‬ ‫)(‪fillTextArea‬‬ ‫‪End Sub‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب التاسع‬ ‫‪ 3‬كتابة األوامر البرمجية لزر الحفظ (‪:)btnSave‬‬ ‫أ عند ضغط المستخدم على زر الحفظ‪ ،‬سيحفظ التطبيق المدخالت في (‪)txtDate‬‬ ‫و(‪ )txtNote‬إلى المصفوفة (‪ .)myArray‬بعد التأكد مـن أن المستخدم قد أدخل ً‬ ‫فعل تاريخ‬ ‫الموعد‪:‬‬ ‫‪If txtDate.value="" Then‬‬ ‫»لم يتم حتديد املوعد« ‪MsgBox‬‬ ‫‪Else‬‬ ‫}‪myArray={noteDate: txtDate.value, Note: txtNote.value‬‬ ‫ب‬ ‫سيتم جلب البيانات المحفوظة ساب ًقا في (‪ )localStorage.note‬وتخزينها في الكائن (‪)saves‬‬ ‫بعد إرجاعها إلى مصفوفة باستخدام الدالة (‪:)JSON‬‬ ‫)‪saves=JSON.parse(localStorage.note‬‬ ‫ت ثم سأضيف البيانات في (‪ )myArray‬إلى البيانات السابقة في (‪:)saves‬‬ ‫)‪saves.push(myArray‬‬ ‫ث وهنا أصبحت البيانات مكتملة في الكائن (‪ )saves‬لذا سأعيد حفظها في ‪localStorage.‬‬ ‫‪ note‬ولكن بعد تحويلها مرة أخرى إلى نص باستخدام الدالة (‪ )JSON‬كما ذكرت ساب ًقا‪:‬‬ ‫)‪localStorage.note=JSON.stringify(saves‬‬ ‫ج‬ ‫ويتبقى أن أعيد عرض البيانات في (‪ )txtSavedNotes‬وذلك باستدعاء اإلجراء (‪)fillTextArea‬‬ ‫الذي يقوم بإعادة تعبئة مربع النص متعدد األسطر (‪ )txtSavedNotes‬وذلك من خالل‬ ‫األوامر التالية‪:‬‬ ‫)(‪Sub fillTextArea‬‬ ‫"" =‪txtSavedNotes.value‬‬ ‫)‪For i=0 To UBound(saves‬‬ ‫; "‪txtSavedNotes.value = txtSavedNotes.value & saves[i].noteDate & " :‬‬ ‫‪& saves [i].Note & vbCRLF‬‬ ‫‪Next‬‬ ‫‪End Sub‬‬ ‫‪91‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫حيث‪:‬‬ ‫• (‪ :)UBound‬تـــعـــيـد رقـم‬ ‫العنــــصر األخير في المصفوفة‪.‬‬ ‫• (‪ :)vbCRLF‬سطر جـديــد‪.‬‬ ‫والــشكـل (‪ )3-9-3‬يـوضـح األوامر‬ ‫البرمجية لتطبيق (مفكرتي)‪.‬‬ ‫وبذلك أكــون قــد انتهيــت مـــن‬ ‫برمجـة تطبيق (مفكرتي) ويتبقى‬ ‫أن أقوم بتجربته وإصالح األخطاء‬ ‫إن وجـــــدت‪ ،‬وذلك بالضغــط على‬ ‫مفتاح (‪ )F5‬أو األمـــر (‪ ،)Run‬ثم‬ ‫(‪ )start in desktop browser‬أو‬ ‫عالمة ( ) يف شريط األدوات‪.‬‬ ‫والشكل (‪ )4-9-3‬يوضح تطبيق‬ ‫مفكرتي بعد التنفيذ‪.‬‬ ‫شكل (‪ :)3-9-3‬األوامر البرمجية لتطبيق (مفكرتي)‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫ثال ًثا‬ ‫أحفظ التطبيق وأنشره على اخلادم كما تعلمت ساب ًقا‪.‬‬ ‫أ‬ ‫فائدة‬ ‫يمكن رؤية البيانات المحفوظة بالضغط على‬ ‫مفتاح(‪ )F12‬في المتصفح كــروم‪ ،‬ثم االنتقال‬ ‫إل ــى الــتــبــويــب (‪ )Application‬ثــم القائمة‬ ‫الجانبية (‪ )storage‬ثم (‪.)Local storage‬‬ ‫ثــم (‪ )http://127.0.0.1:58504‬فتظهر‬ ‫الملفات المخزنة‪ ،‬أختار الملف(‪.)note‬‬ ‫‪92‬‬ ‫شكل (‪ :)4-9-3‬تطبيق مفكرتي‬ ‫بعد التنفيذ‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب التاسع‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫ما وظيفة الدوال اآلتية‪ )JSON( :‬و (‪)LocalStorage‬؟‬ ‫ملــاذا تــم وضـع أوامــر تعبئة مـربـع النص متعـدد األسطــر (‪ )FillTextArea‬يف إجراء‬ ‫فرعي ؟‬ ‫ما خطوات عرض ملفات (‪)LocalStorage‬؟‬ ‫أضف ز ًّرا ملسح البيانات املوجودة يف (‪.)LocalStorage‬‬ ‫ص ّمم تطبيق حلفظ بيانات الطالب (االسم ورقم الهاتف) باستخدام (‪.)LocalStorage‬‬ ‫‪93‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب العاشر‪ :‬تطبيق مشغل الفيديو‬ ‫(الوسائط املتعددة)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫استخدام أداة الفيديو (‪.)Video‬‬ ‫تشغيل ملفات الفيديو املحلية (على اجلهاز الذكي) والبعيدة (على شبكة اإلنترنت)‪.‬‬ ‫تنفيذ تطبيق (مشغل الفيديو) على الهاتف الذكي املستهدف‪.‬‬ ‫‪94‬‬ ‫العاشر‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب التاسع‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫القرص املرفق مع الكتاب‪.‬‬ ‫عنوان ملف فيديو مخزن على شبكة اإلنترنت‪.‬‬ ‫اتصال إنترنت‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫في هذا التطبيق سأتعلم كيفية تشغيل ملفات الفيديو على األجهزة الذكية‪ ،‬وهي شبيهه بتشغيل‬ ‫الملفات الصوتية (‪ )Audio‬والذي تعرفنا عليه في التدريب السابق‪ ،‬ويمكن لملف الفيديو أن يكون‬ ‫مخز ًنا على الجهاز (محلي) أو موجو ًدا على خادم على شبكة اإلنترنت‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫تصميم النموذج‪:‬‬ ‫مشروعا جدي ًدا باسم «‪.»myVideo‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس الشاشة حسب جهاز الهاتف الذكي‬ ‫المستهدف‪ ،‬وأنقر على الزر (‪.)create‬‬ ‫‪ 3‬ستظهر منطقة التصميم والتي تحوي نموذج‪ ،‬سأضيف إليه األداة (‪ )Video‬وهي أداة تقوم‬ ‫بعرض ملفات الفيديو‪.‬‬ ‫وفي الخاصية (‪ )src‬سأكتب اسم ملف الفيديو (‪( ،)alharam.mp4‬يجب أن يكون ملف الفيديو‬ ‫في مجلد البرنامج أو في مجلد فرعي داخل مجلد البرنامج)‪ ،‬لذا ال بد من االنتقال إلى مجلد‬ ‫(تدريبات برمجة األجهزة الذكية) في القرص المرفق‪ ،‬ثم مجلـــد (التدريب العاشر) واختيار‬ ‫‪95‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ملف الفيديو ونسخه إلــى مجلـد‬ ‫التطبيق‪ ،‬والشكل (‪)1-10-3‬‬ ‫يــوضح ضبط الخاصية (‪.)src‬‬ ‫مالحظة‬ ‫قــد يــظهـر الفيديـــو صـوتًا دون صــورة‬ ‫في المتصفح عــنـد تشغــيـل التطبيــق‪ ،‬ال‬ ‫داعــي للقلق سأجربه على الجهاز الذكي‬ ‫بعد نشره على الخادم وسيعمل بكل كفاءة‪.‬‬ ‫مالحظة‬ ‫شكل (‪ :)1-10-3‬ضبط خصائص أداة الفيديو‬ ‫عند تشغيل التطبيق ونشره سيتم حفظ ملفات الفيديو على اخلادم وبالتالي‬ ‫سيتم حفظها على اجلهاز الذكي وهذا يؤدي إلى كبر حجم التطبيق‪ ،‬لذا قد‬ ‫يكون من املفيد تعديل اخلاصية (‪ )src‬لألداة (‪ )video‬لكي حتوي عنوا ًنا‬ ‫مللف فيديو على شبكة اإلنترنت ً‬ ‫بدل من حفظ الفيديو بداخل التطبيق‬ ‫وذلك لتقليل حجم التطبيق‪.‬‬ ‫‪ 4‬وبذلك أكــون قــد انتهيــت مـن برمجـــة تطبيق‬ ‫(مشغل الفيديو) ويتبقى أن أقوم بتجربته وإصالح األخطاء‬ ‫إن وجدت‪ ،‬وذلك بالضغط على مفتاح (‪ )F5‬أو األمر (‪،)Run‬‬ ‫ثم (‪ )start in desktop browser‬أو عالمة ( ) في شريط‬ ‫األدوات‪.‬‬ ‫والشكل (‪ )2-10-3‬يوضح تطبيق مشغل الفيديو أثناء تنفيذه‪.‬‬ ‫مالحظة‬ ‫قد يظهر الفيديو في وضع التشغيل‬ ‫بكامل الشاشة حسب خصائص‬ ‫الجهاز الذكي المستخدم‪.‬‬ ‫‪96‬‬ ‫مالحظة‬ ‫قد يستغرق ظهور الفيديو وقتًا عندما‬ ‫يكون ملف الفيديو موجو ًدا على خادم‬ ‫في شبكة اإلنترنت حسب حجم الفيديو‪.‬‬ ‫شكل (‪ :)2-10-3‬تطبيق مشغل الفيديو‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب العاشر‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫ثان ًيا‬ ‫يتم حفظ التطبيق ونشره على الخادم كما تعلمت ساب ًقا مع إرفاق ملف الفيديو المستخدم في‬ ‫مجلد المشروع‪.‬‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫في أي قائمة من قوائم األدوات توجد أداة مشغل الفيديو (‪)Video‬؟‬ ‫‪2‬‬ ‫ما الذي يجب معرفته حول أنواع ملفات الفيديو قبل إضافته في التطبيق؟‬ ‫لماذا يفضل أن يكون ملف الفيديو موجو ًدا على شبكة اإلنترنت ً‬ ‫بدل عن وجوده في‬ ‫‪4‬‬ ‫ما الخاصية التي تحدد ملف الفيديو المراد عرضه؟‬ ‫‪3‬‬ ‫مجلد التطبيق؟‬ ‫‪97‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫التدريب احلادي عشر‪:‬‬ ‫تطبيق قصار السور‬ ‫(الوسائط املتعددة)‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫بناء تطبيق باستخدام (‪ )HTMLview‬لعرض ملفات يوتيوب‪.‬‬ ‫‪98‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الحادي عشر‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫اتصال إنترنت‪.‬‬ ‫هاتف ذكي‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تتعامل غالب تطبيقات األجهزة الذكية مع موقع اليوتيوب لعرض الدروس والشروحات وذلك‬ ‫ألن حجم التطبيق محدود بإمكانيات الجهاز ً‬ ‫أول ومن الصعوبة إرفاق ملفات فيديو متعددة بداخله‪،‬‬ ‫فيعمد المطورون لرفع ملفات الفيديو على موقع اليوتيوب ومن ثم ربطها بالتطبيق باستخدام‬ ‫أداة (‪ )HTMLview‬باستخدام الخاصية (‪ )innerHTML‬وسنستخدم الدالة (() ‪ )refresh‬للتحكم‬ ‫بتهيئة األداة‪.‬‬ ‫مالحظة‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫تصميم النموذج واألدوات التي سنستخدمها في التطبيق‪:‬‬ ‫مشروعـا‬ ‫أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫جـديـ ًدا باسم «‪.»Qesar‬‬ ‫أختار لغة البرمجة (‪ ،)Basic‬ثم أحدد مقاس‬ ‫الشاشة حسب جهاز الهاتف الذكي المستهدف‪.‬‬ ‫ستظهر منطقة التصميم والتي تحوي نموذج وحيد‪.‬‬ ‫ســأضيـف أداة (‪ )HeaderBar‬والـتـي تحــوي‬ ‫اســـم التطبيــق (قصار السور) فقط‪ .‬وأقوم بضبط‬ ‫الخصائص لها كما في الشكل (‪.)1-11-3‬‬ ‫استخدمت (‪ )HeaderBar‬هنا بدون أزرار‬ ‫التنقل وذلك لرغبتي في وضع اسم التطبيق‬ ‫فقط بداخله وقمت بحذف أزرار التنقل عند‬ ‫ضبط الخصائص لعدم حاجتي إليها‪.‬‬ ‫شكل (‪ :)1-11-3‬ضبط خصائص‬ ‫(‪)HeaderBar‬‬ ‫‪99‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ 5‬سأضيف أداة (‪ )HTMLview‬من‬ ‫قائمة األدوات (‪)Multimedia‬‬ ‫وأضبط الخصائص لها كما في‬ ‫الشكل (‪.)2-11-3‬‬ ‫تـنـبــيـه‬ ‫شكل (‪ :)2-11-3‬ضبط خصائص (‪)HTMLview‬‬ ‫يــمــكــنــك الــتــعــديــل ف ــي ارتــفــاع‬ ‫وع ــرض (‪ )HTMLview‬حسب‬ ‫الجهاز الذي تستهدفه بالتصميم‬ ‫‪ 6‬سأضيــف ثـــالث أزرار (‪)Button‬‬ ‫وأقــــوم بضبــط الخصائــص لــهــا‬ ‫كــما في األشكال‬ ‫(‪.)5-11-3( ،)4-11-3( ،)3-11-3‬‬ ‫شكل (‪ :)3-11-3‬ضبط خصائص الزر األول‬ ‫‪100‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الحادي عشر‬ ‫مالحظة‬ ‫استخدمنا هنا خصائص جتميع‬ ‫األزرار إلعطاء شكل أجمل وأكثر أناقة‬ ‫لها وذلك بتفعيل اخلصائص‬ ‫(‪.)groupBegin – groupEnd‬‬ ‫مالحظة‬ ‫(‪)theme‬‬ ‫استخدمنا الخاصية‬ ‫لتغيير شكل الـ(‪ )HeaderBar‬وشكل‬ ‫الـ (‪.)Button‬‬ ‫شكل (‪ :)4-11-3‬ضبط خصائص الزر الثاني‬ ‫وبهذا تكون المرحلة األولى‬ ‫تصميم واجهة التطبيق قد تم‬ ‫االنتهاء منها وتتبقى المرحلة الثانية‬ ‫وهي كتابة أوامر التطبيق‪.‬‬ ‫شكل (‪ :)5-11-3‬ضبط خصائص الزر الثالث‬ ‫‪101‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ثان ًيا‬ ‫تجهيز ملفات اليوتيوب التي نرغب في استخدامها‪:‬‬ ‫‪ 1‬أقوم بفتح موقع اليوتيوب على‬ ‫اإلنترنت (‪.)www.youtube.com‬‬ ‫‪ 2‬أخـــــــتـــــــار ثـــــاث‬ ‫ملفات فيديو لسور‬ ‫(اإلخــــاص‪ ،‬الفلق‪،‬‬ ‫الناس) وأقوم بحفظ‬ ‫أسماءها ألستخدمها‬ ‫يف التطبيق‪ .‬الحظ‬ ‫الشكل (‪.)6-11-3‬‬ ‫ثال ًثا‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫شكل (‪ :)6-11-3‬طريقة الحصول على اسم‬ ‫ملف الفيديو في يوتيوب‬ ‫‪ 1‬اإلجراء الفرعي (() ‪ )Main Sub‬التي نستخدمها لتنفيذ مهام عند بدء التنفيذ ونقوم هنا‬ ‫بتهيئة الـ(‪ .)HTMLview‬باستخدام الدالة (() ‪:)refresh‬‬ ‫‪2‬‬ ‫زر سورة اإلخالص (‪:)Button1‬‬ ‫)(‪Sub Main‬‬ ‫)(‪HTMLview1.refresh‬‬ ‫‪End Sub‬‬ ‫)(‪Function Button3_onclick‬‬ ‫;'' '‪HTMLview1.innerHTML="<iframe width='300' height='300‬‬ ‫‪& "src='https://www.youtube.com/embed/3eGQfzVbUb4'></iframe‬‬ ‫)(‪HTMLview1.refresh‬‬ ‫‪End Function‬‬ ‫‪102‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الحادي عشر‬ ‫شرح النص البرمجي المستخدم في زر (‪:)Button1‬‬ ‫تفعيل خاصية‬ ‫(‪.)innerHTML‬‬ ‫بداية عنصر (‪.)HTML‬‬ ‫ارتفاع وعرض ملف فيديو اليوتيوب‪ ،‬الحظ أنها نفس قيم خاصية‬ ‫(‪.)HTMLview‬‬ ‫حفظ عنوان موقع اليوتيوب إلى اخلاصية (‪ )src‬متضمنا اسم ملف‬ ‫الفيديو‪.‬‬ ‫نهاية عنصر (‪.)HTML‬‬ ‫اسم ملف الفيديو لدى موقع يوتيوب وهو اسم فريد ال يتكرر‬ ‫‪HTMLview1.innerHTML‬‬ ‫‪<iframe‬‬ ‫'‪width='300' height='300‬‬ ‫‪src='https://www.youtube.com/‬‬ ‫حتديث الـ (‪ )HTMLview‬بعد تنفيذ األمر‬ ‫‪embed/G02wmmuVU‬‬ ‫>‪</iframe‬‬ ‫‪G02wmmuVU‬‬ ‫)(‪HTMLview1.refresh‬‬ ‫يتم تكرار نفس الجملة البرمجية في (‪ )Button2‬و(‪ )Button3‬ويكون االختالف فقط في‬ ‫اسم ملف الفيديو لدى موقع اليوتيوب‪ ،‬والشكل (‪ )7-11-3‬يوضح النص البرمجي لتطبيق قصار‬ ‫السور‪.‬‬ ‫شكل (‪ :)7-11-3‬النص البرمجي لتطبيق قصار السور‬ ‫‪103‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‪:‬‬ ‫راب ًعا‬ ‫أحفظ التطبيق وأنشره على اخلادم كما تعلمت‬ ‫ساب ًقا‪.‬‬ ‫شكل (‪ :)8-11-3‬تطبيق قصار السور‬ ‫تــمــريـنـــات‬ ‫‪104‬‬ ‫‪1‬‬ ‫ما وظيفة (() ‪)refresh‬؟‬ ‫‪2‬‬ ‫ما وظيفة الخاصية (‪)theme‬؟‬ ‫‪3‬‬ ‫لماذا يفضل استخدام األداة (‪ )HTMLview‬عند التعامل مع ملفات الفيديو في‬ ‫تطبيقات األجهزة الذكية؟‬ ‫الحادي عشر‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني‬ ‫التدريب الثاني عشر‪ :‬تدريبات اثرائية‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫بناء تطبيق يعتمد على جلب املعلومات من مواقع تقدم خدمة ‪API‬‬ ‫بناء تطبيق يستخدم مكونات اجلهاز‬ ‫بناء تطبيق يستخدم مواقع التواصل االجتماعي‬ ‫‪105‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫متطلبات الـتدريـب‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫برنامج (‪.)NSB/AppStudio‬‬ ‫اتصال إنترنت‪.‬‬ ‫هاتف ذكي‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫يتيح برنامج (‪ )NSB/AppStudio‬لمبرمجي تطبيقات الهواتف الذكية إنشاء تطبيقات متقدمة بتوفير‬ ‫العديد من الدوال واألدوات التي تمكنهم من تصميم تطبيقات تالئم احتياجاتهم وتطلعاتهم‪ ،‬ويمكنك‬ ‫التعرف على الكثير منها من خالل موقع الويكي للشركة ‪www.wiki.nsbasic.com‬‬ ‫وسنعرض في هذا الجزء ثالثة تدريبات متنوعة‪:‬‬ ‫التدريب االثرائي األول‪ :‬بناء تطبيق الطقس لمعرفة درجة الحرارة لمدينة معينة‪ ،‬ويستخدم في هذا‬ ‫التطبيق دالة ‪ GetJson‬لجلب المعلومات من مواقع االنترنت التي تقدم خدمة يطلق عليها ‪API‬‬ ‫كدرجة الحرارة واتجاه الريا ح والضغط الجوي وغيرها من أحوال الطقس‬ ‫التدريب االثرائي الثاني‪ :‬تطبيق الكاميرا ويستخدم هذا التطبيق أداة الكاميرا من قائمة ‪.Multimedia‬‬ ‫وارسال الصورة الى البريد اإللكتروني‪.‬‬ ‫التدريب االثرائي الثالث‪ :‬تطبيق مدرستي وفيه سيتم استخدام أداة ‪ Twitter‬من قائمة (‪Finance&Social‬‬ ‫‪ )Media‬وضبط خصائصها‪.‬‬ ‫خطـوات الـتدريـب‬ ‫اإلثرائي األول‬ ‫ً‬ ‫أول‬ ‫تصميم النموذج‪:‬‬ ‫مشروعا جدي ًدا باسم «‪.»Weather‬‬ ‫‪ 1‬أشغل برنامج (‪ )NSB/AppStudio‬وأنشئ‬ ‫ً‬ ‫‪ 2‬أختار لغة البرمجة (‪ )Basic‬ثم أحدد مقاس الشاشة حسب جهاز الهاتف الذكي املستهدف‪.‬‬ ‫‪106‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني عشر‬ ‫‪ 3‬ستظهر منطقة التصميم والتي تحوي‬ ‫نموذج وحيد‪ ،‬وأضيف األدوات المناسبة‬ ‫للتطبيق كما في الشكل (‪.)1-12-3‬‬ ‫مع مالحظة تغيير خاصية (‪ )InputType‬ألداة‬ ‫‪ TextBox1‬إلى ‪ ))search‬ثم أقوم بضبط‬ ‫خصائص بقية األدوات كما تعلمت‬ ‫ساب ًقا‬ ‫ثانياً‬ ‫كتابة األوامر البرمجية‪:‬‬ ‫شكل (‪ :)1-12-3‬ضبط خصائص النموذج‬ ‫وبعد االنتهاء من ضبط خصائص األدوات في النموذج نبدأ بكتابة‬ ‫أوامر التطبيق كما في الشكل (‪.)2-12-3‬‬ ‫شكل (‪ :)٢-12-3‬النص البرمجي لتطبيق الطقس‬ ‫والشكل (‪ )٣-12-3‬يوضح تطبيق الطقس بعد التنفيذ‪.‬‬ ‫مالحظة‬ ‫يمـكــن ضـبـط لـون الـ (‪ )Form‬مـن خــــالل‬ ‫الخاصية (‪ )background‬في الخصائص‪.‬‬ ‫شكل (‪ )٣-12-3‬تطبيق الطقس بعد التنفيذ‪.‬‬ ‫‪107‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫خطـوات الـتدريـب‬ ‫اإلثرائي الثاني‬ ‫ً‬ ‫أول‬ ‫تصميم النماذج‬ ‫جديدا باسم "‪"MyCamera‬‬ ‫مشروعا‬ ‫أنشئ‬ ‫ً‬ ‫ً‬ ‫ستظهر منطقة التصميم والتي تحوي نموذج‬ ‫وحيد وأضيف األدوات المناسبة للتطبيق كما‬ ‫في الشكل (‪)4-12-3‬‬ ‫مع مالحظة تغيير خاصية ‪ InputType‬ألداة‬ ‫‪ TextBox1‬إلى ‪ file‬ثم أقوم بضبط خصائص‬ ‫بقية األدوات كما تعلمت سابقا‬ ‫ثان ًيا‬ ‫شكل (‪ )٤-12-3‬األدوات املستخدمة يف تطبيق الكاميرا‬ ‫كتابة األوامر البرمجية‬ ‫بعد االنتهاء من ضبط خصائص األدوات في‬ ‫النموذج نبدأ بكتابة أوامر التطبيق كما في‬ ‫الشكل (‪ )5-12-3‬والشكل (‪ )6-2-3‬يوضح‬ ‫تطبيق الكاميرا بعد التنفيذ‪.‬‬ ‫شكل (‪ )٥-12-3‬النص البرمجي لتطبيق الكاميرا‬ ‫شكل (‪ )٦-12-3‬شكل تطبيق‬ ‫الكاميرا بعد التنفيذ‬ ‫‪108‬‬ ‫تقنيات وبرمجة األجهزة الذكية ‪ :‬التدريب الثاني عشر‬ ‫خطـوات الـتدريـب‬ ‫اإلثرائي الثالث‬ ‫ً‬ ‫أول‬ ‫تصميم النماذج‬ ‫‪ 1‬أنشئ مشروعاَ جديداً باسم "‪"MySchool‬ستظهر منطقة التصميم والتي تحوي نموذج وحيد وأضيف‬ ‫األدوات المناسبة للتطبيق كما في الشكل(‪ ،)٧-12-3‬ثم أضيف ثالث نماذج أخرى وأضيف األدوات المناسبة‬ ‫لكل نموذج كما في األشكال التالية‪)١٠-12-3(،)٩-12-3(،)٨-12-3(:‬‬ ‫شكل (‪ :)٧-12-3‬األدوات المستخدمة في‬ ‫تطبيق مدرستي ‪-‬النموذج األول‬ ‫شكل (‪ :)٩-12-3‬األدوات المستخدمة في‬ ‫تطبيق مدرستي ‪-‬النموذج الثالث‬ ‫شكل (‪ :)٨-12-3‬األدوات المستخدمة في‬ ‫تطبيق مدرستي ‪-‬النموذج الثاني‬ ‫شكل (‪ :)١٠-12-3‬األدوات المستخدمة في‬ ‫تطبيق مدرستي ‪-‬النموذج الرابع‬ ‫‪109‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪ ٢‬أقوم بضبط خصائص أدائي‬ ‫‪ Twitter2-Twitter1‬كما في الشكل‬ ‫(‪.)١١-١٢-3‬‬ ‫كيف أحصل على ‪WidgetID‬؟‬ ‫مــــن الخصائص التــي يـجب ضبطهــا‬ ‫‪ WidgetID‬وهي‬ ‫في أداة‬ ‫تختلف من حساب (‪ )Twitter‬إلى آخر‪،‬‬ ‫ويمكن الحصول عليها كما يلي‪:‬‬ ‫أ أقوم بالـدخــول عـــلــى حساب‬ ‫(‪ )Twitter‬الذي أرغب في‬ ‫استخدامه في التطبيق كما في‬ ‫الشكل (‪.)١٢-١٢-3‬‬ ‫ب‬ ‫شكل (‪ :)١١-١٢-3‬خصائص أداتي‬ ‫(‪ )Twiter1‬و (‪)Twiter2‬‬ ‫شكل (‪ :)١٢-١٢-3‬حساب (‪)MySchool‬‬ ‫أفتح اإلعدادات كما في الشكل‬ ‫(‪.)١٣-14-3‬‬ ‫شكل (‪ :)١٣-14-3‬قائمة اإلعدادات في (‪)Twitter‬‬ ‫‪110‬‬ ‫عشر‬ ‫الثاني عشر‬ ‫التدريب الرابع‬ ‫الذكية ‪ ::‬التدريب‬ ‫األجهزة الذكية‬ ‫وبرمجة األجهزة‬ ‫تقنيات وبرمجة‬ ‫تقنيات‬ ‫ت‬ ‫من قائمة اإلعدادات أختار التطبيقات املصغرة‬ ‫كما يف الشكل (‪.)١٤-١٢-3‬‬ ‫شكل (‪ :)١٤-١٢-3‬اختار التطبيقات املصغرة‬ ‫من قائمة اإلعدادات‬ ‫ث تظهر لي الشاشة كما يف الشكل‬ ‫(‪:)١٥-١٢-3‬‬ ‫مالحظة‬ ‫إذا كان قد سبق لي إنشاء تطبيق مصغر‬ ‫أختار (تعديل) ألدخل على إعداداته أو‬ ‫أقوم بإنشاء تطبيق مصغر جديد‪.‬‬ ‫شكل (‪ :)١٥-١٢-3‬شاشة التطبيقات املصغرة‬ ‫‪111‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫ج‬ ‫تظهر لي بعد ذلك شاشة بها مجموعة من الخيارات إلعداد التطبيق المصغر كما في الشكل‬ ‫(‪ )١٦-١٢-3‬وهي‪:‬‬ ‫‪ 1‬رقم (‪ )1‬اسم المستخدم‬ ‫لحساب تويتر‪.‬‬ ‫‪ 2‬رقم (‪ )2‬التحكم في منح‬ ‫صالحية الردود وأسلوب عرض‬ ‫الصورة داخل التغريدة‪.‬‬ ‫‪ 3‬رقم (‪ )3‬أحدد طول شاشة‬ ‫التطبيق حسب الواجهة التي‬ ‫أستهدفها في تطبيقي‪.‬‬ ‫‪ 4‬رقم (‪ )4‬أختار نوع التصميم ويوفر (‪)Twitter‬‬ ‫تصميمان (فاتح – داكن)‪.‬‬ ‫‪ 5‬رقم (‪ )WidgetID( )٥‬للتطبيق المصغر الذي‬ ‫أنشأته‪.‬‬ ‫‪417620461850083328‬‬ ‫‪WidgetID‬‬ ‫وهذا الرقم فريد لكل تطبيق مصغر تنشئه رقم (‪)ID‬‬ ‫ال يتكرر‪.‬‬ ‫‪ 6‬رقـم (‪ )6‬حـفـظ التغـيــرات بــعــد إجرائها‪.‬‬ ‫وبنهــايـــة الخطـــوة رقــم (‪ )6‬أكــون قـــد أنشأت‬ ‫تطبي ًقا مصغ ًرا كـــمــا فــي الشكــل (‪ )١٦-١٢-3‬يمكننــي‬ ‫استخدامـه داخـــل التطبيق الذي أصممه‪.‬‬ ‫اآلن أقوم بتجربة التطبيق على مستعرض كروم على‬ ‫جهازي لمشاهدة شكل التطبيق المصغر كما في‬ ‫الشكل (‪ )١٧-١٢-3‬وكيف يعمل مع مالحظة أنه يجب‬ ‫أن تكون على اتصال باإلنترنت‪.‬‬ ‫‪112‬‬ ‫شكل (‪ :)١٦-١٢-3‬إعدادات التطبيق املصغر‬ ‫شكل (‪ :)١٧-١٢-3‬التطبيق املصغر بعد تشغيله‬ ‫عشر‬ ‫الثاني عشر‬ ‫التدريب الرابع‬ ‫الذكية ‪ ::‬التدريب‬ ‫األجهزة الذكية‬ ‫وبرمجة األجهزة‬ ‫تقنيات وبرمجة‬ ‫تقنيات‬ ‫ثان ًيا‬ ‫كتابة األوامر البرمجية‬ ‫بعد االنتها من ضبط خصائص‬ ‫األدوات في النماذج األربعة‬ ‫نبدأ بكتابة أوامر التطبيق ألداة‬ ‫(‪ )Image‬في النموذج (‪)Form3‬‬ ‫كما في الشكل (‪ )18-12-3‬حيث‬ ‫شكل (‪:)١٨-١٢-3‬النص البرمجي لتطبيق مدرستي النموذج الثالث‬ ‫ال تحتاج النماذج الثالثة األخرى أي‬ ‫نصوص برمجية سوى ضبط خصائص األدوات‪.‬‬ ‫وقد سبق لنا أن تعلمنا في تطبيق قصار السور معنى‬ ‫جملة األمر التي تتعامل مع (‪ ،)HTMLview‬إال أننا هنا لم‬ ‫نستخدم موقع إنترنت لعرض البيانات بل وضعنا المصدر‬ ‫) وهذا الملف يجب أن نقوم‬ ‫اسم ملف لدينا هو (‬ ‫بخطوتين رئيسيتين لعرضه‪:‬‬ ‫‪ 1‬وضعه داخل المجلد الذي نحفظ فيه التطبيق‪.‬‬ ‫‪ 2‬إضافته لقائمة ملفات التطبيق في خصائص المشروع‬ ‫كما في الشكل (‪.)١٩-١٢-3‬‬ ‫مالحظة‬ ‫شكل (‪ :)١٩-١٢-3‬خصائص املشروع‬ ‫اطلب من معلمك أي ملف من‬ ‫نوع (‪ )PDF‬الستخدامه داخل‬ ‫تطبيقك مع تغيير االسم داخل‬ ‫النص البرمجي باسم الملف الذي‬ ‫تستخدمه‪.‬‬ ‫‪113‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫) إلى قائمة‬ ‫وبهذا يتم إضافة ملف (‬ ‫ملفات املشروع كما يف الشكل (‪.)٢٠-١٢-3‬‬ ‫تـنـبــيـه‬ ‫• أي ملف يتم إضافته لقائمة ملفات املشروع يجب أن يكتب يف سطر مستقل مع‬ ‫حتديد نوعه‪.‬‬ ‫• يجب أن ال يحوي اسم امللف على مسافة مثال‪:‬‬ ‫‪‬‬ ‫‪‬‬ ‫شكل (‪ :)٢٠-١٢-3‬قائمة ملفات (‪)manifest‬‬ ‫املشروع‬ ‫‪Time Table.pdf‬‬ ‫‪TimeTable.pdf‬‬ ‫كما يوضح الشكل (‪ )٢١-١٢-3‬عرض امللف‬ ‫على شاشة الهاتف‪.‬‬ ‫وبنهاية هذه اخلطوة أكون قد انتهيت من تصميم‬ ‫النموذج الثالث (‪.)Form3‬‬ ‫ميكن عرض الكثير من أنواع امللفات داخل‬ ‫(‪ )HTMLview‬مثل ملفات الصور والنصوص‬ ‫وصفحات اإلنترنت‪.‬‬ ‫شكل (‪ :)٢١-١٢-3‬عرض ملف (‪ )Pdf‬داخل‬ ‫أداة (‪)HTMLview‬‬ ‫‪114‬‬ ‫عشر‬ ‫الثاني عشر‬ ‫التدريب الرابع‬ ‫الذكية ‪ ::‬التدريب‬ ‫األجهزة الذكية‬ ‫وبرمجة األجهزة‬ ‫تقنيات وبرمجة‬ ‫تقنيات‬ ‫‪ ٣‬أقوم بفتح النموذج الرابع (‪)Form4‬‬ ‫وأعدل خاصية (‪ )videoID‬ألداة (‪)YouTube1‬‬ ‫إلى (‪ )ND12elvOyY3‬ويمثل اسم ملف‬ ‫الفيديو على موقع اليوتيوب كما تعلمنا سابقا‬ ‫في تطبيق قصار السور‪.‬‬ ‫ثال ًثا‬ ‫حفظ التطبيق (المشروع) ونشره على الخادم‬ ‫أحفظ التطبيق وأنشره على الخادم كماتعلمت‬ ‫ساب ًقا‪ ،‬فيظهر تطبيق مدرستي عند تنفيذه كما في‬ ‫الشكل (‪)22-12-٣‬‬ ‫شكل (‪ :)٢٢-١٢-٣‬تطبيق مدرسي‬ ‫‪115‬‬ ‫تـدريبات الـوحـدة الثالثة‪:‬‬ ‫‪116‬‬ ‫تدريبات الوحدة الرابعة‬ ‫الـخـدمـات اإللـكـتـرونـيـة‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫التدريب األول ‪:‬‬ ‫التسوق والشراء عبر اإلنترنت‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫التعرف على المواقع التي تقدم خدمات البيع والشراء عبر اإلنترنت‪.‬‬ ‫تشغيل برنامج أوبن كارت (‪ )OpenCart‬على جهازي الشخصي‪.‬‬ ‫خطوات اختيار السلع في األسواق اإللكترونية‪.‬‬ ‫خطوات إتمام الشراء في األسواق اإللكترونية‪.‬‬ ‫‪118‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب األول‬ ‫مـتطلبـات الـتدريـب‬ ‫القرص المرفق مع الكتاب‪ ،‬والذي يحتوي على نظام أوبن كارت (‪.)OpenCart‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تعد األسواق اإللكترونية من الخدمات المهمة التي ال يمكن للمستخدم االستغناء عنها‪ ،‬وقد‬ ‫بدأت بالتوسع الكبيـر لتلبي حاجات ومستلزمات المستخدم في شتى المجاالت‪ ،‬فهناك‪:‬‬ ‫أسواق إلكترونية خاصة بالشركات تعرض العديد من المنتجات والسلع لمنتجاتهم مثل ‪:‬‬ ‫السوق الخاص بمنتجات شركة آبل على الرابط‪.)store.apple.com( :‬‬ ‫أسواق إلكترونية عامة تعرض العديد من المنتجات والسلع ويتكفل السوق اإللكتروني بعمليات‬ ‫البيع والشراء بين البائع والمشتري سواء فيما يتعلق بإيصال السلعة أو سداد قيمتها مثل إي‬ ‫مول على الرابط‪ )www.e-mall.com.sa( :‬التابع لمؤسسة البريد السعودي‪.‬‬ ‫أسواق إلكترونية عامة تقدم للمستخدم خدمة المتاجر الجاهزة ليقوم بعرض منتجاته مثل‪:‬‬ ‫موقع متجري على الرابط‪.)www.mtjre.com( :‬‬ ‫أسواق إلكترونية خاصة بالشركات أو األفراد لعرض وبيع منتجاتهم عن طريق تصميم مواقع خاصة‬ ‫بهم‪ ،‬ويتم في ذلك استخدام‬ ‫برمجيات خاصة مثل‪ :‬برنامج‬ ‫أوبن كارت (‪ ،)OpenCart‬وهو‬ ‫برنامج مجاني مفتوح المصدر‬ ‫ومخصص لألسواق اإللكترونية‪،‬‬ ‫ويــــوضـح الشكـــل (‪)1-1-4‬‬ ‫موقع الدعم العربي للبرنامج على‬ ‫الرابط‪:‬‬ ‫(‪.)www.opencartarab.com‬‬ ‫شكل (‪ :)1-1-4‬موقع الدعم العربي لبرنامج أوبن كارت‬ ‫‪119‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫تركيب برنامج (‪:)InstantWP_4.3‬‬ ‫‪ 1‬مـــن الـــقـــرص ال ــم ــرف ــق مع‬ ‫كــتــاب الـــتدريبـات العمليــة‬ ‫أنتقــل إلــى مجلد (الخدمات‬ ‫اإللكترونية)‪ ،‬وأنسخ المجلد‬ ‫(‪.)InstantWP_4.3‬‬ ‫شكل (‪ :)2-1-4‬لصق برنامج (‪)InstantWP‬‬ ‫فائدة‬ ‫التأكد من أن مسار البرنامج‬ ‫(‪)c: InstantWP_4.3‬‬ ‫‪ 2‬من أيقونة جهاز الحاسب انتقـل إلى القرص الصلب‬ ‫(‪ ،)c:‬وألصق المجلد (‪ )InstantWP_4.3‬فيه مباشرة‬ ‫كما بالشكل (‪.)2-1-4‬‬ ‫ثان ًيا‬ ‫تشغيل البرنامج والدخول على الموقع‪:‬‬ ‫وذلك بالنقر على زر الفأرة اليمني واختيار خصائص‪،‬‬ ‫ستظهر النافذة كما يف الشكل التالي ‪:‬‬ ‫نافذة خصائص لبرنامج (‪)InstantWP‬‬ ‫‪ 1‬لتشغيل البرنامج أنقر نقرة مزدوجة على‬ ‫برنامج (‪ )InstantWP‬كما في‬ ‫الشكل (‪.)3-1-4‬‬ ‫مالحظة‬ ‫إذا كان مجلد البرنامج (‪)InstantWP_4.3‬‬ ‫موجود على محرك القرص الصلب فال‬ ‫يلزم إجراء خطوات اللصق‪.‬‬ ‫شكل (‪ :)3-1-4‬النقر على برنامج (‪)InstantWP‬‬ ‫‪120‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب األول‬ ‫‪ 2‬تظهر نافذة التشغيل والتهيئة للبرنامج‬ ‫كما في الشكل (‪ ،)4-1-4‬أنتظر حتى‬ ‫يكتمل اإلعداد‪.‬‬ ‫شكل (‪ :)4-1-4‬نافذة التهيئة للبرنامج‬ ‫‪ 3‬ستظهر شــاشــة البرنامج الرئيسة‬ ‫الــتــي تحتوي عــدة خــيــارات كما في‬ ‫الشكل(‪ ،)5-1-4‬أنقر على (متجري)‪.‬‬ ‫فائدة‬ ‫ميكــن الدخــول للموقــع وجتربــة‬ ‫التسوق اإللكتروني بواسطة املتصفح‬ ‫بعد تشــغيل البرنامج يتم كتابة التالي‬ ‫يف عنوان املتصفح‪:‬‬ ‫شكل (‪ :)5-1-4‬شاشة البرنامج الرئيسة‬ ‫(‪)http://127.0.0.1:4001/opencart‬‬ ‫‪ 4‬ستظهر الصفحــة الرئيســة‬ ‫للســوق اإللكتروني كما في‬ ‫الــشــكــل (‪ ،)6-1-4‬أتصفح‬ ‫الـ ــمـ ــوقـ ــع وأخـ ـ ــتـ ـ ــار بــعــض‬ ‫المنتجات‪.‬‬ ‫شكل (‪ :)6-1-4‬الصفحة الرئيسة للسوق اإللكتروني‬ ‫‪121‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫ثال ًثا‬ ‫خطوات الشراء من الموقع‪:‬‬ ‫‪ 1‬بعد اختياري لبعض المنتجات‬ ‫التي أرغب في شرائها‪ ،‬أنقر على‬ ‫أيــقــونــة (ســلــة ال ــش ــراء) كــمــا في‬ ‫الشكل (‪ .)7-1-4‬إلتمام عملية‬ ‫الشراء‪.‬‬ ‫شكل (‪ :)7-1-4‬النقر على سلة الشراء‬ ‫‪ 2‬ســـــــــــتـــــظــهــــــــر الــمـــــنـــــتـــــجــــــــات‬ ‫الــتي اخــتــرتـــها كــمــا فــي‬ ‫الشكــل(‪ ،)8-1-4‬يمكـن االستفـادة‬ ‫مـن قائمة (مــاذا تريد أن تفعل؟)‬ ‫كما في الشكل (‪ )9-1-4‬والهدف‬ ‫من هذه الخيارات االستفادة من‬ ‫بعض المزايا التي تقدمها بعض‬ ‫المواقع‪.‬‬ ‫شكل (‪ :)8-1-4‬شاشة السلع التي مت اختيارها‬ ‫‪ 3‬أنــــقــر عــلــى أيقـــونـــة (إنهاء‬ ‫الطلب) كــمــا فــي الشكل(‪.)9-1-4‬‬ ‫شكل (‪ :)9-1-4‬شاشة لتحديد طريقة الشحن املناسبة‬ ‫‪122‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب األول‬ ‫‪ 4‬ستظهر شاشة إنهاء الطلب‪ ،‬وذلك إلتمام‬ ‫عملية الشراء كما في الشكل(‪،)10-1-4‬‬ ‫وتقدم خيارين إلنهاء عملية التسوق وهي‬ ‫التسجيل كعضو في السوق وبها توفر عملية‬ ‫إدخال البيانات عند كل عملية تسوق‪ ،‬أو‬ ‫إنهاء الطلب كزائر وعندها سأقوم بعملية‬ ‫إدخــال البيانات والخيارات في كل مرة‬ ‫تقوم بها بالتسوق‪.‬‬ ‫شكل (‪ :)10-1-4‬شاشة إنهاء الطلب‬ ‫راب ًعا‬ ‫خطوات إتمام عملية الشراء‪:‬‬ ‫‪ 1‬أختار (إنهاء) الطلب للزوار‪،‬‬ ‫ثــــم أنـقر على أيقونة (متابعة)‬ ‫كما في الشكل(‪.)10-1-4‬‬ ‫‪ 2‬ســتــظــهــر ش ــاش ــة تــفــاصــيــل‬ ‫الــفــاتــــــــورة‪ ،‬أقـــــــــــوم بتعبئـة‬ ‫بيــاناتــي الــــــــتــي سأعــتمد‬ ‫عليــهـــا في بيانات الفــاتورة‬ ‫وعــــــــــــــنــوان الــشــحــن كــمــا في‬ ‫الشكل (‪ ،)11-1-4‬ثــم أنقر‬ ‫على أيقونة (متابعة)‪.‬‬ ‫شكل (‪ :)11-1-4‬شاشة تفاصيل الفاتورة‬ ‫‪123‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫‪ 3‬ستظهر خيارات الشحن المتوفرة‬ ‫كما في الشكل (‪ ،)12-1-4‬وأحدد‬ ‫طريقــة الشحـــن المفضلة لي‬ ‫وأكــتــب أي مالحظات أرغــب في‬ ‫إضــافــتــهــا‪ ،‬ثــم أنــقــر على أيقونة‬ ‫(متابعة)‪.‬‬ ‫شكل (‪ :)12-1-4‬خيارات الشحن املفضلة‬ ‫‪ 4‬ستظهر خيارات الدفع المتوفرة‬ ‫كما في الشكل (‪ ،)13-1-4‬أختار‬ ‫الدفع عند التسليم وأضيف أي‬ ‫مالحظات أرغب في إضافتها مع‬ ‫قــراءة شــروط االستخدام والنقر‬ ‫على الموافقة‪ ،‬ثم انقر على أيقونة‬ ‫(متابعة)‪.‬‬ ‫شكل (‪ :)13-1-4‬خيارات الدفع‬ ‫‪ 5‬ستظهـر شاشـة تـأكـيـد الطلـب‬ ‫كـمـا في الشكل (‪ ،)14-1-4‬أنقر‬ ‫على أيقونة (تأكيد الطلب)‪.‬‬ ‫شكل (‪ :)14-1-4‬شاشة تأكيد الطلب‬ ‫‪124‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب األول‬ ‫‪ 6‬ستظهر شاشة النهاية (تم إرسال‬ ‫طلبك) كما في الشكل (‪)15-1-4‬‬ ‫وهي تأكيد لنجاح عملية التسوق‪.‬‬ ‫شكل (‪ :)15-1-4‬شاشة النهاية‬ ‫تــمــريــنــــات‬ ‫نفذ اآلتي بعد زيارتك لموقع موثوق على الرابط (‪:)mothoq.com‬‬ ‫أ‬ ‫ب‬ ‫ت‬ ‫ج‬ ‫تع ّرف على بعض المتاجر المتنوعة‪.‬‬ ‫ج ّرب التسوق من أحد المتاجر الموثوقة‪.‬‬ ‫اذكر بعض المواقع التي قمت بتجربتها‪.‬‬ ‫ق ّدم تقري ًرا قصي ًرا لمعلمك عن تجربتك في التسوق‪.‬‬ ‫‪125‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫التدريب الثاني ‪:‬‬ ‫إدارة موقع التسوق عبرلوحة التحكم‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫الدخول إلى لوحة التحكم بالمتجر اإللكتروني‪.‬‬ ‫التعرف على قوائم لوحة التحكم‪.‬‬ ‫إضافة األقسام والمنتجات للمتجر‪.‬‬ ‫استعراض المبيعات ومتابعة الطلبات‪.‬‬ ‫‪126‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫مـتطلبـات الـتدريـب‬ ‫القرص المرفق مع الكتاب‪ ،‬والذي يحتوي على نظام أوبن كارت (‪.)OpenCart‬‬ ‫مـقـدمـة الـتدريـب‬ ‫لقد قمت في التدريب السابق بالدخول على الموقع الخاص بالمتجر اإللكتروني وقمت‬ ‫بتجربة التسوق واختيار السلع وإتمام عملية الشراء والدفع والشحن‪.‬‬ ‫وفي هذا التدريب ستتعرف على لوحة التحكم الخاصة بمدير المتجر التي عن طريقها‬ ‫يتم التحكم الكامل بالمتجر من حيث إضافة األقسام والمنتجات والتعديل على أهم الخيارات‬ ‫واالطالع على المنتجات التي قام زوار المتجر بشرائها مع متابعة حالة الطلب لها‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫الدخول للوحة التحكم والتعرف عليها‪:‬‬ ‫‪ 1‬أنتقل إلــى المجلد الخاص بالمتجر وأنقر على‬ ‫البرنامج (‪ ،)InstantWP_4.3‬ستظهــر نافذة‬ ‫البرنامـــج كمــا في الشكل (‪ ، )1-2-4‬ثم أنقر على‬ ‫(لوحة التحكم للمتجر)‪.‬‬ ‫فائدة‬ ‫يمكــن الدخول للوحــة التحكم‬ ‫بواسطة المتصفح بعد تشغيل‬ ‫البرنامــج بكتابــة التالــي فــي‬ ‫عنوان المتصفح‪:‬‬ ‫)‪(http://127.0.0.1:4001/opencart/admin‬‬ ‫شكل (‪ :)1-2-4‬نافذة البرنامج‬ ‫‪127‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫‪ 2‬ستظهر نافذة تسجيل الدخول كما في الشكل‬ ‫(‪ )2-2-4‬أقوم بإدخال اسم المستخدم وكلمة‬ ‫المرور‪ ،‬ثم أنقر على أيقونة (دخول)‪.‬‬ ‫تنبـيـــه‬ ‫اسم املستخدم‪،)admin( :‬‬ ‫كلمة املرور‪.)password( :‬‬ ‫شكل (‪ :)2-2-4‬نافذة تسجيل الدخول‬ ‫‪ 3‬ستظهر صفحة البداية للوحة التحكم‬ ‫كما فــي الشكل (‪ )3-2-4‬وبــهــا تظهر‬ ‫خالصة وإحصائيات المتجر وآخر ( ‪)10‬‬ ‫طلبات من المتسوقين‪.‬‬ ‫ثان ًيا‬ ‫أهم مكونات لوحة التحكم للمتجر‪:‬‬ ‫شكل (‪ :)3-2-4‬صفحة البداية للوحة التحكم باملتجر‬ ‫تُعد لوحة التحكم بالمتجر اإللكتروني أوبن كارت (‪ )OpenCart‬هي الواجهة الرئيسة للتحكم‬ ‫بجميع إعــدادات المتجر اإللكتروني وتتوفر بها مجموعة من القوائم التي تقدم العديد من‬ ‫الخدمات‪ ،‬وهي‪:‬‬ ‫ــ قائمة (واجهة الموقع)‪ :‬كما في الشكل (‪-4‬‬ ‫‪ :)4-2‬وبها يتم التحكم في محتوى الصفحة‬ ‫الرئيسة للمتجر والتحكم بالمخزون وهــي‪:‬‬ ‫األقــســام‪ ،‬والمنتجات‪ ،‬والفالتر‪ ،‬ومواصفات‬ ‫الــمــنــتــجــات الــدقــيــقــة‪ ،‬وخ ــي ــارات المنتجات‬ ‫وال ــش ــرك ــات‪ ،‬ومــلــفــات الــتــنــزيــل‪ ،‬والــتــقــيــيــم‪،‬‬ ‫ومعلومات‪.‬‬ ‫‪128‬‬ ‫شكل (‪ :)4-2-4‬قائمة (واجهة املوقع)‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫ــ قائمة (اإلضافات)‪ :‬وبها يتم التحكم في األدوات التي‬ ‫تخدم المتجر‪ ،‬كي يتم تنصيبها وتحريرها وعرضها في‬ ‫أماكن معينة في القالب من خالل الخيارات الظاهرة في‬ ‫الشكل (‪.)5-2-4‬‬ ‫شكل (‪ :)5-2-4‬قائمة (اإلضافات)‬ ‫ــ قائمة (المبيعات)‪ :‬وبها يتم التحكم بمهام المحاسبة‬ ‫والعمالء من خالل الخيارات الظاهرة في الشكل (‪.)6-2-4‬‬ ‫شكل (‪ :)6-2-4‬قائمة (املبيعات)‬ ‫ــ قــائمـة (الــضبط)‪ :‬وبها يتم التحكم باإلعدادات األساسية‬ ‫بالمتجر والمظهر الخارجي وإعداد حسابات للدخول إلى‬ ‫لوحة التحكم (الموظفين) والتحكم باللغة والعملة والعديد‬ ‫من الخيارات المهمة وإعــداد النسخ االحتياطية للمتجر‬ ‫واستعادتها كما في الشكل (‪.)7-2-4‬‬ ‫شكل (‪ :)7-2-4‬قائمة (الضبط)‬ ‫‪129‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫ـــ قائمة (التقارير)‪ :‬ومنها ميكن االطالع وطباعة العديد من‬ ‫التقارير املهمة عن املتجر كما يف الشكل (‪.)8-2-4‬‬ ‫شكل (‪ :)8-2-4‬قائمة (التقارير)‬ ‫ـــ قائمة (مــســاعــدة)‪ :‬وبــهــا التعليمات اخلــاصــة باملتجر‬ ‫اإللكتروني وروابط الوصول إلى املوقع الرسمي اخلاص بـأوبن‬ ‫كارت ومنتدى الدعم الفني كما يف الشكل (‪.)9-2-4‬‬ ‫تنبـيـــه‬ ‫ال تقم بأي تغييرات أو تعديالت إذا‬ ‫كنت ال تعرف فائدتها إال بعد استشارة‬ ‫معلمك‪.‬‬ ‫فائدة‬ ‫شكل (‪ :)9-2-4‬قائمة (مساعدة)‬ ‫يمكــن التحكــم بالصالحـــيـــات الخــــاصة بالمستخــدميـــن (الموظفيــن) وذلــك بإضافــة أو تعديــل‬ ‫المجموعات‪ .‬وذلك من قائمة (ضبط) <المدراء <المدراء كما في الشكل‪.‬‬ ‫شاشة مجموعات املدراء‬ ‫‪130‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫ثالـ ًثـا‬ ‫إضافة األقسام والمنتجات وتحريرها‪:‬‬ ‫من خالل لوحة التحكم في المتجر يمكنني‬ ‫إضافة وتعديل األقسام في المتجر الرئيس بكل‬ ‫سهولة وإلضافة األقسام سأقوم بما يلي‪:‬‬ ‫نـشــاط‬ ‫مستعينًا بالشكــل التالــي قم بإضافة عملة إضافية‬ ‫للمتجــر‪ ،‬ثــم اطلع معلمك علــى ما قمت به‪.‬‬ ‫أيقونة (العمالت)‬ ‫‪ 1‬مــن القائمة (واجــهــة الــمــوقــع)‪ ،‬أنــقــر على أيقونة‬ ‫(األقسام) كما في الشكل (‪.)10-2-4‬‬ ‫شكل (‪ :)10-2-4‬الدخول لـ(األقسام)‬ ‫‪ 2‬ستظهر شاشة األقسام‬ ‫كما في الشكل (‪-2-4‬‬ ‫‪ ،)11‬أنقر على أيقونة‬ ‫(إدراج)‪.‬‬ ‫شكل (‪ :)11-2-4‬شاشة (األقسام)‬ ‫‪131‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫‪ 3‬ســتــظــهــــــــر شـــــــــــاشــــــــة‬ ‫إضافة قسم جديد كــمــا‬ ‫فــي الشكـــل (‪)12-2-4‬‬ ‫ونشاهد‪:‬‬ ‫تــبــويــب عـــــام‪ :‬إلضــافــة‬ ‫االســم وعــامــات الميتا‬ ‫تاج نقوم بتعبئة البيانات‪.‬‬ ‫تبويب بــيــانــات‪ :‬لتحديد‬ ‫شكل(‪ :)12-2-4‬شاشة إضافة قسم جديد‬ ‫القسم األصلي إن وجد ورفع الصور وترتيب الفرز‬ ‫والتمكين‪.‬‬ ‫تبويب تصميم‪ :‬الختيار موقع تطبيق التصميم‬ ‫للقسم‪.‬‬ ‫وبعد تعبئة البيانات في التبويبات‪ ،‬أنقر على أيقونة‬ ‫(حفظ)‪.‬‬ ‫كما يمكنني التعديل على أي قسم موجود‬ ‫مسب ًقا بأن أنقر على أيقونة (تحرير) كما في‬ ‫الشكل (‪ )13-2-4‬ومن ثم أجري التعديالت‬ ‫الالزمة وأنقر على أيقونة (حفظ) ‪.‬‬ ‫تنبـيـــه‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫ال بد من كتابة املتجر باللغة العربية واللغة‬ ‫اإلجنليزية‪.‬‬ ‫ترتيب الفرز‪ :‬ميثل ترتيب القوائم باملتجر‪ ،‬يجب‬ ‫التأكد من عدم اختياره مسب ًقا‪.‬‬ ‫ال ننس تعبئة جميع البيانات والعناصر التي‬ ‫أمامها الرمز ( ‪ ،) ‬حيث ال ميكننا احلفظ‬ ‫إال بعد تعبئتها‪.‬‬ ‫شكل (‪ :)13-2-4‬أيقونة (حترير) للتعديل على القسم‬ ‫بعد إضافة القسم أنتقل إلى إضافة المنتجات‬ ‫وهي كالتالي‪:‬‬ ‫‪ 1‬مــن القائمة (واجــهــة الــمــوقــع)‪ ،‬أنــقــر على أيقونة‬ ‫(المنتجات) كما في الشكل (‪.)14-2-4‬‬ ‫شكل (‪ :)14-2-4‬الدخول لـ(األقسام)‬ ‫‪132‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫‪ 2‬ستظهر شاشة المنتجات كما في الشكل‬ ‫(‪ ،)15-2-4‬أنقر على أيقونة (إدراج)‪.‬‬ ‫مستعينًا بالشكل التالي‪:‬‬ ‫ كيف ميكنك إضافة قسم فرعي يندرج من القسم‬‫األصلي؟‬ ‫ أضف قس ًما فـرعـي باسـم (برامـج مـن تصميم‬‫الطالب)‪.‬‬ ‫‪ 3‬ستظهر شاشـــة إنشـاء منتج جديــد‬ ‫كـمـا في الشكل (‪ )16-2-4‬وبها يتم‬ ‫تعبئة بيانات المنتج وتحوي على‪:‬‬ ‫تبويب عام‪ :‬إلدخــال اسم المنتج باللغة‬‫العربية واإلنجليزية‪ ،‬وكلمات الميتاتاج‪.‬‬ ‫تبويب بيانات‪ :‬إلضافة البيانات الدقيقة‬‫المتعلقة بالمنتج والكمية‪ ،‬والسعر‪،‬‬ ‫وإدراج الصورة للمنتج‪.‬‬ ‫شكل(‪ :)15-2-4‬شاشة املنتجات‬ ‫شكل (‪ :)16-2-4‬شاشة إضافة منتج جديد‬ ‫تبويب روابط‪ :‬وبها يتم ربط المنتج بالقسم‪ ،‬والشركة‪ ،‬والفالتر‪ ،‬والمتاجر‪ ،‬وغيرها‪.‬‬‫تبويب المواصفات‪ :‬وبها يتم إضافة خصائص إضافية عن المنتج‪.‬‬‫تبويب خيارات ‪ :‬إلضافة خيارات للمنتج‪.‬‬‫تبويب تخفيض ‪ :‬إلضافة عروض تخفيض للمنتج‪.‬‬‫تبويب عروض مميزة ‪ :‬إلضافة عروض خاصة بالمنتج‪.‬‬‫‪-‬تبويب الصور اإلضافية ‪ :‬لرفع صور إضافية للمنتج‪.‬‬ ‫‪133‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫تبويب نقاط المكافآت ‪ :‬إلضافة نقاط تحتسب للمتسوق عند شراء المنتج‪.‬‬‫تبويب تصميم ‪ :‬للتحكم في موقع تطبيق التصميم‪.‬‬‫بعد تعبئة البيانات الخاصة بالمنتج‪ ،‬انقر على أيقونة (حفظ)‪.‬‬ ‫بعد أن أنتهي من إضافة األقسام والمنتجات يمكنني زيارة المتجر ألطلع على األقسام والمنتجات‬ ‫المضافة‪.‬‬ ‫فائدة‬ ‫يمكنــك زيــارة المتجــر من خــال لوحة التحكــم بالمتجر وذلك‬ ‫بالنقر على أيقونة (رئيسية الموقع) كما في الشكل التالي‪.‬‬ ‫أيقونة رئيسية املوقع‬ ‫كما يمكنني التعديل على أي منتج موجود‬ ‫مسب ًقا بأن أنقر على أيقونة (تحرير) كما في‬ ‫الشكل (‪ ،)17-2-4‬ومن ثم أُجــري التعديالت‬ ‫الالزمة وأنقر على أيقونة (حفظ)‪.‬‬ ‫راب ًعا‬ ‫شكل (‪ :)17-2-4‬أيقونة (حترير) للتعديل على املنتج‬ ‫استعراض المبيعات ومتابعة الطلبات‪:‬‬ ‫تعد منصة أوبن كارت (‪ )OpenCart‬سهلة التعامل وذلك يف تقدمي العديد من اخلدمات امليسرة‬ ‫للمستخدم وتبسيط التعامل بها بكل يسر وسهولة ولعل أبرز هذه اخلدمات متابعة سير عمليات‬ ‫التسوق بالشكل امليسر للمستخدم وسنتعرف فيما يلي على كيفية استعراض املبيعات ومتابعة‬ ‫الطلبات املقدمة من املتسوقني وخــط سير العملية وطباعة‬ ‫الفاتورة ليتم إرفاقها مع املشتريات وطباعة العنوان ليتم إعطائه‬ ‫ملوفر الشحن‪.‬‬ ‫ميكنني االطالع على املبيعات والطلبات كما يلي‪:‬‬ ‫‪ 1‬مــن الـقـائمــة (المبيعات) كمــا في الشكل(‪ )18-2-4‬أنقر‬ ‫علــى أيقونــة (الطلبات)‪.‬‬ ‫شكل (‪ :)18-2-4‬قائمة املبيعات‬ ‫‪134‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫‪ 2‬ستظهر شاشة الطلبات كما‬ ‫في الشكل (‪ )19-2-4‬والتي‬ ‫منها أستطيع طباعة الفاتورة‪،‬‬ ‫ً‬ ‫وأيضا‬ ‫وإدراج أو حذف طلب‬ ‫استعراض الطلب والتعديل عليه‪،‬‬ ‫أقوم باختيار الطلب الذي أريد‪،‬‬ ‫ثم أنقر على أيقونة (عرض)‪.‬‬ ‫شكل (‪ :)19-2-4‬شاشة الطلبات‬ ‫‪ 3‬سيعرض شاشة الطلب كما في‬ ‫الشكل (‪ )20-2-4‬والتي تحوي‬ ‫على‪:‬‬ ‫ــ تـفـاصيــل الطلـب‪ :‬وبــها يعرض‬ ‫كامــل التفاصــيل للطلب ليتم طباعته‪.‬‬ ‫شكل (‪ :)20-2-4‬شاشة الطلب‬ ‫ــ تفاصيل الدفع ‪ :‬وبـــهــا يعــرض‬ ‫تفاصيــل الــدفــــــع للطلب ليتم‬ ‫طباعتها وإرفاقها مع الطلب كما في‬ ‫الشكل (‪.)21-2-4‬‬ ‫شكل (‪ :)21-2-4‬شاشة تفاصيل الدفع‬ ‫‪135‬‬ ‫تدريبات الـوحـدة الرابعة‪:‬‬ ‫ــ شــاشـة تــفـاصيل الشحــــن‪ :‬وبها يعـــرض‬ ‫تفاصـــيــل العنــوان ليتم طباعتها لمزود خدمة‬ ‫الشحن كما في الشكل (‪.)22-2-4‬‬ ‫شكل (‪ :)22-2-4‬شاشة تفاصيل الشحن‬ ‫ــ شاشة المنتجات ‪ :‬وبها يعرض المنتجات‬ ‫الــتــي تــم اختيارها وتفاصيل المبلغ ليتم‬ ‫طباعتها للتأكد من الطلب‪ ،‬كما في الشكل‬ ‫(‪.)23-2-4‬‬ ‫شكل (‪ :)23-2-4‬شاشة املنتجات‬ ‫ــــ شــاشــة الــســجــل‪ :‬وبــهــا ســيــعــرض حالة‬ ‫الــطــلــب‪،‬كــمــا يمكنني أن أتــحــكــم فــي حالة‬ ‫الطلب وأضيفها للسجل‪ ،‬وأن أنبه العميل‬ ‫عبر البريد اإللكتروني كما في الشكل (‪-4‬‬ ‫‪ ،)24-2‬ويمكنني أن أتحكم في السجل من‬ ‫خالل القائمة المنسدلة لحالة الطلب كما في‬ ‫الشكل (‪ ،)25-2-4‬وذلك بأن أختار الحالة‬ ‫المناسبة للطلب مثل ‪( :‬تم التجهيز) وغيرها‪.‬‬ ‫شكل (‪ :)24-2-4‬شاشة السجل‬ ‫شكل (‪ :)25-2-4‬قائمة حالة الطلب‬ ‫‪136‬‬ ‫الخدمات اإللكترونية ‪ :‬التدريب الثاني‬ ‫نـشــاط‬ ‫قم بزيارة موقع الدعم العربي ألوبن كارت (‪ )OpenCart‬كما في الشكل التالي على الرابط (‪ )opencartarab.com‬وعمل‬ ‫ما يلي‪:‬‬ ‫‪ 1‬تسجيل الدخول للموقع‪.‬‬ ‫‪ 2‬تجربة التسوق والشراء لبعض القوالب وإتمام عملية الشراء للقوالب المجانية‪.‬‬ ‫‪ 3‬الدخول واالطالع على بعض المواقع التي تستخدم منصة أوبن كارت‪.‬‬ ‫‪ 4‬قم باطالع معلمك على ما قمت به‪.‬‬ ‫موقع الدعم العربي ألوبن كارت‬ ‫تــمــريــــنـات‬ ‫‪1‬‬ ‫‪2‬‬ ‫من خالل المتجر اإللكتروني‪:‬‬ ‫ قم بإجراء عملية الشراء لمنتجك الذي قمت بإضافته‪.‬‬‫من خالل لوحة التحكم‪:‬‬ ‫‪ -‬قم بتغيير حالة الطلب لمشترياتك إلى (مكتمل)‪.‬‬ ‫‪3‬‬ ‫أطلع معلمك على ما قمت به‪.‬‬ ‫‪137‬‬ ‫تدريبات الوحدة الخامسة‬ ‫قـواعـد الـبـيـانـات‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫التدريب األول ‪ :‬إنشاء قاعدة‬ ‫بيانات املدرسة في برنامج ليبر‬ ‫أوفيس بيس‬ ‫(‪)LibreOffice Base‬‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫طرق إنشاء قواعد البيانات‪.‬‬ ‫مكونات قواعد البيانات يف ليبر أوفيس بيس (‪.)LibreOffice Base‬‬ ‫‪140‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب األول‬ ‫مـتطلبـات الـتدريـب‬ ‫تثبيت ليبر أوفيس بيس على جهاز الحاسب في المعمل أو المنزل الموجود في القرص‬ ‫المرفق مع الكتاب‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫سنقوم بإنشاء هذه القاعدة خطوة بخطوة من خالل هذا التدريب والتدريبات القادمة بعون الله‬ ‫تعالى‪ ،‬وعليك أن تتأكد من تنفيذ جميع التدريبات المطلوبة وحفظ جميع أعمالك على الجهاز في‬ ‫المعمل‪ ،‬ألن كل تدريب من التدريبات القادمة هو عبارة عن عنصر من عناصر بناء قاعدة بيانات‬ ‫المدرسة التي ستختل إذا فقدت أحد عناصرها‪.‬‬ ‫وفي هذا التدريب ستتعرف على مكونات قاعدة البيانات في ليبر أوفيس بيس إضافة إلى طرق‬ ‫إنشاء قاعدة بيانات في البرنامج عن طريق‪:‬‬ ‫‪ 1‬إنشــاء قـاعــدة بيانات فارغة‪ ،‬ثـم إنشـاء الجــداول والنماذج والتقاريــر التي ستحتاجها مــن‬ ‫البداية وهي الطريقة األفضل‪.‬‬ ‫‪ 2‬إنشاء قاعدة بيانات باستخدام القوالب الجاهزة والتي يمكنك من خاللها التعديل على‬ ‫الجداول والنماذج والتقارير الموجودة بالفعل‪.‬‬ ‫مالحظة‬ ‫برنامج ليبر أوفيس (‪:)LibreOffice‬‬ ‫هو حزمة البرامج المكتبية الحرة ومفتوحة المصدر‪ ،‬يعمل قد تختلف نسخة البرنامج من املوقع‬ ‫عن املوجودة يف القرص املرفق مع‬ ‫البرنامج على أكثر أنظمة التشغيل شهرة في العالم مثل ويندوز‪،‬‬ ‫الكتاب‪.‬‬ ‫ماكنتوش ولينكس‪ ،‬كما تمنحك الحزمة ستة برامج غنية لتلبية جميع‬ ‫احتياجاتك المكتبية من تحرير الوثائق ومعالجة البيانات وتقديم العروض والرسم وبناء قواعد‬ ‫البيانات وغيرها من االستعماالت المكتبية البسيطة والمعقدة‪ ،‬وقائمة برامج الحزمة هي‪ :‬معالج‬ ‫النصوص رايتر (‪ ،)Writer‬وبرنامج جداول البيانات كالك (‪ ،)Calc‬وبرنامج العروض التقديمية إمبريس‬ ‫(‪ ،)Impress‬وبرنامج الرسم درو (‪ ،)Draw‬وبرنامج الرياضيات ماث (‪ ،)Math‬وبرنامج قاعدة البيانات‬ ‫بيس (‪ ،)Base‬ويمكنك تحميل الحزمة من الموقع التالي‪.)ar.libreoffice.org( :‬‬ ‫‪141‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫إنشاء قواعد بيانات فارغة‪:‬‬ ‫‪ 1‬أتـأكــد مـن تثبيت بــرنــامج ليبر أوفيس بيس على اجلهاز‪ ،‬أو أقوم بتنصيبه من القرص‬ ‫املرفق يف مجلد (قواعد البيانات)‪.‬‬ ‫‪ 2‬أشغل برنامج ليبر أوفيس بيس وفق‬ ‫الخطوات التالية‪ ،‬كما في الشكل (‪.)1-1-٥‬‬ ‫أ أنقر على زر (ابدأ)‪.‬‬ ‫ب أنقر على (كافة البرامج)‪ ،‬ثم‬ ‫(‪.)LibreOffice‬‬ ‫ج أنقر على (‪.)LibreOffice Base‬‬ ‫شكل (‪ :)1-1-٥‬تشغيل برنامج ليبر أوفيس بيس‬ ‫‪ 3‬ستظهر نافذة البرنامج كما في الشكل‬ ‫(‪ ،)2-1-٥‬وهي شاشة معالجة قاعدة‬ ‫بيانات ليبر أوفيس بيس‪ ،‬أختار (إنشاء‬ ‫قاعدة بيانات جديدة)‪ ،‬ثم أضغط على زر‬ ‫(التالي)‪.‬‬ ‫شكل (‪ :)2-1-٥‬نافذة معالج قاعدة البيانات‬ ‫‪142‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب األول‬ ‫‪ 4‬تظهر شاشة كما يف الشكل (‪ .)3-1-٥‬أح ِّدد‬ ‫منها (نعم‪ ،‬أريد تسجيل قاعدة البيانات)‪،‬‬ ‫وذلك حتى يعرف برنامج ليبر أوفيس بيس‬ ‫أين يخزن البيانات‪ ،‬أنقر زر (إنهاء) حلفظ‬ ‫قاعدة البيانات‪.‬‬ ‫شكل (‪ :)3-1-٥‬نافذة معالج قاعدة البيانات‪ -‬الشاشة التالية‬ ‫‪ 5‬ستظهر نافذة كما يف الشكل (‪-1-٥‬‬ ‫‪ )4‬يطلب اقتراح اسم لقاعدة البيانات‪،‬‬ ‫أمسح اسم (قاعدة بيانات جديدة) وأكتب‬ ‫بدالً منه (قاعدة بيانات املدرسة)‪ ،‬ثم‬ ‫أنقر حفظ (‪.)save‬‬ ‫شكل (‪ :)4-1-٥‬حتديد تخزين قاعدة البيانات‬ ‫‪ 6‬يقـــوم ليبر أوفيس بيس بإنشاء‬ ‫قاعدة بيــانـات جــديــدة‪ ،‬حـيـث‬ ‫تظهــر قــاعـدة البيانات اجلديدة‬ ‫باالسم (قاعدة بيانات املدرسة)‬ ‫كما يف الشكل (‪.)5-1-٥‬‬ ‫‪ 7‬أغلق قاعدة البيانات‪ ،‬وذلك‬ ‫بالنقر على زر (إغالق)‬ ‫من شريط العنوان لقاعدة‬ ‫البيانات‪.‬‬ ‫شكل (‪ :)5-1-٥‬واجهة قاعدة بيانات املدرسة‬ ‫‪143‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫ثان ًيا‬ ‫مكونات قاعدة البيانات في ليبر أوفيس بيس‪:‬‬ ‫تتكون قاعدة البيانات في ليبر أوفيس بيس من أربعة عناصر رئيسة‪ ،‬هي‪:‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫الجــداول‪:‬‬ ‫تحتوي بيانات حول موضوع معين‪ ،‬مثل بيانات الطالب‪.‬‬ ‫االستعــالمــات‪:‬‬ ‫يمكننا االستعالم من البحث عن بيانات داخل قاعدة البيانات‪.‬‬ ‫الـنمــاذج‪:‬‬ ‫نستطيع عن طريق النماذج إدخال أو تعديل البيانات في قاعدة البيانات‪.‬‬ ‫الــتقــاريـر‪:‬‬ ‫التقرير عبارة عن مستند يعرض البيانات الموجودة في قاعدة البيانات أو جز ًءا منها‪.‬‬ ‫تــمــريــنـات‬ ‫أنشئ قاعدة بيانات جديدة وقم بتسميتها (قاعدة بيانات حلقة حتفيظ القرآن الكرمي)‪.‬‬ ‫‪144‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب األول‬ ‫التدريب الثاني ‪ :‬الـجــــداول‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫تعريف اجلداول‪ ،‬ومكوناتها‪.‬‬ ‫إنشاء اجلداول واحلقول والتعرف على خصائصها‪.‬‬ ‫املفتاح األساسي وأهميته‪.‬‬ ‫‪145‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫مـقـدمـة الـتـدريـب‬ ‫عنوان احلقل‬ ‫الجدول هو األساس في أي‬ ‫قاعدة بيانات‪ ،‬حيث إن المكونات‬ ‫األخرى مثل ‪ :‬االستعالمات‬ ‫والنماذج والتقارير تُستخرج عادة‬ ‫من بيانات الجداول‪ ،‬ويُعدالجدول‬ ‫وعاء لحفظ البيانات‪ ،‬يتكون من‬ ‫عدة سجالت‪ ،‬كل سجــل يتكــون‬ ‫من عــدة حقـــول انظر الشكل‬ ‫(‪ ،)1-2-٥‬ويتيح برنامج ليبر‬ ‫أوفيس بيس إنشاء الجداول‬ ‫بواسطة المعالج أو بدونه‪.‬‬ ‫مالحظة‬ ‫هناك أنواع للبيانات لم تذكر في‬ ‫هذا الجدول‪ ،‬يمكن الرجوع إليها في‬ ‫الكتب المتخصصة عند الحاجة‪.‬‬ ‫املفتاح األساسي ‪:‬‬ ‫سجل‬ ‫حقل‬ ‫شكل (‪ :)1-2-٥‬مكونات اجلدول‬ ‫أنواع حقول البيانات يف ليبر أوفيس بيس‪:‬‬ ‫نوع البيانات‬ ‫وصف نوع البيانات‬ ‫هذا النوع يقبل الحروف واألرقام والمسافات الخالية والعالمات الخاصة‪،‬‬ ‫نص (‪ )Vachar‬وأقصى طول له (‪ )255‬حر ًفا‪ ،‬وال يقبل هذا النوع إجراء العمليات الحسابية‬ ‫عليه حتى ولو كان مكو ًنا من أرقام فقط‪ ،‬كرقم الهاتف ً‬ ‫مثل‪.‬‬ ‫رقم‬ ‫يشمل هذا النوع األرقام التي سيجرى عليها عمليات حسابية‪ ،‬وله عدة أنواع‪.‬‬ ‫تاريخ‬ ‫يستخدم هذا النوع إلدخال التاريخ‪.‬‬ ‫وقت‬ ‫يستخدم هذا النوع إلدخال الوقت‪.‬‬ ‫ترقيم‬ ‫لترقيم السجالت تسلسل ًّيا بصفة تلقائية‪ ،‬وال يمكن تعديلها‪.‬‬ ‫نعم ‪ /‬ال‬ ‫يستخدم للحقول التي ال تحتمل إال خيارين مثل نعم‪/‬ال‪ ،‬صح‪/‬خطأ‪.‬‬ ‫تهدف قواعد البيانات إلى عدم تكرار البيانات‪ ،‬واستخدام المفتاح األساسي في قاعدة البيانات‬ ‫يمنع من تكرار السجالت‪ ،‬إن المفتاح األساسي هو حقل أو أكثر يحمل قيمة فريدة ال تتكرر في‬ ‫أكثر من سجل‪ ،‬كما ال يمكن أن يحتوي المفتاح األساسي على قيمة فارغة‪ ،‬ويمكن تحديد المفتاح‬ ‫األساسي بحقل أو جمع عدة حقول وتحديدها كمفتاح أساسي‪.‬‬ ‫‪146‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثاني‬ ‫مثال‪:‬‬ ‫اسم الطالب‬ ‫اسم األب‬ ‫اسم العائلة‬ ‫تاريخ امليالد‬ ‫الهاتف أو اجلوال‬ ‫العنوان‬ ‫عام القبول‬ ‫ياسر‬ ‫سعود‬ ‫محمد‬ ‫‪1408/12/12‬‬ ‫‪05545453‬‬ ‫السالم‬ ‫‪1424‬‬ ‫فهد‬ ‫خالد‬ ‫حسن‬ ‫‪1408/10/15‬‬ ‫‪05465414‬‬ ‫الريان‬ ‫‪1424‬‬ ‫حمد‬ ‫سعود‬ ‫عبد اهلل‬ ‫‪1408/03/01‬‬ ‫‪05584396‬‬ ‫العليا‬ ‫‪1424‬‬ ‫عبود‬ ‫‪1407/06/12‬‬ ‫‪05085765‬‬ ‫الروضة‬ ‫‪1423‬‬ ‫‪1408/11/05‬‬ ‫‪05056667‬‬ ‫السالم‬ ‫‪1424‬‬ ‫‪1405/09/01‬‬ ‫‪05456456‬‬ ‫العليا‬ ‫‪1422‬‬ ‫خالد‬ ‫فهد‬ ‫عبود‬ ‫عبود‬ ‫حمود‬ ‫عصام‬ ‫شكل (‪ :)2-2-٥‬مثال على جدول يحوي معلومات طالب‬ ‫مسائل حتفيزية‬ ‫كما ذكرنا ساب ًقا فإن حقل املفتاح األساسي ال ميكن أن يحتوي‬ ‫من اجلدول يف شكل (‪)2-2-٥‬‬ ‫على قيم مكررة أو قيمة فارغة‪ ،‬لذا ميكن حتديد املفتاح األساسي‬ ‫ح ّدد أي احلقول ميكن أن تصبح‬ ‫يف حقل (الهاتف أو اجلوال) لتحقق كال الشرطني يف هذا احلقل‬ ‫مفتاحا أساس ًيا‪.‬‬ ‫ً‬ ‫بخالف باقي احلقول‪ ،‬أما إذا افترضنا وجود طالب ليس لديه‬ ‫مفتاحا‬ ‫(هاتف أو جوال) وهذا محتمل‪ ،‬لذلك فإن حقل (الهاتف أو اجلوال) ال يصلح بأن يكون‬ ‫ً‬ ‫أساس ًّيا‪ ،‬ويف هذه احلالة نستطيع إضافة حقل جديد (رقم الطالب) بحيث أال يتكرر وال ميكن أن‬ ‫يسجل طالب بدون رقم‪ ،‬ونحدده كمفتاح أساسي كما يف الشكل (‪.)3-2-٥‬‬ ‫مثال‪:‬‬ ‫رقم الطالب‬ ‫اسم الطالب‬ ‫اسم األب‬ ‫اسم العائلة‬ ‫تاريخ امليالد‬ ‫الهاتف أو اجلوال‬ ‫العنوان‬ ‫عام القبول‬ ‫‪42411001‬‬ ‫ياسر‬ ‫سعود‬ ‫محمد‬ ‫‪1408/12/12‬‬ ‫‪05545453‬‬ ‫السالم‬ ‫‪1424‬‬ ‫‪42411002‬‬ ‫فهد‬ ‫خالد‬ ‫حسن‬ ‫‪1408/10/15‬‬ ‫‪05465414‬‬ ‫الريان‬ ‫‪1424‬‬ ‫‪42411003‬‬ ‫حمد‬ ‫سعود‬ ‫عبد اهلل‬ ‫‪1408/03/01‬‬ ‫‪05584396‬‬ ‫العليا‬ ‫‪1424‬‬ ‫‪42311002‬‬ ‫خالد‬ ‫عبود‬ ‫‪1407/06/12‬‬ ‫‪05085765‬‬ ‫الروضة‬ ‫‪1423‬‬ ‫‪42411004‬‬ ‫فهد‬ ‫عبود‬ ‫‪1408/11/05‬‬ ‫‪05056667‬‬ ‫السالم‬ ‫‪1424‬‬ ‫‪42211002‬‬ ‫عبود‬ ‫حمود‬ ‫‪1405/09/01‬‬ ‫‪05456456‬‬ ‫العليا‬ ‫‪1422‬‬ ‫عصام‬ ‫مفتاحا أساس ًّيا‬ ‫شكل (‪ :)3-2-٥‬مثال على جدول يحوي معلومات طالب وأضيف رقم فريد لكل طالب ليصبح‬ ‫ً‬ ‫‪147‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫إنشاء اجلداول‪:‬‬ ‫قبل إنشاء أي جدول ال بد من معرفة طبيعة البيانات التي ترغب في حفظها في قاعدة‬ ‫البيانات‪ ،‬ثم تقسيم البيانات إلى الفئة التي تنتمي إليها‪ ،‬ثم إنشاء جدول لكل فئة بحيث يحوي كل‬ ‫جدول فئة واحدة فقط‪.‬‬ ‫وبتطبيق ذلك على قاعدة بيانات المدرسة نجد أن هناك مجموعة من البيانات لها خصائص‬ ‫مشتركة مع بعضها وتمثل فئة محددة وهي الطالب‪ ،‬وهناك فئة أخرى وهي المواد‪ ،‬والفئة الثالثة‬ ‫تمثل المدرسين‪ ،‬لذا يمكن إنشاء عدد من الجداول لقاعدة بيانات المدرسة‪ ،‬هي‪:‬‬ ‫‪ 1‬جدول الطالب‪.‬‬ ‫‪ 2‬جدول المواد‪.‬‬ ‫‪ 3‬جدول المدرسين‪.‬‬ ‫خطـوات الـتـدريـب‬ ‫ً‬ ‫أول‬ ‫إنشاء جدول في عرض التصميم‪:‬‬ ‫يمكنك إنشــاء جــدول (الطـــالب)‬ ‫باستخــدام طريقـــة عرض التصميم‬ ‫بإتباع الخطوات التالية‪:‬‬ ‫‪ 1‬أشغل برنامج ليبر أوفيس بيس‪.‬‬ ‫‪ 2‬أفـــتــح قــاعــدة البيانــــات (قاعدة‬ ‫بيانات المدرسة)‪.‬‬ ‫‪3‬‬ ‫أخــتــار األم ــر (إنــشــاء ج ــدول في‬ ‫طريقة عــرض التصميم) بالنقر‬ ‫عليه‪ ،‬انظر الشكل (‪.)4-2-٥‬‬ ‫‪148‬‬ ‫شكل (‪ :)4-2-٥‬خيار إنشاء جدول يف طريقة عرض التصميم‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثاني‬ ‫‪ 4‬ستظهر نافذة عرض (تصميم‬ ‫جدول) كما هو مبين في الشكل‬ ‫(‪.)5-2-٥‬‬ ‫شكل (‪ :)5-2-٥‬عرض تصميم جدول‬ ‫‪ 5‬أكتب في خــانــة اسم الحقــــل‬ ‫(رقم_الطالب) كما في الشكل‬ ‫(‪.)6-2-٥‬‬ ‫‪ 6‬أحدد نوع بيانات هذا الحقل‬ ‫بالنقر على قسم نوع الحقل‪،‬‬ ‫وأفتح القائمة‪ ،‬وأختار النوع نص‬ ‫(‪ )VACHAR‬كما في الشكل (‪-٥‬‬ ‫‪ .)6-2‬اختيار نوع الحقل نص‬ ‫سيسهل علينا الح ًقا إدراج شرطة‬ ‫في األرقام إذا دعت الحاجة لذلك‪،‬‬ ‫على سبيل المثال‪.123456-123 :‬‬ ‫شكل (‪ :)6-2-٥‬حتديد نوع البيانات يف اجلدول حلقل رقم الطالب‬ ‫‪149‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫‪ 7‬تابع كتابة أسماء احلقول وحدد نوع كل‬ ‫حقل‪ ،‬كما هو مبني يف الشكل (‪.)7-2-٥‬‬ ‫شكل (‪ :)7-2-٥‬تحديد نوع البيانات في الجدول لبقية الحقول‬ ‫‪ 8‬ولـتـحديـد المفتــاح األساســي أقــــوم‬ ‫بالخطـــوات التالية‪:‬‬ ‫أ‬ ‫النقر على يمين حقل (رقم_الطالب)‬ ‫لتحديده‪.‬‬ ‫ب‬ ‫النقر على زر الفأرة األيمن وأختار من‬ ‫القائمة (المفتاح األساسي)‪ ،‬كما في‬ ‫الشكل (‪.)8-2-٥‬‬ ‫شكل (‪ :)8-2-٥‬قائمة لتحديد المفتاح األساسي‬ ‫‪ ‬سأالحظ وجود عالمة مفتاح على يمين الحقل بعد‬ ‫تنفيذ الخطوة السابقة كما في الشكل (‪.)9-2-٥‬‬ ‫‪ 9‬أحفظ الجدول باسم (جــدول_الــطــاب)‪ ،‬وذلك‬ ‫باختيار أمر (حفظ) من قائمة (ملف)‪.‬‬ ‫‪ 10‬أغلق الجدول‪ ،‬وذلك بالنقر على زر (إغالق)‪.‬‬ ‫‪150‬‬ ‫شكل (‪ :)9-2-٥‬عالمة املفتاح تدل على أن حقل‬ ‫رقم الطالب هو املفتاح األساسي اآلن‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثاني‬ ‫ثان ًيا‬ ‫استخدام المعالج إلنشاء جدول‪:‬‬ ‫يمكن من خالل برنامج ليبر أوفيس بيس إنشاء الجداول باستخدام المعالج الذي يختصر علينا‬ ‫كثي ًرا من الخطوات‪ ،‬ولكن يعاب على(معالج إنشاء الجداول) عدم تمكين مستخدمي ليبر أوفيس‬ ‫بيس من التحكم في خصائص الجداول‪.‬‬ ‫إلنشاء (جدول_الطالب) باستخدام المعالج أتبع الخطوات التالية‪:‬‬ ‫‪ 1‬أختار األمر (استخدام المعالج إلنشاء جدول) كما في الشكل (‪.)4-2-٥‬‬ ‫‪ 2‬ستظهر نافـذة لتحديد الجــدول والحقــول‬ ‫المشابهة لجدولك وحقولك‪ ،‬كما في الشكل‬ ‫(‪.)10-2-٥‬‬ ‫ً‬ ‫حقول مشابهة‬ ‫‪ 3‬أحدد الجدول الذي يحوي‬ ‫لحقول (جدول_ الطالب)‪ ،‬أختار ً‬ ‫مثل (جهات‬ ‫االتصال) من قائمة (جداول أمثلة)‪.‬‬ ‫‪ 4‬أختار حقل (االسم األول "‪ )"FirstName‬من‬ ‫قائمة (الحقول المتوفرة)‪ ،‬ثم أنقــر على زر‬ ‫(>>) لنقل الحقل مـــن قـائمــة (الحقول‬ ‫المتوفرة) إلى قائمة (الحقول المحددة)‪.‬‬ ‫شكل (‪ :)10-2-٥‬شاشة معالج اجلدول‬ ‫‪ 5‬أنقل حقول (االسم األخير "‪"LastName‬‬ ‫والعنوان ورقم الهاتف "‪ "PhoneNumber‬وتاريخ‬ ‫الميالد "‪ )"Birthdate‬إلى قائمة (الحقول‬ ‫المحددة)‪ ،‬كما في الشكل (‪.)11-2-٥‬‬ ‫شكل (‪ :)11-2-٥‬احلقول التي مت اختيارها‬ ‫‪151‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫‪ 6‬أنقر زر (التالي)‪ ،‬سيطلب مني تعديل‬ ‫أنواع الحقول وأسماءها أو إبقاءها كما‬ ‫هي‪ ،‬يمكن تعديل اسم كل حقل من مربع‬ ‫(اسم الحقل) كما في الشكل (‪.)12-2-٥‬‬ ‫‪ 7‬بعدها أنقر زر (التالي)‪ ،‬سيطلب مني‬ ‫تعيين المفتاح األساسي للجدول‪ ،‬أترك‬ ‫خيار إنشاء مفتاح أولي مفعل‪ ،‬ليقوم‬ ‫المعالج بإنشاء المفتاح األساسي نيابة‬ ‫عني‪ ،‬كما في الشكل (‪ .)13-2-٥‬في‬ ‫هذه الحالة سيقوم المعالج بعمل حقل‬ ‫باسم (‪ )ID‬في الجدول من نوع (‪)Integer‬‬ ‫لتخزين المفتاح األساسي‪.‬‬ ‫‪ 8‬أنقر على زر (التالي)‪ ،‬ليطلب مني تسمية‬ ‫الجدول‪ ،‬كما في الشكل (‪،)14-2-٥‬‬ ‫أقوم بكتابة اسم (جدول_الطالب_‪،)2‬‬ ‫ثم أنقر (إنهاء) ليتم إنشاء الجدول‪.‬‬ ‫شكل (‪ :)12-2-٥‬شاشة تعيني أنواع احلقول‬ ‫شكل (‪ :)13-2-٥‬شاشة تعيني املفتاح األساسي‬ ‫شكل (‪ :)14-2-٥‬شاشة إنشاء جدول‬ ‫‪152‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثاني‬ ‫تــمــريـــنـات‬ ‫بنفس طريقة إنشاء الجداول بطريقة عرض التصميم‪ ،‬قم بإنشاء بقية الجداول‬ ‫التالية‪:‬‬ ‫‪1‬‬ ‫جدول المواد كما في الشكل (‪.)15-2-٥‬‬ ‫شكل (‪ :)15-2-٥‬جدول املواد‬ ‫‪2‬‬ ‫جدول المدرسين كما في الشكل (‪.)16-2-٥‬‬ ‫شكل (‪ :)16-2-٥‬جدول املدرسني‬ ‫‪ 3‬بنفس طريقة إنشاء الجداول باستخدام المعالج‪ ،‬قم بإنشاء جدول مواد الطالب كما في‬ ‫الشكل (‪.)17-2-٥‬‬ ‫شكل (‪ :)17-2-٥‬جدول مواد الطالب‬ ‫‪153‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫التدريب الثالث ‪:‬‬ ‫إدخال البيانات وتعديل احلقول‬ ‫وتكوين العالقات بني اجلداول‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫إدخال البيانات في الجدول‪.‬‬ ‫تعديل الحقول‪.‬‬ ‫ربط الجداول بعالقات‪.‬‬ ‫‪154‬‬ ‫الثاني‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثالث‬ ‫مـقـدمـة الـتدريـب‬ ‫أنشأنا يف التدريب السابق اجلداول وعرفنا احلقول فيها‪ ،‬فكيف ندخل البيانات فيها؟‬ ‫وهل أستطيع تعديل أنواع احلقول؟ هذا ما سنعرفه يف هذا التدريب‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أول‬ ‫إدخال البيانات في الجداول‪:‬‬ ‫‪ 1‬إدخال البيانات في جدول الطالب‪:‬‬ ‫إلدخال البيانات في جدول الطالب‪ ،‬أقوم‬ ‫بالخطوات التالية‪:‬‬ ‫أ أفتح جدول الطالب وذلك بالنقر‬ ‫المزدوج عليه‪ ،‬انظر الشكل (‪.)1-3-٥‬‬ ‫ب‬ ‫ت‬ ‫ث‬ ‫انقر في الخلية الفارغة تحت حقل (رقم_‬ ‫الطالب)‪ ،‬وأكتب الرقم (‪،)42411007‬‬ ‫ثم أضغط على مفتاح اإلدخال (‪)Enter‬‬ ‫أو (‪ )Tab‬لالنتقال من حقل إلى آخر في‬ ‫نفس السجل‪.‬‬ ‫شكل (‪ :)1-3-٥‬جدول الطالب‬ ‫اكتب االسم (عبدالله) في حقل (اسم_‬ ‫الطالب)‪ ،‬ثم أضغط على مفتاح اإلدخال‬ ‫(‪ )Enter‬أو (‪ )Tab‬لالنتقال إلى الخلية‬ ‫التي تليها في نفس السجل‪.‬‬ ‫أكـــمـل إدخــال بقية بيـانــات الـحقول‬ ‫كمــا في الشكـــل (‪.)2-3-٥‬‬ ‫شكل (‪ :)2-3-٥‬جدول الطالب بعد إضافة طالب جديد‬ ‫‪155‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫‪ 2‬التنقل بين السجالت والخاليا‪:‬‬ ‫اســتــــخــدم مفــتــاح اإلدخــال (‪ )Enter‬أو (‪)Tab‬‬ ‫أو مفاتيح األسهم أو الفأرة لالنتقال من خلية‬ ‫إلى أخرى‪ ،‬أو أستخدم شريط التنقل‬ ‫بين السجالت كما في الشكل (‪)3-3-٥‬‬ ‫وشرحها في الجدول التالي‪:‬‬ ‫الزر‬ ‫شكل (‪ :)3-3-٥‬شريط التنقل بني السجالت‬ ‫وظيفته‬ ‫لعرض السجل األول‬ ‫لعرض السجل السابق‬ ‫رقم السجل احلالي‪ /‬وميكن استخدام هذه اخلانة لالنتقال‬ ‫ألي سجل بكتابة رقمه والضغط على مفتاح (‪)Enter‬‬ ‫لعرض السجل التالي‬ ‫لعرض السجل األخير‬ ‫لفتح سجل جديد‬ ‫‪3‬‬ ‫أ‬ ‫ب‬ ‫إدخال البيانات في جدول المواد‪:‬‬ ‫أفتــح جــدول المــواد وأدخل سجالت‬ ‫المواد كما في الشكل (‪.)4-3-٥‬‬ ‫أغلق الجدول‪.‬‬ ‫شكل (‪ :)4-3-٥‬جدول املواد‬ ‫‪156‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثالث‬ ‫إدخال البيانات في جدول المدرسين‪:‬‬ ‫‪4‬‬ ‫أ‬ ‫ب‬ ‫ثان ًيا‬ ‫أقوم بفتح جدول المدرسين وأدخل سجالت‬ ‫المواد كما في الشكل (‪.)5-3-٥‬‬ ‫أغلق الجدول‪.‬‬ ‫تعديل الحقول‪:‬‬ ‫شكل (‪ :)5-3-٥‬جدول املدرسني‬ ‫إضافـة وحـذف الحقـول‪:‬‬ ‫‪1‬‬ ‫إضافة حقل يتم على النحو التالي‪:‬‬ ‫أ‬ ‫‪1‬‬ ‫أقوم بتحرير جدول المواد‪ ،‬وذلك عن طريق‬ ‫النقر بزر الفأرة األيمن على الجدول‪ ،‬ثم‬ ‫اختيار (تحرير) كما في الشكل (‪.)6-3-٥‬‬ ‫شكل (‪ :)6-3-٥‬خيار حترير جلدول املواد‬ ‫‪2‬‬ ‫‪3‬‬ ‫أنقر على اسم آخر حقل كما في الشكل (‪-٥‬‬ ‫‪.)7-3‬‬ ‫أكتب الحقل الجديد (رقم_المدرس) وأح ِّدد‬ ‫نوعه (نص (‪.)VACHAR‬‬ ‫شكل (‪ :)7-3-٥‬إضافة حقل جديد جلدول املواد‬ ‫‪157‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫ب حذف حقل يتم على النحو التالي‪:‬‬ ‫‪ 1‬أفتح جدول المواد بطريقة التحرير‪ ،‬وذلك عن طريق النقر بزر الفأرة األيمن على الجدول‪،‬‬ ‫ثم اختيار تحرير‪.‬‬ ‫‪ 2‬أحدد الحقل المراد حذفه وليكن (رقم_المدرس) بالنقر على جانبه األيمن‪.‬‬ ‫‪ 3‬أضغط زر (‪ )Delete‬من لوحة المفاتيح‪.‬‬ ‫‪ 4‬إذا أردت التراجع عن الحذف‪ ،‬من قائمة (تحرير) أختار األمر (تراجع) إلعادة الحقل‪.‬‬ ‫‪ 5‬أختار أمر (تراجع) إلعادة حقل (رقم_المدرس)‪.‬‬ ‫‪2‬‬ ‫تــعـديـل أنــواع الحقــول‪.‬‬ ‫يمكن تغيير نوع الحقل باالختيار من قائمة أنواع‬ ‫الحقول والتي تظهر عند الضغط على خانة نوع‬ ‫الحقل‪ ،‬كما في الشكل (‪ .)8-3-٥‬ولتعديل حقل‬ ‫(الصف) من نوع (‪ )VARCHAR‬إلى نوع (‪)CHAR‬‬ ‫أختار من القائمة المنسدلة النوع المطلوب‪.‬‬ ‫‪ 3‬تكوين العالقات بين الجداول‪.‬‬ ‫في الجزء النظري من الكتاب تعرفنا بشكل‬ ‫رسومي على العالقات بين الجداول الثالث‬ ‫(المواد – المدرسين –الطالب)‪ ،‬كما في الشكل‬ ‫(‪.)9-3-٥‬‬ ‫شكل (‪ :)8-3-٥‬تعديل نوع حقل يف جدول املواد‬ ‫رقم املدرس‬ ‫اسم املدرس‬ ‫الــمـدرســون‬ ‫اسم املادة‬ ‫رقم الطالب‬ ‫الـــطــــالب‬ ‫رقم الهاتف‬ ‫يَدرسون‬ ‫اسم املادة‬ ‫رقم املادة‬ ‫الـــمـــــــواد‬ ‫يَدرسون‬ ‫الــصـــف‬ ‫عدد احلصص‬ ‫شكل (‪ :)9-3-٥‬مخطط العالقات لقاعدة بيانات املدرسة‬ ‫‪158‬‬ ‫الــصـــف‬ ‫اسم الطالب‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثالث‬ ‫ستقوم بإنشاء هذه العالقات عن طريق التالي‪:‬‬ ‫أ عالقة جدول المدرسين مع المواد‪:‬‬ ‫بما أن العالقة بين جدول المدرسين والمواد هي عالقة واحد إلى متعدد ففي هذه الحالة‬ ‫إلنشاء العالقة بين الجدولين فإن المفتاح األساسي في جدول المدرسين (طرف العالقة واحد)‬ ‫يدرج كحقل في جدول المواد (طرف العالقة متعدد)‪ ،‬وبهذه الطريقة يتم الربط بين الجدولين‪.‬‬ ‫وللتوضيح أتبع الخطوات التالية‪:‬‬ ‫‪ 1‬في النافذة الرئيسة لبرنامج ليبر أوفيس بيس‪،‬‬ ‫أختار أمر (العالقات) من قائمة (أدوات) كما في‬ ‫الشكل (‪.)10-3-٥‬‬ ‫شكل (‪ :)10-3-٥‬خيار العالقات يف القائمة الرئيسة‬ ‫‪ 2‬ستظهر شاشة إضافة جدول كما في الشكل‬ ‫(‪ ،)11-3-٥‬أضيف جدول المواد وجدول‬ ‫المدرسين عن طريق تحديد كل جدول وأنقر‬ ‫زر (إضافة)‪ .‬عند االنتهاء من إضافة الجداول‬ ‫أنقر زر (إغالق)‪ .‬النتيجة ستكون كما في‬ ‫الشكل (‪.)12-3-٥‬‬ ‫شكل (‪ :)11-3-٥‬شاشة اختيار اجلداول لتكوين العالقات‬ ‫شكل (‪ :)12-3-٥‬جدول املدرسني واملواد‬ ‫‪159‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫أحدد حقل (رقم_األستاذ) في جدول‬ ‫‪3‬‬ ‫المدرسين وسحبه إلى حقل (رقم_المدرس)‬ ‫في جدول المواد‪ ،‬سيظهر خط بين الجدولين‬ ‫كما في الشكل (‪ .)13-3-٥‬العالقة من طرف‬ ‫جدول المدرسين أمامها رقم (‪ )1‬للداللة على‬ ‫عالقة واحد والعالقة من طرف جدول المواد‬ ‫أمامها حرف (‪ )n‬للداللة على عالقة متعدد‪.‬‬ ‫‪ 4‬أحفظ العالقة بالنقر على زر (الحفظ) وإغالق‬ ‫شكل (‪ :)13-3-٥‬إنشاء عالقة بني جدول املدرسني واملواد‬ ‫شاشة العالقات‪.‬‬ ‫مالحظة‬ ‫ب عالقة جدول الطالب مع المواد‪:‬‬ ‫يمكنك تحريك الجداول وإعادة ترتيبها‬ ‫بما أن العالقة بين جدول الطالب والمواد هي عالقة (متعدد‬ ‫في شاشة العالقات‪ ،‬وذلك بسحبها‬ ‫إلى متعدد) ففي هذه الحالة إلنشاء العالقة بين الجدولين فإن‬ ‫وإفالتها‬ ‫كما يمكنك ً‬ ‫أيضا القيام بتغيير أحجام‬ ‫المفتاح األساسي في كال الجدولين سيظهران في جدول جديد‬ ‫الجداول وذلك عن طريق سحب أحد‬ ‫قمنا بإنشائه مسب ًقا أسميناه (جدول_مواد_الطالب)‪.‬‬ ‫أطرافها‪.‬‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪160‬‬ ‫في النافذة الرئيسة لبرنامج ليبر أوفيس بيس‪ ،‬أختار أمر (العالقات) من قائمة (أدوات) لتظهر‬ ‫لك شاشة إضافة جدول‪.‬‬ ‫أقوم بإضافة جدول الطالب وجدول مواد_الطالب عن طريق تحديد كل جدول والنقر‬ ‫على زر (إضافة)‪ .‬عند االنتهاء من إضافة‬ ‫الجداول أنقر زر (إغالق)‪.‬‬ ‫أحدد حقل (رقم_المادة) في جدول المواد‬ ‫وسحبه إلى حقل (رقم_المادة) في جدول‬ ‫مواد_الطالب‪ ،‬سيظهر خط بين الجدولين‬ ‫كما في الشكل (‪ .)14-3-٥‬بالمثل أقوم‬ ‫بتحديد حقل (رقم_الطالب) في جدول‬ ‫الطالب وسحبه إلى حقل (رقم_الطالب) شكل (‪ :)14-3-٥‬إنشاء عالقة بني جدول الطالب واملواد‬ ‫في جدول مواد_الطالب‪.‬‬ ‫أحفظ العالقة بالنقر على زر (الحفظ) وإغالق شاشة العالقات‪.‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الثالث‬ ‫والشكل (‪ )15-3-٥‬يوضح الشكل النهائي للعالقات بين الجداول‪.‬‬ ‫شكل (‪ :)15-3-٥‬العالقات بني اجلداول يف قاعدة بيانات املدرسة‪.‬‬ ‫تــمــريـــنـات‬ ‫‪ 1‬بنفس طريقة إنشاء الجداول بطريقة عرض التصميم‪ ،‬قم بإنشاء جدول وسمه‬ ‫(جدول_الكتب) يحتوي على الحقول التالية‪:‬‬ ‫أ رقم_الكتاب‪.‬‬ ‫ب اسم_الكتاب‪.‬‬ ‫‪ 2‬قم بتحديد رقم_ الكتاب كمفتاح أساسي‪.‬‬ ‫‪ 3‬اربط بين جدول_الكتب وجدول_المواد بعالقة واحد لمتعدد (المادة الواحدة لها‬ ‫أكثر من كتاب)‪.‬‬ ‫‪161‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫التدريب الـرابـــع ‪:‬‬ ‫االسـتـعــالمـات‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫تصميم االستعالمات‪.‬‬ ‫تشغيل االستعالم‪.‬‬ ‫معايير االستعالم‪.‬‬ ‫‪162‬‬ ‫الثالث‬ ‫التدريب الرابع‬ ‫الـبـيـانـات ‪ ::‬التدريب‬ ‫قـواعـد الـبـيـانـات‬ ‫قـواعـد‬ ‫مـقـدمـة الـتدريـب‬ ‫تعلمنا في التدريبات السابقة كيف تتم عملية تصميم الجداول‪ ،‬وكيف يتم إدخال البيانات داخل‬ ‫الجداول‪ ،‬وكيف يتم تنظيم عملية إدخال البيانات ليتم حفظها في الجدول بصورة صحيحة ودقيقة‬ ‫ً‬ ‫وأيضا كيف أنشأنا العالقات بين الجداول‪ ،‬ولكن هل هذا كل ما في قواعد البيانات؟!‬ ‫ومنظمة‪،‬‬ ‫إنني عندما أقوم بإدخال كميات كبيرة من البيانات في قواعد البيانات بصورة منظمة أهدف‬ ‫إلى تسهيل عملية البحث عن المعلومة والوصول إليها بأسرع وقت ممكن‪ ،‬وهذا ما يعرف في‬ ‫قواعد البيانات باالستعالم‪.‬‬ ‫خطـوات الـتدريـب‬ ‫الهدف من االستعالم ‪ :‬استرجاع معلومات‬ ‫جميع المواد التي تدرس مع من يدرسها‪.‬‬ ‫ً‬ ‫أوال‬ ‫إنشاء استعالم‪:‬‬ ‫‪ 1‬أختار تبويب (االستعالمات) من الشاشة‬ ‫الرئيسة في برنامج ليبر أوفيـس بيس كمــا‬ ‫في الشكل (‪ .)1-4-٥‬ثــم أختـار (إنشاء‬ ‫استعـالم في عرض التصميم)‪.‬‬ ‫شكل (‪ :)1-4-٥‬تبويب استعالم‬ ‫‪ 2‬ستظهــر نافــذة االستعالم كما في الشكل‬ ‫(‪ ،)2-4-٥‬وفي هذه الخطوة سيتم اختيار‬ ‫الجداول التي سيتم االستعالم عنها وفق‬ ‫الخطوات التالية‪:‬‬ ‫شكل (‪ :)2-4-٥‬نافذة استعالم‬ ‫‪163‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫أ‬ ‫ب‬ ‫ت‬ ‫ث‬ ‫أنقر على (جدول_المواد) من‬ ‫نافذة (إضافة جدول أو استعالم)‪.‬‬ ‫أنقر على زر (إضافة) من نافذة‬ ‫(إضافة جدول أو استعالم)‪.‬‬ ‫أكرر الخطوتين السابقتين إلضافة‬ ‫جدول المدرسين كما في الشكل‬ ‫(‪.)3-4-٥‬‬ ‫أنقر على زر (إغالق) من نافذة‬ ‫(إضافة جدول أو استعالم)‪.‬‬ ‫شكل (‪ :)3-4-٥‬إضافة جداول يف نافذة استعالم‬ ‫‪ 3‬لتحديد الحقول التي سنستعلم منها أقوم‬ ‫بالخطوات التالية‪:‬‬ ‫مزدوجا على حقل (رقم_المادة) من‬ ‫أ أنقر نق ًرا‬ ‫ً‬ ‫القائمة الموجودة في نافذة (جدول_المواد)‪.‬‬ ‫ب أكــرر العملية السابقة الختيار حقول (اســم_‬ ‫المادة) و(عدد_الحصص_باألسبوع) و(الصف)‬ ‫من (جــدول_الــمــواد) وحقل (رقــم_األســتــاذ) من‬ ‫(جدول_المدرسين)‪ ،‬كما في الشكل (‪.)4-4-٥‬‬ ‫ثان ًيا‬ ‫تشغيل االستعالم‪:‬‬ ‫‪ 1‬أشغل االستعالم‪ ،‬وذلك بالنقر على زر (تنفيذ‬ ‫االستعالم) كما في الشكل (‪.)5-4-٥‬‬ ‫شكل (‪ :)4-4-٥‬احلقول املحددة يف جدول املواد واملدرسني‬ ‫تنفيذ االستعالم (‪)F5‬‬ ‫شكل (‪ :)5-4-٥‬زر تشغيل االستعالم‬ ‫‪164‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الرابع‬ ‫مالحظة‬ ‫في المرة األولى التي ستشغل فيها االستعالم لن تظهر لك نتيجة! والسبب يكمن في عدم تعبئة حقل‬ ‫(رقم_األستاذ) بقيمة حقل (رقم_األستاذ) في جدول المواد مأخوذة من جدول المدرسين‪ ،‬كما في‬ ‫الشكل‪.‬‬ ‫‪ 2‬عند تنفيذ االستعالم ستظهر نتيجة‬ ‫االستعالم كما في الشكل (‪.)6-4-٥‬‬ ‫‪ 3‬أقوم بحفظ االستعالم‪ ،‬وذلك باختيار‬ ‫األمر (حفظ) من قائمة (ملف)‪.‬‬ ‫شكل (‪ :)6-4-٥‬نتيجة تنفيذ االستعالم‬ ‫‪ 4‬ستظهر نــافــذة كــمــا فــي الشكل‬ ‫(‪ ،)7-4-٥‬أكــتــب اســم االستعالم‬ ‫(استعالم_بيانات_المواد) بدالً من‬ ‫اســم (االســتــعــام ‪ ،)1‬ثــم أنــقــر زر‬ ‫(حسنًا)‪.‬‬ ‫شكل (‪ :)7-4-٥‬حفظ نتيجة االستعالم‬ ‫‪165‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫ثال ًثا‬ ‫معايير االستعالم‪:‬‬ ‫يمكن االستعالم عن سجل أو مجموعة سجالت باستخدام (المعايير) مثل أن نستعلم عن مادة‬ ‫واحدة باسمها‪ ،‬أو مجموعة من المواد التي يدرسها أستاذ محدد‪ ،‬ويمكن تعريف المعايير بأنها‬ ‫شروط تقوم بتحديد السجالت التي تبحث عنها‪.‬‬ ‫‪ 1‬استخدام المعايير‪:‬‬ ‫ويمكننا استخدام المعايير وفق التالي‪:‬‬ ‫أ لالستعالم عن المواد التي يدرسها «رياض عبد‬ ‫العزيز» أقوم بالخطوات التالية‪:‬‬ ‫ب أقـــوم بتحــريـــر استعــالم (استعالم_‬ ‫بيانــــات_المـــواد)‪ ،‬وذلك عــــن طــريــق‬ ‫الضغط بزر الفأرة األيمن على االستعالم ثم‬ ‫اختيار تحرير‪.‬‬ ‫ت أكتب (رياض عبدالعزيز) في خانة معايير‬ ‫تحــت حــقـل (اسم_األستاذ)‪ ،‬كـمـــا في الشكل‬ ‫(‪.)8-4-٥‬‬ ‫ث أشغل االستعالم وأالحظ حقل (اسم_األستاذ)‪.‬‬ ‫‪ 2‬استخدام المعيار «أو»‪:‬‬ ‫يمكننا المعيار (أو) من وضع شرطين لالستعالم‬ ‫عن حالتين‪ ،‬فمث ً‬ ‫ال يمكننا االستعالم عن المواد‬ ‫التي يدرسها أستاذ معين والمواد التي يدرسها‬ ‫أستاذ آخر‪ ،‬وذلك بوضع اسم األستاذ األول في‬ ‫خانة (معايير) واسم األستاذ الثاني في خانة (أو)‪،‬‬ ‫ويمكن عمل ذلك كما يلي‪:‬‬ ‫أ أكتب (رياض عبدالعزيز) في خانة معايير‬ ‫تحت حقل (اسم_األستاذ) وأكتب (سامي‬ ‫سعيد) في خانة (أو) كما في الشكل (‪-4-٥‬‬ ‫‪.)9‬‬ ‫ب أشغل االستعالم وأالحظ حقل (اسم_األستاذ)‪.‬‬ ‫‪166‬‬ ‫شكل (‪ :)8-4-٥‬االستعالم‬ ‫شكل (‪ :)9-4-٥‬االستعالم‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الرابع‬ ‫‪ 3‬استخدام معايير التحديد‪:‬‬ ‫لالستعالم عن المواد التي حصصها باألسبوع أكثر من (‪،)2‬‬ ‫أتبع الخطوات التالية‪:‬‬ ‫أ أمسح المعايير السابقة في حقل (اسم_األستاذ)‪.‬‬ ‫ب أضع معيار (>‪ )2‬في خانة معايير تحت حقل (عدد_‬ ‫الحصص_األسبوعي)‪ ،‬كما في الشكل (‪.)10-4-٥‬‬ ‫ت أشغل االستعالم وأالحظ حقل (اسم_األستاذ)‪.‬‬ ‫ث أغلق االستعالم بال حفظ‪.‬‬ ‫شكل (‪ :)10-4-٥‬االستعالم‬ ‫تــمــريـــنـات‬ ‫ص ّمم االستعالمات التالية‪:‬‬ ‫‪ 1‬استعال ًما يعرض اسم الطالب واسم العائلة لألشخاص الذين يعيشون في العليا‬ ‫ومقبولين من عام ‪1420‬هـ وحتى ‪ 1425‬هـ‪.‬‬ ‫‪ 2‬استعال ًما يعرض أسماء الطالب وأسماء المواد التي يدرسونها‪.‬‬ ‫‪ 3‬استعال ًما يعرض أسماء المدرسين والمواد التي يدرسونها وعدد الحصص األسبوعي‪.‬‬ ‫‪167‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫التدريب الـخـــامـــس ‪ :‬الـنــمــــاذج‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫ماه ّية النماذج‪.‬‬ ‫إنشاء النماذج‪.‬‬ ‫التعامل مع البيانات في النماذج‪.‬‬ ‫تعديل تصميم النماذج‪.‬‬ ‫‪168‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الخامس‬ ‫مـقـدمـة الـتدريـب‬ ‫تشكل النماذج واجهة تعامل المستخدم لقاعدة بياناتك‪ ،‬فهي الوسيط بين المستخدم وجداولك‪،‬‬ ‫وبين المستخدم واستعالماتك‪ ،‬وبين المستخدم وتقاريرك‪ .‬فرغم أنه بإمكانك استخدام عروض‬ ‫الجداول واالستعالمات لتنفيذ بعض وظائف النماذج‪ ،‬إال أن النماذج تقدم ميزة إظهار المعطيات‬ ‫بطريقة جذابة ومنظمة‪.‬‬ ‫فكيف يمكن أن أعرض قاعدة بياناتي للمستخدمين بشكل منظم ومنطقي ؟‬ ‫وهل توجد وسيلة إلدخال البيانات باستخدام واجهات جميلة وسلسة غير الجداول؟‬ ‫خطـوات الـتدريـب‬ ‫يمكن إنشاء النماذج بعدة طرق منها ‪:‬‬ ‫‪ 1‬إنشاء نموذج في طريقة عرض التصميم‪.‬‬ ‫‪ 2‬إنشاء نموذج باستخدام المعالج‪ ،‬وهي الطريقة التي سنعتمد عليها في إنشاء النماذج‪.‬‬ ‫ً‬ ‫أول‬ ‫إنشاء نموذج لجدول الطالب‪:‬‬ ‫‪ 1‬أقوم بفتح قاعدة البيانات (قاعدة بيانات‬ ‫المدرسة)‪.‬‬ ‫‪ 2‬من تبويب (النماذج) من الشاشة الرئيسة‬ ‫في برنامج ليبر أوفيس بيس‪ ،‬أختار‬ ‫(استخدام المعالج إلنشاء نموذج)‪ ،‬كما في‬ ‫الشكل (‪.)1-5-٥‬‬ ‫شكل (‪ :)1-5-٥‬تبويب النماذج‬ ‫‪169‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫‪ 3‬تظهر نافذة تطلب تحديد الحقول التي تظهر‬ ‫في النموذج‪ ،‬والتي سيتم إدخال البيانات إليها‬ ‫باستخدام النموذج‪ ،‬كما في الشكل (‪.)2-5-٥‬‬ ‫أ أختار (جدول_الطالب) من قائمة (جداول أو‬ ‫استعالمات)‪.‬‬ ‫ب أحدد الحقل (رقم‪-‬الطالب) من قائمة‬ ‫(الحقول المتوفرة)‪ ،‬ثم أنقر على زر (>) للنقل‬ ‫إلى قائمة (الحقول في النموذج)‪.‬‬ ‫ت بنفس الطريقة أختار باقي الحقول‪.‬‬ ‫ث أنقر زر (التالي)‪.‬‬ ‫‪ 4‬ستظهر نافذة النموذج الفرعي‪ ،‬أتخطاها بالنقر‬ ‫على التالي‪.‬‬ ‫‪5‬‬ ‫بعدها ستظهر نافذة تطلب تنظيم عناصر‬ ‫التحكم في استمارتك‪ ،‬ويمكن من خالل هذه‬ ‫النافذة اختيار أحد أنواع النماذج األربعة‪ :‬إما في‬ ‫أعمدة تسميات لليسار‪ ،‬أو في أعمدة تسميات‬ ‫في األعلى‪ ،‬أو كجدول بيانات‪ ،‬أو في كتل ‪-‬‬ ‫تسميات لألعلى‪ ،‬كما في الشكل (‪.)3-5-٥‬‬ ‫أ أختار نوع النموذج (في أعمدة)‪.‬‬ ‫ب أنقر زر (التالي)‪.‬‬ ‫شكل (‪ :)2-5-٥‬معالج النموذج‬ ‫شكل (‪ :)3-5-٥‬تنظيم عناصر التحكم‬ ‫‪ 6‬تظهر نافذة تطلب تحديد وضع إدخال البيانات‪،‬‬ ‫كما في الشكل (‪ ،)4-5-٥‬أترك الخيارات كما‬ ‫هي وأنقر زر (التالي)‪.‬‬ ‫شكل (‪ :)4-5-٥‬وضع إدخال البيانات‬ ‫‪170‬‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الخامس‬ ‫‪ 7‬تظهــر نـافــذة تطلب تحديــد نمــط لنــموذجــك‪،‬‬ ‫كـــما في الشكل (‪ ،)5-5-٥‬سأختار لون معين‬ ‫ثم أنقر زر (التالي)‪.‬‬ ‫‪8‬‬ ‫تظهر نافذة تطلب منك تحديد اسم‬ ‫لنموذجك‪ ،‬كما في الشكل (‪ ،)6-5-٥‬كما‬ ‫تقترح عليك عنوان (جدول_الطالب) بنفس‬ ‫اسم الجدول الذي ستضيف إليه البيانات‬ ‫باستخدام النموذج‪.‬‬ ‫أ أغير عنوان النموذج إلى (نموذج إدخال الطالب‬ ‫العمودي)‪.‬‬ ‫ب أختار الخيار (العمل باستخدام االستمارة)‪.‬‬ ‫شكل (‪ :)5-5-٥‬حتديد منط للنموذج‬ ‫شكل (‪ :)6-5-٥‬تسمية النموذج‬ ‫ت‬ ‫ث‬ ‫أختار زر (إنهاء) لتكتمل عملية إنشاء النموذج‬ ‫وفتحه‪ .‬يوضح شكل (‪ )7-5-٥‬شكل النموذج‬ ‫النهائي‪.‬‬ ‫أغلق النموذج بالنقر على عالمة اإلغالق‪.‬‬ ‫شكل (‪ :)7-5-٥‬شكل النموذج النهائي‬ ‫‪171‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫ثان ًيا‬ ‫التعامل مع البيانات في نماذج‪:‬‬ ‫‪ 1‬إدخال سجالت جديدة‪:‬‬ ‫أ أعــيد فتـح (نموذج إدخال الطــالب العمــودي)‬ ‫مـــن تبويــب (النماذج)‪.‬‬ ‫ب إلضافة سجل جديد أنقر على زر (سجل جديد)‬ ‫من شريط التنقل بين السجالت‪ ،‬كما في الشكل‬ ‫(‪.)8-5-٥‬‬ ‫ت أدخل ثالث سجالت إضافية باستخدام النموذج‪.‬‬ ‫مالحظة‬ ‫للتنقل بين السجالت أستخدم أزرار شريط التنقل بين السجالت‬ ‫الموضحة وظائفها كما هو مبين في الشكل‪:‬‬ ‫رقم العنصر‬ ‫‪1‬‬ ‫‪3‬‬ ‫لعرض السجل السابق‪/‬التالي‪.‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫لعرض السجل األخير‪.‬‬ ‫لعرض السجل األول‪.‬‬ ‫رقم السجل احلالي‪ ،‬وميكن استخدام هذه اخلانة لالنتقال‬ ‫ألي سجل بكتابة رقمه والنقر على مفتاح (‪.)Enter‬‬ ‫‪ 2‬حذف السجالت‪:‬‬ ‫لحذف أي سجل أقوم بالخطوات التالية‪:‬‬ ‫أ أفتح نموذج (نموذج إدخال الطالب العمودي)‪.‬‬ ‫ب أحدد السجل المراد حذفه‪ ،‬ثم أنقر على زر (حذف‬ ‫السجل)‪ ،‬كما في الشكل (‪.)9-5-٥‬‬ ‫ت تظهر نافذة تأكيد الحذف‪ ،‬أنقر على زر (نعم)‪.‬‬ ‫ث أغلق النموذج‪.‬‬ ‫‪172‬‬ ‫شكل (‪ :)8-5-٥‬زر سجل جديد في النموذج‬ ‫الوظيفة‬ ‫لفتح سجل جديد‪.‬‬ ‫‪2‬‬ ‫سجل جديد‬ ‫حذف السجل‬ ‫شكل (‪ :)9-5-٥‬زر حذف السجل‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب الخامس‬ ‫ثال ًثا‬ ‫تعديل تصميم النماذج‪:‬‬ ‫لتعديل أي نموذج ال بد من فتحه بطريقة وضع التصميم‪،‬كما‬ ‫في الخطوات التالية‪:‬‬ ‫‪ 1‬أؤشر على (نموذج إدخال الطالب العمودي)‪ ،‬ثم أنقر‬ ‫على زر الفأرة األيمن وأختار خيار (تحرير)‪،‬كما في الشكل‬ ‫(‪.)10-5-٥‬‬ ‫شكل (‪ :)10-5-٥‬حترير النموذج‬ ‫‪ 2‬سيظهر (نموذج إدخال الطالب العمودي) بوضع التصميم‪،‬‬ ‫كما في الشكل (‪ .)11-5-٥‬يمكنك من هذه الوضعية‬ ‫حذف بعض الحقول من النموذج أو إضافة حقول جديدة‪.‬‬ ‫‪ 3‬أحذف حقل (عام القبول) وذلك بالنقر عليه‪ ،‬ثم أضغط‬ ‫مفتاح (‪ )Delete‬من لوحة المفاتيح‪.‬‬ ‫‪ 4‬أقوم بحفظ النموذج ثم إغالقه‪.‬‬ ‫شكل (‪ :)11-5-٥‬وضع التصميم‬ ‫تــمــريـــنـات‬ ‫أنشئ النماذج التالية‪:‬‬ ‫‪ 1‬نموذج جدول المدرسين‪.‬‬ ‫‪ 2‬نموذج جدول الطالب على شكل جدول‪.‬‬ ‫‪173‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫التدريب الـســـادس ‪ :‬الـتـقــاريـر‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫ماه ّية التقارير‪.‬‬ ‫إنشاء التقارير‪.‬‬ ‫تصنيف التقارير‪.‬‬ ‫‪174‬‬ ‫الخامس‬ ‫التدريبالسادس‬ ‫الـبـيـانـات ‪:‬التدريب‬ ‫قـواعـدالـبـيـانـات ‪:‬‬ ‫قـواعـد‬ ‫مـقـدمـة الـتدريـب‬ ‫التقرير عبارة عن مستند ميكن طباعته أو عرضه على الشاشة أو حفظه يف ملف‪ ،‬ويشمل‬ ‫التقرير البيانات املوجودة بقاعدة البيانات أو جز ًءا منها‪ ،‬ويصمم التقرير لطباعة البيانات على‬ ‫الطابعة‪.‬‬ ‫ميكنك إنشاء التقارير بعدة طرق‪ ،‬منها طريقة إنشاء التقارير باستخدام معالج التقارير‪ ،‬وهذه‬ ‫الطريقة هي التي سنتبعها يف شرح إنشاء التقارير‪.‬‬ ‫وميكن بواسطة معالج التقارير استخراج التقرير من جدول أو أكثر أو من استعالم‪ .‬ويسمح لنا‬ ‫معالج التقرير بإخراج التقرير بعدة أشكال‪ ،‬وللتوضيح سنشرح ذلك باملثال التالي‪:‬‬ ‫نريد تصميم تقرير يعرض لنا بيانات‬ ‫الطالب بالشكلني التاليني‪:‬‬ ‫‪ 1‬عرض بيانات الطالب مسرودة كما‬ ‫يف الشكل (‪.)1-6-٥‬‬ ‫شكل (‪ :)1-6-٥‬تقرير بيانات مسرودة‬ ‫‪ 2‬عرض بيانات الطالب مج ّمعة‬ ‫بحسب عام القبول كما في الشكل‬ ‫(‪.)2-6-٥‬‬ ‫شكل (‪ :)2-6-٥‬تقرير بيانات مجمعة‬ ‫‪175‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أوال‬ ‫إنشاء التقارير‪:‬‬ ‫إلنشـاء الـــتقــريــر كــمــا في الشكل (‪-6-٥‬‬ ‫‪ ،)1‬أتبع الخطــوات التالية‪:‬‬ ‫‪ 1‬من تبويب (التقارير)‪ ،‬أختار األمر‬ ‫(استخدام المعالج إلنشاء التقرير)‪ ،‬كما‬ ‫في الشكل (‪.)3-6-٥‬‬ ‫شكل (‪ :)3-6-٥‬معالج إنشاء التقارير‬ ‫‪ 2‬ستظهر نافذة كما في الشكل (‪-6-٥‬‬ ‫‪ ،)4‬تطلب تحديد الحقول المطلوبة في‬ ‫التقرير‪.‬‬ ‫أ أختار الجدول (جدول_الطالب) من‬ ‫قائمة (جداول أو استعالمات) والذي‬ ‫أنشئ في تدريب الجداول‪.‬‬ ‫ب‬ ‫ت‬ ‫أنقل جميع الحقول من قائمــة‬ ‫(الحقول المتوفــرة) إلــى (الحقول‬ ‫في التقرير) بالنقر على زر (>>)‪.‬‬ ‫أنقر زر التالي‪.‬‬ ‫‪3‬‬ ‫ستظهر نافذة معالج التقارير خطوة‬ ‫تسمية الحقول كما في الشكل (‪،)5-6-٥‬‬ ‫أختار منها زر (التالي) لعدم الحاجة إليها‬ ‫في هذا التقرير‪.‬‬ ‫‪176‬‬ ‫شكل (‪ :)4-6-٥‬نافذة معالج إنشاء التقارير‬ ‫شكل (‪ :)5-6-٥‬معالج التقارير ‪ -‬تسمية احلقول‬ ‫قـواعـد الـبـيـانـات ‪ :‬التدريب السادس‬ ‫‪ 4‬ستظهر نافذة معالج التقارير خطوة التجميع‬ ‫كما في الشكل (‪ ،)6-6-٥‬أختار منها زر‬ ‫(التالي) لعدم الحاجة إليها في هذا التقرير‪.‬‬ ‫شكل (‪ :)6-6-٥‬معالج التقارير‪ -‬التجميع‬ ‫‪ 5‬ستظهر نافذة معالج التقارير خطوة الفرز‬ ‫كما في الشكل (‪ ،)7-6-٥‬والتي تستطيع من‬ ‫خاللها فرز الحقول إما تصاعد ًّيا أو تنازل ًّيا‪،‬‬ ‫أختار منها زر (التالي) لعدم الحاجة إليها في‬ ‫هذا التقرير‪.‬‬ ‫شكل (‪ :)7-6-٥‬معالج التقارير‪ -‬خيارات الفرز‬ ‫‪ 6‬ستظهر نافذة معالج التقارير خطوة اختيار‬ ‫المظهر كما في الشكل (‪ ،)8-6-٥‬والتي‬ ‫تستطيع من خاللها ضبط مظهر التقرير‪ ،‬أبقي‬ ‫الخيارات كما هي ثم أنقر زر (التالي)‪.‬‬ ‫شكل (‪ :)8-6-٥‬معالج التقارير‪ -‬املظهر‬ ‫‪ 7‬ستظهر نافذة معالج التقارير خطوة إنشاء‬ ‫التقرير كما في الشكل (‪ ،)9-6-٥‬تستطيع من‬ ‫خاللها تحديد عنوان التقرير‪.‬‬ ‫أ أكتب عنوان التقرير (بيانات الطالب)‪.‬‬ ‫ب‬ ‫أنقر زر (إنهاء) لتتم عملية إنشاء التقرير‪.‬‬ ‫شكل (‪ :)9-6-٥‬معالج التقارير‪ -‬إنشاء التقرير‬ ‫‪177‬‬ ‫تدريبات الـوحـدة الخامسة‪:‬‬ ‫ثان ًيا‬ ‫إنشاء تقرير بعرض البيانات‪:‬‬ ‫إلنشاء تقرير يعرض البيانات مجمعة بحسب عام القبول‪ ،‬كما في الشكل (‪ ،)2-6-٥‬أقوم‬ ‫بالخطوات التالية‪:‬‬ ‫‪ 1‬من تبويب (التقارير)‪ ،‬أختار األمر (استخدام المعالج إلنشاء التقرير)‪.‬‬ ‫‪ 2‬ستظهر نافذة تطلب تحديد الحقول المطلوبة في التقرير‪.‬‬ ‫أ أختار الجدول (جدول_الطالب) من‬ ‫قائمة (جداول أو استعالمات) والذي‬ ‫أنشئ في تدريب الجداول‪.‬‬ ‫ب أنقل جميع الحقـول من قائمة‬ ‫(الحقول الـــمتــوفــرة) إلــى (الحقول‬ ‫في التقرير) بالنقر على زر (>>)‪.‬‬ ‫ت أنـــقــر زر (التالي)‪.‬‬ ‫‪3‬‬ ‫ستظهــر نافـــذة معالـج التقـاريــر‬ ‫شكل (‪ :)10-6-٥‬معالج التقارير ‪ -‬التجميع حسب عام القبول‬ ‫خطــوة تسمية الحقول‪ ،‬أختار منها زر‬ ‫(حقل عام القبول) كما في الشكل (‪ ،)10-6-٥‬ثم أنقر (التالي)‪.‬‬ ‫‪ 4‬ستظهر نافذ معالج التقارير خطوة الفرز‪ ،‬أختار منها زر (التالي) لعدم الحاجة إليها في‬ ‫هذا التقرير‪.‬‬ ‫‪ 5‬ستظهر نافذة معالج التقارير خطوة اختيار المظهر‪ ،‬أختار منها زر (التالي) لعدم الحاجة‬ ‫إليها في هذا التقرير‪.‬‬ ‫‪ 6‬ستظهر نافذة معالج التقارير خطوة إنشاء التقرير‪ ،‬حيث أستطيع من خاللها تحديد عنوان‬ ‫التقرير‪.‬‬ ‫أ أكتب عنوان التقرير (بيانات الطالب حسب عام القبول)‪.‬‬ ‫ب أنقر زر (إنهاء) لتتم عملية إنشاء التقرير‪.‬‬ ‫تــمــريــنــات‬ ‫أنشئ التقارير التالية‪:‬‬ ‫‪ 1‬تقرير جدول المدرسين بطريقة مسرودة‪.‬‬ ‫‪ 2‬تقرير جدول المواد مج ّمعة بحسب عدد الحصص األسبوعي‪.‬‬ ‫‪178‬‬ ‫تدريبات الوحدة السادسة‬ ‫عـمـارة الـحـاسـب‬ ‫التدريب األول ‪:‬‬ ‫اختبار وقياس أداء املعالج‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫استخدام أدوات نظام التشغيل في اختبار وقياس أداء الحاسب بشكل عام والمعالج بشكل‬ ‫خاص‪.‬‬ ‫استخدام البرامج الفنية المتخصصة في اختبار وقياس أداء الحاسب والمعالج‪.‬‬ ‫عمارة الحاسب ‪ :‬التدريب األول‬ ‫مـتطلبـات الـتدريـب‬ ‫‪ 1‬نظام التشغيل (‪.)Windows 7‬‬ ‫‪ 2‬القرص املرفق مع الكتاب الذي يحتوي برنامج (‪ )Piriform Speccy‬ضمن مجلد (عمارة احلاسب)‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫تفيد عملية اختبار وقياس أداء الحاسب بشكل عام والمعالج بشكل خاص في تكوين فهم أعمق‬ ‫لدى الطالب عن الخصائص الفنية لمكونات الحاسب‪ ،‬مما يسهم في بلورة المفاهيم النظرية‬ ‫المتعلقة بعمارة الحاسب لدى الطالب‪ .‬وتتوفر في نظام التشغيل أدوات متعددة تعطي معلومات‬ ‫فنية كثيرة عن مكونات الحاسب‪ ،‬ومؤشرات متعددة عن أداء الحاسب ومكوناته المختلفة‪.‬‬ ‫إضافة إلى ذلك تتوفر برامج كثيرة (بعضها مفتوحة المصدر‪ ،‬وبعضها يتوفر منه نسخ تجريبية‬ ‫مجانية لفترة محددة) يمكن أن تعطي قياسات ومؤشرات تفصيلية ال توفرها أدوات نظام التشغيل‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أوال‬ ‫استخدام األدوات التي يوفرها نظام التشغيل‪:‬‬ ‫‪ 1‬تتوفر في نظام التشغيل أدوات متعددة تعطينا‬ ‫تفاصيل كثيرة عن مكونات الحاسب‪ ،‬وعن الخصائص‬ ‫والمواصفات الفنية لهذه المكونات‪ .‬وإذا قمت‬ ‫بالتأشير على األيقونة (‪ )Computer‬في سطح‬ ‫المكتب‪ ،‬ثم الضغط على الزر األيمن في الفأرة‬ ‫تظهر لي قائمة منسدلة من االختيارات‪ .‬وباختيار‬ ‫(‪ )Properties‬من هذه القائمة تظهر نافذة كما‬ ‫في الشكل (‪ .)1-1-6‬وتتضمن هذه النافذة معلومات‬ ‫تقنية مفيدة عن مكونات الحاسب‪.‬‬ ‫شكل (‪ :)1-1-6‬بعض املعلومات التقنية األساسية عن‬ ‫احلاسب التي ميكن احلصول عليها من خالل خدمات‬ ‫نظام التشغيل‬ ‫‪181‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫‪ 2‬تـــظـــهر النافذة في شكـــــل (‪ )1-1-6‬أن‬ ‫(التصنيف ‪ -‬وهو معيار أداء الحاسب) ‪-‬‬ ‫على سبيـــــل المثال ‪ -‬يبلغ قيمة (‪.)4.9‬‬ ‫وبالضغط على الرابط (فهرس استخدام‬ ‫‪ )Windows‬بجوار هذا الرقم تظهر‬ ‫نافذة تعرض معلومات أكثر عن أداء‬ ‫الحاسب‪ .‬ويظهر في الشكل (‪)2-1- 6‬‬ ‫معلومات توضح أنه في معيار تبلغ أقصى‬ ‫قيمة له (‪ )7.9‬فإن معدل أداء المعالج‬ ‫بلغ قيمة (‪ ،)7.1‬وبلغ معدل أداء الذاكرة‬ ‫قيمة (‪ ،)5.9‬وبلغ معدل أداء معالجة‬ ‫شكل (‪ :)2-1-6‬بعض القياسات عن أداء احلاسب التي ميكن‬ ‫احلصول عليها من خالل خدمات نظام التشغيل‬ ‫الرسومات قيمة (‪ ،)4.9‬وبلغ قيمة معدل‬ ‫معالجة رسومات األلعاب قيمة (‪ ،)6.4‬وبلغت قيمة معيار أداء القرص الصلب قيمة (‪ .)5.9‬وأن‬ ‫المعيار العام ألداء الحاسب هو أقل قيمة من بين قيم معايير أداء مكونات الحاسب المختلفة‪ ،‬وهي‬ ‫القيمة (‪.)4.9‬‬ ‫وهذه المعلومات المتعلقة بأداء الحاسب مفيدة فيما يتعلق باالطمئنان إلى أن أداء الحاسب ومكوناته‬ ‫المختلفة كان ضمن القيم المتوقعة بحسب تكلفة الجهاز وتكلفة مكوناته المختلفة‪ .‬بمعنى آخر فإنه لو‬ ‫أننا دفعنا تكلفة أعلى لشراء حاسب ذي معالج أقوى‪ ،‬أو يوجد به بطاقة خاصة لمعالجة الرسوم‪،‬‬ ‫أو أن محرك األقراص الصلبة فيه يتمتع‬ ‫بواجهة سريعة لنقل البيانات‪ ،‬لكنا حصلنا‬ ‫على قيم مختلفة لمعايير أداء هذه المكونات‪.‬‬ ‫‪ 3‬تظهر قائمة من االختيارات على يمين النافذة‬ ‫في الشكل (‪ )2-1-6‬اختار منها "األدوات‬ ‫المتقدمة" حيث ستظهر نافذة أخرى تتضمن‬ ‫مجموعة من العمليات كما في الشكل (‪)3-1-6‬‬ ‫شكل (‪ :)3-1-6‬نافذة األدوات املتقدمة‬ ‫‪182‬‬ ‫عمارة الحاسب ‪ :‬التدريب األول‬ ‫وباختيار العملية " فتح إدارة المهام" تظهر النافذة‬ ‫الرئيسية إلدارة المهام‪ .‬ولمعرفة مؤشرات أداء‬ ‫المعالج أقوم بفتح التبويب "األداء" الذي سيعرض‬ ‫مجموعة من الرسوم البيانية الممثلة لمؤشرات أداء‬ ‫المعالج كما في شكل (‪.)4-1-6‬‬ ‫ويبين شكل (‪ )4-1-6‬بالرسوم البيانية معدل‬ ‫استخدام الموارد في كل وحدة عاملة (‪)core‬‬ ‫من وحدات المعالج‪ .‬ويالحظ أن الجهـــاز الــذي‬ ‫استخدمه ال يقوم حال ًّيا بتنفيذ أية برامج تطبيقية‬ ‫تتطلب استخـــدام موارد المعالج‪ ،‬لذا فإن الشكل‬ ‫يظهر لي أن متوسط استخدام (‪ )CPU‬في حدود‬ ‫(‪ )%1‬فقط‪ .‬ويوصف المعالج في هذه الحالة بأنه‬ ‫في حالة «خمول» (‪.)idle‬‬ ‫شكل (‪ :)4-1-6‬نافذة (إدارة املهام) التي تظهر مستويات‬ ‫استخدام وحدات املعالج‬ ‫مالحظة‬ ‫ســأقــوم فــي التدريب الثاني بتكليف الحاسب بتنفيذ‬ ‫برنامج يحتوى حسابات طويلة تتطلب استخدام موارد‬ ‫المعالج‪ ،‬ثم مشاهدة كيف تتغير مؤشرات أداء المعالج‪.‬‬ ‫ثان ًيا‬ ‫قياس سرعة المعالج (‪ )Core Speed‬ودرجة حرارة المعالج في حالة الخمول‪:‬‬ ‫‪ 4‬إذا أردت الحصول على قياسات تفصيلية أخرى عن أداء الحاسب فال بد من استخدام برامج‬ ‫متخصصة لهذا الغرض ألن أدوات‬ ‫نظــــام التشغـــيل ال تـــوفــر مـثـل هــذه‬ ‫المعلومات‪ .‬أحد هذه البرامج المفيدة‬ ‫هو البرنامج (‪ )Piriform Speccy‬أو‬ ‫(‪ )Speccy‬على سبيل االختصار‪.‬‬ ‫أنتقل إلى القرص المرفق مع الكتاب‬ ‫لتشغيل برنامج (‪ )Speccy‬ضمن مجلد‬ ‫(عمارة الحاسب)‪ .‬ويقوم البرنامج عند‬ ‫تشغيله ألول مرة يقوم بجمع معلومات‬ ‫فنية عن مكونات الحاسب‪ ،‬ثم يعطي‬ ‫شكل (‪ :)5-1-6‬الصفحة الرئيسة والتقرير االفتتاحي‬ ‫تقري ًرا مختص ًرا عن الحاسب كما في‬ ‫لبرنامج (‪)Speccy‬‬ ‫شكل (‪ .)5-1-6‬ويالحظ هنا تكرار بعض‬ ‫‪183‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫المواصفات الفنية لما حصلنا عليه ساب ًقا باستخدام أدوات نظام التشغيل‪ .‬لكن يظهر التقرير‬ ‫المختصر معلومات إضافية عن درجة حرارة مكونات الحاسب‪ .‬فدرجة حرارة المعالج في حالة‬ ‫الخمول تبلغ (‪ )42‬درجة‪ ،‬ثم هناك معلومات عن درجة حرارة اللوحة الحاضنة (مقاسة بحسب‬ ‫درجة حرارة القاعدة التي تستقبل المعالج)‪ ،‬ودرجة حرارة بطاقة توليد الرسومات‪ ،‬ومحركات‬ ‫األقراص الصلبة‪.‬‬ ‫‪ 5‬وللحصول على تفاصيل أكثر عن المؤشرات الفنية للمعالج أقوم بالضغط على الخيار (‪)CPU‬‬ ‫فتظهر نافذة تعرض معلومات تفصيلية كثيرة عن حالة المعالج في حالة الخمول‪ .‬وتظهر‬ ‫المعلومات أن مواصفات المعالج تحدد سرعة المعالج القصوى بأنها (‪ )3.3‬جيجاهرتز‪،‬‬ ‫ولكن إذا نظرنا إلى سرعة الوحدات المختلفة (‪ )core0, core1, core2, core3‬لوجدنا أن‬ ‫سرعة كل وحدة هي (‪ )1596.4‬ميجاهرتز أي أقل من نصف السرعة القصوى التي تحددها‬ ‫المواصفات‪ .‬ويالحظ أن هذه القيمة تساوى حاصل ضرب معامل الضرب (‪)Multiplier‬‬ ‫وقيمته (‪ )16‬في سرعة نبضات المسار (‪ )Bus Speed‬وقيمتها (‪ )99.8‬ميجاهرتز‪.‬‬ ‫ويتضح لنا هنا كيف يقوم نظام التشغيل بتوفير استهالك الطاقة في الحاسب من خالل تقليص‬ ‫استهالك الطاقة في المعالج‪ .‬ويقوم نظام التشغيل بالتحكم في قيمة معامل الضرب‪ ،‬ففي هذا‬ ‫الجهاز عندما يكون الحاسب في حالة خمول‪ ،‬يجعل نظام التشغيل قيمة معامل الضرب عند‬ ‫قيمة متدنية (أقل من النصف)‪ ،‬وبذلك تنخفض سرعة كل وحدة (‪ )core‬إلى أقل من النصف‪،‬‬ ‫وبالتالي ينخفض استهالك الطاقة‬ ‫في المعالج إلى أقل من النصف‬ ‫ً‬ ‫أيضا‪.‬‬ ‫كذلك نالحظ أن سرعة مروحة‬ ‫تبريد المعالج هي عند (‪)1318‬‬ ‫لفة‪/‬دقيقة‪ ،‬وهي سرعة منخفضة‬ ‫مناسبة لدرجة حرارة المعالج في‬ ‫حالة الخمول‪.‬‬ ‫‪ 6‬يتضمن برنامج (‪)Speccy‬‬ ‫تــفــاصــيــل فــنــيــة كــثــيــرة عن‬ ‫مكونات للحاسب‪ .‬ويمكنني‬ ‫ال ــرج ــوع لــلــنــافــذة الــرئــيــســة‬ ‫شكل (‪ :)6-1-6‬التقرير الفني عن مؤشرات املعالج يف حالة (اخلمول)‬ ‫وأختار خيارات أخرى للتعرف‬ ‫على مــؤشــرات أداء مكونات‬ ‫الحاسب األخرى‪.‬‬ ‫‪184‬‬ ‫عمارة الحاسب ‪ :‬التدريب األول‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫ما نوع وحدات الذاكرة في اللوحة الحاضنة (‪ )DDR2) (DDR1‬أو (‪ )DDR3‬بحسب‬ ‫تقرير (‪)Speccy‬؟ وكم حجمها؟‬ ‫يعطي التقرير الفني عن مؤشرات المعالج في برنامج (‪ )Speccy‬تقنية تصنيع أشباه‬ ‫الموصالت (‪ )Technology‬المستخدمة في تصنيع المعالج‪ .‬ما هذه التقنية؟ ‪...‬‬ ‫وبالرجوع إلى جدول (‪ )2-6‬من الوحدة السادسة في كتاب الطالب‪ ،‬حدد إلى أي جيل‬ ‫ينتمي المعالج؟‬ ‫كم ستكون سرعة الوحدة في المعالج إذا كان معامل الضرب (‪ )Multiplier‬يساوي‬ ‫(‪)24‬؟‬ ‫ما مقدار الذاكرة السريعة المخصصة للبيانات (‪)L1 Data Cache Size‬؟ وما مقدار‬ ‫الذاكرة السريعة المخصصة للتعليمات (‪)L1 Instructions Cache Size‬؟‬ ‫اختر طلب المعلومات عن أجهزة الحفظ (‪ )Storage‬في برنامج (‪ ،)Speccy‬ثم أجب‬ ‫عن األسئلة التالية‪:‬‬ ‫‪ ‬ما اسم الشركة المصنعة لمحرك القرص الصلب؟‬ ‫‪ ‬ما سعة القرص الصلب (‪)Capacity‬؟‬ ‫‪ ‬ما نوع واجهة االتصال بمحرك القرص الصلب (‪ )SATA‬أو (‪)ATA)، (IDE‬؟‬ ‫‪ ‬كم سرعة تناقل البيانات عبر واجهة االتصال مع القرص الصلب؟‬ ‫في حالة وجود بطاقة لالتصال بالشبكة المحلية‪ ،‬اختر طلب المعلومات عن الشبكة‬ ‫(‪ )Network‬في برنامج (‪ ،)Speccy‬ثم أجب عن األسئلة التالية‪:‬‬ ‫‪ ‬ما اسم الشركة المصنعة لبطاقة الشبكة؟‬ ‫‪ ‬ما عنوان بروتوكول اإلنترنت للجهاز (‪)IP Address‬؟‬ ‫‪ ‬ما عنوان بروتوكول اإلنترنت للمزود (‪)Gateway server IP Address‬؟‬ ‫‪ ‬ما سرعة االتصال بالشبكة (‪)Link Speed‬؟ (قد تالحظ أن السرعة تتغير بحسب‬ ‫حالة نقل البيانات عبر بطاقة الشبكة‪ ،‬ولكن يمكن تسجيل أعلى قيمة تصل إليها‬ ‫سرعة االتصال)‪.‬‬ ‫‪185‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫التدريب الثاني ‪ :‬قياس أداء املعالج‬ ‫حتت التحميل‪ ،‬وحتسني أداء احلاسب‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫قياس أداء المعالج في مستويات عالية من التشغيل‪.‬‬ ‫كيفية تحسين أداء مكونات الحاسب المختلفة‪.‬‬ ‫‪186‬‬ ‫عمارة الحاسب ‪ :‬التدريب الثاني‬ ‫مـتطلبـات الـتدريـب‬ ‫‪ 1‬نظام التشغيل (‪.)Windows 7‬‬ ‫‪ 2‬القرص املرفق مع الكتاب الذي يحتوي برنامج (‪ )Prime95‬ضمن مجلد (عمارة احلاسب)‪.‬‬ ‫مـقـدمـة الـتدريـب‬ ‫لقد تعلمنا في التدريب األول كيفية قياس أداء الحاسب بشكل عام والمعالج بشكل خاص في‬ ‫حالة وضع الخمول (‪ )idle‬للحاسب‪ .‬ويتضمن هذا التدريب جزأين‪ :‬ففي الجزء األول‪ ،‬سنقوم‬ ‫بتكليف الحاسب بتنفيذ أعمال حاسوبية (تنفيذ برامج) تتطلب تشغيل المعالج في أقصى مستويات‬ ‫التشغيل‪ ،‬ثم نستخدم البرامج السابقة في قياس أداء المعالج والحاسب‪.‬‬ ‫وفي الجزء الثاني سنتعلم كيف نحسن أداء الحاسب من خالل تنفيذ عمليات متعددة لتحسين‬ ‫أداء المكونات المختلفة للحاسب‪.‬‬ ‫خطـوات الـتدريـب‬ ‫ً‬ ‫أوال‬ ‫قياس أداء المعالج تحت التحميل‪:‬‬ ‫‪ 1‬أبدأ هذا التدريب بتشغيل برنامج «إدارة املهام»‪ ،‬وكذلك تشغيل برنامج (‪ )Speccy‬كما فعلت‬ ‫يف التدريب األول‪ .‬وسيعطيني البرنامجان قياسات مشابهة ملا رأيتها يف التدريب األول نظراً‬ ‫لعدم وجود حتميل على املعالج ‪ -‬أي أن املعالج ما زال يف حالة اخلمول (‪.)idle‬‬ ‫‪ 2‬أحتاج يف هذا التدريب إلى حتميل املعالج بتنفيذ برنامج بشكل مستمر بحيث يضطر املعالج‬ ‫للعمل يف أقصى مستوى ممكن (‪ .)%100‬وتتوفر برامج عديدة لهذا الغرض‪ ،‬وهي تقوم على‬ ‫أساس شغل املعالج بتنفيذ عمليات حسابية معقدة تتضمن عمليات تكرار مستمرة‪ ،‬وبذلك‬ ‫ميكن شغل املعالج بالعمل يف حلقة ال نهائية ال تتوقف إال بعد تدخل املستخدم بإيقاف‬ ‫البرنامج‪.‬‬ ‫أحد هذه البرامج هو برنامج (‪ )Prime95‬والذي تستخدمه املجموعة البحثية (‪ )GIMPS‬للبحث‬ ‫عن األعداد األولية الكبيرة‪ .‬ويتضمن البرنامج تنفيذ عمليات رياضية متكررة تتطلب قدرات‬ ‫حاسوبية عالية‪.‬‬ ‫‪187‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫أنتــقــل إلــى القــرص املرفـــق‬ ‫لتشغيــل بـرنامج (‪ )Prime95‬ضمن‬ ‫مجلد (عمارة احلاسب)‪ ،‬حيث يوضح شكل‬ ‫(‪ )1-2-6‬النافذة الرئيسة للبرنامج عند‬ ‫حتميله ألول مرة متضمنة رسالة ترحيبية‪،‬‬ ‫وتشرح الرسالة الهدف من العمل الذي‬ ‫تقوم به مجموعة (‪ ،)GIMPS‬وتعطيني‬ ‫خيارين‪ :‬أن أنضم إلى املجموعة يف البحث‬ ‫عن األعداد األولية (!‪ ،)Join GIMPS‬أو‬ ‫أن أتوجه إلى اختبار األداء حتت احلمولة‬ ‫(‪.)Just Stress Testing‬‬ ‫شكل (‪ :)1-2-6‬الرسالة االفتتاحية لبرنامج (‪)Prime95‬‬ ‫عند تشغيله ألول مرة‬ ‫‪ 3‬بالضغط على زر (‪ ،)Just Stress Testing‬تظهر نافذة أخرى أخرى تتضمن صندوق تعليمات‬ ‫إلعدادات اختبار يحمل االسم «اختبار العذاب» (‪ )Torture Test‬الموضح في شكل (‪-2-6‬‬ ‫‪ .)2‬ويوضح الصندوق توفر (‪ )4‬أنواع من االختبارات التي يمكن االختيار منها‪ .‬وقد ال أحتاج‬ ‫لفهم الفرق بين هذه االختبارات‪ ،‬ولكن يكفي أن أختار النوع األول (األعلى) منها‪ ،‬والذي يكون‬ ‫فيه البرنامج في الذاكرة السريعة‬ ‫(الكاش)‪ ،‬وبالتالي فإن االختبار‬ ‫يركز على أداء المعالج‪ ،‬وال‬ ‫يتضمن اختبا ًرا للذاكرة‪ .‬وأحتاج‬ ‫كذلك إلى تحديد عدد الوحدات‬ ‫التي هي تحت االختبار (‪Number‬‬ ‫‪،)of torture test threads to run‬‬ ‫وهي (‪ - )4‬وهي تساوي عدد‬ ‫الوحدات العاملة (‪ )core‬في‬ ‫المعالج‪.‬‬ ‫‪188‬‬ ‫شكل (‪ :)2-2-6‬صندوق التعليمات لبدء اختبار «العذاب»‬ ‫(‪)Torture Test‬‬ ‫عمارة الحاسب ‪ :‬التدريب الثاني‬ ‫‪ 4‬بالضغــط علـى (‪ ،)OK‬يبــدأ البرنــامــج‬ ‫في العمــل‪ ،‬وسـتظهــر نافذة البرنامج‬ ‫كما في شكل (‪ .)3-2-6‬وتتكون هذه‬ ‫النافذة من (‪ )5‬نوافذ فرعية‪ :‬األولى‬ ‫منها تبين وضع البرنامج العام‪ ،‬في‬ ‫حين تبين النوافذ األربعة األخرى حالة‬ ‫تنفيذ البرنامج في كل وحدة عاملة‬ ‫(‪ )core‬من وحدات المعالج‪ .‬وال يهمنا‬ ‫في هذا التدريب معرفة طبيعة البرامج‬ ‫التي يجري تنفيذها‪ ،‬وإنما ما يهمنا‬ ‫هو أن المعالج يعمل اآلن في أقصى‬ ‫مستويات التشغيل‪.‬‬ ‫‪ 5‬في بداية التدريب كنت قد قمت‬ ‫بتشغيل برنامج «إدارة المهام»‪،‬‬ ‫والبرنامج يعمل في الخلفية‪ ،‬وكان‬ ‫يقوم بجمع المؤشرات عن أداء‬ ‫المعالج‪ .‬وباستعراض المؤشرات في‬ ‫نافذة برنامج «إدارة المهام» بعد‬ ‫تشغيل برنامج (‪ )Prime95‬سأجد‬ ‫أن معدل استخدام الوحدات العاملة‬ ‫(‪ )core‬قد ارتفع إلى (‪ )%100‬كما في‬ ‫شكل (‪.)4-2-6‬‬ ‫شكل (‪ :)3-2-6‬العمليات التي يقوم برنامج (‪)Prime95‬‬ ‫بتنفيذها بعد تشغيل البرنامج‬ ‫شكل (‪ :)4-2-6‬مؤشرات برنامج إدارة املهام بعد تشغيل برنامج‬ ‫(‪)Prime95‬‬ ‫‪189‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫‪ 6‬كذلك في بــدء التدريب كنت قد‬ ‫قمت بتشغيل برنامج (‪،)Speccy‬‬ ‫وكــان البـرنامــج يــقـوم في الخلفيــة‬ ‫بعمــل القياســات عــن أداء المعـــالج‬ ‫والحاسب‪ .‬وبنظــرة سريعــة إلى نافذة‬ ‫برنامج (‪ )Speccy‬بــــعـد تشغــيــل‬ ‫(‪ )Prime95‬نستطيع استعراض العديد‬ ‫من المعلومات عن أداء المعالج تحت‬ ‫التحميل كما في شكل (‪ )5-2-6‬منها‪:‬‬ ‫ارتفاع سرعة الوحدات العاملة إلى‬ ‫(‪ )3.3392‬ميجاهرتز أو (‪)3.3923‬‬ ‫جيجاهرتز‪ ،‬وهي السرعة القصوى‬ ‫شكل (‪ :)5-2-6‬قياسات برنامج (‪)Speccy‬بعد تشغيل برنامج‬ ‫للمعالج حسب المواصفات الفنية‪ .‬وتمثل‬ ‫(‪ )Prime95‬لعدة دقائق‬ ‫هذه السرعة حاصل ضرب قيمة الـ‬ ‫(‪ )Multiplier) (34‬في سرعة المسار (‪.)Bus Speed‬‬ ‫ارتفاع درجة حرارة الوحدات العاملة إلى (‪ )89-83‬درجة مئوية تحت ضغط عمل يحتاج إلى‬ ‫(‪ )%100‬من طاقة المعالج‪.‬‬ ‫ارتفاع سرعة دوران مروحة التبريد إلى (‪ 2528‬لفة‪/‬دقيقة)‪ ،‬لتغطية الحاجة إلى تبريد الحرارة‬ ‫العالية الصادرة من المعالج‪( .‬وبقليل من التنصت يمكنني سماع صوت مروحة التبريد العالي وهي‬ ‫تدور بالسرعة العالية)‪.‬‬ ‫‪ 7‬يالحظ أنه يمكنني أن استمر في تشغيل اختبار (‪ )Torture Test‬لعدة ساعات بهدف اختبار‬ ‫قدرة المعالج على التحمل‪ .‬ويمكنني كذلك إيقاف االختبار عبر الشاشة الرئيسة لبرنامج‬ ‫(‪ ،)Prime95‬واختيار (‪ )Test‬ثم (‪.)Stop‬‬ ‫‪190‬‬ ‫عمارة الحاسب ‪ :‬التدريب الثاني‬ ‫ثان ًيا‬ ‫تحسين أداء الحاسب‪:‬‬ ‫من الواضح أنه لكي نحسن من أداء الحاسب يمكننا استخدام معالج أقوى وأسرع‪ ،‬أو زيادة‬ ‫حجم الذاكرة‪ ،‬أو استخدام بطاقة لتوليد ومعالجة الرسوم‪ ،‬أو إضافة محرك أقراص صلبة ذي‬ ‫سعة عالية‪ .‬وجميع هذه الحلول تتطلب صرف ميزانية إضافية لتنفيذ التحسينات المطلوبة‪.‬‬ ‫ولكن هل توجد أية إجراءات أو عمليات‬ ‫يمكن من خاللها تحسين أداء الحاسب دون‬ ‫الحاجة إلى صرف مبالغ إضافية؟ في الواقع‬ ‫فإن اإلجابة على هذا السؤال هي باإليجاب‪.‬‬ ‫وسنتعلم في هذا الجزء من التدريب مجموعة‬ ‫من اإلجراءات والعمليات التي يمكنها أن تحسن‬ ‫من أداء الحاسب بصورة ملموسة‪.‬‬ ‫‪ 1‬أعود أوالً إلى نافذة المعلومات واألدوات‬ ‫المتعلقة بأداء الحاسب التي سبــق أن‬ ‫زرتــها في التــدريب السابـــق‪ ،‬والمبينـــة‬ ‫مــرة أخــرى في شكل (‪ .)6-2-6‬تظهر‬ ‫على يمين النافذة قائمة من االختيارات ومن ضمنها‬ ‫خيار " ضبط التأثيرات المرئية"‪.‬‬ ‫وبالضغط على هذا الزر تظهر النافذة المبينة في شكل‬ ‫(‪ ،)7-2-6‬وهي خاصة لتحـــديــد التأثيــرات المرئــيــة التي‬ ‫أرغبها في األشكال والحــــروف التي يـــولــدها الحاسب‬ ‫عـلـــى الشاشة في مختلف التطبيقات‪ .‬وتتضمن هذه‬ ‫التأثيـرات إضافة تحـركـــات‪ ،‬أو ظـــالل‪ ،‬أو ذيـــل مضمحل‬ ‫إلى األشكال‪ ،‬أو القيام بعمل تحسين نعومة مظهر الحروف‪،‬‬ ‫أو تحريك الحروف ببطء‪ ،‬أو غيرها من التأثيرات المرئية‪.‬‬ ‫وفي حالة اختيار تفعيل هذه التأثيرات فإن ذلك يستهلك‬ ‫جز ًءا غير قليل من وقت المعالج‪.‬‬ ‫وكما يظهر في الشكل (‪ )7-2-6‬أنه يمكنني اختيار‬ ‫(السماح لنظام ‪ Windows‬باختيار األفضل للكمبيوتر) أو‬ ‫اختيار (الضبط للحصول على أفضل مظهر) أو اختيار‬ ‫(الضبط للحصول على أفضل أداء) أو اختيار (مخصص)‪.‬‬ ‫شكل (‪ :)6-2-6‬نافذة املعلومات واألدوات‬ ‫املتعلقة بأداء احلاسب‬ ‫شكل (‪ :)7-2-6‬نافذة اختيار‬ ‫التأثيرات البصرية‬ ‫‪191‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫‪ 2‬وبالتأشير على اخليار (الضبط للحصول على أفضل أداء)‬ ‫يتم تعطيل جميع التأثيرات املرئية التي تستهلك جز ًءا من وقت‬ ‫املعالج‪ ،‬وتظهر النافذة املبينة يف شكل (‪ .)8-2-6‬وبالضغط‬ ‫على (موافق) أكون قد نفذت اخلطوة األولى من عمليات‬ ‫حتسني أداء املعالج‪.‬‬ ‫‪ 3‬إن وجود سلة املهمالت ممتلئة بامللفات املحذوفة يبطئ من‬ ‫عمليات الكتابة إلى‪ /‬والقراءة من القرص الصلب‪ .‬وسأستخدم‬ ‫الزر األمين من الفأرة للتأشير على سلة املهمالت يف سطح‬ ‫املكتب‪ ،‬ثم اختار إفراغ سلة املهمالت‪.‬‬ ‫‪ 4‬ميكنني كذلك عمل تنظيف للقرص الصلب من امللفات غير‬ ‫الضرورية‪ .‬ففي نافذة املعلومات واألدوات املتعلقة بأداء احلاسب‬ ‫املبينة يف شكل (‪ .)6-2-6‬سأجد أن قائمة االختيارات على‬ ‫يسار النافذة تتضمن العملية «فتح تنظيف القرص»‪ .‬وباختيار‬ ‫هذه العملية يطلب مني البرنامج حتديد محرك األقراص الذي‬ ‫أرغب يف تنظيفه‪ ،‬ثم يأخذ من الوقت عدة دقائق لتحليل حالة‬ ‫املحرك الذي مت اختياره‪ ،‬ثم يعرض لي نتيجة التحليل كما‬ ‫يف شكل (‪ .)9-2-6‬ويف هذا املثال يظهر التقرير أنه ميكنني‬ ‫استرجاع أكثر من (‪ )8.34‬جيجابايت من مساحة احلفظ على‬ ‫محرك األقراص (‪ )C‬من خالل إلغاء امللفات املؤقتة أو غير‬ ‫املهمة املوجودة يف القرص‪ .‬وميكن عقب ذلك تكرار العملية‬ ‫ملحركات األقراص األخرى‪.‬‬ ‫شكل (‪ :)8-2-6‬تعطيل التأثيرات‬ ‫البصرية عند اختيار األداء األفضل‬ ‫شكل (‪ :)9-2-6‬تقرير بالتحسني يف‬ ‫املحرك (‪ )C‬الذي ميكن حتقيقه من عملية‬ ‫تنظيف القرص‬ ‫‪ 5‬إن كتابة الملف في القرص الصلب في مواقع متباعدة يبطئ من عملية قراءة الملف‪ .‬لذا‬ ‫فإن أحد عمليات تحسين القراءة من القرص الصلب هو إعادة تجميع الملفات بحيث تكون‬ ‫متواجدة في أماكن متتابعة ومتقاربة بما يسهل من عمليات البحث والقراءة‪ .‬ولعمل ذلك‬ ‫أحتاج إلى تنفيذ ما يعرف بعملية إلغاء التشتت في القرص (‪.)Disk Defragmenting‬‬ ‫‪192‬‬ ‫عمارة الحاسب ‪ :‬التدريب الثاني‬ ‫ولتنفيذ ذلك أعود إلى نافذة األدوات‬ ‫المتقدمة والتي سبق أن شاهدناها في شكل‬ ‫(‪ .)3-1-6‬ومن هناك اختار األمر «فتح‬ ‫أداة إلغاء تجزئة القرص»‪ ،‬وستظهر النافذة‬ ‫الرئيسة لعملية إلغاء التشتت المبينة في شكل‬ ‫(‪ .)10-2-6‬وتعرض هذه النافذة جميع أجهزة‬ ‫حفظ المعلومات الموجودة في الجهاز‪ ،‬مع‬ ‫تبيان نسبة التجزئة في كل جهاز‪ ،‬وتعطيني‬ ‫إمكانية اختيار محرك األقراص المطلوب‬ ‫تنفيذ التحسين عليه‪.‬‬ ‫‪ 6‬وتبدأ عملية إلغاء التشتت بالضغط على‬ ‫شكل (‪ :)10-2-6‬النافذة الرئيسة إللغاء جتزئة القرص الصلب‬ ‫زر «تحليل القرص» للقيام ً‬ ‫أول بدراسة‬ ‫حالة القرص‪ ،‬ومعرفة نسبة التجزئة فيه‪.‬‬ ‫ويالحظ أن العمليات هنا تتطلب بعض‬ ‫الوقت للتنفيذ‪ ،‬ويبين شكل (‪)11-2-6‬‬ ‫الرسالة التي أتلقاها أثناء عملية دراسة‬ ‫حالة القرص‪ ،‬مع قيمة متغيرة لنسبة‬ ‫إنجاز العمل‪.‬‬ ‫‪ 7‬بعد انتهاء عملية تحليل حالة القرص‪،‬‬ ‫تظهر مرة أخرى نافذة إلغاء تجزئة‬ ‫القرص كما في الشكل (‪ )10-2-6‬حيث‬ ‫أقوم من هناك بالضغط على زر «إلغاء‬ ‫شكل (‪ :)11-2-6‬نافذة «الغاء جتزئة القرص» أثناء عملية حتليل‬ ‫حالة القرص‬ ‫تجزئة القرص» ولذلك لبدء عملية إلغاء‬ ‫تجزئة القرص المختار‪ .‬وتتم عملية إلغاء التجزئة على عدة مراحل (‪ ،)passes‬ويمكن أن‬ ‫تستغرق هذه العملية بعض الوقت بحسب حالة القرص‪ ،‬وكمية المعلومات المحفوظة فيه‪.‬‬ ‫‪ 8‬بعد االنتهاء من محرك األقراص الصلبة األول‪ ،‬يمكنني تكرار العملية لمحركات األقراص‬ ‫األخرى‪.‬‬ ‫‪ 9‬يمكنني كذلك برمجة الحاسب للقيام بعملية إلغاء تجزئة األقراص الصلبة بصورة تلقائية‬ ‫ودورية‪ ،‬وذلك بالضغط على زر «تكوين الجدول الزمني‪ »..‬في النافذة الرئيسة‪ ،‬واتباع‬ ‫والتعليمات التي تظهر‪.‬‬ ‫‪193‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫‪ 10‬عند بدء تشغيل الحاسب يقوم‬ ‫بتحميل الكثير من البرامج‬ ‫المساندة التي تعمل في الخلفية‬ ‫أثناء عمل نظام التشغيل أو أثناء‬ ‫تنفيذ البرامج التطبيقية‪ .‬بعض‬ ‫هذه البرامج يوفر لي أشرطة‬ ‫تعليمات إضافـــيـة‪ ،‬وبـــعـضــهـا‬ ‫يقـوم بمتــابــعــة التحديثات‬ ‫على مكونات الجهاز المادية‬ ‫البرمجــيـة‪ ،‬وبعضها يجمـــع‬ ‫شكل (‪ :)12-2-6‬الشاشة الرئيسة لبرنامج «تكوين النظام»‬ ‫المعلومات لتغـــذيتــها إلى‬ ‫ً‬ ‫أيــضا عب ًئا على المعالج حيث تستهلك جز ًءا‬ ‫بــرامـــج أخرى‪ ،‬وهكذا‪ .‬هــذه البــرامــج تشكــل‬ ‫من وقته‪ .‬ويمكن تحسين أداء المعالج من خالل تعطيل عمل هذه البرمجيات المساندة التي‬ ‫ال يكون لوجودها ضرورة‪.‬‬ ‫وأبدأ هنا بالنقر على أيقونة ويندوز في الركن األيسر السفلي من الشاشة‪ ،‬ثم كتابة الجملة‬ ‫التالية‪ )msconfig( :‬في مستطيل البحث عن البرامج أو الملفات‪ .‬وسأحصل عقب ذلك على قائمة‬ ‫برنامجا من برامج النظام‬ ‫بالبرامج والملفات التي تكون الجملة السابقة جز ًءا من اسمها‪ .‬وسأجد‬ ‫ً‬ ‫يحمل نفس االسم‪ .‬وبالنقر عليه تظهر نافذة " تكوين النظام" المبينة في شكل (‪.)12-2-6‬‬ ‫‪ 11‬من قائمة اخليارات األفقية‬ ‫أقوم باختيار «بدء التشغيل»‬ ‫حيث ستظهر قائــمـة حتتوي‬ ‫على جمـــيع الــبرامج املسانـــدة‬ ‫املتوفــرة يف اجلهــاز‪ ،‬مــع‬ ‫عالمة (‪ )‬أمـام البرامج التي‬ ‫مت حتميلها وتشغيلها مع بدء‬ ‫تشغيل نظام التشغيل كما يف‬ ‫شكل (‪.)13-2-6‬‬ ‫شكل (‪ :)13-2-6‬قائمة بالبرامج املساندة املتوفرة والتي مت حتميلها‬ ‫وتشغيلها مع بدء التشغيل‬ ‫‪194‬‬ ‫عمارة الحاسب ‪ :‬التدريب الثاني‬ ‫‪ 12‬تـــوجــد أزرار ميــكنـني‬ ‫من خاللها (متكني الكل) أو‬ ‫(تعطيل الكل)‪ ،‬أو ميكن اختيار‬ ‫البرامج التي أرغب يف تنشيطها أو‬ ‫تعطيلها بالتأشير على البرنامج‪.‬‬ ‫وللحصول على أفضل حتسني ألداء‬ ‫املعالج ميكنني تعطيل جميع هذه‬ ‫البرامج‪ ،‬ولكن يجب االنتباه إلى‬ ‫أهمية عدم تعطيل برنامج احلماية‬ ‫من الفيـــروســات ألنـــه ضروري‬ ‫شكل (‪ :)13-2-6‬وضع نافذة تكوين النظام بعد تعطيل البرامج املساندة‬ ‫للتشغــيل اآلمن للجهاز‪ ،‬وكذلك عدم‬ ‫ويبي شكل (‪-2-6‬‬ ‫تعطيل بعض البرامج الالزمة لتشغيل التجهيزات امللحقة باجلهاز إن وجدت‪ّ .‬‬ ‫‪ )14‬البرامج املساندة التي مت تعطيلها‪ .‬وبالضغط على «موافق» يتم تنفيذ التحسني‪ .‬وهنا يجب‬ ‫مالحظة أن تنفيذ هذا التعديل على قائمة البرامج املساندة النشطة أو املعطلة يتطلب إعادة‬ ‫تشغيل اجلهاز‪.‬‬ ‫‪195‬‬ ‫تدريبات الـوحـدة السادسـة‪:‬‬ ‫تــمــريـنـــات‬ ‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬ ‫‪5‬‬ ‫‪6‬‬ ‫تقوم شركات تصنيع السيارات بعمل اختبارات على المحركات قبل تركيبها في‬ ‫السيارة وكذلك بعد تركيبها‪ .‬قارن بين عملية اختبار محرك السيارة وبين عملية‬ ‫اختبار المعالج في الحاسب‪ ،‬من حيث أهمية االختبار‪ ،‬ونوعه‪.‬‬ ‫تتعطل بعض الحاسبات الشخصية بعد أيام قليلة من شرائها واستخدامها‪ .‬هل تنصح‬ ‫بأن يسمح للعميل (الزبون) بأن يجري اختبارات شديدة على الجهاز قبل شرائه للتأكد‬ ‫من سالمته؟ وما طبيعة االختبارات التي تنصح بها؟‬ ‫ع ّدد إجراءات تحسين أداء مكونات الحاسب التي تضمنها التدريب‪.‬‬ ‫في حالة الرغبة في تنفيذ عمليات تنظيف سلة المهمالت أو تنظيف القرص الصلب‬ ‫بشكل دوري‪ ،‬ما التكرار المناسب في رأيك لهذه العملية؟‬ ‫‪ ‬مرة في األسبوع‪  .‬مرة في الشهر‪.‬‬ ‫‬ ‫‪ ‬مرة في اليوم‪.‬‬ ‫في حالة الرغبة في تنفيذ عمليات إلغاء تجزئة القرص الصلب بشكل دوري‪ ،‬ما‬ ‫التكرار المناسب في رأيك لهذه العملية؟‬ ‫‪ ‬مرة في األسبوع‪  .‬مرة في الشهر‪.‬‬ ‫‬ ‫‪ ‬مرة في اليوم‪.‬‬ ‫نرغب في تحسين أداء الحاسب من خالل إلغاء البرامج المساندة غير الضرورية‪،‬‬ ‫مع اإلبقاء على البرامج الضرورية لعمل الجهاز بشكل سليم وآمن‪ .‬من القائمة في‬ ‫الجدول التالي حدد البرامج المساندة التي ينبغي تنشيطها (نعم) أو تعطيلها (ال) في‬ ‫ملف (‪)System configuration startup‬؟‬ ‫البرنامج‬ ‫‪196‬‬ ‫‪1‬‬ ‫برنامج لعرض شريط أدوات مساندة‪.‬‬ ‫‪2‬‬ ‫برنامج يعرض الوقت في ساعة كبيرة في الركن العلوي من الشاشة‪.‬‬ ‫‪3‬‬ ‫برنامج يشغل جهاز حفظ معلومات مساند متصل بالجهاز‪.‬‬ ‫‪4‬‬ ‫برنامج يشغل كرت شبكة السلكي متصل بالجهاز‪.‬‬ ‫‪5‬‬ ‫برنامج الحماية من الفيروسات‪.‬‬ ‫‪6‬‬ ‫برنامج يراقب عمليات التحديثات ‪ upgrades‬للبرامج التطبيقية‪.‬‬ ‫نعم‬ ‫ال‬ ‫تدريبات الوحدة السابعة‬ ‫مهن وتخصصات الحاسب‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫التدريب األول ‪:‬‬ ‫االختبارات العملية‬ ‫لشهادات احلاسب العاملية‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫توضيح المهارات األساسية في بعض االختبارات لشهادات الحاسب العالمية‪.‬‬ ‫تثبيت اإلصدار المناسب من اختبار كامبردج التجريبي على جهاز الحاسب‪.‬‬ ‫أداء اختبار تجريبي في مجال «مقدمة في تقنية المعلومات» ضمن اختبارات‬ ‫شهادة كامبردج‪.‬‬ ‫‪198‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب األول‬ ‫متطلبات التدريب‬ ‫القرص املرفق مع الكتاب‪ ،‬والذي يحوي برنامج اختبار كامبردج‪.‬‬ ‫مــقـدمة التدريب‬ ‫مالحظة‬ ‫اختــر مــع معلمــك اإلصــدار‬ ‫املناســب لنظــام التشــغيل وبرنامــج‬ ‫مايكروسوفت أوفيس‪.‬‬ ‫للحصول على إحدى الشهادات العالمية في مجال الحاسب فإنه يتعين عليك إجراء عدد من‬ ‫االختبارات العملية‪ ،‬والتي غالباً ما تكون على جهاز الحاسب‪ ،‬و تختلف هذه االختبارات من حيث‬ ‫موضوعاتها ودرجة صعوبتها بحسب نوع الشهادة التي تريد الحصول عليها‪.‬‬ ‫وفي هذا التدريب سنقوم بإجراء اختبارات تجريبية مشابهة لالختبار الذي يؤدى للحصول على‬ ‫شهادة كامبردج الدولية في مهارات تقنية المعلومات األساسية (‪ ،)CIT‬والذي يتميز بوجود معايير‬ ‫واضحة لتقويم وقياس مستوى مهارات المتدرب ومستوى جودة التدريب‪.‬‬ ‫ويشتمل اختبار شهادة كامبردج الدولية لمهارات تقنية المعلومات (‪ )CIT‬على االختبارات التالية‪:‬‬ ‫‪ 1‬‏مقدمة إلى تقنية المعلومات‪ :‬ويقيس المفاهيم األساسية الخاصة باستخدام الحاسب ومكوناته‬ ‫وملحقاته‪ ،‬باإلضافة إلى البرمجيات ونظم التشغيل‪.‬‬ ‫‪ 2‬‏استخدام الحاسب وإدارة الملفات‪ :‬ويقيس الوظائف األولية لنظام التشغيل «مايكروسوفت‬ ‫ويندوز» والتطبيقات المرتبطة به‪.‬‬ ‫‏ ‪ 3‬معالجة النصوص باستخدام مايكروسوفت وورد‪ :‬ويقيس القدرة على كيفية إنشاء وحفظ‬ ‫وتنسيق وعرض وطباعة وإدارة المستندات‪.‬‬ ‫فائدة‬ ‫‪ 4‬أوراق الــعمـــل باستخــدام مايكــروسوفت اكســل‪ :‬ويقيس‬ ‫المهارات األساسية الالزمة إلنشـاء جــداول العمل بأسلوب‬ ‫ميكنك الــتــدرب على اختبار الرخصة‬ ‫ناجح وفعال‪.‬‬ ‫الدولية لقيادة احلاسب بالدخول على‬ ‫‪ 5‬‏المعلــومـــات واالتصاالت باستخـــدام اإلنتـــرنت‬ ‫الرابط‬ ‫إكسبلـــــورر‪ :‬ويقيس استخــدام اإلنترنت واسـتعـراض‬ ‫)‪(http://icdlarabia.org/Ar‬‬ ‫ميــكــنــك ال ــت ــدرب عــلــى جــمــيــع اخــتــبــارات‬ ‫المواقـع اإللكــترونـيـة والــبحث عـــن المعلومات‪.‬‬ ‫الــشــهــادات الــعــاملــيــة يف مــجــال احلــاســب‬ ‫‏ ‪ 6‬العروض التقديمية باستخــدام مـايكروسوفـت بـاوربوينت‪:‬‬ ‫واملقدمة من مختلف اجلهات والتي منها كما‬ ‫ويقيس الــقـدرة عـلــى إنشــاء وتحريــر وتنسيق وتقـديـم‬ ‫‪،‬‬ ‫تعلمنا‬ ‫العـروض التقديمية المتميزة‪.‬‬ ‫وذلك بالدخول على الرابط‬ ‫)‪(www.knowledgebuster.com‬‬ ‫‪ 7‬قواعد البيانات باستخدام مايكروسوفت أكسس‪ :‬ويقيس‬ ‫المهارات الالزمة إلدارة قواعد البيانات بشكل ناجح‪ ،‬وإنشاء‪ ،‬وتحرير‪ ،‬وتنسيق قواعد‬ ‫البيانات‪.‬‬ ‫‪199‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫خـطــوات التدريب‬ ‫أو ًال‬ ‫تثبيت برنامج االختبار التجريبي لشهادة كامبردج‪:‬‬ ‫‪ 1‬أضـــع الــقــرص المـــرفـــق في‬ ‫مــشـغــل األقــــراص‪ ،‬وأنــتقــــل‬ ‫إلـــى مجلـــد (مهن وتخصصات‬ ‫الحاسب)‪ ،‬حيث يحتـــوي المجلد‬ ‫على عدد من اإلصدارات كما‬ ‫في الشكل (‪ ،)1-1-7‬أنقر‬ ‫مزدوجا على مــــا ينـــاسب‬ ‫نق ًرا‬ ‫ً‬ ‫إصــدار نظام التشغيل وبرنامج‬ ‫أوفـــيس‬ ‫مــايكــروسوفت‬ ‫المثــبت على جهازي‪.‬‬ ‫شكل( ‪ :)1-1-7‬إصدارات برنامج اختبار شهادة كامبردج‬ ‫مالحظة‬ ‫اإلصداران (‪)Tag Cambridge Exams 2003 Demo‬‬ ‫و (‪ )Tag Cambridge Exams 2007 Demo‬يعمالن‬ ‫على إصدار ويندوز (‪32‬بت) فقط‪.‬‬ ‫اإلصدار (‪)Tag Cambridge Exams 2010 Demo‬‬ ‫يعمل على إصدار ويندوز (‪32‬بت) و (‪64‬بت)‪.‬‬ ‫لمعرفة إصــدارة الويندوز أنقر بيمين الفأرة على‬ ‫أيــقــونــة «الــكــمــبــيــوتــر»‪ ،‬تظهر المعلومات األساسية‬ ‫للحاسب‪ ،‬في جزء النظام أجد نوع النظام)‪.‬‬ ‫إذا ظهرت رسالة خطأ عند محاولة تثبيت البرنامج‪،‬‬ ‫يتوجب عليك نسخ ملف البرنامج ولصقه في محرك‬ ‫(\‪ )C:‬مباشرة‪.‬‬ ‫‪ 2‬تـــظـــهـــر نــافـــذة بــدء‬ ‫إعداد تثبيت البرنامج كما‬ ‫في الشكل (‪ ، )2-1-7‬أنقر‬ ‫على زر ( ‪.)Next‬‬ ‫شكل ( ‪ : )2-1-7‬نافذة بدء إعداد تثبيت البرنامج‬ ‫‪200‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب األول‬ ‫‪ 3‬أستمر بالنقر على (‪ )Next‬إلى أن تظهر‬ ‫نافذة البدء بالتثبيت كما في الشكل (‪-7‬‬ ‫‪ ،)3-1‬أنقر على (‪.)Install‬‬ ‫شكل (‪ :) 3-1-7‬البدء بثبيت البرنامج‬ ‫‪ 4‬أنتظر حتى تكتمل جميع أشرطة تقدم‬ ‫تثبيت البرنامج ومن ثم ستظهر نافذة‬ ‫شروط ترخيص البرنامج كما في الشكل‬ ‫(‪ ،)4-1-7‬وأختار (الموافقة على شروط‬ ‫الترخيص)‪ ،‬ثم أنقر على (‪.)Next‬‬ ‫شكل (‪ : )4-1-7‬املوافقة على الترخيص‬ ‫‪ 5‬تظهر لي نافذة تحديد مكان التثبيت‬ ‫كما في الشكل (‪ ، )5-1-7‬ثم أنقر على‬ ‫(‪.)Install‬‬ ‫شكل (‪ :)5-1-7‬اختيار مكان التنصيب‬ ‫‪201‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫‪ 6‬سيظهر شريط التقدم في التثبيت وبعد‬ ‫اكتماله تظهر نافذة االنتهاء كما في الشكل‬ ‫(‪ ،)6-1-7‬ثم أنقر على (‪.)OK‬‬ ‫شكل (‪ :)6-1-7‬انتهاء تثبيت‬ ‫‪ 7‬ستظهر نافذة كما في الشكل (‪،)7-1-7‬‬ ‫أنقر على ( ‪ )Next‬للمتابعة‪.‬‬ ‫شكل (‪ :) 7-1-7‬متابعة التثبيت‬ ‫‪ 8‬تظهر نافذة انتهاء التثبيت كما في‬ ‫الشكل (‪ ،)8-1-7‬أنقر على (‪)Finish‬‬ ‫إلنهاء التثبيت‪.‬‬ ‫شكل (‪ : )8-1-7‬انتهاء التثبيت‬ ‫‪202‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب األول‬ ‫‪ 9‬من زر ابدأ‪ ،‬اكتب في خانة البحث‬ ‫(إعدادات التحكم في حساب المستخدم)‬ ‫كما في الشكل (‪ ،)9-1-7‬سيظهر في‬ ‫نتائج البحث أداة (تغيير إعدادات التحكم‬ ‫في حساب المستخدم)‪ ،‬أنقر عليها‪.‬‬ ‫‪ 10‬سيظهر صندوق حوار (إعدادات التحكم‬ ‫في حساب المستخدم)‪ ،‬أسحب المؤشر‬ ‫إلى األسفل لمنح كامل الصالحيات‬ ‫للمستخدم كما في الشكل (‪ ،)10-1-7‬ثم‬ ‫أنقر على (موافق)‪.‬‬ ‫شكل (‪ : )9-1-7‬البحث عن األداة‬ ‫‪ 11‬أعيد تشغيل اجلهاز‪.‬‬ ‫‪ 12‬للتأكد من دعم اللغة العربية‪ ،‬أذهب إلى‬ ‫(لوحة التحكم) ومنها أنقر على (تغيير‬ ‫لوحات المفاتيح أو أساليب اإلدخال‬ ‫األخرى)‪ ،‬سيظهر صندوق حوار (المنطقة‬ ‫واللغة) أنقر على تبويب (إداري)‪ ،‬ومنـــه‬ ‫أنـــقــر على (تغييـــر اإلعـــدادات المحلية‬ ‫للنظام)‪ ،‬أقوم اختار (العربية (السعودية))‬ ‫كما في الشكل (‪ ،)11-1-7‬ثم أنقر على‬ ‫(موافق) ثم (موافق) مرة أخرى‪.‬‬ ‫‪ 13‬أعيد تشغيل اجلهاز‪.‬‬ ‫شكل (‪ :)10-1-7‬صندوق حوار إعدادات التحكم‬ ‫في حساب المستخدم‬ ‫شكل (‪ : ) 11-1-7‬ضبط إعدادات‬ ‫دعم اللغة العربية‬ ‫‪203‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫ثان ًيا‬ ‫تشغيل البرنامج‪:‬‬ ‫مزدوجا على‬ ‫‪ 1‬من سطح املكتب أنقر نق ًرا‬ ‫ً‬ ‫أيقونة البرنامج كما يف الشكل (‪.)12-1-7‬‬ ‫شكل( ‪ : )12-1-7‬أيقونة البرنامج‬ ‫‪ 2‬تــظــهــر نافذة البرنــامــج كــمـــا يف‬ ‫الشكــل (‪ ،)13-1-7‬ثم أنقر على‬ ‫(‪.)Close‬‬ ‫شكل (‪ : )13-1-7‬نافذة البرنامج‬ ‫‪ 3‬تظهر نافذة الدخول للبرنامج كما يف‬ ‫الشكل (‪ ،)14-1-7‬أنقر على (عربي)‬ ‫يف األعلى لتحويل استخدام البرنامج‬ ‫واالختبارات باللغة العربية‪.‬‬ ‫شكل (‪ : )14-1-7‬نافذة الدخول للبرنامج‬ ‫‪204‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب األول‬ ‫‪ 4‬ستظهر نافذة دخول البرنامج باللغة‬ ‫العربية كما في الشكل (‪،)15-1-7‬‬ ‫أكتب اسمي أمام رمز المرشح‪ ،‬وكلمة‬ ‫(‪ )demo‬أمام كلمة المرور‪ ،‬ثم أنقر على‬ ‫(دخول)‪.‬‬ ‫شكل (‪ : )15-1-7‬نافذة الدخول للبرنامج باللغة العربية‬ ‫‪ 5‬ستظهر نافذة البرنـــامج الرئــيسة كما‬ ‫في الشكل (‪ )16-1-7‬والتي تحتوي‬ ‫عــلــى مجاالت االختبار السبعة‪.‬‬ ‫ثال ًثا‬ ‫أداء أحد االختبارات‪:‬‬ ‫شكل (‪ : )16-1-7‬نافذة االختبارات‬ ‫‪ 1‬من نافذة اختبـارات البرنــامج اختــار‬ ‫أحـــد االختبـــارات وليكن (مقدمة‬ ‫في تكنولوجيا المعلومات) كما في‬ ‫الشكل (‪ ،)17-1-7‬ثم أنقر على (ابدأ‬ ‫االمتحان)‪.‬‬ ‫شكل (‪ :) 17-1-7‬اختيار أحد االختبارات‬ ‫‪205‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫‪ 2‬سيظهر صندوق حوار للتأكد من بدء‬ ‫االختبار كـــــمـا يف الشكل (‪،)18-1-7‬‬ ‫أنـــقــر على (نعم) للمتابعة‪.‬‬ ‫‪ 3‬سيبدأ االختبار كما في الشكل (‪-1-7‬‬ ‫‪ ،)19‬ويمكنني التعامل معه كما يلي‪:‬‬ ‫اختيار اإلجابة الصحيحة ثم النقر على‬ ‫(حفظ اإلجابة)‬ ‫أنقر على (وضع عالمة) للرجوع للسؤال مرة‬ ‫أخرى‪.‬‬ ‫أنقر على (السؤال التالي) لالنتقال للسؤال‬ ‫التالي‪.‬‬ ‫يوضح الشكل على اليسار عدد األسئلة‬ ‫ومقدار التقدم في الحل والتي تكون باللون‬ ‫األخضر‪.‬‬ ‫يمكن الرجوع ألي سؤال بالضغط على رقم‬ ‫السؤال في الجهة اليسرى‪.‬‬ ‫أنتهي من حل جميع األسئلة قبل انتهاء‬ ‫الوقت المحدد والذي يظهر أعلى الشاشة‪،‬‬ ‫وإال سيتم تصحيح الجزء المنتهي فقط‬ ‫‪ 4‬بعد االنتهاء من اإلجابة على جميع األسئلة‬ ‫أنقر على (إنتهاء امتحان تجريبي)‪ ،‬سيظهر‬ ‫صندوق حـــــوار تأكــــيــد إنهـــاء االختبـــار‬ ‫كـــمــا في الشكل (‪ )20-1-7‬أنقر على‬ ‫(نعم)‪.‬‬ ‫‪206‬‬ ‫شكل (‪ : )18-1-7‬التأكيد من بدء االختبار‬ ‫شكل (‪ : )19-1-7‬نافذة اختبار «مقدمة في تكنولوجيا‬ ‫المعلومات»‬ ‫شكل (‪ : )20-1-7‬نافذة تأكيد إنهاء االختبار‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب األول‬ ‫‪ 5‬أنتظر ً‬ ‫قليل فتظهر نتيجة االختبار كما‬ ‫في الشكل (‪ )21-1-7‬تظــــهــر الرسالـــة‬ ‫التي تفيد بحدوث مشكلــة في الشبكــة‬ ‫نتيجــة أن برنامـــج االختبار تجريبي‪.‬‬ ‫شكل (‪ : )21-1-7‬نافذة نتيجة االختبار‬ ‫تــمــريـــنـات‬ ‫‪1‬‬ ‫ث ّبت اختبار كامبردج على جهازك الشخصي يف املنزل‪ ،‬ثم قم بإجراء‬ ‫اختبار يف استخدام احلاسب وإدارة امللفات‪ ،‬ود ِّون نتيجة اختبارك‪.‬‬ ‫‪...........................................................................................‬‬ ‫‪...........................................................................................‬‬ ‫‪.........................................................................................‬‬ ‫‪2‬‬ ‫ما االختبارات التي يشتمل عليها اختبار شهادة كامبردج الدولية ملهارات تقنية‬ ‫املعلومات (‪)CIT‬؟‬ ‫‪...........................................................................................‬‬ ‫‪...........................................................................................‬‬ ‫‪...........................................................................................‬‬ ‫‪...........................................................................................‬‬ ‫‪...........................................................................................‬‬ ‫‪207‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫التدريب الثاني ‪:‬‬ ‫االختبارات العملية‬ ‫لشهادات احلاسب العاملية‬ ‫فـي هـذا الـتـدريـب سـأتـعـلـم ‪:‬‬ ‫أداء اختبار تجريبي في مجال (معالجة النصوص) ضمن اختبارات شهادة كامبردج‪.‬‬ ‫أداء اختبار تجريبي في مجال (العروض التقديمية) ضمن اختبارات شهادة كامبردج‪.‬‬ ‫‪208‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب الثاني‬ ‫متطلبات التدريب‬ ‫القرص املرفق مع الكتاب‪ ،‬والذي يحوي على برنامج اختبار كامبردج‪.‬‬ ‫مــقـدمة التدريب‬ ‫تعرفنا في التدريب السابق أن اختبار شهادة كامبردج الدولية لمهارات تقنية المعلومات (‪)CIT‬‬ ‫يشتمل على سبعة اختبارات في الموضوعات التالية‪( :‬مقدمة إلى تقنية المعلومات‪ ،‬استخدام‬ ‫الحاسب وإدارة الملفات‪ ،‬معالجة النصوص باستخدام مايكروسوفت وورد‪ ،‬أوراق العمل باستخدام‬ ‫مايكروسوفت اكسل‪ ،‬المعلومات واالتصاالت باستخدام اإلنترنت‬ ‫إكسبلورر‪ ،‬العروض التقديمية باستخدام مايكروسوفت باوربوينت‪،‬‬ ‫مالحظة‬ ‫قواعد البيانات باستخدام مايكروسوفت أكسس)‪.‬‬ ‫وفي هذا التدريب سنقوم بإجراء اختبار تجريبي لشهادة كامبردج‬ ‫اختــر مــع معلمــك اإلصــدار‬ ‫الدولية لمهارات تقنية المعلومات (‪ )CIT‬في معالجة النصوص‬ ‫املناســب لنظــام التشــغيل وبرنامــج‬ ‫مايكروسوفت أوفيس‪.‬‬ ‫باستخدام مايكروسوفت وورد‪ ،‬والعروض التقديمية باستخدام‬ ‫برنامج مايكروسوفت بوربوينت‪.‬‬ ‫خـطــوات التدريب‬ ‫أو ًال‬ ‫أداء اختبار تجريبي في مجال (معالجة النصوص) ضمن اختبارات شهادة كامبردج‪:‬‬ ‫مزدوجا على أيقونة‬ ‫‪ 1‬من سطح المكتب أنقر نق ًرا‬ ‫ً‬ ‫البرنامج‪.‬‬ ‫‪ 2‬أحول البرنامج للغة العربية‪ ،‬وأكتب اسمي أمام رمز‬ ‫المرشح‪ ،‬وكلمة (‪ )demo‬أمام كلمة المرور‪ ،‬ثم أنقر‬ ‫على (دخول) كما تعلمت في التدريب السابق‪.‬‬ ‫‪ 3‬ستظهر نافذة البرنامج الرئيسة والتي تحتوي‬ ‫على مجـــــاالت االختبـــار السبعـــة‪ ،‬أختــار اخـــتبار‬ ‫(معالجة الكلمات) كــــمــا في الشكل (‪ ،)1-2-7‬ثم‬ ‫أنقر على ( ابدأ االمتحان)‪.‬‬ ‫شكل (‪ : )1-2-7‬اختيار اختبار معاجلة الكلمات‬ ‫‪209‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫‪ 4‬ستظهر معلومات االختبار كما يف‬ ‫الشكل (‪ )2-2-7‬ألقوم بقراءتهــا ثــم‬ ‫النقــر عـــلـى (موافق)‪.‬‬ ‫شكل (‪ : )2-2-7‬معلومات اختبار معاجلة الكلمات‬ ‫‪ 5‬سيبدأ االختبار كما في الشكل (‪،)3-2-7‬‬ ‫ويمكنني التعامل معه كما يلي‪:‬‬ ‫يتكون االختبار من ثالثة أجزاء‪ ،‬كل جزء له‬ ‫خمسة أسئلة‪.‬‬ ‫أنفذ ما هو مطلوب في الجزء األبيض ثم‬ ‫أنقر على (التالي) أسفل الشاشة‪.‬‬ ‫أي أحرف إضافية أو فــراغات قد تؤدي‬ ‫إلى إجابات خاطئة‪.‬‬ ‫ال أغلق المستند بعد االنتهاء من الجزء‪.‬‬ ‫عند االنتهاء من اإلجابة على جميع أسئلة‬ ‫الجزء أنقر على (الجزء التالي)‪.‬‬ ‫أكرر األمر نفسـه مــع كـل جــزء حــتـى‬ ‫تنتهــي األجزاء الثالثة‪.‬‬ ‫أنتهي من حل جميع األجزاء قبل انتهاء‬ ‫الوقت المحدد والذي يظهر أسفل يمين‬ ‫الشاشة‪.‬‬ ‫‪210‬‬ ‫شكل (‪ : )3-2-7‬نافذة اختبار معاجلة الكلمات‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب الثاني‬ ‫‪ 6‬بعد االنتهاء من اإلجابة على جميع‬ ‫األجزاء أنـــقــر علــى (انتهـــاء االمتحان)‪،‬‬ ‫سيظـهــــر صندوق حوار تأكيد إنهاء‬ ‫االختبار كما في الشكل (‪ )4-2-7‬أنقر‬ ‫على (نعم)‪.‬‬ ‫شكل (‪ : )4-2-7‬نافذة تأكيد إنهاء االختبار‬ ‫ً‬ ‫قليل حتى تظهر نتيجة‬ ‫‪ 7‬سأنتظر‬ ‫االختبار كما يف الشكل (‪.)5-2-7‬‬ ‫شكل (‪ : )5-2-7‬نافذة نتيجة االختبار‬ ‫‪211‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫ثان ًيا‬ ‫أداء اختبار تجريبي في مجال (العروض التقديمية) ضمن اختبارات شهادة كامبردج‪:‬‬ ‫مزدوجا‬ ‫‪ 1‬من سطح المكتب أنقر نق ًرا‬ ‫ً‬ ‫على أيقونة البرنامج‪.‬‬ ‫‪ 2‬أحول البرنامج للغة العربية‪ ،‬وأكتب‬ ‫اسمي أمام رمز المرشح‪ ،‬وكلمة‬ ‫(‪ )demo‬أمام كلمة المرور‪ ،‬ثم أنقر‬ ‫على (دخول) كما تعلمت في التدريب‬ ‫السابق‪.‬‬ ‫‪ 3‬تظهر نافذة البرنامج الرئيسة والتي‬ ‫تحتوي على مجاالت االختبار السبعة‪،‬‬ ‫أختار اختبار (عروض تقديمية) كما‬ ‫في الشكل (‪ ،)6-2-7‬ثم أنقر على‬ ‫(ابدأ االمتحان)‪.‬‬ ‫‪ 4‬ستظهر معلومات االختبار كما في‬ ‫الشكل (‪ )7-2-7‬ألقوم بقراءتها ثم‬ ‫النقر على «موافق»‪.‬‬ ‫شكل (‪ : )6-2-7‬اختيار اختبار العروض التقدميية‬ ‫شكل (‪ : )7-2-7‬معلومات اختبار العروض التقدميية‬ ‫‪ 5‬سيبــــدأ االخـــتـبـــار كمــا في الشكـــل‬ ‫(‪ ،)8-2-7‬ويمكنني التعامل مع‬ ‫االختبار بنفس طريقة التعامل مع‬ ‫اختبار (معالجة النصوص) في التدريب‬ ‫السابق‪.‬‬ ‫شكل (‪ : )8-2-7‬نافذة اختبار العروض التقدميية‬ ‫‪212‬‬ ‫مهن وتخصصات الحاسب‪ :‬التدريب الثاني‬ ‫‪ 6‬بعد االنتهاء من اإلجابة على جميع‬ ‫األجزاء أنـــقــر على (انتهــــاء االمتحان)‪،‬‬ ‫سيظهر صنــــدوق حوار تأكــيد إنــهــاء‬ ‫االختبار كما في الشكل (‪ )9-2-7‬أنقر‬ ‫على (نعم)‪.‬‬ ‫شكل (‪ : )9-2-7‬نافذة تأكيد إنهاء االختبار‬ ‫ً‬ ‫قليل حتى تظهر نتيجة‬ ‫‪ 7‬سأنتظر‬ ‫االختبار كما في الشكل (‪.)10-2-7‬‬ ‫شكل (‪ : )10-2-7‬نافذة نتيجة االختبار‬ ‫‪213‬‬ ‫تدريبات الـوحـدة السابعة‪:‬‬ ‫تــمــريـــنــات‬ ‫قم بإجراء االختبارات التي يشتمل عليها اختبار شهادة كامبردج‬ ‫الدولية ملهارات تقنية املعلومات ‪ ،CIT‬ثم ضع عالمة ( ✓ ) أمام‬ ‫االختبارات الذي اجتزتها‪.‬‬ ‫م‬ ‫االختبار‬ ‫‪2‬‬ ‫استخدام احلاسب وإدارة امللفات‬ ‫‪3‬‬ ‫معاجلة النصوص باستخدام مايكروسوفت وورد‬ ‫‪4‬‬ ‫أوراق العمل باستخدام مايكروسوفت إكسل‬ ‫‪5‬‬ ‫املعلومات واالتصاالت باستخدام اإلنترنت‬ ‫إكسبلورر‬ ‫‪7‬‬ ‫قواعد البيانات باستخدام مايكروسوفت أكسس‬ ‫‪1‬‬ ‫‪6‬‬ ‫‪214‬‬ ‫مقدمة إلى تقنية املعلومات‬ ‫العروض التقدميية باستخدام مايكروسوفت‬ ‫باوربوينت‬ ‫النتيجة‬

حاسب 2 تدريبات

Products

Support

حاسب 2 تدريبات

Add this document to collection(s)

Add this document to saved

Suggest us how to improve StudyLib