إضافات المتصفح غوغل كروم
-
Upload
mohammed-sahli -
Category
Technology
-
view
7.415 -
download
0
description
Transcript of إضافات المتصفح غوغل كروم
![Page 1: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/1.jpg)
1/24
إضافات المتصفح غوغل كروم2010هواة التقنية المغاربة يوليوز
Creative Commons By-SA-3.0شريحة من إنجاز محمد البردعي و هي مرخصة تحت رخصة العموميات الخالقة Googleعالمة غوغل كروم عالمة تجارية مسجلة من طرف غوغل
![Page 2: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/2.jpg)
2/24
و كأن العالم ينقصه متصفح جديد بأسلوبه المختلف لتطوير اإلضافات!!
لماذ؟
![Page 3: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/3.jpg)
3/24
لنتذكرالتقنيات المتاحة حاليا
( أنترنت إكسبلورر: كائنات أكتيف إكس ActiveX)
فايرفوكس: إضافات مصممة باستخدام خليط من اللغات و
XUL, JavaScript, HTML,CSS, Bash Scriptsاألدوات
( أوبرا : قطع Widgets )
![Page 4: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/4.jpg)
4/24
لكن فعال لم اإلهتمام؟
ألن تطوير و تصميم إضافات كروم :
بسيط، سهل و ممتع.
} أو كما هو الحال مع كل منتج جديد، أليس كذلك!؟ {
![Page 5: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/5.jpg)
5/24
البساطة
ملفين فقط كافيين بنية اإلضافة بسيطة(background.html و manifest.json)
بصيغة ملف تجميع اإلضافة بسيط(zip أو crx)
.غوغل تتكفل بذلك عنك ال تشغل بالك بالمخاطر األمنية
فور رفع التحديث يتوصل به المستخدمون بكل تلقائية. ال
حاجة إلى إعادة تشغيل المتصفح
![Page 6: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/6.jpg)
6/24
( و خاصية التحديث التلقائيcrxبنية ملف اإلضافة )
المفتح العمومي اإلمضاء zipمحتوى اإلضافة مضغوط بصيغة (manifest.json, background.html, content_script.js,..)
مكون من المفتح الخصوصي و المحتوى
المضغوط
![Page 7: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/7.jpg)
7/24
السهولة
ال حاجة لتعلم أية لغة أو أداة جديدة تطوير اإلضافات و اختبار التحديثات سهل و سريع خدمة إضافات كروم بال تعقيدات ( واجهة برمجة التطبيقات APIs مقسمة إلى )وحدات و 8
(method~ دالة/مهمة )55تضم التوثيق جيد http://code.google.com/chrome/extensions/docs.html
![Page 8: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/8.jpg)
8/24
(APIsواجهة برمجة التطبيقات )
الكائن األساسي :chrome.*
و يضم: bookmarks.* browserAction.* extension.* history.* i18n.* pageAction.* tabs.* windows.*
![Page 9: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/9.jpg)
9/24
background.htmlصيغة الملف
manifest.jsonصيغة الملف
مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار األول
![Page 10: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/10.jpg)
10/24
background.htmlصيغة الملف
manifest.jsonصيغة الملف
مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار الثاني
المتواجدا داخلmessages.jsonالملف
locales/ar_/مجلد اإلضافة
![Page 11: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/11.jpg)
11/24
popup.htmlصيغة الملف
مثال عملي عن إضافة إقرأ اآلن لخدمة المرقاب – اإلصدار الثاني
![Page 12: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/12.jpg)
12/24
أدوات المطور مدمجة مع المتصفح لتصحيح و تتبع عمل اإلضافات و الصفحات
![Page 13: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/13.jpg)
13/24
المتعة
متعة خوض تجربة جديدة اإلستفادة من APIsللخدمات اإلجتماعية تصميم ألعاب بسيط للتسلية و اكتساب مهارات جديدة
JavaScript و DOMباستخدام استغالل سرعة معالج JavaScript و معالج WebGL لتجربة
و اختبار تصوراتك لواجهة أو تجربة ثالثية األبعاد. اإلستفادة من دعم المتصفح لـ HTML5 لتصميم إضافات الغد
اليوم.
![Page 14: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/14.jpg)
14/24
Last.fm music player
Chromed Bird / Twitter
إضافات كروم لخدمات الويب هذه APIsاإلجتماعية باستخدام
األخيرة
![Page 15: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/15.jpg)
15/24
JC-Tetris
Snake
Avalanche
https://chrome.google.com/extensions/featured/fun
ألعاب بسيطة
![Page 16: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/16.jpg)
16/24
WebGLمثال يستخدم معيار حساب و تشكيل صورة لكوكب األرض مكونة باستخدام األالف من كور صغيرة لكوكب األرض. النمودج تفاعلي و يتم عرضه
بشكل آني باستخدام معالج بطاقة العرض الشاشة.
![Page 17: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/17.jpg)
17/24
التفاعل مع الجزيئات بشكل آني و ثالثي األبعاد أيضا
![Page 18: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/18.jpg)
18/24
WebGLمثال آخر لمعيار معرض صور يتيح مشاركة الصور بشكل آني و يتم تجول داخله بشكل ثالثي األبعاد.
![Page 19: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/19.jpg)
19/24
الواجهة الرسومية و تفاعل المستخدم
سمح لإلضافات بتغيير شكل المتصفح، القوائم أو األلسنة و ذلك لتحفيز� ال يالمطور على التركيز فقط على التفاعل مع المحتوى و خدمات الويب.
سمح إال بأيقونة واحدة إما على الشريط المهام أو داخل شريط العناوين� ال ي
بينما يتاح التفاعل مع المحتوى داخل الصفحة باإلستخدام مكتبات AJAX مثال أو عرض محتوى إضافي داخل فقاعة
![Page 20: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/20.jpg)
20/24
,flickr لعرض الصور المكتشفة على الخدمات مثل Slideshowمثال إلضافة picasa, facebook.على شكل شرائح داخل الصفحة ...
![Page 21: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/21.jpg)
21/24
إضافات كروم باألرقام
تم بعدها 2009-12فور انطالق مشروع اضافات كروم في أشهر و دعم تلقائي 6 إضافة في 5.000تطوير ما يقارب
سكريبت جريس منكي 40.000لما يقارب (Greasemonkey scripts المتواجدة على )
http://www.userscripts.org
![Page 22: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/22.jpg)
22/24
1/2ما تحمله األيام
لألجهزة اللوحية و الدفترية ما هو إال نظام لينوكس Chrome OSنظام بمتصفح كروم سيوفر مجموعة من البرامج الساحبية التي ستعمل إما
من داخل المتصفح أو على شكل إضافات
http://en.wikipedia.org/wiki/Google_Chrome_OSالصورة من
![Page 23: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/23.jpg)
23/24
2/2ما تحمله األيام
سيتح فرصة الحصول https://chrome.google.com/webstoreسوق تطبيقات كروم على عائد مادي من خالل إمكانية بيع التطبيقات الساحبية أو اإلشتراك
في خدماتها متقدمة من خالل اإلضافات.
/http://code.google.com/chrome/appsالصورة من
![Page 24: إضافات المتصفح غوغل كروم](https://reader035.fdocuments.us/reader035/viewer/2022062406/558b5c22d8b42a27478b4755/html5/thumbnails/24.jpg)
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