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

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

وكذلك الامر في ما يتعلق بالبرامج والاعلانات المخصصة للبث على التلفزيون. فمن المعروف ان هناك وحدة زمنية لطول الاعلان، هي عادة ٣٠ ثانية (او قيمة مضاعفة لـ٣٠ ثانية) كما يجب على مساحة الاعلان او البرنامج ان تخضع للنسبة ٣:٤ لتلائم شاشة التلفزيون (لم يتم بعد فرض مقياس لنسبة ٩:١٦ التي تناسب الاجهزة ذات الشاشات العريضة). فيمكننا القول هنا ايضاً ان البرامج والاعلانات التلفزيونية هي اجمالاً متوافقة عبر الاجهزة.

هناك مقاييس في كل مجالات النشر والاتصالات. الا انها تناسب عالماً مثالياً لا توجد فيه منافسة حيث يمكن للشركات التعاون بين بعضها والنجاح في نشاطاتها في الوقت نفسه.

الا انه في العالم الفعلي، تختلف الامور كلياً. فإذا اخذنا مجال برامج تصفح نسيج العنكبوت نلاحظ انه لا يتم التوافق على المقاييس بل هي تفرض فرضاً. فيتم وضع مقياس ما بالدوس على المقاييس الاخرى وارسالها الى الجحيم وليس بالتفاوض والتسويات.

نستنتج من هذه المقدمة انه من الصعب جداً تصميم صفحات عنكبوت ديناميكية وتفاعلية. واوضح للذين لم يروا العلاقة بين المقدمة والاستنتاج.

فمن المعروف ان لغة تعليم هايبرتكست الديناميكية (DHTML) هي مقياس وضعه تجمع نسيج العنكبوت العالمي (W3C) ثم فسره كل من مايكروسوفت ونتسكيب وغيرهما على هواه وهذه هي المشكلة. فالتجمع يقترح المقياس ويبقى على عاتق مطوري البرامج كيفية تفسيره كل حسب تقييمه الخاص للاتجاهات التي يسلكها نسيج العنكبوت. فإذا قام احد المطورين بتعديل المقياس قليلاً او لويه في اتجاه مصالحه، لن يقوم احد بردعه اذ انه لا يوجد من عنده السلطة للتحكم في مقاييس النسيج او فرض تنفيذها.

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

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

مشكلة التوافق

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

فقد طُلب مني اخيراً تطوير موقع لمجلة تنشر اعلانات مبوبة. ويريد الناشر ان يحتوي موقعه على كل ما يجذب الانظار. وبما انه يدفع للاستفادة من خدمات مطور صفحات عنكبوت، يتوقع الحصول على رموز متحركة واصوات وتصميمات متداخلة وغيرها. ولا يكتفي بذلك (خاصة اذا كان على اطلاع قليلاً على ما هو متوافر حالياً من برامج تصفح) بل يطلب ان يكون هذا الموقع متوافقاً عبر برامج التصفح. ويعرف من طور هذا النوع من المواقع ان الزبون يدخل المطور في كابوس متواصل.

فإذا قمنا بتصميم موقع بسيط وثابت (وهي المواقع المفضلة بالنسبة لي) للحؤول دون «ازعاج» اي برنامج تصفح، ينعتنا الزبون بالتخلف والبلادة. اما اذا طورنا موقعاً يحتوي على آخر ما ظهر من الصرعات، لن يسعنا الا الالحاح على الزائر ليستخدم هذا البرنامج او ذاك ليسعه مشاهدة ما نعرض.

اين الحل الوسط اذاً؟ وهل يوجد حل وسط؟

حل وسط

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

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

وتتبع هذه التقنية قواعد اساسية يمكن اختصارها بالتالي:

يشكل استخدام اوراق الانماط التسلسلية (Cascading Style Sheets) فكرة جيدة للبيانات الثابتة وجافاسكريبت للبيانات الديناميكية. وعند استخدام اوراق الانماط يجب جعلها مخفية عن برامج التصفح التي لا تدعمها وكذلك الامر بالنسبة لجافاسكريبت. ويمكن تنفيذ ذلك ببساطة متناهية بالتعرف على برنامج الزائر (تنتشر الرموز الضرورية لعملية التعرف هذه في كل انحاء النسيج ويكفي الانحناء والتقاطها) وتزويده بالرموز المناسبة له.

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

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

بالطبع لا تتوجه هذه النصائح للهواة الذين «يطورون» صفحات عنكبوت باستخدام البرامج الجاهزة مثل بيج ميل او فرونت بيج او هوم بيج او غيرها لأنها هي التي تتحكم بالرموز وليس المستخدم (وتنتج ما نسبته ٥٠ ٪ على الاقل من الرموز الخاطئة التي لا تصدق عليها قواعد تجمع نسيج العنكبوت).

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