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

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  

2017-06-14

دليل المدون لإنشاء مدونة إحترافية

هل قررت أن تمتلك مدونة إلكترونية وتحلم أن تنافس بها أشهر المدونات؟؟

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

2017-05-21

اجازة الصيف .. فرصة جيدة لبناء مستقبلك على الانترنت

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

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

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

   إذا كنت طالب جامعى ، يجب أن تدرك أن هذه الفترة ليست للدراسة فقط كما يعتقد الكثير ، إنما عليك أن تفكر كثيرًا فى مرحلة ما بعد التخرج ، فلا تعتقد أن الطريق ممهد و الوظائف تنتظرك 😕 
 فلما لا تستغل فترة العطلة الصيفية لإعداد نفسك للمرحلة القادمة؟؟

 ولكن كيف؟؟

كيف تبنى مستقبلك على الانترنت

2017-05-15

مراحل تعلم تصميم الجرافيك من البداية حتى الإحتراف

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

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

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

   إذا قررت أن تكون مصمم جرافيك فأنت بالتأكيد تبحث عن البداية الصحيحة التى تقودك إلى هدفك ، فمجال الجرافيك واسع وشيق وقد تصاب بالحيرة أمام هذا الكم الكبير من برامج التصميم .. 😟 من أين أبدأ؟؟ 
learn graphic design
لعلك قرأت مقالى السابق " الطريق لكى أكون مصمم جرافيك" إلا أنه فى هذا المقال قسمت رحلة تعلم التصميم إلى 7مراحل لتسهل عليك إنجاز مهمتك...فلنبدأ  🚀

2017-04-16

تطبيقات مجانية هامة للمصممين عبر الهاتف

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

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

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

  فرضت الهواتف الذكية نفسها بقوة فى الآونة الأخير، وأصبحت تحتل مكانة تكاد تغنى عن الأجهزة المكتبية ، فهل يمكن أن تكون تطبيقات الهاتف بديل لبرامج التصميم؟؟
من واقع تجربتى أنها تكون حل سريع لإنجاز العديد من الأعمال ، لذلك جمعت فى هذا الموضوع باقة من أفضل التطبيقات المجانية التى تساعدك فى التصميم من خلال هاتفك سواء كان بنظام الأندرويد أو ios مع شرح فكرة سريعة عن إمكانيات كل تطبيق لتختار من بينها ما يناسبك.
كيف تصمم من خلال هاتفك ؟

تطبيقات تحرير الصور

تطبيق  Adobe capture cc

 Adobe capture
هو تطبيق مجانى يجمع بين مميزات برامج أخرى مثل Adobe Color CC ،Adobe Brush CC، و Adobe Photoshop Mix فى تطبيق واحد ،فهو يحتوى على مكتبة بها مجموعة كبيرة من الأشكال والألوان والأنماط التى تفيدك فى التصميم ، كما أنه يمكن من خلاله  إستخراج الألوان المستخدمة في أي صورة لديك، كما يمكنك أيضا إستعمال كاميرا هاتفك للإلتقاط الألوان المتواجدة بأي مشهد أمامك، يمكن أيضًا تحويل الصور إلى فرشاة أو إلى رسم vector والعديد من الإمكانيات التى أنصح أن تجربها بنفسك.

PicsArt Photo Studio & Collage

PicsArt 
يحتوى التطبيق على مكتبة من الأدوات لتحرير وتعديل الصور وتحويلها إلى أعمال رائعة، وذلك لما يحتويه على آلاف المؤثرات و الفلاتر والملصقات ، كما يمكنك الكتابة والرسم على الصور واضافة الاطارات و ضبط الالوان واضافة الماسكات وتحسين جودة الصور، يمكن من خلال هذا التطبيق دمج صورك وتصميم ألبومات من خلال ميزة  collage maker  المتوفرة بالتطبيق. 

 تطبيق Photoshop Express

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

تطبيق Pixlr

Pixlr
يمكن من خلاله الإعتماد على ادوات تحرير وتعديل الصور كالقص والدمج والسطوع وضبط الالوان ، يحتوى أيضًا على العديد من الفلاتر  لتحويل صورك الشخصية الي صور مرسومة بالرصاص أو الحبر، كما أنه يحتوى على مجموعة كبيرة من الملصقات التي يمكن دمجها بالصور ويمكنك ايضا الكتابة علي اي صورة ، مع توافر الممحاة لإزالة الأجزاء الغير مرغوب بها فى الصور.

تطبيقات الرسم 

Medi Bang Paint Pro

Medi Bang Paint Pro  
إذا كنت من هواة الرسم الرقمى ، فهذا هو التطبيق المناسب ، فيمكنك من خلاله إنشاء الرسومات الكاريكاتورية و الكوميدية ، والمميز فى هذا التطبيق أنه يدعم الطبقات Layers للتحكم فى أجزاء الرسم بسهولة ، ذلك بالإضافة إلى تحرير وتعديل الصور مع إمكانية إضافة العديد من التأثيرات عليها.

Autodesk SketchBook

Autodesk SketchBook  
يحتوى هذا التطبيق المجانى على الكثير من الأدوات من أقلام وفرش للرسم والتلوين،والعديد من المؤثرات ، كما أنه يدعم الرسم ثلاثى الأبعاد ، فهو يجعل من هاتفك المحمول بمثابة كراسة رسم ترسم بها ما تريد ويمكنك من انتاج صور فنية بدقة وجودة عالية.

تطبيقات الألوان

color Grab

color Grab
هذا التطبيق مفيد جدًا للمصممين والمطورين، فهو يتيح لك التعرف على الألوان عن طريق الكاميرا ، فمن خلال إلتقاط أى صورة من حولك تستطيع الحصول على الألوان التى تتكون منها الصورة بدقة كبيرة لتستخدمها فى تصميماتك.

Color Mood Designer

Color Mood Designer 
يسمح لك هذا التطبيق بمعرفة نتيجة مزج الألوان مع بعضها ، مع توضيح أكواد الألوان سواء كانت RBG لعرضها على الويب أو CMYK لأغراض الطباعة

تطبيقات  الخطوط 

تطبيق أنا محترف الخط

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

Font Studio

Font Studio 
يتيح لك هذا التطبيق إضافة النصوص إلى تصميماتك والتحكم الكامل بها من عمليات تدوير، تكبير، و تصغير حجم النص . تغيير لون النص، والشفافية، وإضافة الظلال.  إضافة طبقات النص متعددة، ذلك بالإضافة إلى مجموعة من الملصقات والإطارات التى يوفرها التطبيق.
تعرف أيضًا: كيفية تصميم خط عربى أو أجنبى خاص بك

تطبيقات للبحث عن الصور

 PicFinder

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

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

Behance

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

pinterest

pinterest 
وهو موقع إجتماعى هدفه تبادل الصور على شبكة الانترنت، فهو بيئة مناسبة أيضًا لعرض أعمالك ومتابعة الأعمال الأخرى ، مع إمكانية التفاعل مع الآخرين وتكوين رؤية حول المجال الذى تهتم به لتحسين إنتاجيتك.

وفي النهاية : فلا يزال هناك العديد من التطبيقات التي تظهر يوما بعد يوم، والتي تدعمك كمصمم ،وإذا كنت تفضل تطبيقات أخرى فأخبرنا بها بتعليق 👧👦
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2017 ©

تصميم كن مدون