بسم الله الرحمن الرحيم

[ اللهمّ علّمنا ما ينفعنا وانفعنا بما علّمتنا وزدنا علماً يا رب العالمين ]

ضمن ما قمت بالإعلان عنه أخيراً من “مشروع بناء منصة نقاش اجتماعية” في سوالف سوفت، سأبدأ في هذه الجلسة – الجلسة الأولى – من جلسات بناء هذا المشروع التفصيلي في سرد خطة العمل بإذن الله تعالى ..

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

هنا، سأورد خطة العمل على المشروع القادم:

1. سنقوم أولاً بتصميم صفحات الموقع باستخدام برنامج Adobe Photoshop ( سأستخدم تحديداً إصدار CS3 Extended ME ) – لاحظ أن ME هي اختصار لـ Middle East ( وهي نسخة الشرق الأوسط التي تدعم الكتابة باللغة العربية ) ..

2. بعد إنهائنا لتصميم الصفحات، سنقوم بتقطيع وتوزيع الصفحات باستخدام لغات جانب المستخدم Client-Side Languages متضمنة لغة XHTML وتقنية CSS وقد نحتاج لبعض لمسات الـ Javascript .. توزيع التصميم وتحويله سيتم باستخدام برنامج Adobe Photoshop إلى جانب محرر النصوص المفضّل لديك – سأستخدم PSPad لكتابة ملفات PHP/XHTML/Javascript – والمحرر المرفق مع نظام التشغيل ويندوز Notepad لتحرير صفحات الـ CSS .. ترافق هذه الخطوة عملية فحص سلامة عرض الموقع وتوافقه مع كافة المتصفحات الأكثر شهرة .. الموقع الملائم لتلك المتصفحات يسمى Cross-Browser .. سنبذل طاقتنا للحفاظ على التصميم متوافقاً مع معايير منظمة W3 القياسية إن شاء الله ..

3. ستكون خطوتنا الثالثة بإذن المولى الدخول إلى برمجة  الموقع ديناميكياً – بواسطة لغة PHP – .. سنبدأ أولاً بإنشاء ملفات الكلاسات Classes أو كما يسميها بعض العرب ” الأصناف ” التي سنعتمدها ضمن خطة عمل الموقع ( سنستخدم OOP5 ) .. ثم سنقوم بالبرمجة الفعلية للموقع اعتماداً على تلك الكلاسات إن شاء الله تعالى ..

4. سنخصص إن شاء المولى فترة أخيرة للـ Beta Testing ونشر المشروع للعامة، قد لا تكون هذه الخطوات جدية إلا إذا كان العمل يستحق ذلك .. سنتعلم معاً الاستفادة من التغذية الراجعة Feedback واستغلال آراء المستخدمين وتجربتهم لتحسين منتجنا ..

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

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

O نظام عضويات: يقوم العضو بتسجيل معلوماته ( سيكون التسجيل بسيطاً كي لا يكون منفّراً ) بالإضافة إلى صفحة لتسجيل الدخول ..

O مجموعات الأعضاء: سيتم إنشاء مجموعات للأعضاء، تمتلك كل مجموعة منها عدداً من الصلاحيات التي يمكنها القيام بها داخل السكربت ..

O نظام أقسام: سيتمكن المدير من إنشاء أقسام فرعية إلى مالا نهاية مندرجة تحت الأقسام الرئيسية ..

O المواضيع النقاشية: في كل قسم، يمكن إعطاء الصلاحيات لمجموعات الأعضاء للكتابة والتعليق على المواضيع ..

O نظام الإعلانات: يمكّن مدير الموقع من تنظيم الإعلانات التي تظهر في موقعه للاستخدامات التجارية ..

O نظام الحظر: ستمكن كذلك مدير الموقع من حظر من يراه مزعجاً في منتداه بعدة طرق ..

O تعدد الستايلات، وتعدد اللغات ..

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

في نهاية هذه الجلسة:

