يامبرمجي PHP أين موقع XUL من الإعراب في عالمنا العربي

[عبدالله عيد]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته وبعد .. وتحيه طيبه للجميع .

أرحب بجميع أعضاء سوالف وأتمنى لهم دوام الصحة والعافية وأن يكونوا على الدوام بأحسن حال إن شاء الله تعالى ...

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

ماهي XUL ؟
XUL وتنطق Zol وهي عبارة عن إختصار لـ XML User Interface Language وهي عبارة عن لغة XML عادية و ملفاتها تحمل الإمتداد xul مثل index.xul ...

ما فائدة XUL ؟

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

كيف أكتب XUL ؟

XUL هي عبارة عن ملفات XML عادية جداً وبإمكانك كتابتها على Notpad في Windows أو في gedit من خلال Linux أو أي محرر تفضله أنت.

كيف يتم تنفيذ XUL ؟ وكيف أرى نتيجة الكود الذي أكتبه ؟
هناك 3 طرق لتنفيذ ملفات XUL وهي كالتالي :

1- يمكنك تنفيذها من خلال متصفح Mozilla Firefox حيث إذا كان لديك ملف بإسم begin.xul على جهازك فبإمكنك فتح الملف مثل الطريقة التي تستخدمها لفتح ملفات html على جهازك وعندها سيقوم المتصفح بفتح new tab أو نافذة جديدة وترى الواجهه فيها حيث يعمل برنامجك من داخل Mozilla firefox مثل البرامج الملحقة مع نفس المتصفح.

2- يمكنك تشغيل ملفات xul الخاصة بك على شكل برنامج منعزل يعمل بمفرده دون الحاجة إلى متصفح Mozilla Firefox ولكن في هذه الحالة فأنت تحتاج إلى تركيب مشغل ملفات xul على الجهاز و أسمه XULRunner وهو عبارة عن مشغل أو (Virtual Machine) لملفات xul حيث تقوم بتركيبه على الجهاز مره واحده وبعدها تستطيع تشغيل جميع برامج XUL دون أي مشاكل وهذا يشبه طريقة تشغيل برامج لغة Java فلغة Java تعتمد على وجود الـ JVM أو الـ Java Virtual Machine لكي تعمل برامج الجافا .

3- الطريقة الثالثة وهي أن تكون ملفات xul لديك على السيرفر الخاص بك أي موجودة في موقعك فلو فرضنا على سبيل المثال أن موقعك هو http://abc.com وكان لديك ملف اسمه data.xul عندها يمكنك كتابة www.abc.com/data.xul من خلال المتصفح وعندها ستظهر النتيجة على شكل واجهة ضمن متصفح Mozilla Firefox ولكن هذه الطريقة عليها بعض القيود للأسباب الأمنية حيث أن بعض ملفات xul الموجودة على السيرفر تحتاج لإستعمال بعض موارد الجهاز وعندها تكون صلاحية هذه الملفات ضعيفة لعمل تلك الأشياء ولكن في حال قمت بالموافقة على إعطاء كامل الصلاحيات لهذه الملفات لإستخدام موارد الجهاز الخاص بك عندها يقوم متصفح Mozilla Firefox بإستخدام بروتوكول خاص به يسمى chrome بدلاً من http وعندها اذا استبدل http:// في الرابط بالقيمة chrome:// عندها تعرف أن الملفات الموجودة على السيرفر لديها الصلاحية للعمل بشكل كامل بما في ذلك استخدام الموارد الخاصة بجهازك.

هل بالإمكان رؤية مثال مكتوب بلغة XUL ؟
بالطبع فهي سهلة جداً وكل ماعليك وهو معرفة كل وسم أو tag ماذا يعني بالنسبة للغة فهي تكتب مثلها مثل الـ HTML ولكن نتائجها باهرة جداً وإليك المثال التالي :

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="rootWnd" title="Register Online!"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <vbox>
    <hbox>
      <image src="application_form.png"/>
      <description>Register Online!</description>
    </hbox>
    <groupbox align="start">
      <caption label="Your Information"/>
      <radiogroup>
        <vbox>
          <hbox>
            <label control="your-fname" value="Enter first name:"/>
            <textbox id="your-fname" value="Johan"/>
          </hbox>
          <hbox>
            <label control="your-lname" value="Enter last name:"/>
            <textbox id="your-lname" value="Hernandez"/>
          </hbox>
          <hbox>
            <button oncommand="alert('save!')">
              <description>Save</description>
            </button>
          </hbox>
        </vbox>
      </radiogroup>
    </groupbox>
  </vbox>
</window>

الآن انسخ هذا الكود وقم بحفظه في ملف بإسم begin.xul وقم بتشغيله عن طريق Mozilla Firefox ولاحظ النتيجة التي ستظهر أمامك مبروك.. بإختصار هذه هي XUL

