تطوير تقدمي

المبادئ الأساسية

• التطوير المتقدم (Progressive Enhancement) يتألف من المبادئ الأساسية التالية:
• ينبغي أن يكون المحتوى الأساسي متاحا لجميع المتصفحات
• الوظائف الأساسية يجب أن تكون في متناول جميع المتصفحات

الكتب

إضافةً إلى ذلك، بريغز، أوين؛ شامبيون، ستيفن؛ كوستيلو، اريك؛ باترنسون، ماثيو (2004) صفحات الطرز المتراصة: فصل المحتوى من عرض (2nd ed). سان فرانسيسكو: Apress. ISBN 1-59059-231-X

إضافةً إلى ذلك، كيث، وجيريمي (2007) Bulletproof Ajax. بيركلي: جديد القائدين. ISBN 0-321-47266-7

وفي هذا السياق، كيث، وجيريمي (2005) دوم البرمجة: تم تصميم الموقع مع جافا سكريبت وطراز كائن المستند. بيركلي: أصدقاء من ال ED. ISBN 1-59059-533-5

• وصلات خارجية
• صفحات AnyBrowser
• الرؤية الملونة -- من كال هندرسون

اولسون، وتومي (2007) GD & التطوير المتقدم

وفي هذا الصدد، 12Hesketh.com سبتمبر 2003 التطوير المتقدم: تمهيد الطريق لمستقبل تصميم المواقع

مقدمة ومعلومات أساسية

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

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

ومن جهة أخرى، تقوم ال (PE) على أساس الاعتراف بأن الافتراض الأساسي إلى جانب ال"GD" -- التي حصلت على المتصفحات الأسرع والأقوى دائماً—تثبت أنها مخطئه مع تزايد الأجهزة المحمولة والمساعد الرقمي الشخصي (PDA) مع المتصفحات ذات النشاط أو الإمكانيات المنخفضه وقيود على عرض النطاق الترددي (bandwidth). فضلًا عن ذلك فإن التطور السريع للأتش تي أم أل والتكنولوجيات المتصلة بها في الأيام الأولى للويب قد تباطأت، والمتصفحات القديمة جدا قد عفا عليها الزمن، جعلت المصممين أحرار باستخدام التكنولوجيات القوية مثل CSS لإدارة جميع مهام العرض وجافا سكريبت لتعزيز سلوك جانب العميل المعقد.

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

وفي السياق ذاته، إن طريقة ال (PE) مستوحاة من الخبرة المبكرة لشامبيون عام 1993-4 مع SGML، قبل العمل بHTML أو أي لغة عرض لبرنامج ويب، وكذلك لاحقاً من الخبرات عن طريق العمل باستعمال CSS لتعمل على شوائب المتصفح في تلك المحتويات المبكرة لـ SGML كانت الدلالات الترميزيه (markup)المفتاح المهم، حتى وإن كان العرض دائماً مدروس منفصلا أو يكون جزءاً لا يتجزّأ من داخل الدلالات الترميزية (markup) نفسها. هذا المفهوم في دائرة الدلالات الترميزيه (HTML) يشير إلى قانون انفصال العرض والمحتوى، والانفصال بين المحتوى والتصميم، أو الانفصال بين الدلالات والعرض. كما تطورت شبكة الإنترنت في منتصف التسعينات، لكن قبل أن يكون css معروفاً أو يحظى بتأييد واسع، كانت هذه القوانين والقواعد الأساسية لـ SGML تنتهك مراراً وتكراراً من قبل HTML. ونتيجة لذلك اضطر مصممي الويب على اعتماد تكنولوجيات جديدة وممزقة والسمات لكي تظل ذات صلة.. مع إشارة إلى تدهور رشيقاً، في الاعتراف بأن ليس كل شخص لديه أحدث متصفح. بدأالكثير من المبتدئين بتبني التدريب على التصاميم، والتكنولوجيا تعتمد على الأحدث وربما المتصفح السابق الأساسي ينتشر. لعدة سنوات، إن الكثير من الويب البسيط لم ينجح في أي شيء، لكن أغلب المتصفحات الحديثة أكثر شعبية وشهرة، هذا لا يزال صحيحاً حتى ترتفع واعتمادها على نطاق واسع ودعم لـ CSS فضلاً عن الكثير من الشعوبية على مستوى القاعدة والجهود التعليمية (من ايريك كوستيلو، اوين بريقس، ديف شيا، واخرون). وتبين لمصممي الويب كيفية الاستخدام المغلق لأغراض التخطيط.

