مساحة إعلانية

2017-09-15

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

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

 قد تكون من الكثيرين الذين يطمحوا لتعلم البرمجة ،  وقد يتطور حلمك إلى الحصول على فرصة عمل فى هذا المجال ، قد تعتمد على التعليم الذاتى من خلال الدروس الموجودة على شبكة الإنترنت ولكن لا تضيع فرصة التسجيل فى المنحة التى أعلنت عنها جوجل الفترة الأخيرة بالتعاون مع Udacity لتنمية مهاراتك والحصول على شهادة معتمدة من جوجل ، ولكن قبل أن أشرح كيفية التسجيل بالمنحة سأعرض عليك بعض المعلومات التى يجب أن تعرفها قبل التقديم :
learn programming

2017-09-08

كيفية تصدير مشروع اندرويد ستوديو الى تطبيق APK

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

والصلاة والسلام على اشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

بعد أن أتممت برمجة مشروعك بإستخدام منصة Android Studio ، و قمت بإختباره وتجربته بإحدى الطرق التى ذكرتها سابقًا، لا يبقى سوى تصديره إلى صيغة APK  لكى تستطيع تثبيت التطبيق على الأجهزة التى تعمل بنظام الأندرويد ، أو رفع التطبيق على Google play
انشاء تطبيق apk

أولا: تصدير المشروع إلى ملف APK لتجربته على جهازك  

يمكنك تصدير مشروع التطبيق من خلال قائمة Build >>Build APK وتثبيته على جهازك لتجربته :
بناء تطبيق apk
 ولكن لا تستطيع رفعه على جوجل بلاى بهذه الصورة لأنه يفتقد شهادة إعتماد التطبيق والتى تعرف بـ "Keystore" والتى سأتحدث عنها بالتفصيل فى الفقرة التالية.

ثانيًا : تصدير المشروع إلى تطبيق APK يمكن رفعه على Google play

 إذا أردت أن تعرض تطبيقك على متجر جوجل بلاى ، فهذا يستلزم إنشاء ملف بصيغة ".jsk" والذى يعرف بـ "Keystore" ، وهو بمثابة حفظ لحقوق ملكيتك للتطبيق فيمكنك إضافة إسمك أو إسم شركتك كتوقيع للتطبيق مع كتابة كلمة مرور تمنع أى شخص من إعادة رفع التطبيق إلى متجر جوجل بلاى مرة أخرى.
ولتطبيق ذلك توجه إلى قائمة Build >>Generate Signed APK  لتظهر نافذة أخرى ، قم بالضغط على Create new وذلك لإنشاء Key Store جديد.

Generate Signed APK 

Generate Signed APK 
 قم بتكملة بيانات الحقول هكذا:
1- Key store path : قم بتحديد المسار الذى سيتم حفظ التطبيق به على جهاز الكمبيوتر
2- قم بإختيار كلمة مرور وتأكيدها "يجب عليك الإحتفاظ بها لأنك ستحتاجها إذا أردت تحديث تطبيقك"
android studio keystore 
3- Alias : قم بكتابة إسم تطبيقك ثم إختر كلمة مرور أخرى وتأكيدها والإحتفاظ بها.
4- Validity years : قم بتحديد صلاحية ملف Keystore
5 - Certificate : قم بإدخال معلومات عنك وعن شركتك وبيانات عن مدينتك (هذه الحقول إختيارية) 
بعد الإنتهاء من إستكمال البيانات إضغط "OK"  >> ستجد النافذة السابقة تم تعبئتها بالمعلومات >> إنتقل إلى الخطوة التالية بالضغط على Next
android studio keystore
قم بكتابة كلمة مرور للشفرة ثم إختيار المسار الذى سيتم حفظ التطبيق به على جهاز الكمبيوتر الخاص بك .
تأكد من إختيار release  للحقل  Build Type

android studio apk
 ثم إضغط Finish وإنتظر قليلا حتى تتم عملية تصدير المشروع إلى تطبيق APK وظهور هذه النافذة
 android studio apk 
