إضافات المتصفح غوغل كروم
-
Upload
mohammed-sahli -
Category
Technology
-
view
7.415 -
download
0
description
Transcript of إضافات المتصفح غوغل كروم
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