ضئيل، والدلالات الترميزية تحتوي على جميع المحتويات

• تحسين التخطيطات (layout)التي يتم توفيرها من قبل روابط خارجيه CSS
• تحسين السلوك يتم توفيرها من قبل جافا سكريبت غير مزعجة، مرتبطه خارجياً.
• تفضيلات المتصفح للمستعمل النهائي تنهى بطريقه لائقه.

انتقادات وردود

انظر كذلك

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

جافا سكريبت المخفيه

فوائد سهولة الوصول إليها

فوائد محرك البحث الأمثل (SEO)

وفي هذا السياق، صفحات الويب تم إنشاؤها بحسب مبادئ ال PE وهي بطبيعتها أكثر سهولة، لأن المضمون الأساسي للمطالب الاستراتيجية يكون متاح دائما، لا يعوقها بسهولة عادة البرمجة غير المعتمده أو المعوقين. فضلًا عن ذلك، قوانين الرموز المتناثرة تسهل الأدوات التي تقرأ وتجد المحتوى بمستوى عال. كما أنه ليس واضحاً للمواقع كيف تعمل جيداً مع ال (PE) بالأدوات القديمة المصممة للتعامل مع تخطيطات الجدول، "tag soup"، وما شابه ذلك.

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

الدعم والتبني

وعلى صعيد آخر، في عام 2006، Nate Koechley في ياهو ! قدمت المؤسسة العامة للمرجعية واسعة في مقاربته الخاصة لتصميم المواقع ودعم المتصفح، مدرج دعم المتصفح (GBS)

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

كذلك، منظمات مثل مشروع معايير الويب (Web Standards Project) قد تبنت المؤسسة العامة كأساس لجهودها التعليمية.

وعلى صعيد آخر، ستيف تشيبمان في أمريكا أون لاين قد أشار إلى المؤسسة العامة كأساس لاستراتيجية تصميم موقعه على الإنترنت.

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

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

كذلك، كريس هيلمان يناقش أهمية التسليم الموجه لل CSS بحيث يحصل كل متصفح على المحتوى (والتعزيزات)التي يمكن التعامل معها فقط.

كذلك، ديفيد Artz، زعيم أمريكا أون لاين الفريق الأمثل، وضع مجموعة من تقنيات الوصول التقديم، وابتكر تقنية لتفكيك «التطوير» على الطاير، والاحتفاظ بتفضيلات المستعمل.

ومن جهة أخرى، Wt هو تطبيق مكتبة الويب الذي يطبق بشفافية لتحسين التدريج خلال بووتسترب، تتقدم من أتش تي أم أل العادي لأجاكس (AJAX)الكامل.

مقالات

• جيل، سكوت (2008) تجارب مدفوعة للتطوير المتقدم صندوق 27 أكتوبر 2009.
• غوستافسون، آرون (2007) تخريب تجربة المستعمل صندوق 7 مايو 2007.
• كيث، وجيريمي (2006) فصل السلوكية المسار 7 مايو 2007.

التاريخ

وفي هذا السياق، «التطوير المتقدم (Progressive Enhancement)» اخترع بقلم ستيفن شامبيون من hesketh.com في سلسلة من المقالات والعروض لWebmonkey وSXSW المؤتمرات التفاعلية بين آذار / مارس وحزيران / يونيو من عام 2003.