إذا كان عام ٢٠١١ هو عام الثورات الجماهيريّة الّتي ساهم في تفجّرها وانتشارها الإنترنت، وكانت الشّبكات الاجتماعيّة فيها هي الجانب الإعلامي السياسيّ الأكثر موثوقيّة لنشر صور ومقاطع فيديو وأصوات الثوّار في العالم، فإنّ عام ٢٠١٢ بدأ منذ شهزه الأوّل بقوانين تحوّل الإنترنت إلى واقع خاضع للدول والحكومات، سياساتها وقوانينها وحصانتها .

كانت SOPA وPIPA هما القانونين الأكثر إثارة للجدل والسّخط في الفترة الماضية ولن ننسى كيف أضفت ويكيبيديا اللون الأسود على محتوياتها اعتراضًا على قوانين تحجب المعرفة العالميّة عن النّاس، ثمّ أٌغلق موقع Megaupload بموجب قوانين أمريكيّة وأصبحت مواقع الرّفع والتّحميل مهدّدة بالإغلاق أيضًا تبعًا لذات القوانين .

وبالأمس يطالعنا تويتر بخبر مفاجئ: قانون جديد يسمح للدّول بحجب تغريدات – أو حتّى حسابات – غير مرغوب فيها حكوميًا، بحيث تبقى هذه التّغريدات/الحسابات مُتاحة في العالم باستثناء الدّولة الّتي ترغب بحظرها .

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

المدوّنات التقنيّة الّتي اتطلعتُ عليها حاولت التّخفيف من أهميّة أو خطر هذا القانون، واستمرّت تضرب بالنازيّة مثلاً لمحتويات ممنوعة إقليميًا حتّى في محرّكات البحث مثل جووجل، وأنّ حظر التغريدات في دولةٍ معيّنة أفضل من حذفها عالميًا، لكنّ الكثير من المغرّدين في تويتر قرّروا مقاطعته اعتراضًا عليه خلال يومٍ واحد هو ٢٨ يناير  – غدًا بإذن الله – .

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

وأنت، ما رأيك في هذا القانون؟

المصدر من مدوّنة تويتر

مواضيع مشابهة:

1. بدء عصر جديد من الإنترنت
2. الحكومة الأمريكية تطلب من تويتر معلومات حساب مؤسس ويكيليكس
3. نهائي كأس العالم للنساء يحقق رقم قياسي جديد في تويتر

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

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

في هذه المقالة سوف أتحدّث عن مرحلة ” ما قبل المشروع “، محاولةً وضع حدود واضحة لمتطلّبات بدء مشروع تقنيّ لمن لا يعرف إجابة سؤال: من أين أبدأ ؟

من المهمّ أوّلاً أن تعرف من أنت من بين هؤلاء الأشخاص :

١ : لديك فكرة – أو أفكار – وليست لديك أدنى معرفة برمجيّة أو تطويريّة .

٢ : لديك معرفة – ولو أساسيّة – وليست لديك أفكار لتطبيق هذه المعرفة .

٣ : لديك المعرفة والأفكار ولكنّك عاجزٌ عن الشروع في العمل .

لديك فكرة ؟

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

لدينا معادلة بسيطة : إذا كانت الفكرة جديدة فيجب أن أدرس قابليتها للتطبيق تقنيًا، حاجة السّوق لها، لماذا لم يُنفّذها أحدٌ من قبل؟، نسبة فشل الفكرة .

أمّا إذا كانت الفكرة قديمة أو نُفّذت سابقًا فأدرس : لماذا أريد هذه الفكرة بالذّات؟، عيوب التطبيقات الموجودة، أسعارها، المميزات الجديدة الّتي سأوفّرها، تحدّيات دخول المنافسة، هل سأدخل مع شركاتٍ ضخمة أم مع أفراد مثلي، ماذا سأحتاج للحصول على مستخدمين بعدد مقارب أو منافس لعدد ما حصلوا عليه .

نقاط قوّة الأفكار :

البساطة : نحن في عصر يُفضّل فيه النّاس تطبيقات أحاديّة المهام على تطبيق يقدّم لهم ميزات كثيرة جدًا تربك أعينهم ولا يستخدمونها، بالذّات في ما يتعلّق بتطبيقات الأجهزة المحمولة .

المشاركة : الفكرة الّتي توفّر مشاركة للمعلومات في الشبكات الاجتماعيّة تويتر والفيس بووك وغيرهما يرتفع رصيدها جدًا .

التّحفيز : تحفيز المستخدم على طرح آرائه، على تغيير نمط حياته صحيًّا أو رياضيًا أو ذهنيًا، وغير ذلك .

نوع المعلومات المُدخلة : الفكرة الّتي تعتمد على إدخال معلومات نصّيّة كثيرة تفشل غالبًا وخصوصًا في تطبيقات الأجهزة المحمولة، بدلاً من ذلك استعن بالتّقنيات الحديثة للوصول إلى المعلومات مثل الـ GPS واللمس أو الحصول على معلومات المستخدم عبر شبكة اجتماعيّة معروفة بدلاً من اضطراره إلى إعادة إدخالها .

ليست لديّ القدرة العمليّة للتنفيذ :

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

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

في الجزء الآخر من المقال سأتحدّث عن المبرمجين أو خرّيجي الحاسب، لماذا يعجز الكثير منهم عن الشّروع في العمل؟

أخيرًا أقدّم شكري الجزيل للأ.محمّد بدوي، فكثير من الأفكار المذكورة هنا إنّما هي إعادة ترتيب لما علّمنا إيّاه في محاضراته .

مواضيع مشابهة:

1. كن حذرًا من الأفكار الاجتماعية
2. كرر الفكرة، ولا تنسخها
3. نتائج التصويت للمشاريع المشاركة في مسابقة عالم التقنية

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

أرجو قراءة الدرس أكثر من مرة واستخدام القلم والورقة لاستيعابه جيدًا، كما أرجو قراءة الملاحظات الموجودة في ثنايا السطور البرمجية لفهمها .

بدايةً، لماذا أحتاج إلى استخدام قاعدة بيانات مؤقتّة؟

في أنظمةٍ كثيرة قد أحتاج لجمع معلومات كثيرة من مستخدمٍ معيّن للاستفادة منها وقتئذٍ دون الحاجة لتخزينها – مباشرة – في قاعدة بيانات حقيقيّة، مثال على ذلك أنظمة التجارة الإلكترونية الَّتي يتمّ فيها تخزين معلومات البضائع الَّتي اختار المستخدم شراءها في سلّة المشتريات (مؤقتا ولمدة معينة) لحين تأكيده عملية الشراء، أو الأنظمة الخبيرة ” هذه اللعبة مثلاً ” الَّتي تستفيد من إجابات المستخدم لإخراج المخرجات لكنها لن تضطر للاحتفاظ بها في قاعدة بيانات الموقع كي تخرج هذه المخرجات .

في هذا الدرس سوف نقوم بإنشاء قاعدة بيانات تخيليّة لموقع تجارة إلكترونيّة ، بحيث تمثّل هذه القاعدة سلّة المشتريات الخاصّة بزائر الموقع .

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

مواضيع مشابهة:

1. قوقل تطلق أداة insightsmena لعرض بيانات حول سلوك المستخدم في منطقة الشرق الأوسط
2. تصميم المواقع: قاعدة النقرات الثلاث
3. إدارة المحتوى: قاعدة من ومتى وأين وماذا

