دورة XML: إنشاء search engine plugin لمتصفح الفايرفوكس

.

.

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

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

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

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

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

[xml] <!–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>

[/xml]
  • 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. وبهذا نكون قد أنهينا الجزء الأول من دورة تعلم لغة العصر في مدونة عالم التقنية، سوف نحاول البدء بطرح دروس الجزء الثاني في الوقت المناسب قدر استطاعتنا.

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