ثم إضغط على Show in Explorer لتجد ملف APK ،يمكنك رفعه على متجر Google play و تثبيته على أى جهاز أندرويد .
  • إذا أردت إنشاء تطبيقات أخرى ، إختر نفس ملف الشفرة مع إنشاء Key Alias جديد لكل تطبيق جديد.
  • إذا أردت التعديل على تطبيقك وتحديثه على Google play ، قم بإختيار نفس الشفرة ونفس مفتاح التطبيق.
أتمنى أن يكون الدرس حقق الإفادة ، أى مشكلة أدرجها بتعليق ولا تنس مشاركة الموضوع
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2017-08-26

نساء حققن إنجازات تقنية عظيمة - انفوجرافيك

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

لماذا مجال البرمجة تجد فيه الرجال أكثر من النساء ؟

بالرغم من أن هذه حقيقة ، إلا أنه إستفزنى هذا السؤال عندما قرأته على أحد مواقع التواصل الإجتماعى ، وقررت أن أبحث عن إجابة ، ففوجئت بأن صاحب إختراع أول برنامج حاسوب فى التاريخ إمرأة !! 😲
نعم "أوغوستا آدا كينغ" تُعتبر أول مبرمج للحاسوب ، وغيرها الكثير اللاتى ساهمن بشكل مباشر فى التطور التكنولوجى ، وأثروا فى البشرية بأفكارهن وإكتشافاتهن.
لذلك سأقدم عرض إنفوجرافيك لبعض النساء اللاتى ساهمن فى مجال التقدم التقنى الذى وصلنا إليه الآن.

2017-08-01

كيفية استيراد مشاريع مفتوحة المصدر لـ Android studio

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

برمجة التطبيقات على برنامج أندرويد ستويو اصبحت الآن أسهل كثيرًا، خصوصًا إذا كنت تعتمد على النماذج الجاهزة والمشاريع مفتوحة المصدر ، فهى توفر الكثير من الوقت والجهد لإنشاء مشروعك ، ولكن قبل أن أتحدث عن كيفية استخدام المشاريع الجاهزة و التعديل عليها ببرنامج أندرويد ستوديو سنتعرف على كيفية الحصول على مصادر هذه المشاريع.
Android studio

2017-07-08

أضف زر الإشتراك فى روبوت الفيس بوك ماسنجر إلى موقعك

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

  كثير من زوار المواقع على الإنترنت ، يفضلون التواصل بأصحاب تلك المواقع عبر البريد الإلكترونى ، ولكن هناك طرق أخرى مبتكرة يمكن أن تكون خيارات إضافية بجانب نموذج الإتصال ، مثل المراسلة عبر تطبيق الفيس بوك ماسنجر مباشرة أو روبوتات الدردشة Chatbot التى قدمت كيفية إنشائها فى موضوع سابق.
facebook messenger chatbot

كيفية تضمين أزرار المراسلة فيس بوك ماسنجر بوت إلى موقعك

  1. فى البداية قم بإنشاء روبوت على الفيس بوك ماسنجر الخاص بصفحتك على الفيسبوك عبر منصة Chatfuel
  2. ثم من لوحة التحكم فى حسابك فى Chatfuel توجه إلى تبويب Grow
  3. ثم إضغط على Send to messengr Plugin
facebook messenger chatbot
ثم قم بضبط حجم الزر ولونه ثم انسخ الكود الناتج كما بالصورة ، ثم قم بتضمينه بموقعك داخل شفرة Html
facebook messenger chatbot

قد يهمك أيضًا:

كيف تضيف أهم منشورات الفيس بوك وتويتر إلى موقعك 

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

2017-07-02

كيف تصنع تطبيق اندرويد بـ Android studio بلغة Kotlin

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

   إذا كنت من المهتمين بتطوير تطبيقات الأندرويد ، فأنت بالتأكيد سمعت عن إعلان جوجل  في مؤتمر I/O  إعتمادها  Kotlin كلغة رسمية لـ Android ، لذلك سأحاول عرض فكرة عن هذه اللغة مع شرح كيفية إنشاء تطبيق أندرويد بإستخدامها وتهيئة برنامج اندرويد استوديو للعمل بها ، كما سأوضح كيفية تحويل تطبيق أندرويد من لغة java إلى لغة Kotlin

نظرة سريعة على لغة Kotlin :

