السلام عليكم ورحمة الله وبركاته


  • مقدمة : هذا الدرس الأول من دورة الحياة البرمجية ، وفي هذا الدرس سيتم تجهيز المجلدات ، وسيتم عمل مخطط السكربت لتوضيح المكونات الاساسية ، وايضا سيتم تطويع التصميم وهنا احب اشكر جزيل الشكر للأخ [ SLIMZ ] لقيامه بتصميم القالب الخاص بالدورة ، وايضا سيتم تجهيز قاعدة البيانات وتوضيح الجداول والحقول بداخلها ...




  • أهداف الدرس:
    1. تعلم كيفية رسم مخطط للسكربت وتوضيح المكونات الاساسية
    2. تجهيز المجلدات والملفات الرئيسة بالموقع
    3. تجهيز قاعدة البيانات والجداول والحقول بداخلها
    4. تجهيز ملفات نظام القوالب Smarty


  • محتوى الدرس:

    1- المخططات : في هذه الخطوة سأشرح بشكل مبسط ولكل طريقته قبل البدء ، فانا قبل ما ابدأ في اي مشروع اقوم برسم المخططات باستخدام القلم والورق ، ولكن هنا عشان يكون الخط مفهوم قمت برسم المخطط على برنامج الرسام ، ويتم التخطيط مثل للرئيسية ، اولا نحدد جميع المكونات الرئيسة والفرعية بالصفحة الرئيسية مثلا ، في مثالنا في سكربت المقالات :
    * شعار الموقع * القائمة الرئيسية [ تحتوي على روابط الاقسام ] * فورم تسجيل دخول
    * الاحصائيات العامة * البحث * جديد المقالات * جديد الكتاب
    * القائمة البريدية * حقوق الموقع

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

    2- الان ننتقل إلى تجهيز المجلدات الخاصة بالسكربت ، وفي هذه الخطوة ايضا سنجهز ملفات ومجلدات نظام القوالب Smarty ، وسيتم شرح الاعدادات الخاصة بالسمارتي ،، ولعمل هذه الخطوات اولا نحدد احتياجاتنا فمثلا
    * نحتاج لان يكون هناك لوحة تحكم للادارة => ننشأ مجلد Admincp
    * نحتاج لأن يكون هناك مجلد يحتوي على ملفات الكلاسات وملف الاتصال والاعدادات وملف الدوال => includes
    * نحتاج لأن يكون هناك مجلد ليكون فيه جميع ملفات الجافاسكربت التي سنقوم بعملها => js
    --------------- مجلدات Smarty -----------------
    * نحتاج لأن يكون هناك مجلد ليكون فيه ملفات القوالب ==> ننشأ مجلد templates
    * مجلد نخزن به محتويات الكاش الخاص بالقوالب ==> templates_c


    الان انتهينا من المجلدات الرئيسة ، وهذا صورة المخطط الذي يوضح هيكلة المجلدات
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    ==> الان ننتقل لشرح اعددات نظام القوالب [ smarty ]
    نذهب لمجلد libs ونفتح الملف [ Smarty.class.php ]
    وهذه صورة للاعدادت وكيفية ضبطها
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    3- الان نذهب لتجهيز قواعد البيانات والجداول والحقول ، وهذا طبعا بعد ان نقوم بتحديد المكونات الرئيسية للموقع ونعتمد عليه في تحديد الجداول المطلوبة في عمل القاعدة ، الان سنقوم بعمل قاعدة البيانات وذلك عن طريق

    [***] اللي يستخدم برنامج MySql-Front ، يذهب لقائمة Database >>> بعدها يضغط على New >> بعدها يختار Database ، ثم يقوم بكتابة اسم القاعدة [ وهنا انا سأكتب [ Article ] ] ويختار الترميز [ UTF-8 ]

    [***] اللي يحب يعمل قاعدة البيانات عن طريق phpmyadmin ، يذهب بالمتصفح للرابط التالي
    http://127.0.0.1/phpmyadmin >> ثم يقوم بكتابة اسم القاعدة في الفراغ الخاص [ تكون قاعدة بيانات جديدة ] وبعدها تختار الترميز UTF-8 >> واضغط على [ تكوين ] ...

    وبهكذا انتهينا من انشاء القاعدة ، الان نذهب لانشاء الجداول بداخلها .. قبل انشاء الجداول سنرى ماذا نحتاج حتى نعرف الجداول الذي سنقوم بعملها

    - جدوا خاص بالمقالات ==> article
    - جدول خاص بالتعليقات على المقالات ==> comment
    - جدول خاص بالاعضاء ==> users
    - جدول خاص بالتقييم ==> vote

    هذه هي الجداول الرئيسة مبدأيا ،، وان شاء الله خلال البرمجة اذ احتاج اي جدول تقوم بانشائه

    وطريقة انشاء الجداول هي كالتالي

    [***] لمن يستعمل برنامج Mysql-Front ، يقوم بالدخول على قاعدة البيانات اللي عملناها سابقا ،، ثم يضغط باليمين بوسط المكان الفارغ ، ويختار New >> ثم يقوم بالضغط على Table ، ويقوم بكتابة اسم الجدول مثال [ article ] ويضغط ok ...

    [***] من خلال phpMyadmin ، يقوم بالدخول على قاعدة البيانات اللي عملها سابقا ، ثم يقوم بكتابة اسم الجدول وعدد الحقول داخله ويضغط انشاء

    الان تكوينة الجداول والحقول

    اسم الجدول : article
    عدد الحقول : 4 حاليا
    الحقول المكونة :
    1- Id << انتبه للحروف | يكون تلقائي | من نوع INT
    2- title [ يكون عدده 500 حرف | من نوع Varchar | يكون Null not allowed ]
    3- article [ يكون من نوع Text | يكون Null not allowed]
    4- reads << عدد المشاهدات [ يكون من نوع INT | يكون Null not allowed ]


    اسم الجدول : comment

    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    عدد الحقول : 6
    الحقول المكونة :
    1- Id << انتبه للحروف | يكون تلقائي | من نوع INT
    2- name << نوع varchar | حروف 255
    3- email << نوع varchar | عدد الحروف 500
    4- com << نوع text
    5- ip << يكون من نوع varchar | عدد الحروف 20
    6- art_id << يكون من نوع int ويكون غير تلقائي


    اسم الجدول : users
    عدد الحقول : 8
    الحقول المكونة :
    1- Id << كما السابق
    2- first_name << يكون varchar | 255
    3- last_name << يكون varchar | 255
    4- user_name << يكون varchar | 255
    5- password << يكون varchar | 255
    6- birth_date << يكون Date
    7- register_date << يكون Date
    8- ip_address << يكون varchar | 20


    اسم الجدول : vote
    عدد الحقول : 3
    الحقول المكونة :
    1- voteNr << يكون Int (8) | Null Not Allowed
    2- voteValue << يكون Int (8) | Null Not Allowed
    3- art_id << يكون varchar | 255


    هكذا انتهينا من عمل قاعدة البيانات والحمدلله ....

  • إضافة وتوضيح:

    - بالنسبة للتصميم جاري تركيبه وتقطيعه ويتم استعماله حاليا ، وبعد الانتهاء بإذن الله تعالى من الدورة سيتم شرح كيفية تركيب التصميم على سمارتي بشرح مفصل ..