التخطي إلى المحتوى الرئيسي

تطوير تطبيقات وثميات واضافات لمتصفح جوجل كروم

يوفر متصفح جوجل كروم طريقة سهلة وبسيطة للمطورين او حتى غير المطورين! لتطوير تطبيقاتهم الخاصة بهم او اختصارات لمواقع مهمة او ثيمات لبرنامج المتصفح..
سيكون الدرس حول انشاء اختصار لموقعك على شكل اضافة لجوجل كروم
يجب ان تمتلك حساب في جوجل ومتصفح جوجل كروم (يفضل الاصدار الاخير)  لتبدأ العمل..
في البداية وبعد ان سجلت دخولك في جوجل وعن طريق متصفح كروم اذهب الي الرابط https://chrome.google.com/webstore
عند فتح الصفحة ستلاحظ مجموعة من التطبيقات المعروضه والمقسمة حسب فئات, كما تجد قائمة الفئات على اليسار, قم بالنزول الى الاسفل سترى على اليسار ايضا خيار Developer Dashboard وهو المكان المخصص للمطورين. قم بالضغط عليه.



ستظهر لك صفحة المطورين ومن خلالها قم بالضغط على زر Add new item
ثم افتح تاب جديد واذهب الى رابط ادوات مدراء المواقع من جوجل https://www.google.com/webmasters/tools/home?hl=en ثم اضف عنوان المواقع الخاص بك او المدونة او الصفحة الشخصية ...الخ
بعد الاضافة ارجع الى التاب الاول ثم ارفع ملفات التطبيق والتي تكون على مجلد يحتوي على المانيفست وايقونة بحجم 128*128 تمثل الموقع وكذلك مجلد اخر يحتوي على الاقل على صورتين كنموذج عن محتويات الموقع. قم بضغط المجلد الاول بلاحقة Zip ثم ارفعه عن طريق Upload  .
عند تحميل الملفات وبدون اي اخطاء ستظهر لك صفحة تعديل التطبيق:
في حقل Pricing اختر نوع التطبيق اذا كان مجاني او غير ذلك في هذه الحالة اختر this application is free
في حقل locales  يسألك اي البلدان التي تريد ان يستهدفها التطبيق في الظهور؟ اختر البلدان التي تريدها كما يفضل اختيار الكل.
في حقل categories اختر التصنيف الملائم للتطبيق وبما اننا نقوم بشرح مثال لهذه المدونه قم بأختيار education
في حقل اللغة اختر العربية
في حقل detailed description يمكنك كتابة بعض الوصف لتطبيقك وبأي لغة كانت
في حقل verified website اختر الموقع الذي تود ان يكون مصدر التطبيق يمكنك اضافة مو قع جديد الى اللائحة عن طريق الضغط على Add a new site with Google Webmaster Tools... 
في حقل OpenID يمكنك تأشيره اذا كان الموقع او التطبيق يستخدم خاصية OpenID اي تعددية سماحات للمواقع .
اما في حقل جوجل Analytics فيمكنك معرفة رقم ال Analytics الخاص بك عن طريق الذهاب الى http://www.google.com/analytics/

في حقل links تضع العنوان الخاص بك او الخاص بالمنتج اذا تواجد هناك عنوان
وكذلك في حقل links to FAQ and support  تضع فيه رابط الموقع للمساعدة في حال واجه عملائك اية مشكلة
Mature content قم بتأشيرها فقط اذا كانت الاضافة التي طورتها تحتوي على محتوى للبالغين فقط.


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




تعليقات

المشاركات الشائعة من هذه المدونة

الفرق بين unlocked و locked في الهواتف المحمولة

