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

exchangeff

2017-10-20

6 بدائل لبرنامج اندرويد ستوديو Android studio alternatives

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

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

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

بالرغم من أن منصة Android studio هى البرنامج الرسمى والمعتمد من جوجل لتطوير تطبيقات الأندرويد ويعتبر الأفضل فى هذا المجال ، إلا أنه قد تجد بعض المستخدمين يبحثون عن بديل لهذا البرنامج لتطوير تطبيقاتهم ، ربما لأحد هذه الأسباب:
  1. مواصفات جهاز الحاسوب المُستخدم غير مناسب لتثبيت أندرويد ستوديو. (تعرف على متطلبات Android studio)
  2. الحاجة إلى تصميم تطبيق يعمل على أنظمة أخرى بالإضافة إلى نظام الأندرويد مثل ios , windows
  3.  إستخدام لغات برمجية أخرى غير لغات  Kotlin أو Java التى يدعمها أندرويد ستوديو.
فإذا كنت ممن يتطلع إلى أدوات أخرى فى تطوير تطبيقاتك، فتابع هذه المقالة التى تعرض إمكانيات كل برنامج،  لكى تستطيع أن تقرر أى البرامج يمكن أن تستخدمها طبقًا لإحتياجاتك:

2017-09-30

أضف الصور المتحركة إلى موقعك على طريقة الفيس بوك

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

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

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

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

تابع:  أسرع الطرق لإنشاء صور متحركة بدون برامج

طريقة نشر الصور المتحركة GIF على موقعك بخاصية Click to preview

أولًا: إستخدمت فى هذه التدوينة إضافة مفتوحة المصدر jqGifPreview للإستفادة من ميزة Click to preview إضغط هنا للمعاينة
ثانيًا: يجب أخذ لقطة أو تصوير الشاشة لإلتقاط صورة ثابتة بصيغة PNG من الصورة المتحركة لتظهر بشكل إفتراضى قبل الضغط عليها، ورفعها على حسابك فى جوجل بلس أو أى موقع.
ثالثًا: إذا كنت تستخدم الصور المتحركة فى معظم موضوعات موقعك إتبع الخطوات:
1. إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب ( قم بالإحتفاظ بنسخة إحتياطية من القالب).
2. إبحث عن الكود التالى بإستخدام لوحة المفاتيح Ctrl+F

</head>
3. ثم أنسخ الكود التالى وقم بإضافته فوق الكود السابق مباشرة

<!--www.condaianllkhir.com-->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<link href="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.css" rel="stylesheet"></link>
<script src="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.js"></script>
4. ثم إحفظ القالب
5. توجه إلى تبويب HTML للتدوينة وقم بإضافة الكود التالى:
<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />
<script>
 $(function() {
  $(".myImg").jqGifPreview();
 });
</script>
ملاحظات :
  • إذا كان لديك مكتبة JQuery بالقالب ، فلا داعى لإضافة السطر الأزرق بالكود .
  • قم بإستبدال الجزء الملون باللون الأصفر بالكود برابط الصورة الثابتة بصيغة PNG
  • قم بإستبدال الجزء الملون باللون الأخضر بالكود برابط الصورة المتحركة بصيغة Gif
  • إذا كنت تريد إستخدام هذه الخاصية فى موضوع معين فقط يمكنك إضافة جميع الأكواد داخل تبويب HTML للتدوينة.
يمكنك أيضًا إستخدام حل آخر وهو عرض الصور المتحركة داخل Colorbox
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

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) ، لذلك يمكن للمطور أن يستخدم اللغتين معًا فى تطوير نفس التطبيق دون مشاكل.
Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2017 ©

تصميم كن مدون