أتمنى من جميع المتابعين لهذا المشروع أن يحصلوا على نسخ من البرامج التي قمت بذكرها والتي سنعمل عليها .. يمكن العمل على البرامج المشابهة للبرامج المذكور، مثلاً يمكن استخدام نظام تشغيل Linux أو Mac بدلاً من Windows .. وكذلك يمكن استخدام نسخ سيرفرات أخرى تدعم PHP & MySQL .. يمكن أيضاً الاستغناء عن Adove Photoshop ببرنامج تعلم أنه يفي بالغرض ويمكنك استخدامه لنفس الغرض .. وهكذا ..

لماذا PSPad تحديداً ؟

ربما كان من الأجدر أن أؤجل الإجابة على هذا السؤال إلى حين وصولنا للجزئيات المتعلقة بكتابة الكود، لكن هذا لا يهم .. يهمني أن تفهموا المعلومة .. أنا كنت مدمناً على برنامج المفكرة Notepad الذي يأتي مرافقاً لنظام تشغيل Windows طوال فترتي البرمجية، حتى أنه يدعم UTF-8 كترميز .. لكنّه لا يدعم كتابة الملفات بترميز UTF-8 بدون BOM – Byte Order Mark .. وهي علامات تضاف في بداية الملف ذي الترميز UTF-8 ولا تظهر في محررات النصوص العادية ( قد تظهر في محررات الـ HEX ) .. هذا قد يؤثر في بعض دوال PHP التي حتى تعمل يجب أن لا تطبع أية أشياء قبلها .. وهي الدوال التي تتعامل مع ترويسة الصفحات Header .. حيث أنها كترويسة يجب أن تكون أول ما يطبع أو يرسل في الصفحة ..

انتقلت بعد ذلك إلى Notepad++ وهو محرر رائع بما تحمله الكلمة من معنى، كنت مرتاحاً بشكل كبير باستخدامه .. لكن في أحد الأيام اكتشفت أن دعمه لـ UTF-8 without BOM ليس قوياً كما يبدو .. لا أعلم ما الخلل الذي طرأ ذاك اليوم الذي جعلني أستبدله تماماً بـ PSPad .. والآن أرتاح باستخدامه كذلك .. هذا يعني أن المسألة مسألة تعويد .. فتجنباً للمشاكل الجانبية التي قد تحصل مع المبرمج، قمت باعتماد PSPad لأعمل عليه خلال هذا المشروع معكم .. هذه خلاصة تجارب وخبرة، قد تختصر عليك وقتاً من التجربة والخبرة لا ترجو ضياعه ..

سأشرح بإذن الله إعدادات PSPad التي أستخدمها لاحقاً عندما نقترب من هذه المرحلة كي تضمن كتابة سليمة ومريحة للأكواد ..

ملاحظة: اقترح الأخ Horizons في سوالف سوفت استخدام برنامج Aptana Studio في العمل على الأكواد .. للأسف الاقتراح لم يكن موفقاً لعدة أسباب .. أولها أن Aptana هو Studio كامل، أي أنه يتيح العمل على المشاريع بشكل كامل، وهذا ليس ما نحتاجه في الحقيقة، نحتاج فقط إلى محرر بسيط صغير يمكن تحميله على أي جهاز .. Aptana يمكن وصفه بأنه منصة عمل للمشاريع الأكبر .. السبب الثاني هو أننا لا نحتاج ما يسهّل عملنا بقدر ما نحتاج إلى فهم اللغات البرمجية التي سنتعامل معها .. نريد أن نتقن العمل بالطرق الأكثر صعوبة، عندها لن تواجهنا مشاكل عند العمل على منصات أو أطر عمل، أو واجهات رسومية سهلة .. ثم أن PSPad ليس غبياً كما وصفه الأخ، لا أدافع عنه، لكنه في الحقيقة محرر متقن يحوي معظم الخواص التي يحتاجها مطور الويب الذي يكتب الكود بيده – وهذا ما نريده – ..

انتظروني في الجلسة الثانية قريباً بإذن المولى .. سنبدأ بتصميم الموقع !

أخيراً: هذا العمل مقدّم رسمياً في مدونة أشرف السمهوري ومنتديات سوالف سوفت .. يمكنك النقل مع أو بدون ذكر المصدر .. ساهم في نشر العمل وما يحمله من علم بين سطوره علّنا نؤجر عند المولى عز وجل، وعلّه يسهم في تطوير لمساتنا كعرب ومسلمين في الويب ..

تحياتي، أشرف المسهوري