من أين أستطيع تعلم XUL ؟
مكنك الحصول على وظيفة كل وسم أو tag أو element في هذه اللغة من خلال الموقع الرسمي لها وهو على

الرابط التالي : http://www.mozilla.org/projects/xul/ .
وإذا أردت الحصول على وظيفة كل وسم أو tag أو element بشكل مباشر فراجع الرابط التالي :
https://developer.mozilla.org/En/XUL_Reference والذي يحتوي على مرجع اللغة .

هل يمكن أن أشاهد مثال لبرنامج كامل على هذه اللغة ؟
بإختصار أنظر إلى Mozilla Firefox فهو بالكامل مكتوب على XUL وفي الأساس فإن XUL أنشئت
ليكتب عليها هذا المتصفح والشئ الأخر أن هذا المتصفح يدعم مفهوم الـ Plug-ins أو الملحقات
وكلنا يعرف أن هذا المتصفح لديه العديد من الملحقات والتي بإختصار كتبت على XUL .

ويمكنك عزيزي القارئ أن تكتب ملحقاتك الخاصة لهذا المتصفح أيضاً وتنشرها كذلك .

ومن الأمثلة الجيدة أن هناك برنامج FTP خاص بـ Mozilla Firefox ويعمل من داخل وهو مكتوب
على XUL ايضاً وهذا يوضح مدى سهولة وقوة هذه اللغة.

وكملاحظة أخيرة فإنه يمكنك كتابة شفرات Javascript من داخل XUL لتنفيذ الإجراءات .
وفي الأخير أرجوا أن أكون وفقت في إيصال شئ يسير من المعلومات و التي أرجوا من الله أن تكون مفيدة للجميع وهذا مالدي الآن فإن أخطأت فمن نفسي والشيطان وإن أصبت فمن الله عز وجل ..

أخوكم عبدالله عيد .

[منصور الدويغري]

اعتقد انها محصوره على الفيرفوكس فقط ..!!

فلما تضيق الحلقه على نفسك ؟

[عبدالله عيد]

غريبة!.. هل قرأت الموضوع بالكامل :con2: فأنا تحدثت عن XULRunner و أنه بإمكانك كتابة برمجيات منعزلة وبعيدة عن الفايرفوكس .. لاحظ

2- يمكنك تشغيل ملفات xul الخاصة بك على شكل برنامج منعزل يعمل بمفرده دون الحاجة إلى متصفح Mozilla Firefox ولكن في هذه الحالة فأنت تحتاج إلى تركيب مشغل ملفات xul على الجهاز و أسمه XULRunner وهو عبارة عن مشغل أو (Virtual Machine) لملفات xul حيث تقوم بتركيبه على الجهاز مره واحده وبعدها تستطيع تشغيل جميع برامج XUL دون أي مشاكل وهذا يشبه طريقة تشغيل برامج لغة Java فلغة Java تعتمد على وجود الـ JVM أو الـ Java Virtual Machine لكي تعمل برامج الجافا .

[DNSerror]

