الرئيسية
من طرف كيف يمكن أن أصبح مطوراً للمواقع ؟
ألقيت درساً بسيطاً في اللقاء الأول لمجموعة PHP الإمارات،قد قمت بعمل عرض باستخدام ملفات HTML و نسقتها بتقنية CSS،و كان الدرس بعنوان كيف يمكن أن أصبح مطوراً للمواقع،قبل أن ألقي الدرس بأيام و حتى الدقيقة الأولى من الدرس،كنت قلقاً متوتراً،لكن ما إن بدأت حتى زالت الرهبة و القلق،و أسعدني أن وجدت تفاعلاً بعد الدرس بالأسئلة و مشاركات الحضور،و بعد اللقاء أسعدني أكثر تقبل الناس لما طرحته و مشاعرهم الطيبة التي أحرجوني بها.
ذكرت في الدرس أنني أتلقى أسبوعياً سؤالاً من أحد زوار موقعي يسألني عن كيفية تعلم تطوير المواقع،و كيف يمكن أن يصبح مطوراً للمواقع،و الدرس هو إجابة مفصلة على هذا السؤال،حيث وضعت عشر مهارات و تقنيات ينبغي على المرء تعلمها أو أخذ فكرة عنها حتى يتقن تطوير المواقع،و في البداية تحدثت عن المواقع،و قلت أنها وسائل إعلامية فهي تشمل الصحف إذ يمكنك أن ترى النصوص و الصور،و تشمل المذياع إذ تحوي ملفات صوتية و يمكن الاستماع للبث الإذاعي من خلال المواقع،و تشمل الفضائيات أيضاً،حيث يمكن عرض ملفات الفيديو أو حتى مشاهدة البث الفضائي من خلال المواقع.
هذه الميزة الأولى من مزايا المواقع،الميزة الثانية هي سهولة إنشاء المواقع،يمكن لأي شخص و بمعرفة بسيطة أن يطور موقعه الخاص،و هذه أيضاً سلبية في نفس الوقت،إذ تظهر الكثير من المواقع الفقيرة في محتوياتها و في خدماتها،و للأسف تظهر الكثير من المواقع السيئة في مضمونها و أهدافها، أما الميزة الثالثة فهي التفاعل الكبير الذي توفره المواقع للزوار،حيث أن الوسائل الإعلامية الأخرى مثل الفضائيات و المذياع لديها توفر وقتاً محدداً و مساحة محددة للتفاعل بين المستمعين أو المشاهدين،بينما المواقع مفتوحة طوال الوقت و تقريباً لا توجد حدود للتفاعل بين الزوار.
.....
و قبل أن أشرح التقنيات،يجب ألا تنسى أن التعليم رحلة لا تتوقف،يجب أن يخصص المرء منا ساعة كل يوم للقراءة في تخصصه،بدون هذه الساعة و بدون التعلم المستمر لن يصل أحد إلى مستوى الاحتراف في تخصصه،و التخصص مهم حتى في تطوير المواقع،حيث أن هذا المجال يحوي مهارات عديدة مثل التصميم و إدارة الموقع و البرمجة،فيجب أن يتخصص الشخص في مجال ما و يأخذ فكرة عن بقية المجالات،النقطة الثالثة و المهمة هي التركيز على الأهداف،المواقع و لغات البرمجة و البرامج كلها وسائل لتحقيق أهداف،من الخطأ أن يتم إنشاء موقع لمجرد فقط الرغبة في ذلك،يجب أن يحقق الموقع هدفاً و هو إيصال رسالة معينة،كأن تسوق شركة ما منتجاتها،أو أن يقدم شخص ما فائدة عبر الموقع.
....
في البداية سأتكلم عن التقنيات،و التقنية الأولى و الأساسية هي XHTML و هي أساس المواقع و بدونها لن تجد المواقع،و بالطبع XHTML هي آخر معيار معتمد لذلك تكلمت عنها بدلاً من HTML مع أن الفرق بينهما ليس كبيراً،و XHTML هي للمحتويات فقط،من الخطأ استخدام أوامر هذه اللغة في تنسيق المحتويات بتشكيل الموقع من خلال الجداول أو التحكم بلون و نوع و حجم الخط،أو تخصيص ألوان معينة لخلايا الجداول،هناك تقنية أخرى تهتم بكل هذا أما XHTML فهي للمحتويات فقط.
وXHTML هي مرحلة انتقالية حالياً إلى تقنية أخرى أكثر قوة و هي XML،و شرح ما هي XML يحتاج إلى دروس منفصلة،و يجب أن أنوه إلى أن تعلم XHTML سهل و بسيط و يحتاج الشخص ساعة أو ساعتين فقط لتعلم الأساسيات و من خلال التجربة و الخطأ و تصحيح الأخطاء يمكنه أن يتقن هذه اللغة.
.......
التقنية الثانية الضرورية لتطوير المواقع هي CSS،و قد سبق أن تحدثت عن هذه التقنية في موقعي كثيراً،من أهم مميزات هذه التقنية هي فصل المحتويات عن التصميم،فيمكن التحكم بتصميم موقع كامل من خلال ملف واحد،و هذ يوفر الوقت و الجهد على مطوري المواقع،و تتميز التقنية أنها تبسط عملية دعم الأجهزة المختلفة مثل الهواتف النقالة و الأجهزة الكفية مثل بالم وPocket PC،و تقدم دعماً أيضاً للطباعة فلا حاجة بعد اليوم لإنشاء نسخة من المحتويات خاصة للطابعة، يمكن توفير الوقت على المبرمج باستخدام CSS،و من مميزات هذه التقنية أنها تقلل حجم الموقع بنسبة ما بين 20% إلى 60% و هذا يعني تقليل التكاليف و تسريع تصفح الموقع على الزوار.
.......
التقنية الثالثة هي جافاسكربت،و ليس من الضروري تعلم هذه التقنية لكنها مفيدة في بعض الأحيان،و للأسف أن لهذه التقنية سمعة سيئة،فالبعض يستخدمها لإنشاء نوافذ تظهر فجأة للزائر و تحوي إعلاناً أو ملف فلاش أو حتى فايروس،و البعض يظهر رسالة تقول “رشحني لأفضل مليون موقع عربي” و البعض يقوم بعمل رسمة لقط يلحق مؤشر الفأرة!! جافاسكربت ليست لمثل هذه الاستخدامات.
في موقعي و بالتحديد في النموذج البريدي،إذا نسي الزائر أن يكتب كافة البيانات ستظهر له رسالة تخبره أنه لم يكتب كافة البيانات الضرورية،و سيظهر مؤشر الكتابة في المكان الذي لم يكتب فيه البيانات المطلوبة،هذا استخدام مفيد للجافاسكربت،هذه التقنية يمكنها أن توفر الوقت على الزوار و تبسط عملية الاستفادة من الموقع و تصفحه،و أنبه إلى ضرورة أن تكون الجافاسكربت متوافقة مع أغلب المتصفحات و ليس مع متصفح واحد فقط.
.......
التقنية الرابعة هي PHP و هناك بدائل مثل ASP وJSP وPerl و غيرها،بالطبع اخترت PHP لأنها من البرامج الحرة و لأن المجموعة تركز على هذه اللغة،و لم أفضل كثيراً في شرح التقنية و فوائدها، ذكرت فقط أنها البرمجة من أجهزة المزود أو السيرفر و يمكن من خلالها تطوير برامج بسيطة وصولاً إلى البرامج الكبيرة و المعقدة.
.......
التقنية الأخيرة هي إدارة المزود أو السيرفر،و شبهتها بعملية إطفاء الحرائق،فالذي يدير المزود عادة لا يواجه أي صعوبة إلا في وقت حدوث مشكلة ما فعليه أن يطفأ الحريق أعني أن يحل المشكلة،و إدارة المزود تعني إدارة البريد،قواعد البيانات،النسخ الاحتياطي و متابعة الإحصائيات و غيرها من الأمور المتعلقة بالمزودات.
بعد ذلك تكلمت عن مهارة إدارة الموقع،و هي التخطيط و وضع الأهداف قبل إنشاء الموقع،و هذه مهارة ضرورية يجب أن نركز عليها كثيراً،بدون هدف لن يكون للموقع أي فائدة،ثم تكلمت عن التسويق و الإعلان و قلت أنه من الخطأ أن يوجه الموقع لكل الناس،يجب أن يوجه الموقع لفئة محددة،فهل هو لكبار السن؟ أم لصغار السن؟ هل هو للشباب فقط أو للفتيات فقط؟ هل هو لرجال الأعمال مثلاً أو للمتخصصين في البرمجة؟
يجب أن يسوق الموقع و يعلن عنه لفئة محددة،ثم تكلمت عن إضافة المحتويات و قلت أن المواقع يجب أن تكون لديها خطة لإضافة المحتويات بحيث لا يكون هناك حماس في البداية و يتم وضع الكثير من المحتويات و مع مرور الوقت يفتر الحماس و تتوقف المحتويات فيتوقف الموقع.
و تكلمت عن اختبار الموقع و تصحيح الأخطاء فيه،مثل الأخطاء الإملائية و النحوية و أخطاء التعبير،و كذلك الروابط التي لا تعمل أو أخطاء التصميم،ثم تحدثت عن أهمية التواصل مع الزوار، و نبهت إلى أهمية الرد على رسائل الزوار خلال أسرع وقت ممكن و عدم إهمال رسائلهم.
......
مهارة التصميم.
ثم تحدثت عن مهارة التصميم و ذكرت صراحة أنني لا أتقن التصميم،و تحدثت فقط عن نقطتين الأول تنسيق الألوان،يجب على المصمم أن يحسن اختيار الألوان فلا يجعل الموقع لوحة سريالية تحوي كل لون يخطر على باله و لا يختار ألواناً مؤذية للعين،و يجب أيضاً ألا يختار لوناً واحداً لكل الموقع،و يمكن تعلم تنسيق الألوان من خلال الكثير من الدروس المتوفرة في الشبكة و من خلال الكتب،ثم تحدثت عن مشكلة في التصميم و هي أن البعض يضع التصميم في أول مرحلة لتطوير الموقع،و الأصل أن يكون التصميم بعد التخطيط و وضع الأهداف و معرفة الفئة المستهدفة من الزوار و المحتويات التي ستوضع في الموقع،بعد ذلك كله يمكن أن يكون التصميم خادماً لكل هذه الأهداف،و من الخطأ أن نجعله هو الأساس.
......
ثم تحدثت عن قابلية الاستخدام أو سهولة استخدام الموقع،هل الموقع سهل الاستخدام؟
يمكن تجنب الكثير من المشاكل باتباع قواعد أساسية لقابلية الاستخدام،و مع ذلك لا بد من اختبار الموقع،و هي أن نأتي بأناس لا علاقة لهم بالموقع و نجعلهم يختبرون الموقع و نعرف هل الموقع سهل الاستخدام أم لا و نعالج المشاكل،قواعد قابلية الاستخدام و كيفية إجراء الاختبارات موجودة في كتب و مواقع و قد عرضت في نهاية الدرس عناوين لبعضها.
و المهارة العاشرة و الأخيرة هي قابلية الوصول،في البداية يجب أن يظهر الموقع في كل المتصفحات التي يتوقع أن يستخدمها الزوار،من الخطأ أن تجبر الزائر على استخدام متصفح معين،و يجب أن نفكر في كيفية ظهور الموقع بشكل صحيح لشخص ألغى خاصية الجافاسكربت من متصفحه لما تسببه من إزعاج، أو شخص لا يستخدم متصفحاً لا يدعم CSS،أو شخصاً ألغى خاصية عرض الصور في متصفحه،كيف ستظهر المواقع لمثل هؤلاء؟
و نبهت إلى أهمية عدم نسيان ذوي الاحتياجات الخاصة،فهناك أناس فقدوا حاسة السمع أو حاسة البصر،فمثلاً إذا كان الموقع يحوي ملفاً صوتياً عبارة عن لقاء مع شخص،يجب توفير نسخة مكتوبة لهذا اللقاء لمن فقد نعمة السمع،و نوهت في النهاية إلى أهمية سرعة الموقع،كلما كان الموقع سريعاً سيبقى الزائر في موقعك مدة أطول.
......
ثم عرضت قائمة للكتب التي أنصح بقراءتها و للمواقع التي أنصح بزيارتها،هذا ملخص مفصل للدرس الذي ألقيته في اجتماع مطوري PHP الأول في الإمارات.
.....
مـعـهـد الإمـام الـشـيرازي الـدولي للـدراسـات - واشــنطن
ألقيت درساً بسيطاً في اللقاء الأول لمجموعة PHP الإمارات،قد قمت بعمل عرض باستخدام ملفات HTML و نسقتها بتقنية CSS،و كان الدرس بعنوان كيف يمكن أن أصبح مطوراً للمواقع،قبل أن ألقي الدرس بأيام و حتى الدقيقة الأولى من الدرس،كنت قلقاً متوتراً،لكن ما إن بدأت حتى زالت الرهبة و القلق،و أسعدني أن وجدت تفاعلاً بعد الدرس بالأسئلة و مشاركات الحضور،و بعد اللقاء أسعدني أكثر تقبل الناس لما طرحته و مشاعرهم الطيبة التي أحرجوني بها.
ذكرت في الدرس أنني أتلقى أسبوعياً سؤالاً من أحد زوار موقعي يسألني عن كيفية تعلم تطوير المواقع،و كيف يمكن أن يصبح مطوراً للمواقع،و الدرس هو إجابة مفصلة على هذا السؤال،حيث وضعت عشر مهارات و تقنيات ينبغي على المرء تعلمها أو أخذ فكرة عنها حتى يتقن تطوير المواقع،و في البداية تحدثت عن المواقع،و قلت أنها وسائل إعلامية فهي تشمل الصحف إذ يمكنك أن ترى النصوص و الصور،و تشمل المذياع إذ تحوي ملفات صوتية و يمكن الاستماع للبث الإذاعي من خلال المواقع،و تشمل الفضائيات أيضاً،حيث يمكن عرض ملفات الفيديو أو حتى مشاهدة البث الفضائي من خلال المواقع.
هذه الميزة الأولى من مزايا المواقع،الميزة الثانية هي سهولة إنشاء المواقع،يمكن لأي شخص و بمعرفة بسيطة أن يطور موقعه الخاص،و هذه أيضاً سلبية في نفس الوقت،إذ تظهر الكثير من المواقع الفقيرة في محتوياتها و في خدماتها،و للأسف تظهر الكثير من المواقع السيئة في مضمونها و أهدافها، أما الميزة الثالثة فهي التفاعل الكبير الذي توفره المواقع للزوار،حيث أن الوسائل الإعلامية الأخرى مثل الفضائيات و المذياع لديها توفر وقتاً محدداً و مساحة محددة للتفاعل بين المستمعين أو المشاهدين،بينما المواقع مفتوحة طوال الوقت و تقريباً لا توجد حدود للتفاعل بين الزوار.
.....
و قبل أن أشرح التقنيات،يجب ألا تنسى أن التعليم رحلة لا تتوقف،يجب أن يخصص المرء منا ساعة كل يوم للقراءة في تخصصه،بدون هذه الساعة و بدون التعلم المستمر لن يصل أحد إلى مستوى الاحتراف في تخصصه،و التخصص مهم حتى في تطوير المواقع،حيث أن هذا المجال يحوي مهارات عديدة مثل التصميم و إدارة الموقع و البرمجة،فيجب أن يتخصص الشخص في مجال ما و يأخذ فكرة عن بقية المجالات،النقطة الثالثة و المهمة هي التركيز على الأهداف،المواقع و لغات البرمجة و البرامج كلها وسائل لتحقيق أهداف،من الخطأ أن يتم إنشاء موقع لمجرد فقط الرغبة في ذلك،يجب أن يحقق الموقع هدفاً و هو إيصال رسالة معينة،كأن تسوق شركة ما منتجاتها،أو أن يقدم شخص ما فائدة عبر الموقع.
....
في البداية سأتكلم عن التقنيات،و التقنية الأولى و الأساسية هي XHTML و هي أساس المواقع و بدونها لن تجد المواقع،و بالطبع XHTML هي آخر معيار معتمد لذلك تكلمت عنها بدلاً من HTML مع أن الفرق بينهما ليس كبيراً،و XHTML هي للمحتويات فقط،من الخطأ استخدام أوامر هذه اللغة في تنسيق المحتويات بتشكيل الموقع من خلال الجداول أو التحكم بلون و نوع و حجم الخط،أو تخصيص ألوان معينة لخلايا الجداول،هناك تقنية أخرى تهتم بكل هذا أما XHTML فهي للمحتويات فقط.
وXHTML هي مرحلة انتقالية حالياً إلى تقنية أخرى أكثر قوة و هي XML،و شرح ما هي XML يحتاج إلى دروس منفصلة،و يجب أن أنوه إلى أن تعلم XHTML سهل و بسيط و يحتاج الشخص ساعة أو ساعتين فقط لتعلم الأساسيات و من خلال التجربة و الخطأ و تصحيح الأخطاء يمكنه أن يتقن هذه اللغة.
.......
التقنية الثانية الضرورية لتطوير المواقع هي CSS،و قد سبق أن تحدثت عن هذه التقنية في موقعي كثيراً،من أهم مميزات هذه التقنية هي فصل المحتويات عن التصميم،فيمكن التحكم بتصميم موقع كامل من خلال ملف واحد،و هذ يوفر الوقت و الجهد على مطوري المواقع،و تتميز التقنية أنها تبسط عملية دعم الأجهزة المختلفة مثل الهواتف النقالة و الأجهزة الكفية مثل بالم وPocket PC،و تقدم دعماً أيضاً للطباعة فلا حاجة بعد اليوم لإنشاء نسخة من المحتويات خاصة للطابعة، يمكن توفير الوقت على المبرمج باستخدام CSS،و من مميزات هذه التقنية أنها تقلل حجم الموقع بنسبة ما بين 20% إلى 60% و هذا يعني تقليل التكاليف و تسريع تصفح الموقع على الزوار.
.......
التقنية الثالثة هي جافاسكربت،و ليس من الضروري تعلم هذه التقنية لكنها مفيدة في بعض الأحيان،و للأسف أن لهذه التقنية سمعة سيئة،فالبعض يستخدمها لإنشاء نوافذ تظهر فجأة للزائر و تحوي إعلاناً أو ملف فلاش أو حتى فايروس،و البعض يظهر رسالة تقول “رشحني لأفضل مليون موقع عربي” و البعض يقوم بعمل رسمة لقط يلحق مؤشر الفأرة!! جافاسكربت ليست لمثل هذه الاستخدامات.
في موقعي و بالتحديد في النموذج البريدي،إذا نسي الزائر أن يكتب كافة البيانات ستظهر له رسالة تخبره أنه لم يكتب كافة البيانات الضرورية،و سيظهر مؤشر الكتابة في المكان الذي لم يكتب فيه البيانات المطلوبة،هذا استخدام مفيد للجافاسكربت،هذه التقنية يمكنها أن توفر الوقت على الزوار و تبسط عملية الاستفادة من الموقع و تصفحه،و أنبه إلى ضرورة أن تكون الجافاسكربت متوافقة مع أغلب المتصفحات و ليس مع متصفح واحد فقط.
.......
التقنية الرابعة هي PHP و هناك بدائل مثل ASP وJSP وPerl و غيرها،بالطبع اخترت PHP لأنها من البرامج الحرة و لأن المجموعة تركز على هذه اللغة،و لم أفضل كثيراً في شرح التقنية و فوائدها، ذكرت فقط أنها البرمجة من أجهزة المزود أو السيرفر و يمكن من خلالها تطوير برامج بسيطة وصولاً إلى البرامج الكبيرة و المعقدة.
.......
التقنية الأخيرة هي إدارة المزود أو السيرفر،و شبهتها بعملية إطفاء الحرائق،فالذي يدير المزود عادة لا يواجه أي صعوبة إلا في وقت حدوث مشكلة ما فعليه أن يطفأ الحريق أعني أن يحل المشكلة،و إدارة المزود تعني إدارة البريد،قواعد البيانات،النسخ الاحتياطي و متابعة الإحصائيات و غيرها من الأمور المتعلقة بالمزودات.
بعد ذلك تكلمت عن مهارة إدارة الموقع،و هي التخطيط و وضع الأهداف قبل إنشاء الموقع،و هذه مهارة ضرورية يجب أن نركز عليها كثيراً،بدون هدف لن يكون للموقع أي فائدة،ثم تكلمت عن التسويق و الإعلان و قلت أنه من الخطأ أن يوجه الموقع لكل الناس،يجب أن يوجه الموقع لفئة محددة،فهل هو لكبار السن؟ أم لصغار السن؟ هل هو للشباب فقط أو للفتيات فقط؟ هل هو لرجال الأعمال مثلاً أو للمتخصصين في البرمجة؟
يجب أن يسوق الموقع و يعلن عنه لفئة محددة،ثم تكلمت عن إضافة المحتويات و قلت أن المواقع يجب أن تكون لديها خطة لإضافة المحتويات بحيث لا يكون هناك حماس في البداية و يتم وضع الكثير من المحتويات و مع مرور الوقت يفتر الحماس و تتوقف المحتويات فيتوقف الموقع.
و تكلمت عن اختبار الموقع و تصحيح الأخطاء فيه،مثل الأخطاء الإملائية و النحوية و أخطاء التعبير،و كذلك الروابط التي لا تعمل أو أخطاء التصميم،ثم تحدثت عن أهمية التواصل مع الزوار، و نبهت إلى أهمية الرد على رسائل الزوار خلال أسرع وقت ممكن و عدم إهمال رسائلهم.
......
مهارة التصميم.
ثم تحدثت عن مهارة التصميم و ذكرت صراحة أنني لا أتقن التصميم،و تحدثت فقط عن نقطتين الأول تنسيق الألوان،يجب على المصمم أن يحسن اختيار الألوان فلا يجعل الموقع لوحة سريالية تحوي كل لون يخطر على باله و لا يختار ألواناً مؤذية للعين،و يجب أيضاً ألا يختار لوناً واحداً لكل الموقع،و يمكن تعلم تنسيق الألوان من خلال الكثير من الدروس المتوفرة في الشبكة و من خلال الكتب،ثم تحدثت عن مشكلة في التصميم و هي أن البعض يضع التصميم في أول مرحلة لتطوير الموقع،و الأصل أن يكون التصميم بعد التخطيط و وضع الأهداف و معرفة الفئة المستهدفة من الزوار و المحتويات التي ستوضع في الموقع،بعد ذلك كله يمكن أن يكون التصميم خادماً لكل هذه الأهداف،و من الخطأ أن نجعله هو الأساس.
......
ثم تحدثت عن قابلية الاستخدام أو سهولة استخدام الموقع،هل الموقع سهل الاستخدام؟
يمكن تجنب الكثير من المشاكل باتباع قواعد أساسية لقابلية الاستخدام،و مع ذلك لا بد من اختبار الموقع،و هي أن نأتي بأناس لا علاقة لهم بالموقع و نجعلهم يختبرون الموقع و نعرف هل الموقع سهل الاستخدام أم لا و نعالج المشاكل،قواعد قابلية الاستخدام و كيفية إجراء الاختبارات موجودة في كتب و مواقع و قد عرضت في نهاية الدرس عناوين لبعضها.
و المهارة العاشرة و الأخيرة هي قابلية الوصول،في البداية يجب أن يظهر الموقع في كل المتصفحات التي يتوقع أن يستخدمها الزوار،من الخطأ أن تجبر الزائر على استخدام متصفح معين،و يجب أن نفكر في كيفية ظهور الموقع بشكل صحيح لشخص ألغى خاصية الجافاسكربت من متصفحه لما تسببه من إزعاج، أو شخص لا يستخدم متصفحاً لا يدعم CSS،أو شخصاً ألغى خاصية عرض الصور في متصفحه،كيف ستظهر المواقع لمثل هؤلاء؟
و نبهت إلى أهمية عدم نسيان ذوي الاحتياجات الخاصة،فهناك أناس فقدوا حاسة السمع أو حاسة البصر،فمثلاً إذا كان الموقع يحوي ملفاً صوتياً عبارة عن لقاء مع شخص،يجب توفير نسخة مكتوبة لهذا اللقاء لمن فقد نعمة السمع،و نوهت في النهاية إلى أهمية سرعة الموقع،كلما كان الموقع سريعاً سيبقى الزائر في موقعك مدة أطول.
......
ثم عرضت قائمة للكتب التي أنصح بقراءتها و للمواقع التي أنصح بزيارتها،هذا ملخص مفصل للدرس الذي ألقيته في اجتماع مطوري PHP الأول في الإمارات.
.....
مـعـهـد الإمـام الـشـيرازي الـدولي للـدراسـات - واشــنطن