Tiny MCE هو محرر نصوص غني  (Rich Text Editor  RTE معتمد على الجافاسكربت والـ HTML، وهو الأكثر شهرة والأقوى لتحرير النصوص عبر صفحات الويب حيث تستخدمه الكثير من أنظمة إدارة المحتويات الشهيرة مثل WordPress.

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

مطوري الويب يستخدمون هذا المحرر في لوحة تحكم التطبيقات أو لتمكين الأعضاء والزوار من التفاعل مع الموقع في كتابة المواضيع أو الردود، حيث يمكنك تهيئة محرر الـ Tiny MCE لأي هدف تريده.

بقية المقالة في عالم التقنية – تعليم

مواضيع مشابهة:

1. السهولة والبساطة في محرر النصوص shutterborg
2. محرر الصور aviary يصدر نسخة HTML5
3. EtherCodes: محرر برمجي يتيح ميزة المشاركة والتحديث المباشر

أعلنت شركة مايكروسوفت عن إقامة سلسلة من المحاضرات والدروس التقنيّة  للمطوّرين المبتدئين والمتقدّمين على حدٍّ سواء لرفع كفاءاتهم وخبراتهم في استخدام أدوات مايكروسوفت البرمجيّة والتطويريّة، هذا الحدث موّجه خصيصًا  للشرق الأوسط وسوف يُقام في  مدينة دبيّ – دولة الإمارات العربيّة المتّحدة، بالتحديد في مركز دبي الدولي للمؤتمرات والمحاضرات.

الحدث الَّذي أُطلق عليه tech.ed middle east سوف يستمرّ لمدّة 3 أيّامٍ فقط، ليبدأ من تاريخ 1 وحتّى 3 مارس 2010.

وصفت مايكروسوفت هذا الحدث بأكبر حدث تدريبيّ لعام 2010، ففي 3 أيّامٍ سوف تُقام 100 جلسة تعليميّة يلقيها خبراء من شركة مايكروسوفت في مواضيع مهمّة جدًا ومختلفة، مثل: الأمنية، تقصّي الأعمال، مايكروسوفت سيرفر، مايكروسوفت سيلفرلايت، مايكروسوفت موبايل،.. وغيرها.

للاطلاع على تفاصيل أجندة الحدث – الأسئلة الشائعة.

آخرًا، التكلفة الماديّة للحضور هيَ 825 دولار فقط لا غير

مواضيع مشابهة:

1. مايكروسوفت أعلنت أنها ستصدر برنامج (Microsoft Office 2010) في يونيو عام 2010
2. عشرة أسباب تحتم حضور مؤتمر سيسكو نتووركرز البحرين 2010
3. Cisco Networkers 2010 لأول مره في الشرق الأوسط

الألوان هيَ عنصر الحياة في جهاز الحاسب!

لولا سحرها  لما استطعنا الجلوس بمتعةٍ وسعادة أمام هذا الجهاز الأخرق لمدّة ساعاتٍ متواصلة  دون أن نُصاب بالملل أو الإرهاق.

من البديهيّ إذاً أن يولّي المصممين اهتمامًا طاغيًا بهذا العنصر، فمهما كان التصميم متقنًا وجبارًا إلاّ أنّه يسقط إذا صُبغ بألوانٍ منفّرة أو غير متناسقة.

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

لكن يحتاج غالبيّة المصمّمين -بالذات المبتدئين منهم- إلى المساعدة في اختيار الألوان المناسبة والتنسيق بينها، بحيث تعطي مظهرًا جميلاً وأخاذًا للموقع أو التصميم مع مراعاة قابلية الاستخدام – كما تحدّثت نوال هنا.

لهذا السبب، برزت العديد من المواقع الّتي تقدّم للمصمّم المساعدة في اختيار مجموعة من  الألوان المناسبة والمتناسقة / بما يُعرف عادةً بـ color schema أي “مخطط الألوان”، هذه المخططات تتكوّن من لونين أو أكثر تجمع بينهما علاقة رياضيّة تعتمد على خوارزميات تنسيق الألوان.

اليوم سوف نستعرض في عالم التقنيّة بعض المواقع الَّتي تقدّم مثل هذه الخدمات، نرجو أن تنالوا الفائدة منها، ليس في التصميم الرقمي فحسب، وإنّما في سائر جوانب حياتنا الملوّنة مثل ألوان جدران المنزل وأثاثه وألوان الملابس والأحذية والحاجيات.

colorschemer

من أشهر المواقع الَّتي تساعد المصمّمين على تصميم مخطّطات الألوان، إمّا online أو عبر برنامج color schemer studio الذي يعمل على نظامي windows, Mac، ويتيح إمكانيات كبيرة للمصممين في اختيار وتنسيق الألوان.

يقدّم الموقع أيضًا تطبيق صغير اسمه color pix لسحب الألوان من أيّ مكانٍ في شاشة حاسوبك، كما يحتوي على معرض لمخططات الألوان يمكنك الاستفادة منها واستيحاء أفكار لتصميمك.

colorLovers

شبكة اجتماعيّة لمحبّي الألوان.

حيث يمكنك أن تشارك الآخرين صور أو مخططات أو أنماط أو تدرجات لونيّة  من صنعك أو اختيارك وأن تستفيد من تجاربهم.

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

بصدق هذا الموقع له سحر خاصّ على الزائر، عند زيارته أشعر بجوّ من الرقيّ والفنّ والذوق العالي.

colorJack

موقعي المفضّل لاختيار الألوان.

يوفّر عدّة أدوات وظيفتها الرئيسية إيجاد 4 ألوان متناسقة مع اللون الَّذي قمتَ باختياره.

هذه الأدوات هيَ/ color studio, color sphere , color galaxy، وأهمّها وأجملها بالنسبة لي هيَ color sphere.

أيضًا، هذا الموقع يوفّر color picker مميّز جدًا يمكنك استخدامه بحريّة في تطبيقاتك، ويوفّر كذلك تطبيق لتخطيط الألوان يعمل على أنظمة الماك اسمه OSX Widgets.

لا أنسى ذكر صفحة طريفة موجودة في الموقع اسمها Color Blindless أي/ عمى الألوان، تحتوي على مخططات فاشلة وساذجة ومزعجة للألوان!

colorSchemeDesigner

باختصار، هذا الموقع هو تطبيق واضح ومباشر لنظرية الألوان الَّتي تحدثت عنها هنادي هنا.

لن أضيف شيئًا، مقالة هنادي شرح النظريّة بطريقةٍ مبسطة وجميلة.

multicolr search lab

هذا هو آخر موقعٍ لدينا في القائمة، فكرته تختلف كليًا عن المواقع السابقة ، ببساطة مهمّة هذا الموقع هي البحث في صور موقع فليكر بالألوان!

إذا أردت أن أبحث عن صورة باللون الأزرق والبرتقالي فما عليّ سوى اختيار هذي اللونين، وسوف تظهر ملايين الصور الّتي تحتويهما، أستطيع أن أبحث عن الصور بواسطة لون واحد فقط وحتى 10 ألوان.

هذا الموقع هو أحد أجزاء مشروع تكنولوجيا Idée المعنية بالبحث المرئي في محتويات الويب، الجميل أنّ جميع الصور الَّتي تدخل في عمليّة البحث تقع تحت رخصة Creative Commons الحرّة.

.

أخيرًا، هذه بعض النقاط الَّتي يمكن الاستفادة منها عند اختيار ألوان التصميم/

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

2- لا تلزم نفسك بألوانٍ معيّنة مثل الأزرق والأبيض وتدرجات الرصاصي لمجرّد أنّ الجميع يفعل ذلك، صحيح أنّ هذه الألوان جميلة ومريحة لكن يمكنك ابتداع طرق لمزج ألوان أخرى كثيرة أجمل منها.

3- حاول أن تخرج عن المألوف.. جرّب أن تصمّم موقع ويب باللونين الأخضر والأحمر! هل يبدو هذا مريعًا؟  لن نعرف الإجابة ما لم  نجرّبه، نستطيع اختيار درجتين مناسبتين من الأحمر والأخضر لتكوين تصميم جميل..  لن نخسر شيئًا في كلّ الأحوال!

4- ضع في اعتبارك عند التصميم الأشخاص الَّذين يعانون من ضعفٍ في النظر والأشخاص المبتلين بعمى الألوان، مهما كان يبدو الخطّ الفاتح للمحتويات جميلاً  فهو قد يكون مزعجًا جدًا لغيرك، راعهم.

مواضيع مشابهة:

1. دعوة للضحك (2): موقع جريدة الجزيرة
2. usability: استخدام الألوان في تصميم المواقع
3. سوني تعلن عن خدمة Life with Playstation لشبكة البلاي ستيشن 3

يوفر متصفح الفايرفوكس صندوق للبحث في عدّة مواقع ومحرّكات بحث مثل amazon و Google وغيرها، بعض المواقع الَّتي لا يوفّر لها الفايرفوكس search engine plugin يتمّ توفير إضافة خاصّة بها للمستخدم – مثل محرّك البحث bing.

بالمناسبة، ما هي الـ search engine plugin تقنيًا؟

هي عبارة عن ملفات xml! كلّ محرّك بحث له ملف xml خاصّ به في مجلّد  Mozilla Firefox/search plugins،  بمجرّد معرفتنا بذلك فإنّنا نستطيع إنشاء إضافة لأيّ موقع يقدّم خدمة البحث عن طريق إنشاء ملف xml يحتوي على بياناته.

screencast: بسيط يوضّح كيفيّة إنشاء إضافة للبحث عن الصور في محرّك  bing، الأفضل أن تشاهد الفيديو بحجم كامل الشاشة:

كنتُ أرجو الاكتفاء بهذا الفيديو للشرح، لكن لا بدّ من توضيح عناصر ملف الـ xml للـ search plugin:

<!--bing.xml -->
<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>bing image</ShortName>
<Description>image search engine for pictures and images</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image />
<Url type="text/html" method="GET" template="http://www.bing.com/images/search">
 <Param name="q" value="{searchTerms}"/>
 <Param name="form" value="QBIL" />
 <Param name="qs" value="n" />
</Url>
<SearchForm>http://www.bing.com/images</SearchForm>
</SearchPlugin>

• SearchPlugin: العنصر الجذر الَّذي يحمل جميع العناصر الأخرى.
• ShortName: الاسم الذي سيظهر على صندوق البحث.
  
• Description: وصف للإضافة.
• InputEncoding: ترميز المدخلات، الأفضل تغييرها إلى الترميز UTF-8 كي نتمكّن من البحث باللغة العربيّة.
• Image: صورة الأيقونة، يتمّ كتابتها إمّا بصيغة Image Schema أو استدعاء صورة بامتداد .ico من الويب، ولأنّي لا أعرف كيفيّة كتابة الأولى ولم أجد أيقونة للـ bing في الويب، لم أضع صورة << حلول سريعة
• Url: له 3 صفات:
  Type = text/html/ عند التعامل مع الـ API لبعض المواقع قد تحتاج إلى تغييرها إلى application/xml حسب البيانات المرسلة وطريقة استقبالها.
  method = GET/ طريقة إرسال الاستعلام.
  template = http://www.bing.com/images/search/ رابط البحث.
• Param: عدد من المتغيّرات الَّتي تختلف من موقعٍ لآخر، تحمل صفتين: name/ اسم المتغيّر، value/ قيمة المتغير.
  

كيف أحصل على هذه المتغيرات؟

قم بزيارة موقع bing للبحث عن الصور، وابحث عن أيّ صورة، flower على سبيل المثال، سوف تجد عدد من المتغيرات أُرسلت إلى جانب الرابط في شريط المتصفح.

الجزء المظلل هو المتغيرات الَّتي تنتقل مع الرابط ، كل متغير يُفصل عن الآخر بعلامة &، وجميع المتغيرات ثابتة ما عدا q، سوف تأخذ القيمة المكتوبة في نموذج البحث، لذلك نضع قيمتها بـ {searchTerms}.

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

اقتراحاتكم وانتقاداتكم وآراءكم في الدورة، رجائي رجائي لا تحرموني منها ^_^

مواضيع مشابهة:

1. AwesomeBar HD شريط عناوين ذكي لمتصفح الفايرفوكس
2. موزيلا تتيح محرك البحث Bing في الفايرفوكس 4
3. مستندات قوقل: طريقة إنشاء عرض تقديمي (Presentation)

.

كيف تتابع الأخبار في منزلك؟
تستخدم الرسيفر لاستقبال ترددات الكثير من القنوات الفضائية، كل قناة تحتوي على عدد من البرامج والمحاورات والنقل المباشر، بجهاز تحكم واحد فقط تستطيع التنقل بين هذه القنوات دون بذل أدنى جهدٍ أو وقت. تخيّل لو توجّب عليك تركيب رسيفر لكلّ قناة، كم سيكون الأمر مكلفًا ومرهقًا، وربّما توقّفتَ عن متابعة أغلب البرامج المهمّة بسبب هذا الشيء.

كيف تتابع الأخبار على الويب؟
إذا اخترتَ أن تزور كلّ موقعٍ بشكل مستقل فكأنّك تختار تركيب رسيفر خاصّ بكلّ قناة على التلفاز! أمّا إذا اخترت متابعة المواقع عبر قارئ الخلاصات، فكأنّك تستخدم رسيفر واحد لمتابعة جميع القنوات المفضّلة دون أن يفوتك برنامج. وقارئ الخلاصات يعمل عمل الرسيفر، حيث يستقبل تحديثات الكثير من المواقع عن طريق ملفات الـ RSS الخاصّة بها.

فما هو ملف الـ RSS تقنيًا؟

الـ RSS عبارة عن ملفّ مبني بلغة XML، يمثّل قناةً معينة لأحد المواقع “أو جزءٍ منها”، كلّ قناة تحتوي على عددٍ من العناصر، كلّ عنصر يحوي “ملخصًا” بمحتويات الموقع مثل: اسم كاتب المقالة، رابط الصفحة، عنوان المقالة ، وصف له أو مقطع بسيط منه. مرّت ملفات الـ rss بتاريخ عريض وطويل، و” الزبدة” أنّه أصبح لدينا نسختين مشهورتين من الـ rss: هما (RSS1.0 , RSS2.0).

RSS1.0: هي ملفات بُنيت على ملفات تسمى RDF، هذه الملفات مبنية على لغة XML والهدف منها هو تقديم معلومات حول الموقع مثل اسم الموقع ورابطه واسم الكاتب.

RSS2.0: بُنيَت أساسًا على ملف XML وهو آخر إصدارات الـ RSS، إذ ظهر بعدها ما يُسمّى بالـ”Atom”.

وتختلف ملفات الـ Atom عن الـ RSS2.0 في كونها أكثر تعقيدًا وصلابة ودقّة ومرونة، لكنّ الـ RSS2.0 هي الأكثر انتشارًا.

دورة حياة ملف RSS2.0:

1- إنشاء الملف Creating file.
أسهل خطوة، بالذات أنّ ملفات الـ RSS لا تحتوي على namespace ولا URI ولا هم يحزنون! ملف xml عادي جدًا، الفرق الوحيد انّ امتداده قد يكون rss وقد يكون xml. العنصر الجذر له هو <rss version=”2.0″>. كلّ ملف rss يحتوي على قناة واحدة فقط  <channel>. القناة تحمل معلومات أساسية عن الموقع ككل، وتحمل معلومات العناصر المدرجة “مقالات أو تدوينات أو غيرها”.

من المعلومات الخاصّة بالموقع ككل “النجمة الحمراء يعني وجوب كتابتها في الملف”:

<title> | عنوان الموقع *
<description> | وصف أو ملخص عن الموقع *
<link> | رابط الموقع *
<lastBuildDate> | تأريخ نشره
<managingEditor> | المدير الأساسي له

أمّا بالنسبة للعناصر الداخليّة، كلّ عنصر يمثل بالوسم <item> ويحتوي هذا الوسم على معلومات “وسوم” أخرى منها:

<title> | عنوان المقالة / التدوينة / المحتوى  *
<description> | وصف أو ملخص عنها  *
<link> | رابط الصفحة  *
<author> | اسم الكاتب
<enclosure> | ملف ميديا موجود في الصفحة

مع ملاحظة وجود عدد أكبر من هذه الوسوم الَّتي تختلف الحاجة إليها من موقعٍ لآخر.

وهذا كود صفحة الـ RSS لمدونة عالم التقنية على سبيل المثال:

<rss version="2.0">
 <channel>
 <title>عالم التقنية</title>
 <description>التقنية بين يديك</description>
 <link>http://www.tech-wd.com</link>
 <managingEditor>saud@tech-wd.com (سعود الهواوي)</managingEditor>
 <category>Technology</category>
 <item>
 <title>هل برنامج الحماية لديك يعمل بالشكل المطلوب؟</title>
 <description>برامج الحماية هي من البرامج الأساسية والواجب توافرها في أي كمبيوتر خصوصا لمستخدمي الانترنت المعرضين أكثر للإصابة بالفيروسات والتروجونات وملفات التجسس جراء تصفح المواقع وتحميل الملفات، ولحسن الحظ هناك العديد من برامج الحماية الجيدة ولكن يبقى السؤال المهم هل برنامج الحماية الذي اخترته يعمل بالشكل المطلوب ؟</description>
 <link>http://www.tech-wd.com/wd/2009/12/31/security-software/</link>
 <author>(email) ماجد البدر</author>
 </item>
 <item>
 <title>Sprixi – موقع رائع للبحث عن الصور</title>
 <description>موقع Sprixi  واحد من أفضل مواقع البحث عن الصور المجانية سريع جداً ويقدم صور ذات جودة عالية ووضوح مميز عن غيره من بقية مواقع البحث، موقع Sprixi يستمد نتائج بحث من موقعي الصور المشهورين Flickr  و OpenClipArt.org  وغيرهما من مواقع الصور التي تسمح باستعراض الصور لديها وتحميلها.</description>
 <link>http://www.tech-wd.com/wd/2009/12/31/security-software/</link>
 <author>(email) أبو عمر</author>
 </item>
 <item>
 <title>ارفع ملفاتك على تويتر..</title>
 <description>نعم ارفع ملفاتك ليس على تويتر بالضبط ولكن على خدمة تقدمها تويتر بالتعاون مع شركة أسبانية تدعى Ideateca، مسمى الخدمة هو FileSocial  لرفع الملفات وإضافاتها مباشرة على تويتر اوتوماتكيا في رابط مصغر بالتأكيد بدل المستخدم مع إمكانية إضافة تدوينة تويترية مصغرة في حدود 110 أحرف</description>
 <link>http://www.tech-wd.com/wd/2009/12/30/upload-on-twitter/</link>
 <author>(email) أبو عمر</author>
 </item>
.
.
.
etc
 </channel>
 </rss>

.
.2- تحديث ملف الـ RSS.
لو أنشأنا ملف RSS ثابت كالملف السابق واكتفينا بذلك، فلن يظهر للمستخدم إلاّ المقالات الَّتي وضعناها الآن فقط، معنى ذلك أنّنا نحتاج إلى طريقة داينميكية لتخزين الخلاصات الجديدة في ملف الـ RSS. ببساطة ، نستخدم لذلك لغات الـ Server-side مثل الـ ASP.Net أو PHP أو غيرهما.. أي لغة تدعم القراءة والكتابة والتعديل في ملف الـ XML يمكن أن تكون مفيدة لنا.

بديهيًا أيّ مقالة أو تعليق أو محتوى يُضاف إلى الموقع فإنه يخزن في قاعدة البيانات، بعد هذه الخطوة، قم بتخزين خلاصات المحتوى في ملف الـ RSS أيضًا. ثمّ ؟ نستدعي ملف الـ RSS في وسم الـ <head> في الصفحة، مع ملاحظة أنّ الموقع الواحد قد يكون له أكثر من ملف RSS، على سبيل المثال مدونات الوردبريس لها ملفين، واحد للتدوينات والثاني للتعليقات، المواقع الإخبارية غالبًا ما تحتوي على ملفات RSS بعدد التصنيفات مثل: سياسة – محلية – ثقافية… إلخ.

الاستدعاء يكون بهذا الشكل:

<link rel="alternate" type="application/rss+xml" title="عالم التقنية خلاصات RSS" href="http://www.tech-wd.com/wd/feed/">

ونقوم بنسخ هذا العنوان:

http://www.tech-wd.com/wd/feed

ونضعه كرابط في أيقونة جميلة من أيقونات الـ RSS ^_^

.3- القراءة Reading.
:Syndication & Aggregation

Syndication: هي عمليّة تدفق بيانات ملف الـ RSS إلى عدّة مخدمات، وملفات الـ RSS لديها قدرة ذاتية على ذلك، بمعنى أنّي لا أحتاج إلى برمجة هذه العمليّة بنفسي.

Aggregation: هي عمليّة تجميع ملفات الـ RSS قبل قراءتها، ويسمّى التطبيق المسئول عن ذلك بـ RSS news Aggregator.

قارئ الخلاصات يستخدم الـ aggregator لتجميع ملفات الـ RSS الّتي يضيفها المستخدم بغرض متابعة تحديثاتها، قد يكون قارئ الخلاصات عبارة عن تطبيق ويب مثل Google Reader أو برنامج ديسكتوب مثل FeedDemon أو حتى تطبيق Adobe Air (انقر هنا).

أرجو أنّ هذا الدرس قد قدّم لكم الفائدة العلميّة والعمليّة، للمزيد يمكنكم الاطلاع على هذه المراجع: اﻷول – الثاني – الثالث.

مواضيع مشابهة:

1. دورة XML: الدرس الثالث
2. دورة XML: إنشاء search engine plugin لمتصفح الفايرفوكس
3. دورة XML: الدرس الرابع

.

XHTML /

ما هو الفرق بين لغة XHTML و HTML ؟

فرق استخدامهما بالنسبة للمطورين قد لا يكون كبيرًا ، مجرّد فروقاتٍ نحويّة ، ما يجب وضعه بالحسبان هو أنّ لغة XHTML بُنيَت بواسطة XML لذلك /

1- XHTML خاضعة لقوانين وشروط لغة XML النحوية بعكس لغة HTML الَّتي لا تخضع لأيّ شروط أو قواعد .

2- متصفّحات الإنترنت تستخدم متتبع خاصّ لقراءة وسوم لغة HTML .

لكنّها تستطيع استخدام المتتبع الخاصّ بلغة XML عند قراءتها لوسوم لغة XHTML .

لذلك الخضوع لقواعد XML يؤهل الموقع للعرض الصحيح عبر وسائط أخرى غير المتصفحات التقليديّة .

3- في تقنية الـ DOM عبر الجافاسكربت ، نستخدم الأمر document.write أو document.writeln للكتابة في صفحة الـ HTML ، لكنّها لا تعمل مع الـ XHTML .

في الـ XHTML نستخدم Document.getElementById(“content”).InnerHTML .

4-     لقراءة تفاصيل علميّة دقيقة حول الفرق بين اللغتين أنصحكم بزيارة هذا الرابط .

.

.

XML Schema /

اختصارًا XSD : لغة لكتابة ملفات مرافقة لملفات XML ، نعرّف بواسطتها عناصر الـ XML بتحديد  نوعها ونوع بياناتها ووضع شروط وقواعد لها .

وهي الملفات البديلة عن ملفات DTD الَّتي كانت تُستخدم سابقًا لهذا الهدف ، وتكمن قوّة XML Schema في أنّها مبنيّة بواسطة XML وتحمل مميزاتٍ أكبر من سابقتها .

بُنيَت هذه اللغة بواسطة XML ، لذلك هي تخضع لقواعد وطرق الـ XML ، بالإضافة إلى :

• امتداد ملف الـXSD هو / .xsd
• namespace /ـ : xs
• URI / ـhttp://www.w3.org/2001/XMLSchema
• صيغة التعريف / xmlns:xs=” http://www.w3.org/2001/XMLSchema “

روابط ستساعدك على التعرّف على XSTL

• صفحة XSD في w3.org .
• صفحة XSD  في w3schools .
• صفحة عن الـ XSD في ويكيبيديا .
• صفحة الـXSD في مكتبة الـ MSDN .

.

.

XSL Family /

XSL هي اختصار لـ eXtendable Stylesheet Language .

تتكوّن من 3 لغاتٍ هي /

XPath للإبحار في ملفات الـ XML .

XSLT لتحويل ملفات XML إلى ملفات أخرى .

XSL-FO لتنسيق ملفات XML وتحويلها إلى صفحات قابلة للقراءة أو الطباعة أو النشر .

.

.

XPath /

XPath لم تُبنَ بواسطة XML ، لكنّي سوف أتحدّث عنها هنا لأهميّتها ، وسوف نتناولها بالتفصيل إن شاء الله في الجزء الثاني من الدورة .

كما ذكرنا سابقًا ، XPath هي لغة تُستخدم للإبحار في ملفات XML والوصول إلى عناصرها .

طُوّرت أساسًا من قِبل مجلس الويب العالمي w3.org لتساعد لغات XSTL و XPointer للوصول إلى جزء أو أكثر من ملف الـ XML .

لكن الآن ، لم تعد هذه هي مهمّة الـ XPath فحسب ، بل أصبحت جميع اللغات البرمجيّة تستخدمها عند التعامل مع ملفات XML ، وحتّى لغات الاستعلام الأخرى مثل XQuery  قد بُنيَت على أساس XPath .

الأكثر من ذلك .. XPath أصبحت وسيلة لكتابة الـ Selectors  في مكتبة الـ jQuery إلى جانب CSS Selectors ، بمعنى أنّي أستطيع الوصول إلى عناصر الـ XHTML باستخدامها ، ويمكنكم زيارة هذا الرابط للتعرّف أكثر على هذا الموضوع :

روابط ستساعدك على التعرّف على XPath

• صفحة XPath في w3.org .
• صفحة XPath  في w3schools .
• صفحة عن الـ XPath في ويكيبيديا .
• صفحة الـ XPath  في مكتبة الـ MSDN

XSLT /

اللغة الثانية من لغات الـ XSL Family، هدفها هو إعطاء معنى لملف الـ XML عن طريق تحويله إلى ملف آخر ، على سبيل المثال / HTML , CSS , Plain Text Files ، أو أي ملف مبني بواسطة XML .

بُنيَت هذه اللغة بواسطة XML ، لذلك هي تخضع لقواعد وطرق الـ XML ، بالإضافة إلى :

• امتداد ملف الـ xslt هو / .xsl أو .xslt
• namespace ـ/ xsl:
• URI /ـhttp://www.w3.org/1999/XSL/Transform
• صيغة التعريف / xmlns:xsl=”http://www.w3.org/1999/XSL/Transform”

روابط ستساعدك على التعرّف على XSLT

• صفحة XSLT في w3.org .
• صفحة XSLT  في w3schools .
• صفحة عن الـ XSLT في ويكيبيديا .
• صفحة الـ XSLT في مكتبة الـ MSDN الخاصة .

في الجزء الثاني من هذه الدورة سوف نتناول الـXSLT بشيء من التفصيل – إن شاء الله – .

XSL-FO /

اللغة الثالثة من لغات XSL Family .

XSL-FO هي اختصار لـ XSL – Formatting Objects .

نستخدمها لتحويل ملفات XML إلى مطبوعات أو ملفات قابلة للقراءة أو العرض أو الطباعة مثل PDF أو Word2007 ، وتساعدها في ذلك ملفات XSLT .

عن طريق XSL-FO أبني لملفات الـ XML صفحات وصناديق ونماذج ، ثمّ أقوم يتنسيقها وتنظيمها وتحديد الكيفية الَّتي سوف تظهر بها ، وأستخدم لغة XSLT لتطبيق هذه النماذج والصفحات على عناصر الـ XML .

بُنيَت هذه اللغة بواسطة XML ، لذلك هي تخضع لقواعد وطرق الـ XML ، بالإضافة إلى :

• امتداد ملف الـxsl-fo هو / .fo أو .fob أو .xml
• namespaceـ / fo:
• URI / ـ http://www.w3.org/1999/XSL/Format
• صيغة التعريف / xmlns:fo=”http://www.w3.org/1999/XSL/Format”

روابط ستساعدك على التعرّف على XSL-FO

• صفحة XSL-FO في w3.org .
• صفحة XSL-FO  في w3schools .
• صفحة عن الـ XSL-FO في ويكيبيديا .

.

.

ملاحظة مهمّة :

قررت في آخر لحظة فصل شرح تقنية الـ RSS في درسٍ خاصّ بها لأهميتها .

انتظرونا بإذن الله ^_^

عالم التقنية .. التقنية بين يديك

مواضيع مشابهة:

1. دورة XML: الدرس الرابع
2. دورة XML: الدرس الثالث
3. دورة XML: الدرس الأول

.

• · الإبحار في ملفات الـ XML :

تحدّثنا في الدرس الثاني عن الهيكليّة الشجريّة لملفات XML ، وقلنا بأنّه من الجائز أن نعطي نفس الاسم لأكثر من عنصر لأنّ الوصول إلى العناصر لا يتمّ عبر اسمها فحسب . في الدرس الثالث وضعنا مثالاً تطبيقيًا لإنشاء ملف XML يحمل بيانات كتّاب عالم التقنيّة .

الآن ، ماذا لو أردنا الوصول إلى بيانات كاتبٍ معين ، عن طريق رقم الـ id الخاصّ به مثلاً .. أو عن طريق اسمه أو رابط مدونته ؟

إنّ معرفتنا لاسم العنصر الَّذي يحمل بيانات الكاتب الواحد وهو <author> لا يكفي ، لا بدّ إذًا من وجود طريقة تساعدني على الوصول إلى عناصر معيّنة ، بعبارةٍ أخرى أسلوب للإبحار في ملفات XML ” XML Files Navigation ” .

توجد طريقتين لذلك وهما :

1-     استخدام لغات مخصّصة للاستعلام في ملفات XML ، وعلى رأسها :

XPath ، XQuery

هذه اللغات تقدّم أسلوبًا معيّنًا للبحث في ملف XML بالاعتماد على وجود معلوماتٍ حول العناصر ، على سبيل المثال :

• اسم العنصر .
• اسم أحد أبناءه .
• اسم العنصر الأب .
• قيمة إحدى الصفات .

2-     التعامل المباشر مع الهيكل الشجريّ لملف الـ XML ، وهنا يكون الوصول للعنصر عن طريق تتبع المسار الوراثي له .

بالنسبة للغة XPath فسوف نتناولها بالتفصيل في الجزء الثاني من الدورة بإذن الله ، أمّا درسنا اليوم فسوف نتحدّث فيه عن الطريقة الثانية .

مع ملاحظة أنّنا نستطيع الجمع بين الطريقتين أثناء البرمجة .

.

.

افتح ملف techwldAuthors.xml الذي قمنا بإنشائه في المرة السابقة عبر المتصفح .

لاحظ الهيكلية الشجرية التي تحدثنا عنها في الدرس الأول ، فهم هذه الهيكلية مهمّ جدًا للتعامل مع عناصر الـ XML برمجيًا .

لاحظ المستويات المختلفة في الشجرة ، التي تبدأ بالجذر ، ثمّ بأبناء الجذر ، ثم بأبناء أبناءه .. وهكذا .

1-     الوصول إلى العناصر سيكون عبر ترقيمها ، طريقة الترقيم سهلة جدًا لكن تحتاج إلى تركيز شديد أثناء التنفيذ ، ببساطة سوف نأخذ كل مجموعة إخوة “Siblings” ونقوم بترقيمهم بدءًا من الصفر ثم 1 .. 2 .. 3  وهكذا .

1-     لكل عنصر مسار “path” يجب عبوره للوصول إليه ، المسار يبدئ من رقم الجذر 0 ويمر بجميع أرقام آباء العنصر حتى يصل إليه .

بعبارة أخرى ، كتابة مسار العنصر يشبه كتابة اسم الإنسان ! نحن نكتب اسم الفرد ثم اسم والده ثم اسم جده .. حتى نصل إلى جده الكبير ، في حالة العناصر يحدث العكس ، حيث نبدأ بكتابة رقم الجد الكبير وهو ” الجذر ” ثمّ رقم الجد الذي يليه .. حتى نصل إلى رقم الأب ثمّ رقم العنصر المراد الوصول إليه :

1-     مسار الوصول إلى العنصر  techwld_authors: 0  .

2-     مسار الوصول إلى العنصر author  : 00 .

3-     مسار الوصول إلى العنصر author : 01 .

4-     مسار الوصول إلى العنصر author : 02 .

5-     مسار الوصول إلى العنصر name : 000 .

6-     مسار الوصول إلى العنصر skills : 001 .

7-     مسار الوصول إلى العنصر techwld_page : 002 .

8-     مسار الوصول إلى العنصر blog : 003 .

9-     مسار الوصول إلى العنصر skill: 0010 .

10- مسار الوصول إلى العنصر skill: 0011 .

لتقريب المفهوم صوريًا ، للوصول إلى العنصر blog نتبع المسار التالي 003 :

أنبّه على أمرٍ مهم ، لو لاحظتم الوسم author مكرر في المستوى الواحد ، قد أجده في الخانة 0 أو 1 أو حتى 1000 ، لذلك فمن الاستحالة الوصول إليه إلاّ بمعرفة معلومات يحملها ، على سبيل المثال رقم الـ id أو اسم الكاتب name ، كذلك ينطبق الأمر على الوسم skill .. من المستحيل تحديد ما هي المهارة الَّتي أبحث عنها دون أن أعرفها ” بالنصّ ” حتى لو كنتُ قد توصلتُ لصاحبها .

بالنسبة للوسوم name , blog , skills , techwld_page فهي وسوم غير مكررة في المستوى الواحد ، دائمًا سوف يكون الوسم name في الخانة 0 والوسم blog في الخانة 3 ، لذلك فبمجرّد وصولي للوسم author يصبح بإمكاني الوصول إليها جميعًا .

أمر آخر ، المسارات الَّتي ذكرتُها سابقًا تبدأ من جذر الملف ، أستطيع أن أبدأ من أيّ عنصرٍ آخر  ، على سبيل المثال إذا وصلت إلى العنصر author باتباعي المسار 002 فأستطيع مباشرةً أن أنتقل إلى 0 للوصول إلى العنصر name .

قد يبدو الأمر سهلاً ومملاً للوهلة الأولى ، لكنّ هذا نموذج صغير جدًا لملف XML .

عندما يصل عدد المستويات في الملف الواحد إلى 20 مستوى ، كل مستوى يحتوي على عشرات العناصر المتداخلة يصبح الأمر مثيرًا ومشوقًا جدًا جدًا ، شخصيًا أجد أنّه من أكثر المهام التي تجعلني أشعر بالمتعة والحماس في التعامل مع ملفات الـ XML هو الإبحار فيها .

ما رأيكم بكتابة مسار للوصول بجانب كل عنصر في ملف techwldAuthors.xml ؟

<?xml version="1.0" encoding="utf-8"?>
<techwld_authors> <!--path:0-->
 <author id="1">    <!--path:00-->
 <name>سعود الهواوي</name> <!--path:000-->
 <skills> <!--path:001 -->
 <skill>برمجة تطبيقات </skill><!--path:0010-->
 <skill>التعامل مع تقارير الكريستال ريبورت</skill> <!--path:0011 -->
 </skills>
 <techwld_page><!--path:002 -->

http://www.tech-wd.com/wd/author/saud-hawawi/

 </techwld_page>
 </author>

 <author id="2"> <!--path:01-->
 <name>عبد الملك الثاري</name> <!--path:010-->
 <skills> <!--path:011-->
 <skill>تصميم جرافيكي</skill> <!--path:0110-->
 <skill>تصميم مواقع الويب</skill> <!--path:0111-->
 <skill>برمجة مواقع الويب</skill> <!--path:0112-->
 </skills>
 <techwld_page> <!--path:012-->

http://www.techwd.com/wd/author/althari/

 </techwld_page>
 <blog>http://althari.ws/</blog> <!--path:013-->
 </author>

 <author id="3"> <!--path:02-->
 <name>إحسان فهمي</name> <!--path:020-->
 <skills> <!--path:021-->
 <skill>تصميم مواقع الويب</skill> <!--path:0210-->
 <skill>برمجة مواقع الويب</skill> <!--path:0211-->
 </skills>
 <techwld_page> <!--path:022-->

http://www.tech-wd.com/wd/author/e7san/

 </techwld_page>
 <blog>http://e7san1988.wordpress.com/</blog> <!--path:023-->
 </author>
</techwld_authors>

.

.

.

• · XML name spaces :

اقرأ ملف الـ XML التالي  :

<?xml version="1.0" encoding="utf-8"?>
<html>
<head>
<title>web page</title>
</head>
<body></body>
</html>

هل هذا ملف XML أم XHTML ؟ O_O

في حال تشابه أسماء العناصر واختلاطها علينا فإنّنا نستخدم ما يُعرف بفضاءات الأسماء أو الـ Namespaces .

لنفرض أنّ لدينا 3 عناصر تحمل الاسم <html> لكنّ كلاً منها يعبّر عن محتوىً مختلف ، سوف نُلحق كلّ وسم بلاحقٍ مختلف يميّزه عن الآخر .

تتكون فضاءات الأسماء في لغة xml من جزئين :

1-     Prefix  Name ، وهو اللاحق الذي يوضع قبل اسم العنصر لتمييزه ، ونفصل بينهما بعلامة ( : )

2-     وصف الـ Name Prefix ونوضّحه في العنصر الجذر root element .

ليصبح ملفّ الـ XML بهذا الشكل :

<?xml version="1.0" encoding="utf-8"?>
<d:html>
<d:head>
<d:title>web page</d:title>
</d:head>
<d:body></d:body>
</d:html>

ثمّ نضع تعريف لكلّ name prefix  في عنصر الـ root :

صيغة التعريف هي :

xmlns:prefix="URI"

ماذا نعني بالـ URI ؟

هو رابط لصفحة إنترنت تقدّم معلوماتٍ حول مصطلح معين ، هذه الصفحة تكون غالبًا تابعة لمؤسسات رسميّة أو معتمدة .

وبدلاً من أن يضع المطورون وصف للـ namespaces في تعريفهم له ، يشيرون إلى روابط تعرّفها وبذلك يختصرون على أنفسهم الوصف المتكرر الَّذي لا طائل له .

ليصبح الملفّ بهذا الشكل :

<?xml version="1.0" encoding="utf-8"?>
<d:html xmlns:d="http://www.w3schools.com/furniture">
<d:head>
<d:title>web page</d:title>
</d:head>
<d:body></d:body>
</d:html>

هل سأستفيد من استخدام فضاءات الأسماء في التطوير ؟

غالبًا لا .. لكنّي أحببتُ وضعها ضمن الدروس لأنّ الكثير من اللغات والملفات المساعدة للـ XML تعتمد عليها .

على سبيل المثال ملّفات xml schema الَّتي تُستخدم لتعريف عناصر الـ xml تستخدم فضاء اسم هو / xmlns:xs=”http://www.w3.org/2001/XMLSchema” .

.

.

انتهى الدرس الرابع ..

للتو انتبه بأنّه كان طويلااااااا !!

ربما يعجب هذا البعض

في الدرس الخامس إن شاء الله سوف نتحدث عن بعض اللغات والتقنيات المبنيّة على الـ XML ^_^

وقتًا طيبًا للجميع ،،

مواضيع مشابهة:

1. دورة XML: الدرس الثالث
2. دورة XML : الدرس الثاني
3. دورة XML: الدرس الخامس

ما هي فائدة استخدام الصفات attributes ، وما الفرق بينها وبين العناصر ?

تقنيًا ، يمكنك استخدام أيٍ منهما في حفظ ما تشاء من البيانات ، طريقة الاستعلام عن البيانات في كل منهما وتعديلها وقراءتها متشابهة أيضًا .

من ناحيةٍ عمليّة ، الصفات تُستخدم غالبًا في كتابة بيانات خاصّة بالعنصر نفسه ، رقم الـ id ، رقم التصنيف ، النوع .. إلخ ، هذه البيانات يستفيد منها المطوّر ولا تهمّ المستخدم ، أمّا البيانات الَّتي يمكن الاستفادة منها حتّى مع عزلها عن العناصر الأخرى ، فيفضّل أن تُكتب في عنصرٍ مستقلّ .

أيضًا ، اللغات الَّتي بُنيت بواسطة الـ XML مثل : XSLT استفادت من الصفات ، كما سنرى لاحقًا إن شاء الله .

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

• قواعد كتابة ملف الـ XML :

1-     يجب أن يكون لكل وسم فتح وسم إغلاق ، لا يُسمح لي أن أفتح وسمًا بدون إغلاقه ، وهذه هي إحدى الفروقات النحوية الهامّة بين XMLوHTML ، ففي لغة HTML تستطيع فتح وسمٍ بدون إغلاقه مثل وسم <img> .

ورغم ذلك ، فقواعد الـ XML تسمح للمطورين بكتابة وسوم مفردة شريطة أن يتمّ إغلاق الوسم في وسم الفتح نفسه .

وكمثال ، نعود لملف الـ XML الذي قمنا بإنشائه في الدرس السابق  :

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1></B1>
<B2>
<C1>
<D1></D1>
<D2>E7san</D2>
</C1>
<C2> Learn XML</C2>
</B2>
</A>

العنصرين B1 و D1 لا يحتاجان إلى وسم إغلاق ، هذه الوسوم تُعرف بالعناصر الفارغة Empty Elements ، ويمكن إعادة كتابة الملف السابق اختصارًا بهذا الشكل :

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1/>
<B2>
<C1>
<D1/>
<D2>E7san</D2>
</C1>
<C2> Learn XML</C2>
</B2>
</A>

2-     لغة الـ XML حساسة لحالة الأحرف ، أي أنها تفرّق بين الحرف الكبير والحرف الصغير :

<A> لا تساوي <a>

<B1> لا تساوي<b1>

<Ab> لا تساوي<AB>

3-     أسماء العناصر لا يمكن أن تحتوي على مسافات .

4-     أسماء العناصر يمكن أن تحتوي على حروف أو أرقام أو رموز مثل : * $ _

5-     أسماء العناصر لا يمكن أن تبدأ بأرقامٍ أو رموز ، بل بحروفٍ دائمًا .

6-     أسماء العناصر لا يمكن أن تبدأ بكلمة XML .. جميع الوسوم التالية هي وسوم خاطئة :

<XML> X

<xMl> X

<xmle7san> X

<Xmllang> X

<xMl> X

7-     قيم صفات العناصر يجب أن تكتب بين علامتي تنصيص ” ” .

أفضل أسلوب لكتابة عناصر الـ XML هو :

• استخدم الحروف الصغيرة عوضًا عن الكبيرة .
• اجعل أسماءك واضحة وذات معنى مباشر .
• استخدم علامة ( _ ) للفصل بين الكلمة والأخرى مثل : visitor_name أو city_code .
• لا تستخدم إحدى هذي العلامات للفصل بين الكلمات ( -  :  . ) .

التعليقات في ملفات XML :

مثل أي لغة ترميز أو لغة برمجة ، يمكنك كتابة ملاحظاتك في ملف XML  .

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

لكتابة ملاحظة في ملف XML ، اكتب ما تريد وضعه بين هاتين العلامتين :

<!—write any comment اكتب أي ملاحظة  -->

• تطبيق عملي لإنشاء ملف XML :

سوف ننشئ معًا ملف XML يحتوي على بيانات كتّاب مدونة جماعيَّة مثل عالم التقنيَّة .

أوّل خطوة هي اختيار اسم مناسب لعنصر الجذر ، اسم يعبّر عن محتوى الملف بوضوح ويكون مختصرًا وقصيرًا ما أمكن :

<?xml version="1.0" encoding="utf-8"?>

<techwld_authors>

</techwld_authors>

بذلك نكون قد أنشأنا نواة أو أساس ملف الـ XML .

نحتاج إلى تضمين سجلات لعددٍ من كتاب عالم التقنية ، سنقم بإدخال 3 سجلات الآن .

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

<?xml version="1.0" encoding="utf-8"?>
<techwld_authors>
<author>
</author>

<author>
</author>

<author>
</author>
</techwld_authors>

كل عنصر باسم author سوف يتضمن معلومات خاصَّة بكاتبٍ معين :

1-     اسمه

2-    رقم id

3-     بعض مهاراته

4-     رابط لمدونته

5-     رابط آخر لصفحته في عالم التقنية

<?xml version="1.0" encoding="utf-8"?>
<techwld_authors>
<author id="1">
<name>سعود الهواوي</name>
<skills>
<skill>برمجة تطبيقات </skill>
<skill>التعامل مع تقارير الكريستال ريبورت</skill>
</skills>
<techwld_page>http://www.tech-wd.com/wd/author/saud-hawawi/</techwld_page>
</author>

<author id="2">
<name>عبد الملك الثاري</name>
<skills>
<skill>تصميم جرافيكس</skill>
<skill>تصميم مواقع الويب</skill>
<skill>تطوير مواقع الويب</skill>
</skills>
<techwld_page>http://www.techwd.com/wd/author/althari/</techwld_page>
<blog>http://althari.ws/</blog>
</author>

<author id="3">
<name>إحسان فهمي</name>
<skills>
<skill>تصميم مواقع الويب</skill>
<skill>jتطوير مواقع الويب</skill>
</skills>
<techwld_page>http://www.tech-wd.com/wd/author/e7san/</techwld_page>
<blog>http://e7san1988.wordpress.com/</blog>
</author>
</techwld_authors>

قم بحفظ الملف باسم techwldAuthors.xml في مجلدٍ خاص ، سوف نستخدمه لاحقًا في الدروس إن شاء الله .

انتهى الدرس الثالث ، في الدرس الرابع بإذن الله سوف نناقش :

1-     الإبحار في ملفات XML .

2-     Namespaces .

مواضيع مشابهة:

1. دورة XML: الدرس الرابع
2. دورة XML : الدرس الثاني
3. دورة XML: الدرس الأول

.

• البنية الهيكلية :

الهيكلية الشبيهة بالشجرة Treelike Structure :

هي أحد أشهر أشكال تنظيم البيانات في الحاسوب ، حيث تخزّن البيانات في وحداتٍ Nodes متفرّعة عن بعضها البعض ، تبدأ من الجذر Root الَّذي يحمل جميع الوحداتِ الأخرى ، وتنتهي بالأوراق Leaves الّتي لا تتفرّع عنها أيّ وحدات ، ومن هنا جاء الاسم treelike structure ، غير أنّ الفرق بين الشجرة الحقيقيّة وشجرة البيانات هو أنّ جذر الشجرة الحقيقيّة يكون في الأسفل بينما تكون أوراقها في الأعلى ، لكنّ جذر شجرة البيانات يكون في الأعلى وتكون الأوراق في الأسفل .

ولكلّ وحدةٍ من هذه الوحدات اسمًا تُعرف به ، ولا يوجد حرجٌ من أن تحمل أكثر من وحدة نفس الاسم ، فالوصول إلى الوحدات لا يعتمد على اسمها فقط ، بل يعتمد على المسار الذي تعبره لتصل إليها .

.

.

وشجرة البيانات تنتهج نهجًا وراثيًا ، حيث :

1-     لكلّ شجرة جذر واحد فقط ، لا يمكن للشجرة أن يكون لها أكثر من جذرٍ ولا أقل ، والجذر هو الوحدة الوحيدة الَّتي ليس لها أب تتفرّع عنه .

2-     كلّ الوحداتِ الَّتي تتفرّع عن وحدةٍ ما تصبح أبناء Children لها.

3-     أبناء الأبناء يصبحون أحفادًا  descendants للوحدة الأب .

4-     آباء الآباء يُعرفون بالأجداد أو الأسلاف ancestors للوحدة الابن .

5-     الوحدات الَّتي تتفرّع عن الأب نفسه تسمّى بالإخوة Siblings .

وبالنظر إلى شكل الشجرة أعلاه ، يمكننا استنتاج أنّه :

1-     جذر هذه الشجرة هو الوحدة A .

2-     يتفرَّع من الجذر A  ابنين هما الوحدتين B1,B2 .

3-     يتفرَّع من الوحدة B2 ابنين هما الوحدتين C1,C2 .

4-     يتفرَّع من الوحدة C1 ابنين هما الوحدتين D1,D2 .

5-     الوحدة B1 هو أخ للوحدة B2 .

6-     الوحدة C1 هو أخ للوحدة C2 .

7-     الوحدة D1 هو أخ للوحدة D2 .

8-     النصّ ( Learn XML ) هو وحدة نصيّة “Text Node” متفرعة كابن من الوحدة C2 .

9-     النصّ ( E7san ) هو وحدة نص متفرعة كابن من الوحدة D2 .

وليست ملّفات الـ XML وحدها لها هيكليّة شبيهة بالشجرة ، فكما أردفنا في الدرس الأول ، الهيكلية الشبيهة بالشجرة هي ميزة تتميّز بها لغات الترميز عامّة ، HTML أيضَا على سبيل المثال .

بعض النقاط المهمّ إدراكها عند التعامل مع ملفات XML :

1-     تُعرف الوحدات في ملف XML بالعناصر XML Elements .

2-     هذه العناصر :

* قد تحمل بياناتٍ نصيّة.

* أو قد تحمل وحداتٍ أخرى .

* أو قد تجمع بين هذا وذاك .

* أوقد تكون عناصر فارغة .

على اختلاف وكثرة اللغات والتقنيات الَّتي تتعامل برمجيًّا مع ملفات XML ، إلاّ أنّها في النهاية تتفق على فهم الهيكليّة الشجريّة للـ XML .

.

.

• إنشاء ملف XML :

1-     افتح برنامج المفكرة أو أي محرر آخر .

ملاحظة :

توجد محررات خاصّة بلغة XML ، لكنّي أنصح باستخدام محرر Notepad++ لتحرير ملفات الـ XML والـ HTML والـ CSS وغيرها  .

2-     يفضل كتابة إعلان ” Declaration ” في أعلى الصفحة عن ملف الـ XML يحتوي على رقم الإصدار وعلى نوع التشفير :

<?xml version="1.0" encoding="utf-8"?>

* سوف نقوم بتحويل مثال الشجرة البيانيّة أعلاه إلى ملف XML عن طريق تحويل الوحدات إلى وسوم مزدوجة “Tags” :

<?xml version="1.0" encoding="utf-8"?>
<A></A>

العنصر الأول هو عنصر الجذر A ، جميع العناصر الأخرى سوف تكون محصورةً بين الوسمين <A></A>.

لذلك عادة ما يكون اسم الجذر معبرًا عن محتوى ملف الـ XML ، فإذا كان لدينا ملف XML يحتوي على بيانات زوار الموقع مثلاً ، يكون اسم الجذر : visitors_info .

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1></B1>
<B2></B2>
</A>

قمنا بتحويل الوحدتين B1 وB2 إلى وسمين مزدوجين ووضعهما داخل عنصر الجذر ، وهكذا .. كلّ وحدة سوف تُحوّل إلى وسم فتح ووسم إغلاق يوضع داخل وسمي العنصر الأب لها .

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1></B1>
<B2>
<C1></C1>
<C2></C2>
</B2>
</A>

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1></B1>
<B2>
<C1>
<D1></D1>
<D2></D2>
</C1>
<C2></C2>
</B2>
</A>

* أخيرًا ، نكتب الوحدات النصيَّة داخل الوسوم :

<?xml version="1.0" encoding="utf-8"?>
<A>
<B1></B1>
<B2>
<C1>
<D1></D1>
<D2>E7san</D2>
</C1>
<C2> Learn XML</C2>
</B2>
</A>

*  قم بحفظ الملف بامتداد .xml مثال / any_name.xml .

الآن لو قمتَ بفتح هذا الملف عبر المتصفح سوف تظهر لك العناصر بشكلٍ شجري دون أي تنسيق .

الصفات Attributes :

عناصر الـXML يمكن أن تحتوي على صفة أو أكثر تقدّم معلومات إضافية يكتبها المبرمج حول العنصر .

تُكتب هذه الصفات داخل وسم الفتح ، وتتكون من جزئين :

1-      اسم الصفة .

2-     قيمة الصفة .

<?xml version="1.0" encoding="utf-8"?>
<A  attribute_name="value">
<B1 parent="A" ></B1>
<B2 parent="A">
<C1>
<D1></D1>
<D2>E7san</D2>
</C1>
<C2> Learn XML</C2>
</B2>
</A>

وبهذا ينتهي الدرس الثاني ، آمل أن يحوز على رضاكم وأن تخرجوا بفائدة منه ..

في الدرس الثالث سوف نناقش إن شاء الله :
1- قواعد كتابة ملفات الـ XML
2- تطبيق عملي لإنشاء ملف يحتوي على بيانات كتّاب مدونة جماعية .

مواضيع مشابهة:

1. دورة XML: الدرس الثالث
2. دورة XML: الدرس الرابع
3. دورة XML: الدرس الأول

..

• نبذة عن لغات الترميز.

لغة XML ليست لغة برمجيَّة!

إنَّها تنتمي لعائلة لغات الترميز “Markup Languages” الَّتي تنتمي إليها أيضًا لغة HTML المعروفة.

هذه العائلة تنحدر عن اللغة الأمّ المسمَّى بـ SGML والَّتي ظهرت لأوّل مرَّةٍ في عام 1960 أي قبل ظهور الويب بكثير “30 عامًا تقريبًا”، لتساعد على ترميز وتنسيق المستندات والرسائل الإلكترونيَّة المتبادلة عبر الإنترنت.

وتتميَّز عائلة لغات الترميز بوسومها ذات الأقواس المثلثَّة <>، وبهيكليتها الشبيهة بالشجرة TreeLike Structure، بالإضافة إلى أنَّها لا تحتوي على أوامر أو عمليَّات، ووظيفتها تنحصر على ترميز النصوص برموزٍ معيَّنة تفهمها جميع المتصفحات.

• · التعريف والوظائف:

ماذا يقول لنا موقع w3schools  عند تعريفه لغة XML؟

• XML هي اختصار لـ: eXtendable Markup Language أي: لغة الترميز القابلة للتوسّع .
• XML صُمّمت لنقل وتخزين البيانات.
• من المهمّ أن نفهم لغة XML ومن السهل أن نتعلمها!

.

.نعرف بأنَّ HTML هي لغة توصيف تُستخدم لعرض البيانات على صفحات الويب، البعض يعتقد بأنَّ  لغة XML تعمل لذات الهدف، لا بالتأكيد.. XML تختلف تمامًا تمامًا عن الـ HTML، يمكن أن نقول بأنَّ ما يجمع بينهما فقط هو انحدارهما من نفس العائلة!

أنتَ تعرف بأنَّ هناك عددٌ محدود من الوسوم في لغة HTML، وأنَّ المتصفحات تترجم هذه الرموز تلقائيًا بغرض تنسيق عرض البيانات في صفحات الويب.

في لغة XML.. ليس هناك وسومٌ محددة!!.. أنتَ –كمطور ويب– تصنع وسومك بنفسك، لك مطلق الحرّيّة في كتابة الوسوم التي ترغب بها، ولذلك يصبح لدينا عدد لا نهائي من الوسوم التي يمكنك كتابتها عبر لغة XML!

كمثال، في لغة XML أستطيع كتابة الوسوم التالية:

حسنًا إذًا، ماذا سوف أستفيد من ذلك؟

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

وكيف سيستفيد المتصفح من هذا الوصف؟

هنا يأتي الفرق الجوهري بين HTML و XML، أنا أستطيع الاستفادة من لغة HTML بحدّ ذاتها والمتصفح لديه “قاموس” بكافة وسومها، لكن لغة XML تصبح عديمة الفائدة إذا لم أستخدم معها لغات وتقنيات تخبر المتصفح بكيفية التعامل مع الوسوم التي قمتُ بكتابتِها!

هذه هي الفكرة النظريّة للـ XML، تعبّر عنها دكتورتي في الجامعة بقولها: إنه مبدأ أن أمنح الجميع فرصة كتابة لغتهم الخاصّة بأنفسهم!

فما هي وظائف XML عمليًا؟

يمكننا تصنيف وظائف XML إلى 3 تصنيفات:

1- الاستفادة من لغة XML ضمن موقع واحد:

وهذه الاستفادة تكون على وجهين غالبًا/

• استخدام ملفات الـ XML كقاعدة بيانات:

إمّا عن طريق استخدام مستندات XML لتخزين البيانات ، أو تحويل مجموعة من المستندات إلى قواعد بيانات عن طريق استخدام إحدى التطبيقات ، وكلتاهما يمكن ان تكوّن قواعد بيانات علائقيّة .

” أشكر الأخ محمّد سفيان شراب على توضيح هذه النقطة وتصحيحها “

• تحويل ملفات XML إلى ملفات أخرى مثل CSS أو Text Files.. وغيرها.

2- الاستفادة من لغة XML عند تبادل البيانات بين موقعين فأكثر:

هل ستصدقني إذا أخبرتُك بأنّ إحدى أسس ظهور مصطلح الويب2.0 هي لغة XML؟

نسمع كثيرًا ونلمس بأنفسنا التعاون الهائل في مشاركة البيانات بين مواقع الويب 2.0، يمكننا نشر روابطنا المفضلة في Delicious على صفحاتنا في Facebook و Twitter وغيرهما من المواقع الاجتماعية بكلّ سهولة.

مستخدمي موقع Goodreads أيضًا يعرضون آخر تحديثاتهم على Twitter وFacebook، ويكفينا كمثال واضح لمشاركة البيانات بين المواقع موقع FriendFeed الّذي يقوم بجمع خلاصات أغلب الشبكات الاجتماعية ويعرضها!

إنّ ذلك كلّه يتمّ عبر لغة XML إمّا عن طريق ملفات RSS أو ملفات XML أخرى .

” أشكر الأخ محمّد سفيان شراب على تصحيح المعلومة ، للمزيد حول هذا الموضوع ، اقرأ تعليقه حول هذه النقطة “

3- الاستفادة من لغة XML عند تبادل البيانات بين الأجهزة والتطبيقات المختلفة:

لنأخذ موقع Twitter على سبيل المثال لا الحصر!

أستطيع الدخول إلى حسابي وقراءة تحديثات أصدقائي في موقع تويتر عبر:

• موقع www.twitter.com.
• إضافة Echofon في متصفح FireFox.
• تطبيقات AdobeAir مثل: Twhirl.
• جهاز الجوال.
• جهاز Iphone.
• أجهزة الكمبيوتر الكفية.

وغيرها الكثير الكثير، كلها تتعامل مع نفس قاعدة البيانات وتعرض لي نفس التحديثات، لكن كلّ منها مبرمجٌ بلغةٍ مختلفة ويعمل بطريقةٍ مختلفة، كيف يحدث هذا؟، بالاستفادة من لغة XML!

لغة XML كالبحر حقًا لمن أراد الاستفادة منها، ومهما اغترفنا منها فإنّنا سوف نظلّ جاهلين أمام الكثير من أسرارها وتقنياتها، ولا أعدكم بأن أقدّم في هذه الدورة كلّ صغيرةٍ وكبيرة حول XML، فمعرفتي عنها متواضعة في النهاية، لكنّني سوف أحاول قدر المستطاع إضافة مصدرٍ تعليميّ حولها إلى المحتوى العربي في الشبكة.

في الدرس القادم بمشيئة الله سوف نناقش:

• البنية الهيكلية.
• إنشاء ملف XML.

مواضيع مشابهة:

1. دورة XML : الدرس الثاني
2. دورة XML: الدرس الثالث
3. دورة XML: الدرس الخامس

المحتويات:

• نبذة عن لغات الترميز، تعريف لغة XML ووظائفها.
• البنية الهيكلية، إنشاء ملف XML.
• قواعد كتابة ملفات XML، تطبيق عملي.
• الإبحار في ملفات الـ XML، التعرّف على XML Namespaces.
• نبذة عن لغات وتقنيات بُنيَت على أساس XML:
  

XHTML ، WAP ، RSS ، XML Schema ، XPath , XSTL , XSL-FO

• ملخص فيديو للجزء الأوّل.

ملاحظات:

• “عمليًا”، بالإمكان اختصار هذه الستة دروس إلى درسٍ واحدٍ فقط، لكنّني أفضّل النهج المنطقي والنظري أولاً قبل التطبيق العمليّ، وأؤمن بانّ تطوير المهارات التقنيّة لن يتحقّق بمجرّد معرفة الأكواد ووظائفها، بل بفهم منطق اللغات والتقنيات ومبادئها، وهذا ما أنتهجه في هذه الدروس -بإذن الله-.
• المسافة الزمنيّة بين كلّ درسين هي يومين، لذلك سوف ينتهي الجزء الأوّل بعد أسبوعين -بإذن الله-.
• إذا كانت لديك أيّ استفساراتٍ أو ملاحظات، فيمكنك كتابتها كتعليقٍ على الدرس أو المراسلة من “هنا“.
• إن أحسنتُ فمن توفيق الله، وإن أخطأتُ فمن نفسي، لا تتردّد بمناصحتنا إذا قرأتَ معلومةً غير صحيحة.

أهلاً بالجميع..

.
.

فهرس بالدروس الَّتي طُرحت :

دورة XML : الدرس الأول

دورة XML : الدرس الثاني

دورة XML : الدرس الثالث

تمّ تحديث الموضوع في تاريخ 13 . 1 . 2010

مواضيع مشابهة:

1. دورة PHP الجزء 2
2. دورة PHP الجزء 3
3. دورة PHP الجزء 4

.
.

السلام عليكم ورحمة الله وبركاته

سوف تبدأ بمشيئة الله تعالى في يوم السبت القادم 16 / محرّم في عالم التقنيّة، دورةٌ شاملة في لغة الترميز الموسّعة XML. ومخططٌ لهذه الدورة أن تصبح مرجعًا عربيًّا هامًا للغة XML، نظرًا لفقر المحتوى العربيّ للمواضيع المتقدّمة حولها.

هذه الدورة قُسّمت إلى أجزاءٍ أربعة هيَ على الترتيب:

1- التعريف بلغة XML وأساسياتها
2- XSTL & XPath
3- التعامل مع XML من خلال لغة JavaScript ومكتبة jQuery
4- التعامل مع XML عند العمل على بيئة .Net

وقبل البدء بالدورة أحبّ طرح بعض الأسئلة للنقاش مع زوّار عالم التقنيّة، هذه الأسئلة سوف تكون مثل العصف الذهني حول لغة XML -إن شاء الله-:

* ماذا تعرف عن لغة XML؟
* هل سبق وأن تعاملتَ معها؟
* هل ترغب بتعلّم لغة XML، ولماذا؟
* هل توافقني على أنّ المحتوى العربيّ فقيرٌ بالمواضيع الَّتي تدور حول لغة XML وتقنياتها؟

سائلة الله عزّ وجلّ أن يجعل في هذه الدورة خيرٌ لنا ولكم وأن يفتح علينا وعليكم فتوح العارفين.

إحسان

مواضيع مشابهة:

1. دورة PHP2010، ابتداءً من يوم الأربعاء
2. دورة PHP في عالم التقنية
3. دورتين مجانتين لتطوير الـ Silverlight والـ Office 2007