‫‪N°d’ordre :‬‬

‫‪N° de série :‬‬

‫الجمهوريــــة الجزائريـــــــة الديمقراطيــــــة الشعبيــــــة‬

‫وزارة التعليم العالي والبحث العلمي‬

‫جامعـــة حمــــة لخضــــر الــــــــوادي‬

‫كلية العلوم الدقيقة‬
‫قسم اإلعالم اآللي‬
‫مذكرة نهاية التخرج‬
‫تدخل ضمن متطلبات الحصول على شهادة‬

‫ليســانس أكاديمي‬
‫الميدان‪ :‬رياضيات وإعالم آلي‬
‫الشعبة‪ :‬اإلعالم اآللي‬
‫التخصص‪ :‬أنظمة معلوماتية‬

‫الموضوع‬

‫موقع ويب إلدراج وتحميل نقاط الطلبة‬

‫من إنجاز الطلبة‪:‬‬
‫من اقتراح وتأطير األستاذ‪ :‬الساسي مديلح‬ ‫• بن عبد هللا اسامه‬
‫• جديدي مصطفى‬
‫• تواوه الحبيب‬

‫نوقشت يوم __\ __\ ‪ 2018‬أمام اللجنة المكونة من األساتذة‪:‬‬

‫رئيسا‬ ‫‪........ .............................................‬‬

‫مقررا‬ ‫‪........ .............................................‬‬

‫السنة الجامعية ‪2018/2017 :‬‬

 ‫ي‬ ‫ق‬ ‫ت‬
‫ر و در‬ ‫ك‬‫ش‬

‫إلهي ال يطيب الليل إال بشكرك وال يطيب النهار إلى بطاعتك ‪ ...‬وال تطيب اللحظات إال بذكرك ‪ ...‬وال تطيب‬

‫اآلخرة إال بعفوك ‪ ..‬وال تطيب الجنة إال برؤيتك ‪ ..‬ف لك الحمد و لك الشكر‪.‬‬

‫في نهاية هذا المشوار نتقدم بالشكر والعرف ان إلى كل من أشعل شمعة في دروب عملنا و إلى من وقف‬

‫على المنابر وأعطى من حصيلة فكره لينير دربنا إلى األساتذة الكرام في كلية االعالم الي ونخص بالذكر‬

‫أستاذنا عثماني سمير الذي كان عونا لنا فجزاه هللا عنا كل خير وله منا كل التقدير واالحترام كما نتوجه بالشكر‬

‫الجزيل إلى من غمرنا بفضله و أخالقه المؤطر الساسي مديلح رئيس قسم اإلعالم اآللي فجزاه هللا كل الخير وإلى كل‬

‫من ساعدنا على إتمام هذا البحث ‪.‬‬

‫أما الشكر الذي من النوع الخاص فنحن نتوجه بالشكر أيضا إلى كل من لم يقف إلى جانبنا ‪ ،‬ومن وقف في‬

‫طريقنا وعرق ل مسيرة بحثنا ‪.‬‬

 ‫ملخص‬

‫خالل العام الدراسي وبعد إجراء أي تقييم ( فروض‪ ,‬امتحانات‪ ,‬أعمال شخصية‪ )...‬للطلبة‪ ,‬يقوم األستاذ‬
‫بإدراج النقاط وتسليمها لإلدارة على شكل مطبوعة ورقية أو ملف إلكتروني‪ .‬أثناء هذه العملية ربما تضيع‬
‫بعض الوثائق أو الملفات المودعة وأحيانا يصعب إحصاؤها وجمعها لتسليمها لمصلحة التعليم‪.‬‬

‫باستعمال تكنولوجيا الويب واالتصال يمكن لألستاذ أن يقوم بإدراج وحجز النقاط وتحميلها وإرسالها من‬
‫جهازه وهو في مكانه ‪.‬‬

‫الغرض من الموضوع‪ :‬تطوير تطبيق يسمح لألستاذ بحجز النقاط وتحميلها على الموقع حيث يتم جمعها‬
‫وإحصاؤها وإعادة تنظيمها وفق ما تطلبه مصلحة التعليم‪.‬‬

‫الكلمات المفتاحية ‪:‬‬

‫تطبيقات الويب‪ ،‬منهجية التحليل‪ ،‬النمذجة‪.... ،‬‬

Résumé

Au cours de l'anné scolaire et aprés toute évaluation ( des devoirs , des éxamens , travaux
individuels ..) à chaque étudiant , L'enseignant pose les notes ..il les déstine à l'administration en
fonction d'un papier imprimé ou d'un fichier électronique . Lors de ce processus , quelques
documents ou fichie disposé peuvent se perdre et parfois il est dur de les ressentir , les assembler
pour les fournir à la scolarité Mais en utilisant la téchnologie de Web et de connéxion ..il est
autorisé à l'enseignant de poser ,reserver et télécharger toutes les notes et les déstiner à partir de
son appareil facilement même sans bouger de sa palce .

abstract
During the school year and after doing every evaluation ( tests , exams , works individuals)
that concerns the students , the teacher inserts the notes ..send it into the administration at the
forme of a printed paper or an electonic file . Over this process , some of these files and
documents might be lost ..and sometimes it 's the obstacle course to count it or gather it to
deliver it into the education departement But by using the technologie of the Web and connexion
, the teacher can insert , reserve , download and send the notes from his PC even without moving
on from his place.
 ‫الفهرس‬

‫الصفحة‬ ‫فهرس المحتويات‬

‫فهرس األشكال ‪VI ............................................................................................................................................. :‬‬

‫‪VII‬‬ ‫فهرس الجداول ‪.......................................................................................................‬‬
‫العامة ‪IV ........................................................................................................‬‬ ‫المقدمة‬
‫‪V‬‬ ‫اإلشك ــالية ‪............................................................................................................‬‬
‫‪V‬‬ ‫األهداف المرجو تحقيقها ‪...............................................................................................‬‬
‫البـحث ‪VI ...................................................................................................‬‬ ‫هيـكل وأجـزاء‬

‫الفصل األول‪ :‬دراسة الموجود‬

‫مقدمة عن دراسة الموجود ‪1 ........................................................................................................‬‬

‫‪ -I‬تقديم مجال الدراسة ‪2 .................................................................................................‬‬

‫‪ 1–I‬تعريف بالجامعة ‪2 .....................................................................................................‬‬
‫‪ 2–I‬الهيكل التنظيمي للقسم بالكلية ‪3 ........................................................................................‬‬

‫‪ -II‬تقديم المصلحة المعنية ‪3 .............................................................................................‬‬

‫‪ 1-II‬التعريف بالمصلحة‪3 ..................................................................................................‬‬
‫‪ 2-II‬مهام ونشاط المصلحة ‪4 ...............................................................................................‬‬
‫‪ 3-II‬إدارة القسم ‪4 ..........................................................................................................‬‬

‫‪ -III‬وصف الوثيقة األولى ‪6 ..............................................................................................‬‬

‫‪ -IV‬دراسة الوثيقة‪7 .....................................................................................................‬‬
‫‪ -V‬وصف الوثيقة الثانية ‪9 ...............................................................................................‬‬
‫الملخص ‪10 ...........................................................................................................‬‬
‫الفصل الثاني‪ :‬مرحلة التصميم‬

‫مقدمة عن مرحلة التصميم ‪11 ......................................................................................................‬‬

‫‪ -I‬تعريف لغة النمذجة الموحدة ‪12 ................................................................................. UML‬‬

‫‪ 1–I‬حاالت االستخدام ‪12 ...................................................................................................‬‬
‫‪ 2–I‬مخطط الفئات ‪12 ......................................................................................................‬‬
‫‪ 3–I‬مخطط التتابع ‪12 ......................................................................................................‬‬

‫‪ -II‬تحديد االحتياجات ‪13 ...............................................................................................‬‬

‫‪ 1-II‬الجهات الفاعلة في النظام ‪13 .......................................................................................................‬‬
‫‪ -III‬حاالت االستخدام ‪14................................................................................................‬‬
‫‪ 1-III‬المخطط العام لحالة االستخدام ‪16.............................................................................‬‬
‫‪ 2-III‬مخطط حالة االستخدام إلدراج وتحميل النقاط ‪16................................................................‬‬
 ‫الفهرس‬