Kotlin logo
  هى لغة برمجة مفتوحة المصدر تم تطويرها من قبل شركة JetBrains في عام 2011 ، وهى نفس الشركة التى تساهم مع جوجل فى تطوير منصة Android studio ، وهى تتوافق كليًا مع حزمة تطوير جافا JDK ، وتعمل على نفس بيئة العمل التى كانت تعمل عليها لغة الـ Java وهى (JVM) ، لذلك يمكن للمطور أن يستخدم اللغتين معًا فى تطوير نفس التطبيق دون مشاكل.

2017-06-28

كيفية اضافة تعليقات الفيس بوك إلى بلوجر و إدارتها

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

facebook-comment-box to blogger

  تتعدد أنظمة التعليقات التى تستخدم لمدونات بلوجر ، فهناك من يفضل إستخدام نظام التعليقات الإفتراضى لقوالب بلوجر ، والبعض الآخر يفضل تركيب تعليقات Google plus و آخرين يفضلون الإعتماد على نظام Disqus للتعليقات.
بالرغم من تعدد الإختيارات ، إلا أنه مازال معظم المدونين يعتمدون على صندوق تعليقات الفيس بوك لما له العديد من المميزات من أهمها:
  • أن معظم المستخدمين يمتلكون حسابات على الفيس بوك لذلك عند وجود صندوق تعليقات الفيس بوك أسفل تدويناتك يشجع الزائرين على ترك تعليق
  • أصبح صندوق تعليقات الفيس بوك يدعم إرفاق الصور داخل التعليق بعكس نظام بلوجر الإفتراضى.
  • يمكن لمحرك البحث جوجل الزحف لتعليقات الفيس بوك ، لذلك يمكن أن يكون من إحدى الأدوات التى تؤدى إلى فهرسة موقعك وظهورها بمحركات البحث.
  • كما أنه يساعد على نشر مواضيع المدونة على صفحة المعلق وذلك عند تفعيل النشر على صفحته على الفيس بوك. 
facebook-comment-box to blogger
ولكن ما يعيبه أنه يكون أثقل من نظام تعليقات بلوجر فى تحميل صفحات موقعك.

 خطوات تركيب تعليقات الفيس بوك:

 تندرج خطوات التركيب إلى :
  1. شق خاص بإنشاء تطبيق على الفيس بوك .
  2. شق خاص بتركيب الأكواد بقالب مدونتك على بلوجر
  3. كيفية إدارة تعليقات الفيس بوك وتفعيل الإشعارات
  4. إخفاء صندوق تعليقات بلوجر 
والآن مع بعض التركيز أثناء متابعة شرح الخطوات:

أولًا: إنشاء تطبيق على الفيس بوك

1- تحتاح فى البداية فتح حساب الفيس بوك للمطورين من هنا Facebook Developer
facebook-comment-box to blogger 
ثم الموافقة على الشروط
facebook-comment-box to blogger 
 2- قم بإنشاء تطبيق جديد بالضغط على Add a new app
facebook-comment-box to blogger
 ثم قم بإختيار إسم مناسب للتطبيق ثم إضغط Create App ID

facebook-comment-box to blogger
3-توجه إلى تبويب الإعدادات أو Basic Settings من الصفحة التالية ثم قم بملئ البيانات الخاصة بالتطبيق :
App Domains” : أكتب إسم النطاق مثلا condaianllkhir.com أو blogspot.com لمدونات بلوجر 
بعد ذلك إضغط على  “+Add Platform” ثم اختر “Website” ثم أكتب رابط موقعك كلمثال:
 http://www.condaianllkhir.com/
facebook-comment-box to blogger
إذا كان هناك بيانات إضافية يمكن إضافتها : مثل سياسة الخصوصية أو إتفاقية الإستخدام أو إختيار فئة و رفع صورة تعبر عن التطبيق.
قم بنسخ رقم معرف التطبيق :App ID الذى سنحتاجه فيما بعد.
4- توجه بعد ذلك إلى تبويب "App Review" وقم بتفعيل الخيار “Yes” لجعل التطبيق عام ويظهر لجميع المستخدمين.

