التصميم و التطوير للويب 2.0
كمصمم أو مطور مواقع ، ما الذي تعنيه لك الويب 2.0 ؟ ، في الحقيقة هي المفهوم الجديد لمواقع الويب ، فهل أعددت قدراتك للتكيف مع هذا التغيير ؟ من خلال السطور القادمة أحاول أن أضعك على أولى خطوات التغيير للتماشي مع هذا الجيل الجديد من مواقع الويب و بشكل مختصر.
أولاً : التحول إلى XML و تقنياتها
رغم ظهور هذه التقنية من فترة طويلة الا أن معظم التطبيقات خلال السنوات الماضية كانت تستفيد منها الإستفادة المثلى، البعض يستخدمها لتخزين إعدادات برنامج ، الأخر يستخدمها كبديل بسيط لقواعد البيانات للتطبيقات الصغيرة الحجم ، ولكن في الفترة الأخيرة بدأت تظهر و تستخدم تقنيات مستقلة بالإعتماد على لغة XML الوصفية ، تقنيات مثل AJAX و RSS و Atom و XPath هي من المسات الرئيسية و المعالم المميزة لصفحات مواقع الويب 2.0
ثانياً : خدمات الويب Web Services
عودة إلى XML و تقنياتها ، خدمات الويب Web Services هي أحد السمات الهامة في مواقع الويب 2.0 ، يجب أن يسمح تطبيق موقعك للمطورين بإنشاء برامج تقرأ و تتعامل مع بيانات التطبيق الخاص بموقعك بكل سهولة ، على سبيل المثال ، مواقع مثل أمازون و eBay و Google تسمح لأي مبرمج من خلال واجهة التتطبيقات API بأن ينشأ تطبيق خاص به يعتمد على تطبيقات هذه المواقع ، على سبيل المثال Google يسمح لي بأن أبرمج تطبيق يبحث في قواعد بياناته و يجلب لي النتائج لكي أعرضها كما لو أني أنا من يقدم الخدمة وليس قووقل !! أمازون يسمح لي أن أعرض البضائع كما لو أنها بضائعي و ليست بضائع أمازون ، خدمات الويب علم قائم بحد ذاته ، و لكن إقرأ أكثر عن تقنيات مثل SOAP و XML/RPC و WSDL ... ستجد ضالتك في هذه التقنيات .
ثالثاً : إسمح بمزج المحتويات
المحتويات هي أساس مواقع الويب 2.0 ، إجعل محتويات موقعك قابلة للإستيراد بشتى الطرق ، و قابلة للتخصيص بأي وسيلة ، على سبيل المثال ، في موقع Delecious أستطيع أن أختار عرض الروابط المفضلة لمشترك معين ، أو تلك الروابط التي تتحدث عن الـ HTML فقط ، أستطيع أن أستعرض تلك الروابط في جهازي ، في هاتفي النقال ، في موقعي الشخصي ... هذا يتم عن طريق تقنية RSS و مع تقنيات الوسوم Tags لتمييز المحتويات .
رابعاً : إقرأ تصرفات زوار موقعك
تطبيقات الويب 2.0 كما أسلفنا ذكراً هي تطبيقات ذكية بفكرتها و بطريقة عملها ، عليك من خلال التطبيق الذي تقوم ببنائه أن تقرأ تصرفات مستخدمي موقعك ، عليك أن تستغل هذه التصرفات و المعطيات لتحسين الموقع بشكل أوتوماتيكي فوري و على المدى الطويل ، على سبيل المثال ، اذا اشتريت كتاب يتحدث عن علم الفيزياء من موقع أمازون هذا اليوم ، فإن موقع أمازون سيعرض علي غدا عند زيارتي له و بالصفحة الرئيسية كتب عن الفيزياء ، هل غير موقع أمازون صفحته الرئيسية من أجلي ؟؟ بالطبع لا ، و لكنه عرفني عند زيارتي له و تذكر ( عن طريق الكوكيز ) بأني أشتريت أمس كتاب عن الفيزياء ، فبادر فورا بصنع صفحة رئيسية مخصصة لي تحتوي على الكتب التي تقع ضمن نطاق علم الفيزياء ! الخلاصة : إستغل التقنية لتجعل موقعك ذكيا و قابلا للتخصيص الفوري قدر المستطاع !
خامساً : الوسوم الوصفيه لبناء شبكة إجتماعية
المشاركة خاصية مهمة من خصائص مواقع الويب 2.0 ، عملية النشر التقليدية لا تقع ضمن نطاق مواقع الويب 2.0 ، الكل يشارك ، الكل يكتب ، الكل يضع ما لديه ، لذا كان من الضروري تقسيم هذا الكم الهائل من المشاركات ضمن وسوم مميزة يسهل من خلالها البحث و الوصول للمعلومة ، تطبيقك يجب أن يراعي ذلك ، الوسوم أو ما يعرف بـ Tags هي أسهل طريقة لذلك ، على سبيل المثال موقع Delecious يسمح للمستخدمين بتقسيم الروابط الخاصة بهم ضمن وسوم ( كلمات رمزية ) تدل على الرابط ، مثلاً ، ستجد كل الروابط الذي شارك بها العالم أجمع عن الويب 2.0 على هذا الرابط :
http://del.icio.us/tag/Web2.0
ثانياً : خدمات الويب Web Services
عودة إلى XML و تقنياتها ، خدمات الويب Web Services هي أحد السمات الهامة في مواقع الويب 2.0 ، يجب أن يسمح تطبيق موقعك للمطورين بإنشاء برامج تقرأ و تتعامل مع بيانات التطبيق الخاص بموقعك بكل سهولة ، على سبيل المثال ، مواقع مثل أمازون و eBay و Google تسمح لأي مبرمج من خلال واجهة التتطبيقات API بأن ينشأ تطبيق خاص به يعتمد على تطبيقات هذه المواقع ، على سبيل المثال Google يسمح لي بأن أبرمج تطبيق يبحث في قواعد بياناته و يجلب لي النتائج لكي أعرضها كما لو أني أنا من يقدم الخدمة وليس قووقل !! أمازون يسمح لي أن أعرض البضائع كما لو أنها بضائعي و ليست بضائع أمازون ، خدمات الويب علم قائم بحد ذاته ، و لكن إقرأ أكثر عن تقنيات مثل SOAP و XML/RPC و WSDL ... ستجد ضالتك في هذه التقنيات .
ثالثاً : إسمح بمزج المحتويات
المحتويات هي أساس مواقع الويب 2.0 ، إجعل محتويات موقعك قابلة للإستيراد بشتى الطرق ، و قابلة للتخصيص بأي وسيلة ، على سبيل المثال ، في موقع Delecious أستطيع أن أختار عرض الروابط المفضلة لمشترك معين ، أو تلك الروابط التي تتحدث عن الـ HTML فقط ، أستطيع أن أستعرض تلك الروابط في جهازي ، في هاتفي النقال ، في موقعي الشخصي ... هذا يتم عن طريق تقنية RSS و مع تقنيات الوسوم Tags لتمييز المحتويات .
رابعاً : إقرأ تصرفات زوار موقعك
تطبيقات الويب 2.0 كما أسلفنا ذكراً هي تطبيقات ذكية بفكرتها و بطريقة عملها ، عليك من خلال التطبيق الذي تقوم ببنائه أن تقرأ تصرفات مستخدمي موقعك ، عليك أن تستغل هذه التصرفات و المعطيات لتحسين الموقع بشكل أوتوماتيكي فوري و على المدى الطويل ، على سبيل المثال ، اذا اشتريت كتاب يتحدث عن علم الفيزياء من موقع أمازون هذا اليوم ، فإن موقع أمازون سيعرض علي غدا عند زيارتي له و بالصفحة الرئيسية كتب عن الفيزياء ، هل غير موقع أمازون صفحته الرئيسية من أجلي ؟؟ بالطبع لا ، و لكنه عرفني عند زيارتي له و تذكر ( عن طريق الكوكيز ) بأني أشتريت أمس كتاب عن الفيزياء ، فبادر فورا بصنع صفحة رئيسية مخصصة لي تحتوي على الكتب التي تقع ضمن نطاق علم الفيزياء ! الخلاصة : إستغل التقنية لتجعل موقعك ذكيا و قابلا للتخصيص الفوري قدر المستطاع !
خامساً : الوسوم الوصفيه لبناء شبكة إجتماعية
المشاركة خاصية مهمة من خصائص مواقع الويب 2.0 ، عملية النشر التقليدية لا تقع ضمن نطاق مواقع الويب 2.0 ، الكل يشارك ، الكل يكتب ، الكل يضع ما لديه ، لذا كان من الضروري تقسيم هذا الكم الهائل من المشاركات ضمن وسوم مميزة يسهل من خلالها البحث و الوصول للمعلومة ، تطبيقك يجب أن يراعي ذلك ، الوسوم أو ما يعرف بـ Tags هي أسهل طريقة لذلك ، على سبيل المثال موقع Delecious يسمح للمستخدمين بتقسيم الروابط الخاصة بهم ضمن وسوم ( كلمات رمزية ) تدل على الرابط ، مثلاً ، ستجد كل الروابط الذي شارك بها العالم أجمع عن الويب 2.0 على هذا الرابط :
http://del.icio.us/tag/Web2.0
رابعاً : إقرأ تصرفات زوار موقعك
تطبيقات الويب 2.0 كما أسلفنا ذكراً هي تطبيقات ذكية بفكرتها و بطريقة عملها ، عليك من خلال التطبيق الذي تقوم ببنائه أن تقرأ تصرفات مستخدمي موقعك ، عليك أن تستغل هذه التصرفات و المعطيات لتحسين الموقع بشكل أوتوماتيكي فوري و على المدى الطويل ، على سبيل المثال ، اذا اشتريت كتاب يتحدث عن علم الفيزياء من موقع أمازون هذا اليوم ، فإن موقع أمازون سيعرض علي غدا عند زيارتي له و بالصفحة الرئيسية كتب عن الفيزياء ، هل غير موقع أمازون صفحته الرئيسية من أجلي ؟؟ بالطبع لا ، و لكنه عرفني عند زيارتي له و تذكر ( عن طريق الكوكيز ) بأني أشتريت أمس كتاب عن الفيزياء ، فبادر فورا بصنع صفحة رئيسية مخصصة لي تحتوي على الكتب التي تقع ضمن نطاق علم الفيزياء ! الخلاصة : إستغل التقنية لتجعل موقعك ذكيا و قابلا للتخصيص الفوري قدر المستطاع !
خامساً : الوسوم الوصفيه لبناء شبكة إجتماعية
المشاركة خاصية مهمة من خصائص مواقع الويب 2.0 ، عملية النشر التقليدية لا تقع ضمن نطاق مواقع الويب 2.0 ، الكل يشارك ، الكل يكتب ، الكل يضع ما لديه ، لذا كان من الضروري تقسيم هذا الكم الهائل من المشاركات ضمن وسوم مميزة يسهل من خلالها البحث و الوصول للمعلومة ، تطبيقك يجب أن يراعي ذلك ، الوسوم أو ما يعرف بـ Tags هي أسهل طريقة لذلك ، على سبيل المثال موقع Delecious يسمح للمستخدمين بتقسيم الروابط الخاصة بهم ضمن وسوم ( كلمات رمزية ) تدل على الرابط ، مثلاً ، ستجد كل الروابط الذي شارك بها العالم أجمع عن الويب 2.0 على هذا الرابط :
http://del.icio.us/tag/Web2.0
http://del.icio.us/tag/Web2.0
الخلاصة : إسمح لزوارك بتقسيم محتوياتهم إلى مجموعة من الوسوم (الكلمات الرمزية ) المعرفة مسبقاً أو التي يقومون هم بكتابتها ، هذا سيسهل على جميع المتصفحين الوصول للمعلومة بأسرع وقت .
سادساً : التحول إلى البرمجة .. يجب أن تكون مبرمج
إذا كنت مصمم فقط ، عليك التفكير ملياً بهذا الأمر .. للتحول إلى ويب 2.0 يجب أن تكون لك خلفية جيدة في عالم البرمجة ، على الرغم من الفصل التام الذي تحافظ عليه الويب 2.0 بين الشكل العام و بين المنطق البرمجي ، الا ان الخصائص التي تتميز بها مواقع الويب 2.0 قد أوجدت حلقة كبيرة من التداخل بين التصميم و البرمجة ، تقنيات مثل CSS و RSS و XML و API ستجبرك كمصمم على معرفة طريقة عملها لكي تقوم بإنشاء الإطار العام لعرض هذه المحتويات ، المحتوى هو عصب مواقع الويب 2.0 ، و عرض هذا المحتوى هو عملية متداخلة بين البرمجة و التصميم .