في بعض الاحيان تلاحظ وجود كلمة unlocked بعد اسم المنتج على علبة الهاتف المحمول, او ربما يسألك البائع اذا ماكنت تريد الهاتف لشبكة اتصالات معينة ام حرا... في بعض الهواتف كهاتف iphone يتوافر نوعان منه locked و unlocked حيث الهاتف المقفل locked   يكون متاحا ويعمل على شبكة اتصالات محددة في بلدك تختارها انت بنفسك ويكون سعر الهاتف المقفل بقدر ربع السعر الحقيقي للهاتف الغير مقفل, وهذا النظام هو صفقات توقع بين شركات الهاتف وشركات الاتصالات, ومن مساوء هذه الاجهزه هو حالما تسافر الى بلد اخر سيتوقف الجهاز عن العمل تماما ولا يمكنك تشغيله على بطاقة شريحة SIM اخرى, لذا سيكون الهاتف عديم الفائدة, اما الهواتف الغير مقفلة unlocked فهي هواتف عادية تعمل على اي نوع من شبكات الاتصالات ويكون سعرها باهض جدا مقارنة بالهواتف المقفلة. 

انشاء صفحة تسجيل دخول

مستوى الدرس:  متوسط اللغات المستخدمة:   PHP ,  SQL, HTML  كما أفترض ان لديك معرفة مسبقة بأساسيات لغة SQL والقليل من PHP   . البرامج المستخدمة:  مخدم  WAMP ، برنامج Adobe Dreamweaver CS5 او اي محرر "كود" برمجي . الصفحات التي سوف ننشئها :   Index.html   process.php   welcome.html ان انشاء صفحة تسجيل دخول حقيقية ليست بالصعوبة التي تتصورها فكل الية تسجيل دخول تتشابه بالاساسيات وربما تختلف من ناحية الجرافكس او شدة الاجراءات الوقائية, في النهاية كلها تتألف من ثلاث مراحل (ادخال البيانات, التحقق من وجود البيانات في قاعدة البيانات, التصرف في حال وجودها ام عدمه) لاشيء اخر وكلها في غاية السهولة!! تابع معي: الخطوة الاولى يجب ان ننشىء جدول في قاعدة البيانات يحتوي على جدول مكون من ثلاثة حقول (id, user, pass) وسندخل بعض المعلومات عن اسماء مستخدمين وكلمات السر كما هو موضح في الصورة: لقد ادخل معلومات مستخدم واحد كما هو موضح , والان لننتقل الى الخطوة التالية: الخطوة الثانية انشاء الصفحات الثلاث (صفحة استقبال المعلومات, صفحة معالجة المعلومات والتحقق من وجودها في قاعدة الب

انشاء نموذج الاتصال بنا

مستوى الدرس:  متوسط اللغات المستخدمة:   PHP ,   HTML  كما أفترض ان لديك معرفة مسبقة بأساسيات لغة PHP   . البرامج المستخدمة:  مخدم  WAMP ، برنامج Adobe Dreamweaver CS5 او اي محرر "كود" برمجي . الصفحات التي سوف ننشئها :   contact.php process.php ان من الصفحات الاساسية في كل موقع هي صفحة تمكن الزائرين من الاتصال بصاحب الموقع, او المدونة او الشركة او غيرها.حيث غالبا هذه الصفحات تتكون من نماذج اتصال مثل (نموذج دردشة, نموذج ارسال رسالة) وغيرها , كما تحتوي على معلومات اتصال اخرى. نماذج الاتصال تستخدم صفحات ديناميكية لمعالجة طلب الاتصال فمثلا لو كان نموذج دردشة مع خدمة الزبائن فمن خلال الصفحة الديناميكية يتم التأكد ما ان كان الموظف متواجد ام لا وعلى هذا الاساس يتم تفعيل صفحة برنامج الدردشة والذي غالبا يكون بلغة  JavaScript . لنركز على نموذج الاتصال الشائع والذي من خلاله يمكنك ارسال رسالة تحتوي على اسمك وبريدك الالكتروني ومحتوى الرسالة الى بريد الشركة او الموقع بدون استخدام خدمات البريد التقليدية... فكيف يعمل؟ سنقوم في هذا الدرس بأنشاء صفحة (اتصل بنا) تحتوي على