‫‪ 3-III‬مخطط حالة االستخدام إلدارة المستخدمين ‪17...................................................................‬‬

‫‪ – VI‬مخططات التتابع ‪19...............................................................................................‬‬
‫‪ - V‬مخطط الفئات ‪24..................................................................................................‬‬
‫الملخص ‪26............................................................................................................‬‬

‫الفصل الثالث‪:‬مرحلة التنفيذ‬

‫المقدمة ‪27 ........................................................................................................................‬‬

‫‪ - I‬األدوات المستخدمة ‪28...............................................................................................‬‬
‫‪ - II‬بيئة العمل ‪28......................................................................................................‬‬
‫‪ 2 – II‬مايكروسوفت فيجوال ستوديو ‪28 .....................................................................................‬‬
‫‪28 .......................................................................................................... HTML 3– II‬‬
‫‪28 ............................................................................................................. Css 4– II‬‬
‫‪29 ..................................................................................................... JavaScript 5– II‬‬
‫‪29 ............................................................................................................ PHP 6– II‬‬
‫‪29 ............................................................................................... XAMPP server 7– II‬‬
‫‪ - III‬شرح الموقع ‪30....................................................................................................‬‬
‫‪ 1 -III‬واجهة تسجيل الدخول ‪30 ............................................................................................‬‬
‫‪ 2 -III‬الواجهة الرئيسية الخاصة باإلدارة ‪31 .................................................................................‬‬
‫‪ 3 -III‬واجهة إضافة حساب ألستاذ جديد ‪32 ................................................................................‬‬
‫‪ 4 -III‬صفحة قائمة األساتذة ‪32 ............................................................................................‬‬
‫‪ 5 -III‬واجهة إضافة مقياس جديد‪33 ........................................................................................‬‬
‫‪ 6 -III‬واجهة قائمة جميع المقاييس ‪33 ......................................................................................‬‬
‫‪ 7 -III‬واجهة إضافة سداسي جديد ‪34 .......................................................................................‬‬
‫‪ 8-III‬واجهة إضافة طالب ‪34 ...............................................................................................‬‬
‫‪ 9-III‬واجهة إضافة مستخدم جديد ‪35 .......................................................................................‬‬
‫‪ 10-III‬قائمة جميع المستخدمين ‪36 .........................................................................................‬‬
‫‪ 11-III‬صفحة النقاط المحملة من طرف األساتذة ‪36 ........................................................................‬‬
‫‪ 12-III‬الواجهة الرئيسية الخاصة باألستاذ ‪37 ................................................................................‬‬
‫‪ 13-III‬واجهة إدراج النقاط ‪37 ..............................................................................................‬‬
‫‪ 14-III‬الواجهة بعد إدراج النقاط ‪38 .........................................................................................‬‬
‫‪ 15-III‬الواجهة النهائية لقائمة نقاط الطلبة في ملف ‪38 ............................................................ EXCEL‬‬
‫‪ 16-III‬الواجهة النهائية لقائمة نقاط الطلبة في ملف ‪39 ................................................................PDF‬‬
‫ملخص ‪39 ........................................................................................................................‬‬
‫الخاتمة ‪40 ........................................................................................................................‬‬
 ‫الفهرس‬

‫قائمة المصادر و المراجع ‪41 ..................................................................................................... :‬‬

‫فهرس األشكال ‪:‬‬

‫الشكل ‪ : 1‬الهيكل اإلداري لكلية العلوم الدقيقة ‪3 ...........................................................................‬‬

