-->
اعلان

اجراءات إنشاء موقع الويب - تنفيذ مشروع الموقع - متطلبات ومراحل انتاج المشروع ثانية ثانوى عام

اجراءات إنشاء موقع الويب - تنفيذ مشروع الموقع - متطلبات ومراحل انتاج المشروع ثانية ثانوى عام

    رابط قناة جى إتش 4 تى GH4T :

    https://www.youtube.com/channel/UCn_2DsgTrp6hJD2IXkkAVkQ

     إجراءات إنشاء موقع الويب:

    أولاً: تهيئة البيئة المناسبة لإنشاء الموقع: وذلك لضبط ما يلزم من تقنيات لضمان سلامة تشغيل الموقع والتى منها:

    1. تحديد البرامج المطلوب استخدامها وتثبيتها Install على جهاز الكمبيوتر.
    2. تحديد طرق حفظ ملفات صفحات معلومات الويب Web Pages والخاصة بالمشروع على جهاز الكمبيوتر "الخادم" Server، مع إمكانية عرضها على أحد برامج مستعرضات الإنترنت، وخيارات حفظ ملفات الصفحات على جهاز كمبيوتر خادم تتم بإحدى الطرق التالية ( الأولى: بمقابل مادى على الإنترنت من خلال حجز موقع على أحد أجهزة استضافة مواقع الويب Host Server – الثانى: بدون مقابل على أحد مواقع الإنترنت المجانية والتى تسمح باستضافة موقعك ومنها الكثير – الثالثة: نشر الموقع محلياً Local Host) مع ملاحظة وضع جميع ملفات الموقع فى مجلد واحد يحتوى على مجلدات فرعية تشمل الملفات من نفس النوع، مع تخصيص أسماء مختصرة ومعبرة عن هذه الأسماء ومحتويات المجلدات باللغة الإنجليزية.

    إعداد جهاز الكمبيوتر ليقوم بدور الخادم المضيف للموقع Local Host:

    يحتاج مطور الموقع إلى تهيئة البيئة المناسبة إنشاء موقع إلكترونى "قاموس مصطلحات الكمبيوتر المصور"، ومن ثم جعل جهاز الكمبيوتر خادم Server، باستخدام برنامج Apache Server حيث من خلاله يتم ترجمة الكود المكتوب بلغة PHP.
    سيتم استخدام برنامج XAMPP وهو من أفضل برامج إعداد جهاز الكمبيوتر Local Host حيث السهولة والقدرة على التعامل مع قواعد البيانات MySQL.

    خطوات تثبيت برنامج XAMPP

    ثانياً: تنفيذ مشروع "قاموس مصطلحات الكمبيوتر المصور: وتمر بمراحل ثلاث وهى:

    1. مرحلة إنشاء قاعدة البيانات: والتى تخزن فيها البيانات التى ستم إدخالها أو عرضها على صفحات موقع الويب، من خلال برنامج لإدارة قواعد البيانات مثل MySQL – Access ... إلخ.
    2. مرحلة إنشاء صفحة / موقع ويب ساكنة Static Web Page: بأحد الخيارين ( الأول لغة HTML، أوالثانى باستخدام تطبيق جاهز مثل Expression Web ). وصفحة الويب الساكنة تضم صوراً مختلفة من البيانات والمعلومات.
    3. مرحلة تحويل صفحة الويب الساكنة إلى صفحة ويب ديناميكية Dynamic Web Page: حيث يتم معالجة المحتويات لصفحة الويب الساكنة والتعديل فى قاعدة البيانات المرتبطة بها بواسطة المستخدم المصرح والمسموح له بالمعالجة والتعديل، وهذا من خلال كتابة كود لغة PHP داخل كود HTML. ويتم عرض صفحات الموقع باستخدام أحد مستعرضات الإنترنت الشائعة.

    إنشاء مشروع موقع "قاموس مصطلحات الكمبيوتر المصور" يجب عمل الأتى:

    1. إنشاء صفحات ويب ساكنة من خلال تطبيق Expression Web حيث يتم عرض أكواد HTML.
    2. تحويل الصفحات الساكنة Static Web إلى صفحات ديناميكية Dynamic Web من خلال إضافة أكواد بلغة PHP داخل أكواد HTML.
    3. تشغيل برنامج XAMPP ومن خلاله يتم تشغيل ( برنامج Apache لجعل الجهاز يقوم بدور الخادم Server، وبرنامج MySQL الذى يمكن من التعامل مع قواعد البيانات ).

    متطلبات ومراحل إنتاج مشروع: "قاموس مصطلحات الكمبيوتر المصور"

    تصميم صفحات موقع "قاموس مصطلحات الكمبيوتر المصور"

    الأهداف:

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

     مخطط صفحات موقع قاموس مصطلحات الكمبيوتر المصور

    1. الصفحة الرئيسية Index.php : وهى صفحة البداية وتظهر للمستخدم عند تحميل الموقع، ومن خلال الإرتباطات التشعبية Hyperlinks : فيها يتم الإنتقال لباقى صفحات الموقع.
    2. صفحة الإتصال بقاعدة البينات Connection.php : وهى يم استداعائها لتحقيق الإتصال بقاعدة البيانات قبل التعامل مع البيانات، وهى لا تظهر للمستخدم، ويتم فصلها والإكتفاء بسطر كود واحد فى بداية كل صفحة.
    3. صفحة رأس صفحات الموقع Header.php : وبها الصورة Banner  والإرتباطات التشعبية المستخدم للإنتقال بين صفحات الموقع، ويتم استدعائها فى بداية كل صفحة بسطر كود واحد، وهى تحتوى على الأجزاء الثابتة المطلوب عرضها فى جميع صفحات الموقع.
    4. صفحة إضافة مصطلح Add_Term.php : وهى مستقلة وفى بدايتها يتم كتابة أكواد استدعاء صفحة Header.php  وصفحة Connection  ومن خلالها يتم إدخال المصطلحات فى جدول المصطلحات بقاعدة البيانات.
    5. صفحة البحث عن مصطلح Search_Term.php : وهى مستقلة وفى بدايتها يتم كتابة أكواد استدعاء صفحة Header.php  وصفحة Connection  ومن خلالها يتم البحث عن مصطلح فى جدول المصطلحات بقاعدة البيانات.
    6. صفحة تعديل مصطلح Edit_term.php: وهى مستقلة وفى بدايتها يتم كتابة أكواد استدعاء صفحة Header.php  وصفحة Connection  ومن خلالها يتم اختيار المصطلح المراد تعديله فى جدول البيانات من قاعدة البيانات، ثم إجراء التعديل المطلوب ، ثم الحفظ.
    7. صفحة حذف مصطلح Delete_Term.php : وهى مستقلة وفى بدايتها يتم كتابة أكواد استدعاء صفحة Header.php  وصفحة Connection  ومن خلالها يتم اختيار المصطلح المراد حذفه  من جدول البيانات فى قاعدة البيانات، ثم إجراء التعديل المطلوب.
    8. صفحة المساعدة Help.php : وبها معلومات عن الموقع وتبعيته.
     للذهاب لدرس تخطيط مشروع موقع قاموس مصطلحات الكمبيوتر المصور
    للذهاب لدرس مدخل معرفى لمشروع  موقع قاموس مصطلحات الكمبيوتر المصور جزء 1 
    للذهاب لدرس مدخل معرفى لمشروع  موقع قاموس مصطلحات الكمبيوتر المصور جزء 2

    رابط قناة جى إتش 4 تى GH4T :

    https://www.youtube.com/channel/UCn_2DsgTrp6hJD2IXkkAVkQ

    إرسال تعليق

    اعلان
    اعلان
    اعلان
    اعلان
    اعلان