التصميم والتطوير بأحدث التقنيات

رقم المشاركة : ( 1 (**permalink**) )

التصميم والتطوير بأحدث التقنيات

بسم الله الرحمن الرحيم , سوف أتحدث هنا عن التقنيات والأساليب الحديثة لاستخدامها في تصميم وتطوير المواقع والتي تؤثر بشكل كبير على نجاح تلك المواقع وتساعد في بقاء المستخدم فترة أطول في تصفح موقعك مثل :

نظام التصفح للموقع(navigation system) , ترتيب الموقع في محركات البحث (SEO) ,مدى توافقه مع معايير الويب الأساسية(W3C) وبرمجة تلك المواقع بأحدث اللغات واحدث البرامج وغيرها ... , وسوف أتطرق إلى أسباب حدوث الخلل في بعض المواقع العربية مما أدى إلى ندرة ارتيادها وصعوبة جذب الزوار لها , فهناك أمور مهمة وضرورية في التصميم وهناك أمور أخرى فيها نوع من الترف والتكلف لا داعي لها, وسأسرد بإذن الله الحلول المقابلة لتلك المشاكل.

الكلمات المفتاحية:

SEO , نظام التصفح ,RSS ,معايير الويب,HTML ,ِِAJAX.

التصميم هو أساس عمل أي موقع لأنه عامل الجذب الأول.. ولابد له من مميزات, وليكون الموقع المراد تصميمه ناجحا لابد أن يكون المصمم ملما

بمعظم لغات كتابة وبرمجه المواقع , ومعظم برامج تصميم الجرافيك .

المقصود بموقع الويب.

الأساليب والتقنيات الحديثة في التصميم.

بعض مشاكل التصميم وحلولها.

.المقصود بـ (موقع ويب) :

1-تعريف موقع الويب:

"موقع الويب هو عبارة عن مجموعة صفحات ويب مرتبطة ببعضها البعض , ويمكن مشاهدة مواقع الويب عبر برامج في جهاز الكمبيوتر تدعى متصفحات الويب مثل انترنت اكسبلورير أو متصفح الفايرفوكس وغيرها من المتصفحات المعروفة .

كما يمكن عرض المواقع بواسطة الهواتف النقالة عبر تقنيه الواب

2-أهداف وأنواع مواقع الويب:2.2

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

.الأساليب والتقنيات الحديثة في التصميم:

كما ذكرت آنفا أن هناك اساليبا وتقنيات جميل أن تستخدم عند عمل تصميم لموقع ما , بل انه من الأمور المهمة التي يجب مراعاتها , ومن تلك الطرق والتقنيات مايلي :

3- التوافق مع معايير الويب الأساسية :

معايير الويب هي مواصفات وتقنيات متعلقة بالويب , و مستخدمه عند تصميم المواقع تنشئها منظمات ومن أهم هذه المنظمات شبكة الويب العالمية

World Wide Web Consortium

والتي هي بدورها تشترك مع المنظمات الأخرى من اجل إيجاد تلك المواصفات

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

4- البرمجة باستخدام اللغات الحديثة:
هناك العديد من لغات البرمجة المستخدمة في التصميم ومن أهمها : لغة HTML وهي لغة أساسيه و سهله في تعلمها وتنفيذها, أيضا من تلك اللغات لغة JAVA SCRIPTالتي تستخدم للمواقع الديناميكية أي المتحركة والتي يكون فيها تفاعل بين الأعضاء كالمنتديات مثلا وغيرها من المواقع وهي من أسهل اللغات , كذلك توجد لغة PHPوهي لغة مستخدمه للمواقع التي بها الكثير من الأعضاء والزوار وهي سهله إلى حد ما

وأيضا توجد لغة CSS الخاصة بالتصميم والشكليات.
هذه تقريبا أهم اللغات, ولن أخوض في ذكر تفاصيل تلك اللغات فهي ليست في مجال هذا البحث.

5- تحسين ترتيب الموقع في محركات البحثSEO:
أن وجود الموقع المصمم في محرك البحث هذا يعني أن هناك زوارا سيأتون إلى ذلك الموقع, ولكن ترتيبه في محرك البحث يعني المزيد والمزيد من الزوار, فعملية تحسين ترتيب الموقع في محركات البحث يطلق عليها:
(SEO)Search Engine Optimization
وهذا الموضوع قد الفت فيه عشرات الكتب نظرا لأهميته.
من أهم الطرق لتحسين ترتيب الموقع في تلك المحركات مايلي :
1-استخدام كلمات متداولة بين الناس وتكون ذات صله عند برمجة Meta Tag.
2- كذلك من الأفضل استخدام عناوين سلسة وودية للموقع نفسه (Friendly URLs).
3-أيضا من النقاط المهمة ,المحاولة قدر الإمكان التقليل من استخدام الفلاش والصور الثقيلة الحجم عند تصميم الموقع ;لأنها تؤثر على عملية تحسين ترتيب الموقع في محرك البحث.

وغيرها من النقاط التي تساعد على ذلك.

6- قابلية استخدام نظام التصفح (System navigation):

المقصود بنظام التصفح هو تلك المساحة الموجودة في أعلى الصفحة للموقع نفسه والتي يكون بها مجموعه من الروابط التي تنقل المستخدم إلى أقسام الموقع المهمة .

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

اذكر هنا بعض النصائح التي تساعد على إيجاد نظام تصفح سهل وبسيط :

