1/24

إضافات المتصفح غوغل كروم2010هواة التقنية المغاربة يوليوز

Creative Commons By-SA-3.0شريحة من إنجاز محمد البردعي و هي مرخصة تحت رخصة العموميات الخالقة Googleعالمة غوغل كروم عالمة تجارية مسجلة من طرف غوغل

2/24

و كأن العالم ينقصه متصفح جديد بأسلوبه المختلف لتطوير اإلضافات!!

لماذ؟

3/24

لنتذكرالتقنيات المتاحة حاليا

( أنترنت إكسبلورر: كائنات أكتيف إكس ActiveX)

فايرفوكس: إضافات مصممة باستخدام خليط من اللغات و

XUL, JavaScript, HTML,CSS, Bash Scriptsاألدوات

( أوبرا : قطع Widgets )

4/24

لكن فعال لم اإلهتمام؟

ألن تطوير و تصميم إضافات كروم :

بسيط، سهل و ممتع.

} أو كما هو الحال مع كل منتج جديد، أليس كذلك!؟ {

5/24

البساطة

ملفين فقط كافيين بنية اإلضافة بسيطة(background.html و manifest.json)

بصيغة ملف تجميع اإلضافة بسيط(zip أو crx)

.غوغل تتكفل بذلك عنك ال تشغل بالك بالمخاطر األمنية

فور رفع التحديث يتوصل به المستخدمون بكل تلقائية. ال

حاجة إلى إعادة تشغيل المتصفح

6/24

( و خاصية التحديث التلقائيcrxبنية ملف اإلضافة )

المفتح العمومي اإلمضاء zipمحتوى اإلضافة مضغوط بصيغة (manifest.json, background.html, content_script.js,..)

مكون من المفتح الخصوصي و المحتوى

المضغوط

7/24

السهولة

ال حاجة لتعلم أية لغة أو أداة جديدة تطوير اإلضافات و اختبار التحديثات سهل و سريع خدمة إضافات كروم بال تعقيدات ( واجهة برمجة التطبيقات APIs مقسمة إلى )وحدات و 8

(method~ دالة/مهمة )55تضم التوثيق جيد http://code.google.com/chrome/extensions/docs.html

8/24

(APIsواجهة برمجة التطبيقات )

الكائن األساسي :chrome.*

و يضم: bookmarks.* browserAction.* extension.* history.* i18n.* pageAction.* tabs.* windows.*

9/24

background.htmlصيغة الملف

manifest.jsonصيغة الملف

مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار األول

10/24

background.htmlصيغة الملف

manifest.jsonصيغة الملف

مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار الثاني

المتواجدا داخلmessages.jsonالملف

locales/ar_/مجلد اإلضافة

11/24

popup.htmlصيغة الملف

مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار الثاني

12/24

أدوات المطور مدمجة مع المتصفح لتصحيح و تتبع عمل اإلضافات و الصفحات

13/24

المتعة

متعة خوض تجربة جديدة اإلستفادة من APIsللخدمات اإلجتماعية تصميم ألعاب بسيط للتسلية و اكتساب مهارات جديدة

JavaScript و DOMباستخدام استغالل سرعة معالج JavaScript و معالج WebGL لتجربة

و اختبار تصوراتك لواجهة أو تجربة ثالثية األبعاد. اإلستفادة من دعم المتصفح لـ HTML5 لتصميم إضافات الغد

اليوم.

14/24

Last.fm music player

Chromed Bird / Twitter

إضافات كروم لخدمات الويب هذه APIsاإلجتماعية باستخدام

األخيرة

15/24

JC-Tetris

Snake

Avalanche

https://chrome.google.com/extensions/featured/fun

ألعاب بسيطة

16/24

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

بشكل آني باستخدام معالج بطاقة العرض الشاشة.

17/24

التفاعل مع الجزيئات بشكل آني و ثالثي األبعاد أيضا

18/24

WebGLمثال آخر لمعيار معرض صور يتيح مشاركة الصور بشكل آني و يتم تجول داخله بشكل ثالثي األبعاد.

19/24

الواجهة الرسومية و تفاعل المستخدم

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

سمح إال بأيقونة واحدة إما على الشريط المهام أو داخل شريط العناوين� ال ي

بينما يتاح التفاعل مع المحتوى داخل الصفحة باإلستخدام مكتبات AJAX مثال أو عرض محتوى إضافي داخل فقاعة

20/24

,flickr لعرض الصور المكتشفة على الخدمات مثل Slideshowمثال إلضافة picasa, facebook.على شكل شرائح داخل الصفحة ...

21/24

إضافات كروم باألرقام

تم بعدها 2009-12فور انطالق مشروع اضافات كروم في أشهر و دعم تلقائي 6 إضافة في 5.000تطوير ما يقارب

سكريبت جريس منكي 40.000لما يقارب (Greasemonkey scripts المتواجدة على )

http://www.userscripts.org

22/24

1/2ما تحمله األيام

لألجهزة اللوحية و الدفترية ما هو إال نظام لينوكس Chrome OSنظام بمتصفح كروم سيوفر مجموعة من البرامج الساحبية التي ستعمل إما

من داخل المتصفح أو على شكل إضافات

http://en.wikipedia.org/wiki/Google_Chrome_OSالصورة من

23/24

2/2ما تحمله األيام

سيتح فرصة الحصول https://chrome.google.com/webstoreسوق تطبيقات كروم على عائد مادي من خالل إمكانية بيع التطبيقات الساحبية أو اإلشتراك

في خدماتها متقدمة من خالل اإلضافات.

/http://code.google.com/chrome/appsالصورة من

24/24

روابط مفيدةالموقع األساسي )توثيق، أمثلة، دليل تعليمي...(

http://code.google.com/chrome/extensions/

مستودع اإلضافات )للبحث عن رفع أو تحميل اإلضافات(https://chrome.google.com/extensions

لتحميل آخر اصدار تطويري للمتصفح كرومhttp://build.chromium.org/buildbot/continuous

YouTube على Google Chrome Extensionsسلسلة http://goo.gl/QLMU

موقع متخصص بشؤون المتصفح كرومhttp://google-chrome-browser.com/

WebGLأيضا، مدونة تعليمية متخصصة في تقنية و معيار http://learningwebgl.com