‫الموقع االلكتروني‬

‫خصائص الموقع‪:‬‬
‫في الجدول التالي سرد باهم الخصائص الالزمة لبناء وتصميم الموقع‬

‫الوصف‬ ‫الخصائص‬
‫‪Php Laravel‬‬ ‫اللغه المستخدمة لبناء الموقع‬
‫‪HTML5‬‬
‫‪CSS‬‬
‫)‪JavaScript (React JS‬‬
‫‪JQuery‬‬
‫‪Bootstrap5‬‬
‫‪Laravel 8 framework‬‬ ‫االدوات والبرامج المستخدمة في بناء الموقع‬
‫‪Google Chrome‬‬
‫‪Visual Studio Code‬‬
‫‪MySql DB‬‬
‫‪Adobe Photoshop‬‬
‫‪Adobe Illustrator‬‬
‫‪Microsoft Office‬‬
‫مزايا الموقع‪:‬‬
‫يحتوي الموقع على العديد من المميزات المهمة وفق المواصفات الفنية ومن هذه المميزات مايلي‪:‬‬
‫سهولة االستخدام‪.‬‬ ‫‪‬‬
‫السرعة والكفاءة في اداء العمليات وادخال البيانات‪.‬‬ ‫‪‬‬
‫واجهات متناسقة وجذابة وغير مزعجة‪.‬‬ ‫‪‬‬
‫واجهات ‪.UIUX‬‬ ‫‪‬‬
‫مبني على ‪ Laravel framework‬قوي ويتميز باالمنية العالية‪.‬‬ ‫‪‬‬
‫يمكن للموقع ان يكون ‪.multi languages‬‬ ‫‪‬‬
‫تشفير البيانات المهمه لضمان الحماية‪.‬‬ ‫‪‬‬
‫اضافة ‪ animation‬لمحتوى الموقع لجعلة اكثر فاعلية وجاذبية‪.‬‬ ‫‪‬‬
‫استخدام احدث التقنيات لجعل الموقع اكثر ‪ responsive‬واكثر مرونة‪.‬‬ ‫‪‬‬
‫دعم الموقع عدة اوضاع(ليلي ‪ -‬عادي)‪.‬‬ ‫‪‬‬
‫دعم الموقع لعدة انماط وعدة اللوان ومع امكانية اختيارالمناسب‪.‬‬ ‫‪‬‬
‫امكانية حظر اي مستخدم غير ملتزم بسياسة المؤسسة والنشر‪.‬‬ ‫‪‬‬
‫يمكن البحث في الموقع عن طريق عدة متغيرات‪.‬‬ ‫‪‬‬
‫امكانية ادارة محتوى الموقع بطرقة سهلة ومرنة‪.‬‬ ‫‪‬‬
‫امكانية الوصول وارسال ومشاركة محتوى الموقع بسهولة وطريقة مباشرة‪.‬‬ ‫‪‬‬
‫امكانية تصدير الي محتوى الى تطبيقات االوفس‪.‬‬ ‫‪‬‬
‫تصميم مرن ومتوافق مع جميع احجام الشاشات وانواعها‪.‬‬ ‫‪‬‬
‫موقع ديناميكي يمكن من خالله اضافة وحذف وتعديل وعرض الي محتوى بسهوله وسرعة‬ ‫‪‬‬
‫ومرونة عالية من قبل المسئولين حسب الصالحيات المخولة اليهم‪.‬‬
 ‫واجهات وصفحات الموقع‬

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

‫‪ o‬صفحات لوحة التحكم وادارة الموقع‬

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

‫واجهة تسجيل الدخول و تحديد صالحيات المستخدمين‬ ‫‪‬‬

‫يقوم المستخدم في هذه الواجهة بادخال ايميلة وكلمة المرور الخاصة بة والتحقق من صحة هذه البيانات للسماح له بالدخول‬
‫الى لوحة التحكم الخاصة بالموقع ضمن الصالحيات الممنوحة له او عدم السماح له بالدخول‪.‬‬
‫صفحات لوحة التحكم وادارة الموقع‬ ‫‪‬‬
‫يحتوى الموقع على لوجة تحكم يتم من خ اللها التحكم وادارة وتحديثات بيانات ومحتوى الموقع وتحتوي على العديد من‬
‫الصفحات وهي‬
‫‪ -1‬صفحة ‪Dashboard‬‬
‫تحتوي على االحصائيات االساسية التي يحتاجها‬
‫الوصف‬
‫مدير الموقع‬
‫تعرض هذه الصفحة قائمة الصفحات التي تمكن‬
‫من إدارة الموقع ضمن الصالحيات ومنها‪:‬‬
‫‪ -‬صفحة ادارة المستخدمين‬
‫العمليات على الصفحة‬
‫‪ -‬منح الصالحيات وال ‪...Role‬وغيرها‬
‫من الصفحات‬
 ‫‪ -2‬صفحة ادارة المستخدمين ومنح الصالحيات وال ‪Role‬‬
‫هذه الصفحة تعرض كل المستخدمين في الموقع‬
‫الوصف‬
‫وامكانية منح ‪ Role‬للمستخدمين‪.‬‬
‫‪ -‬إمكانية تحرير بيانات المستخدم و التعديل‬
‫عليها و كذلك ايقاف حساب المستخدم ‪.‬‬
‫‪ -‬إمكانية إضافة مستخدم جديد الى الموقع‪.‬‬
‫‪ -‬إمكانية الوصول الى البيانات الشخصية‬
‫للمستخدم و منحه الصالحيات أي الوصول الى‬
‫صفحة منح الصالحيات للمستخدم‪.‬‬
‫العمليات على الصفحة‬
‫‪ -‬عند ايقاف حساب المستخدم فإذا كان متصل‬
‫حاليا فإنه سوف يتم إخراجه فورا ً من النظام و‬
‫تحويله الى صفحة تسجيل الدخول‪.‬‬
‫‪ -‬عرض نوع حساب المستخدم و في أي قسم‬
‫يعمل و حالة الحساب هل هو موقف او ال وما‬
‫اذا كان متصل حاليا او ال‪.‬‬

‫‪ -3‬ادارة الصالحيات وال ‪Role‬‬

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

‫‪ -4‬صفحة من نحن‬
‫هذه الصفحة تعرض بيانات تعريفية عن‬
‫المؤسسة والهوية الخاصة بها وبيانات التواصل‬ ‫الوصف‬
‫معاها‪.‬‬
‫‪ -‬عرض كل بيانات المؤسسة‪.‬‬
‫‪ -‬امكانية تعديل بيانات المؤسسة والتحديث‬ ‫العمليات على الصفحة‬
‫عليها‪.‬‬

‫‪ -5‬صفحة ادارة محتوى ال ‪Slider‬‬

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

‫‪ -7‬صفحة ادارة االخبار‬

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

‫‪ -8‬صفحة التدريب والتاهيل‬

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

‫‪ -9‬صفحة ادارة االعالنات والمنشورات‬

‫هذه الصفحة تعرض اهم اعالنات ومنشورات‬
‫الوصف‬
‫المؤسسة‪.‬‬
‫‪ -‬عرض محتوى االعالنات والمنشورات‪.‬‬
‫‪ -‬امكانية تعديل محتوى االعالنات‬
‫والمنشورات والتحديث عليها‪.‬‬ ‫العمليات على الصفحة‬
‫‪ -‬اضافة اعالن او منشور جديد ‪.‬‬
‫‪ -‬حذف محتوى اعالن او منشور من الموقع‪.‬‬

‫‪ -11‬صفحة التحكم وادارة التعليقات‬

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

‫‪ -12‬صفحة انشاء النماذج واالستبيانات‬

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

‫‪ -13‬صفحة ادارة الصور‬

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

‫‪ ‬صفحات الموقع‬
‫يحتوي الموقع على صفحات يمكن لجميع المستخدمين الوصول اليها واستعراض محتواها والتفاعل معها ومن هذه‬
‫الصفحات‪:‬‬
‫‪ -1‬الصفحة الرئيسية‬
‫تحتوي هذه الصفحة على اهم واغلب محتوى وتفاصيل المؤسسة وتتجزاء هذه الصفحة عادتا الى ثالث اقسام‬
‫القسم االول ‪ :‬ويسمى ‪ header‬وفية يتم وضع قائمة بصفحات الموقع واعدادات لغة الموقع كما انه يحتوي على‬
‫‪ slider‬الخاص بالموقع لعرض هوية المؤسسة‪.‬‬
‫القسم الثاني ‪ :‬وهو ما يسمى ‪ container‬وفيه يعرض اغلب واهم محتوى له مثل التعريف عام عن المؤسسة كما‬
‫انه يحتوى على اخر اخبار المؤسسة بشكل مختصر وايضا تحتوي اخر المنشورات واالعالنات والدورات واالنشطة‬
‫المقدمة والمتاحة حاليا واحدث الصور لفعاليات المؤسسة‪.‬‬
‫القسم الثالث ‪ :‬وما يسمى ‪ footer‬وفيه سيتم عرض معلومات التواصل معنا وعرض خريطة موقع المؤسسة مع‬
‫اضافة امكانية التواصل واالرسال عبر البريد وارتباطات الهم صفحات وقوائم الموقع‪.‬‬
 ‫‪ -2‬صفحة عنا‬
‫في هذه الصفحة يتم عرض كل ما يخص النبذة التعريفيه والرؤية واالهداف الخاصه بالمؤسسة ويتم االنتقال اليها عند‬
‫الضغط على قائمة عنا في راس الصفحة الرئيسية‪.‬‬
‫‪ -3‬صفحة االخبار‬
‫ويتم عرض اكبر قدر ممكن من اخبار المؤسسة في هذه الصفحة ولالنتقال اليها يتم الضغط على قائمة اخبار في راس‬
‫الصفحة الرئيسية‪.‬‬
‫‪ -4‬صفحة تفاصيل الخبرواضافة التعليقات‬
‫ويتم في هذه الصفحة عرض تفاصيل اي خبر بشكل مفصل وواضح كما يمكن اضافة تعليق على هذا الخبر ويتم‬
‫االنتقال الى هذه الصفحة عن طريق الضغط على زر تفاصيل الموجود اسفل الخبر‪.‬‬
‫‪ -5‬صفحة الدورات المقدمة‬
‫ويتم عرض جميع الدورات التي تقدمها المؤسسة او قد قدمتها مع عرض حالة الدورات ما اذا كانت مفتوحة او تم‬
‫اغالقها حاليا او تم االنتهاء منها ويتم االنتقال اليها من قائمة الصفحات في الصفحة الرئيسية‪.‬‬
‫‪ -6‬صفحة تفاصيل الدورات واالنشطة واضافة التعليقات‬
‫يتم عرض تفاصيل اي دورة مفتوحة او الزالت متاحة مثل تاريخ بدء الدورة ومدتها وشروطها واهدافها وغيرها من‬
‫التفاصيل التي تخص هذه الدورة كما يمكن اضافة اي تعليق او راي على هذه الدورة من هذه الصفحة ويتم معرفة هذه‬
‫التفاصيل عن طريق الضغط على زر تفاصيل الموجود اسفل الدورة‪.‬‬
‫‪ -7‬صفحة المقاالت واضافة التعليقات‬
‫يتم فيها عرض اهم المقاالت التي تم نشرها للمؤسسة مع امكانية اضافة تعليق على هذا المقال او طباعة المقال او‬
‫مشاركتة عبر وسائل التواصل االجتماعي او ارسالة كنص ويتم الوصول للصفحة من قائمة راس الصفحة الرئسية‪.‬‬
‫‪ -8‬صفحة تعبئة االستبيان واستطالع الراي‬
‫في هذه الصفحة يتم تعبئة االسبيان او اي معلومات استطالع الراي وحفظها وارسالها وموجود ارتباط هذه الصفحة‬
‫في قائمة الصفحة الرئيسية ‪.‬‬
‫‪ -9‬صفحة معرض الصور‬
‫يتم في هذه الصفحة عرض عرض اهم الصور وابرزها لفعاليات وانشطة المؤسسة‪.‬‬
 ‫شكل توضيحي الهم صفحات الموقع‬

‫االستضافة والرفع‬
‫خدمات االستضافة‪:‬‬
‫يتم حجز االستضافة في موقع ‪ godady‬او‪ hostinger‬حيث تقدم خدمة ال ‪ dedicated server‬او ال‬
‫‪ cloud computing‬بخطط تتراوح ما بين ‪ $50‬الى ‪ $051‬شهريا‪.‬‬
‫صورة توضيحية للخطط المقدمة من موقع ‪ hostinger‬لالستضافة في الكالود ( االختيار االنسب هي ‪Cloud enterprise‬‬
‫بتكلفة ‪ $ 69.99‬شهريا ويمكن اضافه اي مواصفات جديده‬

‫كما تقدم شركة ‪ godady‬استضافة بمساحه غير محدوده بتكلفه ‪ $ 14.99‬شهريا الول شهر وعند التجديد يكون ب ‪$ 16.99‬‬
‫شهريا‬