1- لابد من توحيد شكل وموقع تلك الروابط في معظم صفحات الموقع لإعطاء ثقة اكبر للزائر.

2- لابد من وضع رابط الصفحة الرئيسية في جميع صفحات الموقع حتى يعود الزائر لتلك الصفحة إذا لم يجد مايريد, فيسلك طريقا آخر.

3-المحاولة قدر الإمكان بوضع تلك الروابط في مكان واحد وليكن أعلى الصفحة بدلا من توزيعها في جميع نواحي الصفحة , وان كان عددها كثير فالأفضل وضعها أعلى الصفحة وعلى احد الجانبين .

4- إخبار الزائر عن موقعه الآن وفي أي صفحه .

5- وضع عنوان كبير وواضح لكل صفحه من صفحات الموقع حتى يعرف الزائر موقعه

7- استخدام تقنيتي AJAX و RSS :
RSS: هي خدمه تسمح للمستخدم بمتابعة عدد ضخم من المواقع المفضلة لديه بدون الحاجة إلى زيارتها كلها, فهي تعتبر بديلا من الاشتراك في القوائم البريدية المزعجة, فهي إذن من التقنيات الحديثة التي تطور الموقع عند استخدامها.
AJAX: هي تقنيه حديثه وظيفتها هي أن الزائر إذا طلب صفحه ما فإن الصفحة المطلوبة تظهر له بدون اعاده تحميل, وهذه التقنية مفيدة لأصحاب المواقع المتميزون بكثرة الزوار فهي تقلل الجهد الحاصل على خادم الشبكة والزمن اللازم لاستجابة الموقع لدى المتصفح.
- هناك أيضا العديد من التقنيات والخدمات الحديثة المستخدمة في التصميم , ولعل ماذكرته سابقا من أهم تلك التقنيات .

بعض مشاكل التصميم وحلولها:
1-عدم الالتزام والتقيد بمعايير الويب الأساسية:
مما يؤدي إلى اختلاف وتنوع صفحات ذلك الموقع من متصفح إلى آخر , وكذلك بالنسبة لأنظمة التشغيل المختلفة .
وبالنسبة لمن كان يقول أن التزامنا بمعايير الويب , يقيد ويحصر من ابداعتنا , فعلى سبيل المثال هناك موقع قد لامس الإبداع في تصميمه بالرغم من التزامه بمعايير الويب
الأساسية , وهو موقع IloveColors (صوره 1) .

[فقط الاعضاء المسجلين هم من يمكنهم رؤية الروابط. اضغط هنا للتسجيل]

صورة 1: توضح مثال على تطبيق المعايير بأفضل تصميم

2- استخدام الجداول لتقسيم الصفحة:
بالطبع إن استخدام الجداول من اجل تقسيم محتويات الصفحة من الطرق القديمة, لكن الطريقة الحديثة للتقسيم هي باستخدام CSS وذلك لعدة أسباب من أهمها:
1-إن استخدام الجداول تأخذ وقتا أطول عند تحميل الصفحة من تقسيمات CSS.
2-كذلك إن الموقع الذي يستخدم الجداول يحتاج إلى وقت اكبر من تقسيمات CSS عند إعادة تصميم الصفحة أو التعديل عليها, وهذه من أهم الأسباب تقريبا.
3-تقسيمات CSSمهمة من ناحية الترتيب لقارئات الشاشة من اجل المكفوفين على عكس الجداول.

3-البطء الشديد في التحميل :
تعيب الكثير من مواقع الإنترنت البطء الشديد في التحميل والسبب يرجع إلى كبر أحجام ومساحات الصور; لذلك لابد من مراعاة ألا يتم وضع الصورة بحجم اكبر من 500 بكسل ومساحه لاتتجاوز 60 KB كحد أقصى وهناك العديد من البرامج التي تستخدم في هذا المجال مثل الفوتوشوب وغيرها .[2]

لا أحد يشك أن المواقع العربية تعاني من هذه المشكلة, فتحميل الموقع يأخذ فترة طويلة كفترة قراءة عدة صفحات من كتاب, والفلاشات تحاصر الموقع من جميع الجهات.. والصور منتشرة في كل مكان, والألوان ترثي حالها السيئ... الخ
طبعا لكل قاعدة شواذ , فهناك مواقع (قليلة) قد تهربت من هذه المشكلة واستدركت نفسها بالاهتمام بهذا الجانب .

وابرز مثال على المواقع الأجنبية التي تهربت من تلك المشكلة: موقع الدكتور Jakob Nielsen لا تجد فيه صورة واحدة ولا أي زخرفة ولا جرا فيكس.

" يقول الخبير المعروف Jacob Nielsen أن مصممي مواقع الإنترنت يجب أن يزيلوا الصور والعوامل الأخرى التي تستهلك الطاقة وتبطئ البث. ويضيف أن عدد المستخدمين في المستقبل سيكون ضخما لدرجة سيضطر مصممي مواقع الإنترنت تصميم مواقع مخففة."
-4 استخدام برنامج Front Page لتصميم الصفحات :
إن استخدام هذا البرنامج يسبب العديد من المشاكل نظرا لقلة حداثته, والأفضل استخدام برامج حديثه أخرى أفضل منه مثل Dream Weaver وغيرها من البرامج , ومن تلك المشاكل التي يسببها ذلك البرنامج: انه يسبب حدوث أخطاء في الصفحات على المتصفحات الأخرى, فهو في الغالب متوافق مع Internet Explorer فقط.

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

نول جوجل
أفنان الحصينى