facebook-comment-box to blogger
بذلك نكون قد انتهينا من إنشاء التطبيق الخاص بالتعليقات - نتوجه فى الخطوة التالية إلى الشق الخاص بتركيبه على قالب بلوجر.

ثانيًا: تركيب صندوق التعليقات إلى قالب بلوجر

1- توجه إلى لوحة تحكم بلوجر للمدونة ثم من تبويب "المظهر" قم بالإحتفاظ بنسخة إحتياطية من القالب.
2- إستخدم Ctrl+F فى الكيبورد للبحث عن الأكواد
ثم ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
xmlns:fb=’http://www.facebook.com/2008/fbml’
3- تأكد من إضافة مسافات قبل وبعد الكود ليصبح  الكود بهذا الشكل :
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

4- الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها في السابق
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
5- بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='عنوان المدونة' property='og:site_name'/>
<meta   content='رابط صورة شعار للموقع'   property='og:image'/>
<meta content='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

طبعًا أضف إلى الكود عنوان مدونتك ورابط صورة تعبر عن شعار موقعك.
إستبدل  'معرف التطبيق ID' : بــ App ID الذى قمت بنسخه من قبل فى الخطوات السابقة
إستبدل 'معرف حسابك على فيسبوك ID'  : بالرقم التعريفى الخاص بحسابك على الفيس بوك حتى تسطيع إدارة هذه التعليقات وتكون  Admin (إضغط هنا لمعرفة معرف التطبيق الخاص بحسابك )

6- ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود التالى: 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
وهذا هو الكود المسئول عن مكان ظهور صندوق التعليقات بالموقع ، يمكنك إضافته فى المكان المناسب لك.
يمكنك تغيير عرض الصندوق بتغيير القيمة 600 بما يتناسب مع تصميم القالب الخاص بمدونتك.
يمكنك التعديل على لون القالب إلى اللون الغامق وذلك بإضافة colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

ثالثًا: كيفية إدارة تعليقات الفيس بوك على مدونتك:

1- فى البداية توجه إلى هذا الرابط
ثم قم بالتعديل على الإعدادات بالضغط على Setting

facebook-comment-box to blogger 
2- يمكن من خلال الإعدادات التحكم بترتيب التعليقات من الأقدم للأحدث أو العكس ، كما يمكن تفعيل تلقى الإشعارات وإمكانية إرفاق الصور
facebook-comment-box to blogger
3- يمكن أيضًا من تبويب Moderation Rules التحكم بعدد الأحرف التى يحتويها التعليق مع إمكانية تفعيل الغلق الأتوماتيكى للتعليقات بعد فترة محددة .
يمكن تفعيل خاصية الإشراف على التعليقات قبل ظهورها وذلك بالتأشير على " Yes" فى الخيار" Review comments"
facebook-comment-box to blogger
4- من تبويب Moderator يمكنك إضافة مشرفين آخرين على التعليقات:
facebook-comment-box to blogger

رابعًا: إخفاء صندوق تعليقات بلوجر الإفتراضى

إذا أردت الإكتفاء بنظام تعليقات الفيس بوك حتى لا تواجه ثقل تحميل الصفحة بسبب وجود أكثر من نظام للتعليقات، يمكنك إخفاء نظام تعليقات بلوجر الإفتراضى وذلك من خلال لوحة تحكم بلوجر ثم إتجه إلى تبويب إعدادات>> المشاركات والتعليقات والمشاركة
ثم قم بتفعيل وضع الإخفاء للتعليقات كما هو موضح بالصورة.

facebook-comment-box to blogger
**إذا واجهتك أى مشكلة لا تتردد بعرضها فى تعليق**
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2017-06-17

خدمة logaster لإنشاء شعارك بنفسك مجانا بدون برامج

(مقال دعائى ممول)  
 
أحيانًا كثيرة تحتاج إلى تصميم شعار لمشروعك أو لموقعك بنفسك ، دون اللجوء إلى المصممين ، وقد تصطدم ببعض المشاكل مثل صعوبة التعامل مع برامج التصميم ، لذلك يعتمد الكثير على المواقع التى تقدم خدمة التصميم أون لاين من خلال المتصفح مباشرة .
Logstar online logo creator  
Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2017 ©

تصميم كن مدون