الأخ العزيز عبد الله عيد، الشكر كل الشكر لك على هذا الموضوع القيم، والذي إن انحصرت فائدته بكتابة إضافات لمتصفح فايرفوكس -وهي ليست كذلك- فهو جدا مفيد لفتح هذا الباب من الإمكانات، أنا أفكر جديا بإضافة الوظائف التي سبق أن أضفتها إلى TinyMCE (إنظر موقع http://www.ar-php.org‎ ) لتكون متاحة على مستعرض ثعلب النار -فايرفوكس- أيضا، لذا أود التعاون معك بهذا الخصوص إن كان لديك وقت الفراغ الكافي والخبرة المناسبة لذلك.

[skulk-fox]

موضوع مهم جدا برأيي أخي عبد الله

شخصيا لي مدة و انا ابحث و اقرأ عنه و ان شاء الله لي عودة لبعض الاضافات

بارك الله فيك

[عمر الدليمي]

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

اللغة رائعة وجميلة وأحلى ما فيها أن لها ثلاث أماكن للتنفيذ كما ذكرت:
1. صفحة أنترنت على السيرفر،
2. إضافة لمتصفح فايرفوكس.
3. برنامج مستقل

كما ترى أن الإستخدامين الأولين يتطلبان وجود Firefox وهذا مما يحد إستخدامها بالشكل المطلوب، وإن كان لمبرمج php علاقة بالxul فهي تتحد بهذين الخيارين.

الإختيار الثالث، هو الذي يجب أن نتكلم عنه!، وما أن يزول الخوف من إستخدامه سترى أن الناس ستتوجه إليه فعلياً في بناء التطبيقات وأهم مثال نراه هو Flock (مشتق عن فايرفوكس)، وإضافات الفايرفوكس.
وكل هذه الأمور ليست لها علاقة بمبرمجي php الفقراء إلى الله ..

[عبدالله عيد]

مرحباً بالجميع ..

أستاذ خالد الشمعة لي الشرف أن أعمل معك ولكن للأسف أنا الأن منهمك بمشروع ..

أستاذ عمر الدليمي مرحباً بك وأنا من المعجبين بمدونتك الشخصية وأما عن حديثي عن لغة XUL مع PHP فسأجيبك بطريقة غير مباشرة : أريدك أن تعمل لي سكربت PHP بسيط جداً من ملف واحد بحيث يطبع إسم "عبدالله عيد" بخط عريض بشرط عدم استخدام وسم b في HTML ؟ و أرجوا أن تكون الفكرة قد وصلت .

تحياتي .. أخوكم عبدالله عيد

[Saleh AlMatrafi]

موضوعك جميل جداً استاذ عبدالله

انا سبق لي التعامل مع الـXUL عندما قمت ببرمجة إضافة UntinyFox لذلك اعتقد انها انحصرت على اضافات الفايرفوكس

بالنسبة للأستاذ خالد الشمعة إذا كنت تريد إنشاء إضافة فايرفوكس للأدوات التي قمت ببرمجتها مع TinyMCE فأعتقد انه يجب ان يكون هناك سيرفر يتم ارسال الأوامر له ويرسل النتائج

أخوكم/صالح المطرفي

[Jo Live]

أشكرك جزيل الشكر اخي عبدالله عيد على الموضوع الأكثر من رائع ..

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

[DNSerror]

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

[DNSerror]

لا عليك أخي عبد اللة عيد ربما في وقت آخر.

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

[daif]

هذه الغة الوصفية من اهم ما يمتاز به فايرفوكس وهناك لغات أتت ولكن تفتقر الى مميزات ما يقدمه فايرفوكس , مايكروزفت كالعادة تقلت وأتت XAML تنطق "زامل" وهي مشابه تمام لـ زوول , أيضا اعتقد javaFX من صن وغيرها من الشركات .

- فايرفوكس هوليس مجرد متصفح انترنت انما بيئة عمل متعددة الأنظمة ويعد خيار قوي وجيد لبنائ تطبيقات غنية ومشابهة تمام لبرمجيات سطح المكتب واتحدث بالتحديد عن بناء تطبيق معتمد على فايرفوكس كإضافة له لانه ستتوفر لديك الكثير من الادوات التى ستساعد برنامج على سبيل المثال التعامل مع قواعد البينان Sqlite و التعامل مع المقابس Sockets والتعامل مع الملفات بشكل جيد , أما تطويره تطبيق على شكل صفحه انترنت فانه سوفر لك شكل تطبيق مشابه تمام لتطبيقات سطح المكتب مع بعض الادوات الرائعه مثلا Calender و Colorpicker وجداول قابلة للترتيب Sortable Table و خيارات آخرى ممايزيد من مرونه تطبيقك .

هذا هو مثال علي عميل بريد الكتروني بواسطة PHP و XUL وايضا HTML اذا كانت لا تستخدم فايرفوكس , اضغط F11 وتمتع بالتطبيق .
Login to Atmail

- هنا مثال متكامل على ما تقدمه زوول لك http://www.hevanet.com/acorbin/xul/top.xul
- أيضا مثال رائع آخر http://www.faser.net/mab/chrome/content/mab.xul
- قوقل ايضا يفكر في انشاء تطبيق <title><text value="Restricted search"/>
- سبق لي التجربه وبناء إضافة بسيطة لموقع وافر https://addons.mozilla.org/en-US/firefox/addon/2187 للأسف أصبحت قديمة ولم احدثها .
- هنا درس قديم جدا لكيفية بناء اضافة لفايرفوكس http://daif.net/?app=artical&id=24

[daif]

نسيت أن اقول ان ما يعيب هذه التقنيه لا يوجد لها بيئة تطوير متكاملة IDE سواء للتطبيقات او الإضافات لكي يتم التطوير بسهوله هنا بعض الادوات لذلك https://wiki.mozilla.org/XUL:IDE

[edafa.info]

ماشاء الله موضوع روعه
جزاك الله كل خير اخوى عبدالله

[عمر الدليمي]

نسيت أن اقول ان ما يعيب هذه التقنيه لا يوجد لها بيئة تطوير متكاملة IDE سواء للتطبيقات او الإضافات لكي يتم التطوير بسهوله هنا بعض الادوات لذلك

صراحة هذا الأمر ليس بالمشكلة الكبيرة، فتستطيع كتابة XUL في أي محرر XML جيد، فما ملفات xul إلا ملفات xml لكن بوضيفة خاصة.
ويفضل كالعادة فصل ملفات الواجهة عن البرمجة، يعني أن تضع ملفات الجافاسكربت منفصلة عن xul ويا مكثر محررات الجافاسكربت ..
كما أخبرتك ليست بالمشكلة ،