‫الشكل ‪: 2‬ورقة تقييم الطلبة ‪5 .............................................................................................‬‬
‫الشكل ‪ : 3‬ورقة تقييم الطلبة مع حذف أعمدة ‪8 ............................................................................‬‬
‫الشكل ‪: 4‬مخطط التالي يوضح المتعاملين مع النظام (اإلداره ‪،‬األستاذ( ‪14 ................................................‬‬
‫الشكل ‪: 5‬مخطط حالة االستخدام لتسجيل الدخول ‪14 .....................................................................‬‬
‫الشكل ‪ : 6‬المخطط العام لحالة االستخدام ‪16 ...........................................................................‬‬
‫الشكل ‪ : 7‬مخطط حالة االستخدام إلدراج وتحميل النقاط ‪16 .............................................................‬‬
‫الشكل ‪ : 8‬حالة االستخدام الدارة المستخدمين ‪17 ........................................................................‬‬
‫الشكل ‪ : 9‬مخطط التتابع لطلب تسجيل الدخول ‪19 .......................................................................‬‬
‫الشكل ‪ : 10‬مخطط التتابع إلضافة مستخدم جديد – أستاذ ‪ -‬إدارة‪20 ................................................... -‬‬
‫الشكل ‪ : 11‬مخطط التتابع إلدراج النقاط من طرف األستاذ ‪21 ............................................................‬‬
‫الشكل ‪ : 12‬مخطط التتابع لمعاينة وطباعة نقاط الطلبة ‪22 ...............................................................‬‬
‫الشكل ‪ : 13‬مخطط التتابع لطباعة نقاط الطلبة من طرف االدارة ‪23 ......................................................‬‬
‫الشكل ‪ : 14‬مخطط الفئات العام ‪24 .....................................................................................‬‬
‫الشكل ‪ : 15‬صفحة تسجيل الدخول‪30 ...................................................................................‬‬
‫الشكل ‪ : 16‬الصفحة الرئيسية لإلدارة ‪31 .................................................................................‬‬
‫الشكل ‪ : 17‬لوحة التحكم بالموقع ‪31 .....................................................................................‬‬
‫الشكل ‪ : 18‬واجهة إضافة أستاذ جديد ‪32 ................................................................................‬‬
‫الشكل ‪ : 19‬صفحة عرض قائمة االساتذة ‪32 ............................................................................‬‬
‫الشكل ‪ : 20‬صفحة إضافة مقياس جديد ‪33 ..............................................................................‬‬
‫الشكل ‪ : 21‬صفحة عرض قائمة المقاييس ‪33 ............................................................................‬‬
‫الشكل ‪ : 22‬إضافة سداسي ‪34 ..........................................................................................‬‬
‫الشكل ‪ : 23‬صفحة إضافة طالب ‪34 ...................................................................................‬‬
‫الشكل ‪ : 24‬صفحة عرض قائمة الطلبة ‪35 ..............................................................................‬‬
 ‫فهرس األشكال والجداول‬

‫الشكل ‪ : 25‬اضافة مستخدم‪35 ..........................................................................................‬‬

‫الشكل ‪ : 26‬صفحة عرض قائمة مستخدمي الموقع‪36 ....................................................................‬‬
‫الشكل ‪ : 27‬صفحة النقاط المحملة من طرف األساتذة ‪36 ................................................................‬‬
‫الشكل ‪ : 28‬الرئيسية الخاصة باألستاذ ‪37 ................................................................................‬‬
‫الشكل ‪ : 29‬واجهة إدراج النقاط ‪37 ......................................................................................‬‬
‫الشكل ‪ : 30‬الواجهة بعد إدراج النقاط ‪38 .................................................................................‬‬
‫الشكل ‪ : 31‬قائمة نقاط الطلبة في ملف ‪38 ................................................................... EXCEL‬‬
‫الشكل ‪ : 32‬قائمة نقاط الطلبة في ملف ‪39 ....................................................................... PDF‬‬

‫فهرس الجداول ‪:‬‬

‫الجدول ‪ : 1‬دراسة قائمة نقاط الطلبة ‪7 ....................................................................................‬‬
‫الجدول ‪ : 2‬طلب تسجيل دخول ‪15 ......................................................................................‬‬
‫الجدول ‪ : 3‬إدراج و تحميل النقاط ‪17 ....................................................................................‬‬
‫الجدول ‪ : 4‬ادارة المستخدمين ‪18 ........................................................................................‬‬
‫الجدول ‪ : 5‬قواعد بيانات التطبيق ‪25 .....................................................................................‬‬

‫‪vii‬‬
 ‫المقدمة العامة‬

‫المقدمة العامة ‪:‬‬

‫يعتبر اإلعالم االلي االكثر تأثي ار في حياتنا اليومية حيث ارتقى بشتى العلوم من مستوى االستغالل‬
‫التصوري البسيط الى مستوى االستغالل التطبيقي االلي ‪ ،‬وذلك نظ ار لما يقدمه من خدمات التي تتميز بالدقة‬
‫والسرعة في معالجة المعلومات ‪.‬‬

‫فقد اصبح يفرض على معظم المؤسسات مهما كان نوع نشاطها إمكانية االستفادة من مزايا خدماته‬
‫ولمواجهة الحجم الهائل للمعلومات المتداولة فيها ‪ ،‬أحال من الضروري إدخال نظام اإلعالم األلي في مجال‬
‫ادارتها وذلك بغرض زيادة فعالية العمل وتحقيق أهداف المؤسسة ‪.‬‬

‫‪iv‬‬
 ‫المقدمة العامة‬

‫اإلشكـــالية‬

‫إن قسم االعالم االلي كغيره من االقسام يسعى جاهدا إلى تسيير مصالحه ‪ ،‬وتسهيل تعامالته بشكل‬
‫أفضل وأحسن ‪ ،‬فمن خالل تواجدنا به ودراستنا لمصلحة " التعليم والتقييم " الحظنا وجود بعض الصعوبات‬
‫التي تواجه المصلحة نذكر منها ‪:‬‬

‫➢ التأخر في إعداد النتائج وكثرة األخطاء‪.‬‬

‫➢ استهالك الوقت في إضافة النقاط لدى اإلدارة‪.‬‬
‫➢ الرجوع الدائم لألساتذة من أجل الحصول على النقاط إلدراجها‪.‬‬
‫➢ عدم تطابق الملفات لدى كل من المصلحة واألستاذ‪.‬‬

‫إن كل هذه الصعوبات أملت علينا التساؤل التالي ‪:‬‬

‫ما هي اآلليات الممكنة للتخفيف من هذه المشاكل؟‬

‫األهداف المرجو تحقيقها‬

‫من خالل هذا العمل نأمل ونرجو تحقيق جملة من األهداف والنتائج وهي ‪:‬‬
‫إنشاء وتصميم موقع ويب يسمح بإدراج وتحميل نقاط الطلبة والذي يتيح ‪:‬‬
‫➢ تخفيف الضغط على اإلدارة‬
‫➢ تسريع عملية إضافة النقاط‬
‫➢ التسريع في عملية إعداد النتائج‬
‫➢ تنظيم العمل والتقليل من حدة األخطاء‬
‫➢ ربح الوقت‬
‫➢ تسهيل عملية متابعة كشوف نقاط الطلبة‬

‫‪v‬‬
 ‫المقدمة العامة‬

‫هيـكل وأجـزاء البـحث‬

‫سنقسم العمل الى ثالثة فصول ‪:‬‬

‫‪-1‬الفصل األول ‪:‬‬

‫دراسة الموجود الذي من خالله سنتعرف بشكل دقيق على مختلف تفاصيل طريقة التعامل بهذا‬
‫النظام وذلك من خالل استراتيجية تعتمد على دراسة مناصب العمل والوثائق واهم االجراءات كما اننا‬
‫سنقوم باستخراج اهم المشاكل الموجودة بالنظام وتقديم حلول ‪.‬‬

‫‪-2‬الفصل الثاني ‪:‬‬

‫سيكون مخصص للتصميم حيث سنستعمل لغة النمذجة الموحدة حتى نتمكن من اعداد قاموس‬
‫معطيات ‪.‬‬

‫‪ -3‬الفصل الثالث ‪:‬‬

‫سنقوم بالعمل التطبيقي وانجاز تطبيق ويب يسمح لنا بحل المشاكل الممكنة ‪.‬‬

‫‪vi‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫مقدمة عن دراسة الموجود‬

‫تعتبر دراسة الموجود المرحلة األولى من هذا البحث ‪ ،‬ألنها تهدف إلى جمع أكبر حجم ممكن من المعلومات‬
‫حول النظام الموجود ‪ ،‬ومن خاللها نتوصل إلى بحث دقيق للواقع نفسه‪ ،‬ونستطيع بواسطتها القيام بحل منظم‬
‫وإنشاء تصوري مستقبلي للنظام‪ ،‬وتعتمد هذه الدراسة أساسها على جملة من التحقيقات الميدانية والمجسدة في‬
‫الحوارات مع المسؤولين والمعنيين في تسيير حقل الدراسة‪ ،‬حتى نتمكن من اإللمام بكافة جوانبه وذلك من‬
‫أجل السير الحسن لهذا الحقل الدراسي‬

‫‪1‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫‪ -I‬تقديم مجال الدراسة‬

‫سنقدم في دراستنا تعريف الجامعة وكذا مصلحة التعليم والتقييم مع ذكر مهام ونشاطات هذه األخيرة‬

‫باإلضافة الى التعريف بقسم االعالم اآللي‪.‬‬

‫‪ 1–I‬تعريف بالجامعة ‪:‬‬

‫أنشئت جامعة الوادي بموجب المرسوم التنفيذي رقم ‪ 243-12‬و المؤرخ في ‪ 4‬جوان ‪ 2012‬الموافق لـ‬
‫‪ 14‬رجب ‪ [1] 1433‬و تضم العديد من الكليات ‪ ،‬نذكرهم ‪:‬‬
‫كلية العلوم و التكنولوجيا‬ ‫‪o‬‬

‫كلية علوم الطبيعة والحياة‬ ‫‪o‬‬

‫كلية األداب واللغات‬ ‫‪o‬‬

‫كلية العلوم االجتماعية واإلنسانية‬ ‫‪o‬‬

‫كلية العلوم االقتصادية والتجارية وعلوم التسيير‬ ‫‪o‬‬

‫كلية الحقوق والعلوم السياسية‬ ‫‪o‬‬

‫في جويلية ‪ 2015‬تمت إضافة كلية العلوم الدقيقة إلى هيكل الجامعة والتي كانت جزء من كلية العلوم و‬
‫التكنولوجيا‪.‬‬
‫وللجامعة مصالح خاصة نذكر منها مصلحة التعليم و التقييم التي ستكون المصلحة المعنية بدراستنا لهذا‬
‫الموضوع‪.‬‬

‫‪2‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫‪ 2–I‬الهيكل التنظيمي للقسم بالكلية‬

‫المصلحة‬
‫المعنية بدراستنا‬
‫الشكل ‪ : 1‬الهيكل اإلداري لكلية العلوم الدقيقة‬

‫‪ -II‬تقديم المصلحة المعنية‬

‫سنتطرق الى التعريف بالمصلحة المعنية وكذا ذكر مهامها ونشاطاتها‪.‬‬

‫‪ 1-II‬التعريف بالمصلحة‬
‫مصلحة التعليم و التقييم ‪ :‬وهي مصلحة تابعة لمصلحة مساعد رئيس القسم المكلف بالدراسة والتعليم في‬
‫التدرج حيث تهتم بكل ما يتعلق بالطالب من دخوله الى الجامعة الى غاية تخرجه ‪.‬‬

‫‪3‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫ومن بين المعلومات التي تعمل على تخزينها ( وضعها في األرشيف ) هي ‪ :‬نقاط الطلبة ‪ ،‬المداوالت ‪،‬‬
‫شهادات إعادة التسجيل بطاقة الطالب ‪ ،‬شهادة اإلشراف على مذكرات التخرج ‪ ،‬إعداد كشوف نقاط الطلبة مع‬
‫الترخيص بإيداع مذكرات التخرج ‪.‬‬

‫‪ 2-II‬مهام ونشاط المصلحة ‪:‬‬

‫يتمثل مهامها بالتحديد فيما يلي ‪:‬‬

‫➢ تسجيل الطلبة في بداية كل موسم دراسي ‪.‬‬

‫➢ إدارة ملفات الطلبة البيداغوجية و التأديبية ‪.‬‬
‫➢ تحضير قوائم الطلبة ‪.‬‬
‫➢ تسيير نتائج الطلبة ) إدراج و تعديل و تحميل النقاط (‪.‬‬
‫➢ حساب معدالت الطلبة و إصدار النتائج ‪.‬‬

‫‪ 3-II‬إدارة القسم‪:‬‬
‫لكل قسم من أقسام الكلية رئيس قسم و إدارة خاصة به التي تربط بين األستاذ و الطلبة وكذا مصلحة‬
‫التعليم والتقييم ‪ ،‬ومن مهامها ‪:‬‬
‫✓ تقسم الطلبة إلى أفواج وإنشاء قوائم التفويج‪.‬‬
‫✓ إستالم ورقية تقييم الطلبة وكذا النسخة اإللكترونية من األستاذ‪.‬‬
‫✓ إرسال ورقة التقييم و النسخة اإللكترونية إلى مصلحة التعليم والتقييم‪.‬‬
‫من خالل التحقيق و الدراسة الحظنا أن عميلة تقييم طلبة تتم بشكل يدوي كما هو موضح في الشكل‬
‫التالي‪.‬‬

‫‪4‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫الشكل ‪: 2‬ورقة تقييم الطلبة‬

‫‪5‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫‪ -III‬وصف الوثيقة األولى ‪:‬‬

‫بعد االنتهاء من فترة التسجيل يعتبر كل طالب يحمل رقم تسجيل خاص بـه ‪ ،‬وينتمـي الـى فـوج معـين تـابع‬
‫الى التخصص المسجل به والذي ينتمي إلى القسم التابع إلـى الكليـة الخاصـة بـه المندرجـة هـذه األخيـرة ضـمن‬
‫الجامعة ‪ ،‬ويكون تقسيم الطلبة في التخصصـات و التسـجيل مـن طـرف مصـلحة التعلـيم والتقيـيم بتقسـيمهم بعـد‬
‫يدرس من طرف أستاذ و الذي يحمل اسم ولقب ‪ ،‬حيث يستطيع هذا األخيـر تـدريس‬
‫ذلك إلى أفواج ‪ ،‬كما أنه ّ‬
‫عــدة مقــاييس سداســية او ســنوية فــي عــدة أقســام مختلفــة ‪ ،‬و يــتم تقيــيم الطالــب بعــد اجتيــازه ‪ :‬أعمــال موجهــة ‪،‬‬
‫الفروض ‪ ،‬أعمال تطبيقية ‪ ،‬و امتحـان نهايـة السداسـي ‪ ،‬ومنحـه نقطـة معينـة و بعـد ذلـك يرسـل األسـتاذ قائمـة‬
‫التقييم الخاصة بالطلبة و المتعلقة بالمقياس الذي يدرسه إلـى مصـلحة التعلـيم والتقيـيم و يـتم جمـع نقـاط الطلبـة‬
‫من األساتذة لحساب المعدل النهائي الخاص بالطلبة‪.‬‬

‫‪6‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫‪ -IV‬دراسة الوثيقة ‪:‬‬

‫قائمة نقاط طلبة‬ ‫اسم الوثيقة‬

‫تقييم الطالب‬ ‫الهدف من الوثيقة‬

‫المالحظات‬ ‫الطول‬ ‫النوع‬ ‫اسم الحقل‬ ‫الهيكل‬

‫‪50‬‬ ‫حرفي‬ ‫اسم الكلية‬

‫‪50‬‬ ‫حرفي‬ ‫اسم القسم‬

‫‪15‬‬ ‫حرفي‬ ‫السنة الجامعية‬ ‫الرأس‬

‫‪50‬‬ ‫حرفي‬ ‫اسم المقياس‬

‫‪50‬‬ ‫حرفي‬ ‫االستاذ (ة)‬

‫‪25‬‬ ‫حرفي‬ ‫الدورة‬

‫‪02‬‬ ‫رقمي‬ ‫الرقم‬

‫‪20‬‬ ‫رقمي‬ ‫رقم التسجيل‬

‫‪30‬‬ ‫حرفي‬ ‫اللقب و االسم‬

‫‪05‬‬ ‫رقم‬ ‫االعمال الموجهة‬

‫‪05‬‬ ‫رقم‬ ‫فرض‪1‬‬ ‫الجسم‬

‫‪05‬‬ ‫رقم‬ ‫فرض‪2‬‬

‫‪05‬‬ ‫رقمي‬ ‫أعمال التطبيقية‬

‫‪05‬‬ ‫رقمي‬ ‫عالمة م‪.‬م‬

‫‪05‬‬ ‫رقمي‬ ‫عالمة االمتحان‬

‫‪JJ/MM/AAAA‬‬ ‫‪/‬‬ ‫تاريخ‬ ‫تاريخ اإلستالم‬ ‫الذيل‬

‫الجدول ‪: 1‬دراسة قائمة نقاط الطلبة‬

‫‪7‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫الشكل ‪ : 3‬ورقة تقييم الطلبة مع حذف أعمدة‬

‫‪8‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫‪ -V‬وصف الوثيقة الثانية ‪:‬‬

‫عند إضافة األستاذ نقاط الطلبـة تكـون بكيفيـة نظامـه المقـرر فـي المقيـاس المخصـص لـه لتنـتج لنـا مـن كـل‬
‫األساتذة عدة ملفات مختلفة الشكل ومثـال علـى ذلـك كمـا هـو موضـح فـي ‪-‬الشـكل ‪ -3‬الـذي يوجـد فيـه أعمـال‬
‫موجهة و فروض و عالمة م‪.‬م و عالمة االمتحان فقط بعد حذف األستاذ األعمدة األخرى‪.‬‬

‫‪9‬‬
‫دراسة الموجود‬ ‫الفصل األول‬

‫الملخص‬

‫بعد االنتهاء مـن د ارسـة الموجـود والتـي سـمحت لنـا بتحليـل النظـام ومعرفـة اكبـر حجـم مـن المعلومـات حـول‬
‫النظام الموجود ‪ ،‬والتي استخلصنا منها جملة مـن المعـارف تسـمح لنـا بإقامـة تصـور حـول النظـام المسـتقبلي ‪،‬‬
‫الذي يستجيب الحتياجات كل من االدارة واألستاذ على حد سواء‪.‬‬

‫‪10‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫مقدمة عن مرحلة التصميم‬

‫تعتبر مرحلة التصميم أهم مرحلة في دورة حياة النظام حيث أنها‬

‫توضح العالقات في النظام و طبيعة عملها وهيكلتها و طبيعة‬

‫العالقات فيما بينها‪ ,‬بحيث تسهل عملية تنفيذها في المرحلة التالية‬

‫وهي مرحلة التنفيذ ) ‪ ( Implementation‬وحتى تكون عميلة تكون‬

‫تصميم النظام سهلة على األشخاص الذين سوف يطلعون على النظام‬

‫الحقاً لتعديله أو تطويره مستخدمين بذلك لغة ‪. UML‬‬

‫‪11‬‬
 ‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫‪ -I‬تعريف لغة النمذجة الموحدة ‪: UML‬‬

‫الموحدة )‪ (Unified Modelling Language‬أو (‪ )UML‬هي لغـة نمذجـة رسـومية تقـدم‬

‫ّ‬ ‫لغة النمذجة‬
‫لنـا صـيغة لوصـف العناصـر الرئيسـية للـنظم البرمجيـة ‪ ،‬هـذه العناصـر تس ّـمى ‪ artifacts‬مشـغوالت فـي ]‪[3‬‬
‫‪.UML‬‬
‫في تطبيقنا هذا نصف كيف يمكن تطبيق النمذجة الموحدة (‪ )UML‬في مشروع تخرجنا‪.‬‬

‫تتجه (‪ )UML‬بطبيعتها نحو بنـاء البرمجيـات كائنيـة المنحـى ‪ Object Oriented‬حيـث يـوفر ‪ UML‬عـدة‬
‫نماذج مختلفة لوصف النظام ‪.‬‬

‫القائمة التالية توجز الغرض من كل نموذج ‪:‬‬

‫حاالت االستخدام ‪ : Use Cases‬كيف سيتفاعل نظامنا مع العالم الخارجي ؟‬
‫مخطط الفئات ‪ : Class Diagram‬ماهي الكائنات التي نحتاجها ؟ وما عالقتها ؟‬
‫مخطط التتابع ‪ : Sequence Diagram‬كيف تتعامل الكائنات مع بعض ؟‬

‫‪ 1–I‬حاالت االستخدام ‪:‬‬

‫هي من أدوات لغة النمذجة الموحـدة القويـة ‪ ،‬هـي ببسـاطة وصـف لمجموعـة مـن التفـاعالت بـين المسـتخدم‬
‫والنظـام ‪ ،‬ومـن خـالل بنـاء مجموعـة مـن وقـائع االسـتخدام ‪ ،‬يمكننـا وصـف كامـل للنظـام الـذي نخطـط إلنشـائه‬
‫بصورة واضحة وموجزة ‪.‬‬

‫‪ 2–I‬مخطط الفئات ‪:‬‬

‫مخطط الفئات هو مخطط هيكلي مهمته عرض البيانات بنظام معين مع جميع العالقات التي تـربط بينهـا‪،‬‬
‫وهو أشهر نوع من المخططات في هندسة البرمجيات بحيث يعتبر أداة قوية لتحليل المتطلبات ]‪.[2‬‬

‫‪ 3–I‬مخطط التتابع ‪:‬‬

‫مـع وصـف‬ ‫تشـرح سـلوك الكائنـات "‪ "objects‬فـي حالـة اسـتخدامها حـاالت االسـتخدام "‪"use case‬‬
‫الممررة بينهم‪.‬‬
‫الكائنات "‪ "objects‬والرسائل ُ‬
‫الخطــوط المنقطــة الــى أســفل المخطــط تشــير إلــى الــزمن لــذلك فهــو وصــف لكيفيــة تفاعــل الكائنــات فــي نظامنــا‬
‫عبر الزمن ‪.‬‬

‫‪12‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫‪ -II‬تحديد االحتياجات ‪:‬‬

‫هنا سيتم تحديد االحتياجات وذلك بدراسة الجهات الفاعلة في النظام وذكر مهام كل منهم‪.‬‬
‫‪ 1-II‬الجهات الفاعلة في النظام ‪:‬‬
‫❖ اإلدارة‪:‬‬
‫‪-1‬تسجيل الدخول‬
‫‪-2‬تسيير الصفحات الشخصية لكل أستاذ‬
‫‪-3‬استيراد ‪:‬‬
‫‪ -‬لقوائم الطلبة‬
‫‪ -‬لقوائم االساتذة‬
‫‪ -4‬تسيير المواد ‪ :‬اضافة ‪ /‬تعديل مادة ومنحها الى استاذ‬
‫‪-5‬ادارة نقاط الطلبة ‪:‬‬
‫‪ -‬ادراج وتحميل نقاط الطلبة على شكل ‪Excel /PDF‬‬
‫‪ -‬طباعة نقاط الطلبة ‪ /‬تعديل النقاط‬
‫‪ -6‬ارسال رسالة لألستاذ عبر االيميل في حال تأخره عن الموعد المطلوب‬
‫‪-7‬ادراج قوائم الطلبة (على شكل ‪.)Excel‬‬
‫‪-8‬اضافة ‪ ،‬حذف ‪ ،‬وتعديل أستاذ‬
‫❖ االستاذ‪:‬‬
‫‪-1‬ادراج نقاط الطلبة‬
‫‪-2‬التعديل في نقاط الطلبة‬
‫‪-3‬تحميل نقاط الطلبة (‪)PDF / Excel‬‬
‫‪-4‬ارسال نقاط الطلبة الى موقع االدارة‬
‫‪-5‬مع امكانية طباعة نسخة من نقاط الطلبة ‪.‬‬

‫‪13‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫المخطط التالي يمثل الجهات الفاعلة في النظام ‪:‬‬

‫الشكل ‪: 4‬مخطط التالي يوضح المتعاملين مع النظام (اإلداره ‪،‬األستاذ(‬

‫‪ -III‬حاالت االستخدام ‪:‬‬

‫المخطط التالي يمثل مخطط حالة االستخدام لعملية تسجيل الدخول من قبل مستخدمي النظام‬

‫الشكل ‪: 5‬مخطط حالة االستخدام لتسجيل الدخول‬

‫‪14‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫طلب تسجيل الدخول‬ ‫حالة االستخدام‬

‫االدارة ‪ /‬األستاذ‬ ‫الجهات الفاعلة في النظام‬

‫تسمح حالة االستخدام هذه للمستخدم بالوصول الى الواجهة‬ ‫وصف موجز لحالة االستخدام‬
‫الرئيسية لتطبيقنا عن طريق إدخاله لمعلومات تسجيل الدخول‬
‫وكلمة المرور‬

‫‪-1‬يدخل المستخدم (االدارة ‪/‬االستاذ) اسم المستخدم وكلمة‬ ‫السيناريو العادي‬

‫المرور الصحيحة‬
‫‪-2‬يتحقق النظام من إسم المستخدم وكلمة المرور‬
‫‪-3‬يعرض النظام الواجهة الرئيسية للتطبيق‬
‫‪-1‬يدخل المستخدم (االدارة ‪/‬االستاذ) اسم المستخدم وكلمة‬ ‫السيناريو البديل‬
‫المرور الصحيحة‬
‫‪-2‬يتحقق النظام من إسم المستخدم وكلمة المرور‬
‫‪-3‬يشير النظام إلى أن إسم المستخدم أو كلمة المرور غير‬
‫صالحة‬
‫‪-4‬يقوم النظام بإفراغ حقول االدخال ويعرض رسالة خطأ‬

‫الجدول ‪ : 2‬طلب تسجيل دخول‬

‫‪15‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫‪ 1-III‬المخطط العام لحالة االستخدام ‪:‬‬

‫الشكل ‪ : 6‬المخطط العام لحالة االستخدام‬

‫‪ 2-III‬مخطط حالة االستخدام إلدراج وتحميل النقاط‪:‬‬

‫الشكل ‪ : 7‬مخطط حالة االستخدام الخاص باإلدارة‬

‫الشكل ‪ : 7‬مخطط حالة االستخدام إلدراج وتحميل النقاط‬

‫‪16‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫إدراج وتحميل النقاط‬ ‫حالة االستخدام‬

‫األستاذ‬ ‫الجهات الفاعلة في النظام‬

‫تسمح حالة االستخدام هذه بإدراج نقاط الطلبة من طرف األستاذ‬ ‫وصف موجز لحالة االستخدام‬
‫وحفظها داخل قاعدة البيانات ويتم تحميلها من قاعدة البيانات‪.‬‬
‫يقوم االستاذ بإدراجه للنقاط ويؤكد على طلبه‬ ‫الحالة العادية‬
‫يقوم النظام بإضافة النقاط الى قاعدة البيانات ويرسل رسالة تدل‬
‫على نجاح العملية‬
‫يقوم األستاذ بتحميل النقاط‬

‫الجدول ‪ : 3‬إدراج وتحميل النقاط‬

‫‪ 3-III‬مخطط حالة االستخدام إلدارة المستخدمين ‪:‬‬

‫الشكل ‪ : 8‬حالة االستخدام الدارة المستخدمين‬

‫‪17‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫إدارة المستخدمين‬ ‫حالة االستخدام‬

‫االدارة‬ ‫الجهات الفاعلة في النظام‬

‫تسمح حالة االستخدام هذه للمستخدم بإضافة مستخدم جديد‬ ‫وصف موجز لحالة االستخدام‬
‫(أستاذ‪/‬اإلدارة) حتى يتسنى له الولوج للتطبيق وتعديل في‬
‫خصوصياته و حذف المستخدمين ‪.‬‬

‫‪ -‬المسؤول عن التطبيق يدخل المعلومات الرئيسية الضافة‬ ‫السيناريو العادي‬

‫مستخدم جديد أو التعديل عليه أو حذفه ‪.‬‬
‫‪ -‬يتم تحديث المعلومات في قاعدة البيانات في حالة عدم وجود‬
‫اخطاء ‪.‬‬
‫‪ -‬اذا كان المستخدم المراد اضافته موجود مسبقا في قاعدة‬ ‫السيناريو البديل‬
‫البيانات يظهر رسالة خطأ وكذلك مع التعديل عليه ‪.‬‬

‫الجدول ‪ : 3‬ادارة المستخدمين‬

‫بعد تعيين الجهات الفاعلة (‪ )actors‬بالنسبة لكل حالة استخدام ‪ ،‬حاولنا بذلك تقديم وصف للسيناريوهات‬
‫التي تصف التفاعل بين المستخدم والنظام مستعرضين بعض االجراءات التي يمكن أن يقوم بها كل من‬
‫اإلدارة و األستاذ إلكمال المهمة ‪.‬‬
‫قد نجد صعوبة في الحصول على رؤية واضحة لجميع اإلج ارءات من خالل مخطط حالة االستخدام ‪،‬‬
‫لذلك إستعنا بمخطط التتابع لشرح سلوك الكائنات و وصف كيفية تفاعلها في نظامنا ‪.‬‬

‫‪18‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫‪ - VI‬مخططات التتابع‬

‫الشكل ‪ : 9‬مخطط التتابع لطلب تسجيل الدخول‬

‫يمثل المخطط السابق لعلمية تسجيل الدخول لكل من األستاذ و اإلدارة بحيث يقوم كل منهما‬
‫بطلب الوصول للواجهة الرئيسية لنظام وذلك بعد ملئ الحقول )إسم المستخدم و كلمة المرور(‬
‫بمجرد اإلنتهاء من التسجيل يتم المصادقة على البيانات في حالة المعلومات تكون صحيحة و‬
‫يكون الفشل في المصادقة في حالة عدم توافق المعلومات ويتم إرسال رسالة خطأ‪.‬‬

‫‪19‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫الشكل ‪ : 10‬مخطط التتابع إلضافة مستخدم جديد – أستاذ ‪ -‬إدارة‪-‬‬

‫‪20‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫الشكل ‪ : 11‬مخطط التتابع إلدراج النقاط من طرف األستاذ‬

‫‪21‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫الشكل ‪ : 12‬مخطط التتابع لمعاينة وطباعة نقاط الطلبة‬

‫‪22‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫الشكل ‪ : 13‬مخطط التتابع لطباعة نقاط الطلبة من طرف االدارة‬

‫‪23‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫‪ - V‬مخطط الفئات ‪:‬‬

‫سيكون في هذا المخطط وصف بنية نظام تخرجنا من خالل إظهار طبقات النظام‪ ،‬وخصائصها‪،‬‬
‫والعمليات والعالقات بين الكائنات ‪.‬‬

‫الشكل ‪ : 14‬مخطط الفئات العام‬

‫‪24‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫القيمة‬ ‫النوع‬ ‫الشرح‬ ‫الترميز‬ ‫اسم الجدول‬

‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪idEnsiegnant‬‬

‫حرفي‬ ‫اسم األستاذ‬ ‫‪NomEnseignant‬‬
‫حرفي‬ ‫لقب األستاذ‬ ‫‪lastName‬‬
‫مختلط‬ ‫رقم األستاذ‬ ‫‪Numb‬‬ ‫‪Professor‬‬
‫رقمي‬ ‫رقم هاتف األستاذ‬ ‫‪telephone‬‬
‫مختلط‬ ‫البريد اإلكتروني لألستاذ‬ ‫‪email‬‬
‫مختلط‬ ‫الرقم السري‬ ‫‪Password‬‬
‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪idEtudiant‬‬
‫حرفي‬ ‫رقم التسجيل‬ ‫‪numInscri‬‬
‫حرفي‬ ‫اإلسم واللقب‬ ‫‪nomPrenom‬‬ ‫‪Student‬‬
‫تاريخ‬ ‫تاريخ اإلزدياد‬ ‫‪dateNaiss‬‬
‫تاريخ‬ ‫مكان اإلزدياد‬ ‫‪lieuNaiss‬‬
‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪IdModule‬‬
‫حرفي‬ ‫‪ nomModule‬اسم المادة‬ ‫‪Module‬‬
‫رقمي‬ ‫‪ coiffient‬معامل المادة‬
‫رقمي‬ ‫‪ Credit‬رصيد المادة‬
‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪idNote‬‬
‫رقمي‬ ‫نقطة األعمال الموجهة‬ ‫‪TD‬‬
‫رقمي‬ ‫نقطة األعمال التطبيقية‬ ‫‪TP‬‬
‫رقمي‬ ‫نقطة الفرض األول‬ ‫‪intero1‬‬ ‫‪Note‬‬
‫رقمي‬ ‫نقطة الفرض الثاني‬ ‫‪intero2‬‬
‫رقمي‬ ‫نقطة المراقبة المستمرة‬ ‫‪note_cc‬‬
‫رقمي‬ ‫نقطة اإلمتحان‬ ‫‪note_controle‬‬
‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪idFact‬‬ ‫‪Faculty‬‬
‫حرفي‬ ‫‪ nomFact‬اسم الكلية‬

‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪IdDepart‬‬ ‫‪Departement‬‬

‫حرفي‬ ‫‪ NomDepart‬اسم القسم‬

‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪IdGroupe‬‬

‫حرفي‬ ‫‪ nomGroupe‬اسم الفوج‬ ‫‪Groupe‬‬
‫‪11‬‬ ‫رقمي‬ ‫المعرف‬ ‫‪idSemester‬‬
‫حرفي‬ ‫‪ nomSemester‬اسم السداسي‬ ‫‪Semestre‬‬
‫تاريخ‬ ‫‪ DateDebut‬تاريخ بداية السداسي‬
‫تاريخ‬ ‫‪ Datefin‬تاريخ نهاية السداسي‬
‫‪11‬‬ ‫رقمي‬ ‫‪ idSpecialiste‬المعرف‬ ‫‪Specialy‬‬
‫حرفي‬ ‫‪ nomSpecialiste‬اسم التخصص‬

‫الجدول ‪ : 5‬قواعد بيانات التطبيق‬

‫‪25‬‬
‫مرحلة التصميم‬ ‫الفصل الثاني‬

‫الملخص‬

‫في هذا الفصل حاولنا إنشاء نموذج تصوري لموقعنا باستخدام لغة النمذجة ‪ UML‬وذلك قصد تسهيل‬
‫عملنا في المرحلة المقبلة التي تمثل تحقيق ًا لموقعنا على أساس اآلليات والحلول التي تم تحديدها في مرحلة‬
‫النمذجة والتصميم‪.‬‬

‫‪26‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫المقدمة‬
‫من خالل دراستنا سعينا جاهدين خالل العمل النظري ومرحلة‬
‫التصميم في انجاز وتصميم قاعدة البيانات ‪ ،‬نأتي الى مرحلة‬
‫التجسيد العملي للمشروع ‪ ،‬في هذا الفصل سنتطرق الى األدوات‬
‫المستخدمة والت البرمجة الخاصة بالويب المطلوبة في تنفيذ وتحقيق‬
‫هذا المشروع مع تحديد خصائص األجهزة التي سنقوم بتجربة‬
‫التطبيق عليها ‪ ،‬اضافة الى الدافع الختيارنا الى لغات البرمجة بي‬
‫إتش بي )‪ (PHP‬واألدوات وبيئة التطوير المستخدمة فيجوال ستوديو‬
‫(‪. )Visual Studio‬‬

‫‪27‬‬
 ‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ - I‬األدوات المستخدمة ‪:‬‬

‫مشروعنا هو عبارة عن تطبيق ويب على الشبكة وهو على شكل موقع تفاعلي ‪ ،‬إنجازه يتطلب موزع ويب‬
‫والعديد من األدوات الضرورية واألدوات المستخدمة هم ‪:‬‬
‫‪. Visual Studio , Html , Css , JavaScript , PHP , XAMPP server‬‬

‫‪ - II‬بيئة العمل ‪:‬‬

‫‪ 2 – II‬مايكروسوفت فيجوال ستوديو باإلنجليزية )‪: ( Microsoft Visual Studio‬‬

‫هي بيئة التطوير المتكاملة الرئيسية من مايكروسوفت ‪ .‬تتيح برمجة واجهة المستخدم الرسومية والبرامج‬
‫النصية إلى جانب ويندوز فورم ومواقع ويب وتطبيقات ويب وخدمات ويب مدعومة ب مايكروسوفت‬
‫ويندوز وويندوز موبايل وإطار عمل دوت نت ‪.‬‬

‫يحتوى فيجوال ستوديو على محرر أكواد يدعم تقنية إعادة كتابة الكود‪ ،‬ويحتوى أيضا على مترجم يكشف‬
‫أخطاء وقت التشغيل ومفسر يكشف األخطاء اإلمالئية في األكواد ويحتوى أيضا على مصمم نماذج‬
‫لبناء واجهة مستخدم رسومية‪.‬‬

‫‪HTML 3– II‬‬
‫‪ Hypertext Markup Language‬ويشار إليها اختصا اًر ب‪ ،HTML‬وتُعرف بلغة ترميز النص‬
‫التشعبي‪ ،‬هي عبارة عن لغة ترميز خاصة تستخدم لغايات تصميم وإنشاء صفحات الويب‪ ،‬كما يمكننا القول‬
‫الكيفية التي‬
‫ّ‬ ‫تقدم وصفاً مفصالً حول‬
‫التحتية لها؛ إذ ّ‬
‫ّ‬ ‫بأنها عبارة عن الهيكل الرئيسي لصفحات الويب والبنية‬
‫ستكون عليها آلية عرض محتويات الموقع اإللكتروني ويكون ذلك بتقسيمه إلى عنوان وفقرات‪ ،‬ويتم ذلك كله‬
‫باالعتماد على ما ُيعرف بالوسوم‪.‬‬

‫‪Css 4– II‬‬

‫‪ Cascading style sheets‬هي اختصار لي‪ CSS‬هي لغة تصميم تحدد شكل وثيقة ‪ HTMl‬فهي‬
‫تهتم بالخطوط ‪ ،‬األوان ‪ ،‬الهامش ‪ ،‬والعرض واإلرتفاع ‪ ،‬صورة خلفية الموقع ‪ ،‬وكيفية توزيع المساحات‬
‫وأشياء أخرى كثيرة‪.‬‬

‫‪28‬‬
 ‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪JavaScript 5– II‬‬

‫هي لغة برمجة كائنية التوجة ومتعددة المنصات‪ .‬هي لغة صغيرة وخفيفة الوزن‪ .‬داخل بيئة المضيف على‬
‫سبيل المثال متصفح ويب ‪ ،‬في هذه البيئة يمكنك استخدامها على الكائنات‪.‬‬
‫تحتوي جافاسكريبت على مكتبة قياسية من الكائنات‪ ،‬مثل ‪ ،Date ،Array‬و‪ ،Math‬ومجموعة أساسية‬
‫من العناصر اللغوية مثل العوامل‪ ،‬بنى التحكم‪ ،‬والتصريحات‪.‬‬
‫جوهر جافا سكريبت هو قابليتها للتعامل مع مجموعة متنوعة من الكائنات التي تكون مكملة مع كائنات‬
‫إضافية ]‪.[4‬‬

‫‪PHP 6– II‬‬

‫تعد لغة ‪ PHP‬واحدة من أكثر لغات البرمجة سهولة و إنتشا اًر و باتت تستخدم في أكثر من ‪ 244‬مليون‬
‫موقع إنترنت ‪ ،‬وتعد ركيزة أساسية ألشهر المواقع اإللكترونية العالمية وهي لغة برمجة نصية صممت أساسا‬
‫من أجل استخدامها لتطوير وبرمجة تطبيقات الويب ‪ ،‬و يمكن أيضاً إستخدامها في برمجة تطبيقات تعمل‬
‫بدون اإلتصال باإلنترنت ‪ ،‬وتعمل على معظم أنظمة التشغيل و من مزاياها ‪:‬‬
‫يمكنها توليد صفحات ذات محتوى ديناميكي متغير وليس ثابت مثل لغة ‪.HTML‬‬ ‫•‬

‫يمكنها إنشاء مواقع تفاعلية معقدة مثل مواقع التجارة اإللكترونية والشبكات اإلجتماعية‪.‬‬ ‫•‬

‫يمكنها فتح ‪ ،‬قراءة ‪ ،‬كتابة و إنشاء ملفات على الخادم‪.‬‬ ‫•‬

‫يمكنها إرسال و إستقبال الكوكيز ‪.cookies‬‬ ‫•‬

‫يمكنها إضافة ‪ ،‬حذف وتعديل البيانات في قاعدة المعطيات‪.‬‬ ‫•‬

‫يمكنها تشفير البيانات ]‪.[5‬‬ ‫•‬

‫‪XAMPP server 7– II‬‬

‫وهو حزمة تطبيقات حرة ومفتوحة المصدر وتتضمن بشكل رئيسي خادم ‪ apache‬و ‪ mysql‬ويستخدم‬
‫في جعل جهازك سيرفر مصغر به العديد من المزايا ومنه تستطيع أن تنشأ على جهازك موقع الكتروني‬
‫محلي للبرمجة والتجربة ]‪.[6‬‬

‫‪29‬‬
 ‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ - III‬شرح الموقع‪:‬‬

‫في هذا الجزء سوف نستعرض كافة الواجهات الرئيسة والفرعية للموقع والشرح التفصيلي لها وتنقسم‬
‫واجهات الموقع إلى إثنين ‪:‬‬
‫‪ -‬واجهات خاصة باإلدارة‪.‬‬
‫‪ -‬واجهات خاصة باألساتذة‪.‬‬
‫‪ 1 - III‬واجهة تسجيل الدخول ‪:‬‬

‫عند دخول اإلدارة أو األستاذ لموقعنا تظهر له هذه الواجهة الرئيسية التي تتيح له تسجيل الدخول للموقع‬
‫بإدخاله إلسم المستخدم و كلمة المرور لتمييز بين األستاذ و اإلدارة ‪.‬‬

‫الشكل ‪ : 15‬صفحة تسجيل الدخول‬

‫‪30‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 2 -III‬الواجهة الرئيسية الخاصة باإلدارة‬

‫بعد تسجيل دخول المسؤول سيتم تحويله لهذه الواجهة التي تعرض معلومات حول كل ماهو خاص‬
‫بموقعنا‪.‬‬

‫الشكل ‪ : 16‬الصفحة الرئيسية لإلدارة‬

‫تظهر الواجهة التالية ما يمكن القيام به في النظام من طرف اإلدارة ‪.‬‬

‫الصفحة الخاصة باألساتذة‬

‫صفحة المقاييس يتم فيها اإلضافة و إظهار المقاييس‬

‫يتم في هذه الصفحة رؤية كل ماهو جديد حول النقاط‬

‫صفحة إلضافة سداسي‬

‫صفحة خاصة بتسيير الطلبة‬

‫صفحة خصوصية المستخدم‬

‫الشكل ‪ : 17‬لوحة التحكم بالموقع‬

‫‪31‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 3 -III‬واجهة إضافة حساب ألستاذ جديد ‪:‬‬

‫يتم إضافة أستاذ جديد من طرف اإلدارة و ذلك بتعيين رقمه الخاص و المعلومات الشخصية و الرقم‬
‫سري‪.‬‬

‫الشكل ‪ : 18‬واجهة إضافة أستاذ جديد‬

‫‪ 4 -III‬صفحة قائمة األساتذة‬

‫يتم إظهار جميع األستاذة من طرف اإلدارة و يتم تعديل أو حذف األساتذة كذلك ‪.‬‬

‫الشكل ‪ : 19‬صفحة عرض قائمة االساتذة‬

‫‪32‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 5 -III‬واجهة إضافة مقياس جديد ‪:‬‬

‫إلضافة مقياس جديد يتم الدخول لهذه الصفحة وتملى جميع بيانات المقياس المتعلقة بالرثيد والمعامل‬
‫واسم المقياس و التخصص المتعلق بالمقياس ‪.‬‬

‫الشكل ‪ : 20‬صفحة إضافة مقياس جديد‬

‫‪ 6 -III‬واجهة قائمة جميع المقاييس ‪:‬‬

‫يتم عرض جميع المقاييس في صفحة خاصة ‪ ،‬ويكون معهم الكلية والتخصص الخاص بكل مقياس ‪.‬‬

‫الشكل ‪ : 21‬صفحة عرض قائمة المقاييس‬

‫‪33‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 7 -III‬واجهة إضافة سداسي جديد ‪:‬‬

‫تسمح الواجهة التالية بإضافة سداسي جديد من طرف اإلدارة بإدخالها تاريخ بداية ونهاية كل سداسي ‪.‬‬

‫الشكل ‪ : 22‬إضافة سداسي‬

‫‪ 8-III‬واجهة إضافة طالب ‪:‬‬

‫تتم اضافة طالب جديد بعد ادخال كل المعلومات الالزمة من طرف االدارة ليتم ارسال المعلومات الى‬
‫قاعدة البيانات بعد الضغط على زر االضافة ‪.‬‬

‫الشكل ‪ : 23‬صفحة إضافة طالب‬

‫‪34‬‬
 ‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫تظهر الواجهة التالية قائمة جميع الطلبة المسجلين في قادة البيانات حيث يتم كشف عن رقم التسجيل‬
‫واسم ولقب الطالب وتاريخ االزدياد ومكانه ‪.‬‬

‫الشكل ‪ : 24‬صفحة عرض قائمة الطلبة‬

‫‪ 9-III‬واجهة إضافة مستخدم جديد‬

‫إلضافة مستخدم جديد – اداري – يتم ارسال المعلومات الالزمة الى قاعدة البيانات بعد الضغط على زر‬
‫االضافة‪.‬‬

‫الشكل ‪ : 25‬اضافة مستخدم‬

‫‪35‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 10-III‬قائمة جميع المستخدمين ‪:‬‬

‫في الواجهة التالية يتم عرض جميع معلومات المسيرين للموقع ‪.‬‬

‫الشكل ‪ : 26‬صفحة عرض قائمة مستخدمي الموقع‬

‫‪ 11-III‬صفحة النقاط المحملة من طرف األساتذة ‪:‬‬

‫مع اضافة النقاط من طرف االستاذ يتم تحميلها في الصفحة التالية الخاصة باالدارة وذلك من أجل‬
‫تحميل النقاط من طرف االدارة بواسطة الضغط في عمود تحميل على ‪ PDF‬أو ‪.EXCEL‬‬

‫الشكل ‪ : 27‬صفحة النقاط المحملة من طرف األساتذة‬

‫‪36‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 12-III‬الواجهة الرئيسية الخاصة باألستاذ ‪:‬‬

‫بعد تسجيل الدخول يتم تحويل االستاذ للواجهة التالية بدوره يقوم باختيار المقياس والفوج الذي يقوم بتدريسه‬
‫في سداسي معين ‪ ،‬ليتم تحويله بعد ذلك للصفحة الخاصة بإدراج النقاط ‪.‬‬

‫الشكل ‪ : 28‬الرئيسية الخاصة باألستاذ‬

‫‪ 13-III‬واجهة إدراج النقاط ‪:‬‬

‫بعد ادخال معلومات االستاذ يحول مباشرة لهذه الصفحة حيث يتم ادراج نقاط الفوج ‪.‬‬

‫الشكل ‪ : 29‬واجهة إدراج النقاط‬

‫‪37‬‬
‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 14-III‬الواجهة بعد إدراج النقاط ‪:‬‬

‫الشكل ‪ : 30‬الواجهة بعد إدراج النقاط‬

‫‪ 15-III‬الواجهة النهائية لقائمة نقاط الطلبة في ملف ‪:EXCEL‬‬

‫الشكل ‪ : 31‬قائمة نقاط الطلبة في ملف ‪EXCEL‬‬

‫‪38‬‬
 ‫مرحلة التنفيذ‬ ‫الفصل الثالث‬

‫‪ 16-III‬الواجهة النهائية لقائمة نقاط الطلبة في ملف ‪:PDF‬‬

‫الشكل ‪ : 8‬قائمة نقاط الطلبة في ملف ‪PDF‬‬

‫بعد اجتياز الطالب االمتحان في هذه األثناء يتم تقييم ومنحه نقطة معينة في مقياس معين‪ ،‬في ذلك‬
‫الحين يتم إدراج النقاط من طرف األستاذ عبر النظام الى أن يتحصل على ملفين ‪ PDF‬و ‪ EXCEL‬تلقائيا بعد‬
‫الحفظ محتويا بذلك على جميع األعمدة الالزمة متجنبين بذلك مشكلة رفع ملف األكسل (الذي هو محل‬
‫مشاكل‪.‬‬ ‫بحثنا ) ‪ ،‬في الوقت الذي يتم في حفظ النقاط آليا يتم رفع الملفات الى موقع االدارة دون‬

‫الملخص‬
‫خالل هذا الفصل قمنا بتنفيذ المشروع وذلك من خالل انشاء موقع ويب يسمح لنا بإدراج وتحميل نقاط الطلبـة‬
‫وهاذا باالعتماد على مجموعة من البرمجيات واللغات التوصيفية‬

‫‪39‬‬
 ‫الخاتمة العامة‬

‫الخاتمة العامة‬

‫من خالل دراستنا سعينا جاهدين أثناء فترة البحث التي أجريناها في إنجاز وتصميم موقع ويب إلدراج‬
‫وتحميل نقاط الطلبة يساعد على التسيير الجيد للمعلومات لما له من إيجابيات في سرعة تنفيذ المعطيات‬
‫وإدخال المعلومات وهذا ما توصلنا إليه خالل بحثنا بمصلحة التعليم والتقييم حيث تعتبر المصلحة من أهم‬
‫المصالح على مستوى أي قسم جامعي وذلك ألهميتها في التسيير البيداغوجي للطلبة من حيث تقييم الطالب‬
‫ووضع النقاط أثناء فترة الدراسة ‪ ،‬و هذه المهمة التي تقوم بها مصلحة التعليم والتقييم تزداد أهمية و صعوبة‬
‫كل سنة مع مرور الوقت ‪ ،‬وذلك لتزايد عدد الطلبة المسجلين سنة بعد سنة على مستوى القسم ‪ ،‬وكذلك‬
‫نظام التسيير للمصلحة الذي يعتمد على وسائل تستغرق وقتا وجهدا كبيرين مما يؤدي إلى حدوث أخطاء‬
‫أثناء انجاز مختلف مهام المصلحة‪.‬‬

‫خالل دراستنا لعمل هاته المصلحة تمكننا من التوصل إلى اغلب األهداف المسطرة أال وهي موقع‬
‫ويب يحد من مشكلة تضييع الوقت و ارتكاب األخطاء المحتملة نظ ار لكثرة الحسابات و عدم وجود الدقة‪.‬‬

‫‪40‬‬
 ‫المراجع‬

: ‫قائمة المصادر و المراجع‬

[1] Université Hamma Lakhdar Récupéré le 21 février 2018, de

http://www.univ-eloued.dz/index.php/a-universite/presentation

[2] Wikipedia Site Web Récupéré le 28 mars 2018, de

https://ar.wikipedia.org/wiki/‫مخطط_الفئة‬

[3] OMG site Web Récupéré le 28 mars 2018, de

http://www.uml.org/what-is-uml.htm

[4] MDN Web Docs Récupéré le 28 mars 2018, de

https://developer.mozilla.org/ar/docs/Web/JavaScript/Guide/Introduction

[5] Manual PHP Site Web Récupéré le 14 April 2018, de

http://php.net/manual/en/intro-whatis.php

[6] Wikipedia Site Web Récupéré le 16 April 2018, de

https://en.wikipedia.org/wiki/XAMPP

41