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

2016-06-20

فتح الصور والفيديو والروابط الخارجية داخل صندوق الضوء Colorbox

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

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

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

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

كيفية تثبيت إضافة Colorbox على مدونات بلوجر

1. إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب ( قم بالإحتفاظ بنسخة إحتياطية من القالب).
2. إبحث عن الكود التالى بإستخدام لوحة المفاتيح Ctrl+F
</head>
3. ثم أنسخ الكود التالى وقم بإضافته فوق الكود السابق مباشرة

<link href='https://cdn.rawgit.com/DrRO/colorbox/master/example1/colorbox.css' rel='stylesheet'/>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
  <script src='https://cdn.rawgit.com/DrRO/colorbox/master/jquery.colorbox.js'/>
<script type="text/javascript">
 // Make ColorBox responsive
 jQuery.colorbox.settings.maxWidth  = '95%';
 jQuery.colorbox.settings.maxHeight = '95%';

 // ColorBox resize function
 var resizeTimer;
 function resizeColorBox()
 {
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    if (jQuery('#cboxOverlay').is(':visible')) {
      jQuery.colorbox.load(true);
    }
  }, 300);
 }

 // Resize ColorBox when resizing window or changing mobile device orientation
 jQuery(window).resize(resizeColorBox);
 window.addEventListener("orientationchange", resizeColorBox, false);
</script>
<script>
$(document).ready(function(){
$(&quot;a[rel=&#39;images&#39;]&quot;).colorbox({transition:&quot;fade&quot;}); 
$(&quot;a[rel=&#39;imagessamesize&#39;]&quot;).colorbox({transition:&quot;none&quot;, width:&quot;75%&quot;, height:&quot;75%&quot;});
$(&quot;a[rel=&#39;slideshow&#39;]&quot;).colorbox({slideshow:true}); 
$(&quot;.youtube&quot;).colorbox({iframe:true, innerWidth:760, innerHeight:520}); 
$(&quot;.vimeo&quot;).colorbox({iframe:true, innerWidth:760, innerHeight:520});
$(&quot;.iframe&quot;).colorbox({width:&quot;80%&quot;, height:&quot;80%&quot;, iframe:true}); 
$(&#39;a[href$=jpg]&#39;).colorbox();
$(&#39;a[href$=jpeg]&#39;).colorbox();
$(&#39;a[href$=png]&#39;).colorbox();
$(&#39;a[href$=gif]&#39;).colorbox();
$(&#39;a[href$=bmp]&#39;).colorbox();
$(&#39;a[href$=JPG]&#39;).colorbox();
$(&#39;a[href$=JPEG]&#39;).colorbox();
$(&#39;a[href$=pdf]&#39;).colorbox({iframe:true, innerWidth:760, innerHeight:520});
$(&#39;a[href$=swf]&#39;) .colorbox({iframe:true, innerWidth:660, innerHeight:420});
});
</script>

4. ثم إحفظ القالب.

ملاحظات هامة:

  • يفضل إزالة السطر الملون بالأزرق إذا كان لديك مكتبة jQuery فى القالب. 
  • يجب التأكد من تعطيل خاصية Lightbox الموجودة فى قوالب بلوجر لتجنب فتح الصور مرتين :
 وذلك بالذهاب إلى لوحة تحكم بلوجر ثم تبويب الإعدادات ثم تبويب مشاركات وتعليقات
ثم قم بإختيار "لا" بجوار "عرض الصور فى العرض المبسط"
blogger lightbox
والآن نتجه إلى تفعيل الإضافة على الصور والفيديو والروابط الخارجية

أولا: تفعيل إضافة Colorbox على الصور

  • تعمل إضافة Colorbox تلقائيًا دون تدخل منك بالنسبة للصور (كل صورة بالموضوع تفتح مستقلة عن الأخرى)
  •  ولكن إذا أردت أن تعرض الصور على هيئة عرض شرائح Slideshow إتبع الآتى:
  1. قم برفع الصور التى تريد إدراجها إلى المشاركة
  2. ثم إذهب إلى تبويب HTML  للمشاركة وإبحث عن كود الصور
  3. إضف الوسوم rel="slideshow"  بين a  و herf  لكل الصورة 
ليكون كالمثال التالى:

<a rel="slideshow" href="رابط الصورة الأولى  " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="رابط الصورة الأولى مصغرة" width="290" /></a></div>

<a rel="slideshow" href="رابط الصورة الثانية" imageanchor="1"  style="margin-left: 1em; margin-right: 1em;"><img border="0" src="رابط الصورة الثانية مصغرة" /></a></div>
.
.
وهكذا

ثانيًا: تفعيل إضافة Colorbox على الفيديو

يمكن من خلال أداة Colorbox فتح الفيديو داخل صندوق الضوء وذلك من خلال الضغط على رابط نصى أو صورة مصغرة ولتفعيل ذلك على بلوجر إتبع الآتى:
  1. داخل مشاركة بلوجر قم بإضافة نص يؤدى إلى الفيديو مثلا : "إضغط هنا لمشاهدة الفيديو" ثم قم بإضافة رابط تضمين للفيديو على اليوتيوب على هذا النص
  2. إذهب إلى تبويب HTML للمشاركة وإبحث عن الكود الذى به رابط الفيديو.
  3. أضف الوسوم class="youtube" بين a  و herf  لرابط الفيديو إذا كان من اليوتيوب ليكون كالمثال التالى:
<a class="youtube" href="رابط تضمين مباشر للفيديو على اليوتيوب" title="كيفية إنشاء تطبيق القرآن الكريم">اضغط هنا لمشاهدة الفديو</a>

ملاحظات هامة:

  • إذا كان الفيديو من موقع فيمو >> قم بإضافة الوسوم class="vimeo" بين a  و herf لرابط تضمين الفيديو المباشر.
  • يمكن أيضًا إستبدال النص الذى يحمل رابط الفيديو بصورة مصغرة بالضغط عليها يتم فتح الفيديو داخل صندوق الضوء ، ولتنفيذ ذلك يمكن رفع الصورة المصغرة للمشاركة وإضافة رابط تضمين الفيديو إليها ثم إضافة الوسوم class="youtube" بين a  و herf  لرابط الفيديو  
مثال لكود صورة مصغرة تحمل رابط فيديو

https://www.youtube.com/embed/i2Yh_oBJ8Ds
إضغط على الصورة لمشاهدة الفيديو
الكود المستخدم:
<a  class="youtube"  href="https://www.youtube.com/embed/i2Yh_oBJ8Ds">
<img src="https://1.bp.blogspot.com/-h_mXwHvfgUo/VGZFVgbGphI/AAAAAAAAHds/v3aa-ZZ-eI4/s1600/quraan-icon.png"></a>

ثالثُا: تفعيل إضافة Colorbox على الإطارات التى تحتوى على الروابط الخارجية iframe

يعتبر Colorbox من الحيل التى تستخدم للحفاظ على إحصائيات الموقع فى حالة وجود روابط خارجية ، فبدلا من أن يترك الزائر الموقع بسرعة ليتبع رابط تحميل أو معاينة أى موقع يمكن أن يقوم بهذه المهمة من خلال فتح الرابط بإطار iframe داخل صندوق الضوء ، وبالتالى يقضى الزائر فى الصفحة فترة أطول...، ولتفعيل هذه الميزة إتبع الآتى:
  1. قم بإضافة النص مرتبط به الرابط الخارجى داخل المشاركة.
  2. توجه إلى تبويب HTML للمشاركة و إبحث عن سطر الكود الخاص بالرابط الخارجى.
  3. أضف الوسوم class="iframe" بين a  و herf  للرابط الخارجى ليكون الكود كالتالى:
<a class="iframe" href=" الرابط الخارجى" rel="nofollow" target="_blank">إضغط هنا للمعاينة </a></div>

مميزات أخرى للـ Colorbox

يمكن توظيف هذه الأداة الرائعة فى العديد من المهام فيمكن إستخدامها فى فتح الكتب الإلكترونية PDF داخل صندوق الضوء ، كذلك يمكن إستخدامها مع ملفات الفلاش (وتجنب صعوبة تحميل الصفحة التى تحتوى على الفلاش).
يمكن أيضًا إستخدام Colorbox مع نموذج الإتصال أو لعرض أدوات المشاركة على المواقع الإجتماعية .........إلخ.

إذا كنت تريد تخصيص أكثر للأداة و تغيير تأثيرات عرض صندوق الضوء ، يمكنك تحميل الإضافة من موقعها الرسمى Colorbox والتعديل عليها ورفعها على إستضافتك الخاصة أو الإستضافة على Github أو Dropbox.

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

2016-06-10

10 مهارات أساسية لتبدأ التعامل مع الفوتوشوب (المستوى الأول)

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

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

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



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

المستوى الأول فى تعلم الفوتوشوب

تعلم الفوتوشوب
إذا كنت تفكر فى إستخدام برنامج الفوتوشوب فقط تابع هذا الملخص لشرح الأدوات العامة والأساسية التى تمكنك بالتعامل مع البرنامج كخطوة أولى لطريق الإحتراف ولكن قبل أن تبدأ عليك بتنفيذ الآتى:
  1. تحميل نسخة من البرنامج من شركة أدوب (تابع هذا الموضوع)
  2. فتح عمل جديد فى البرنامج وذلك من قائمة File >>New أو فتح الصورة التى تريد التعديل عليها من خلال File >>open  ثم إختيار الصورة من جهازك.
والآن ننتقل إلى شرح المهارات الأساسية:

 1 .  ميزة الطبقات فى برنامج الفوتوشوب Layers

  • أهم ما يميز هذا البرنامج أنه بالإمكان إنشاء أى عنصر من عناصر التصميم فى طبقة مستقلة حتى تتمكن من حرية التحكم فى كل طبقة على حدة ووضع التأثيرات عليها دون التأثير على الطبقات الأخرى .
  • توجد نافذة الطبقات بواجهة البرنامج الإفتراضية أسفل اليمين.
  • ممكن أن تضيف بالطبقات نص ، صورة ، شكل ،......إلخ وإضافة الـتأثيرات عليه
photoshop layer
  • يمكن إستخدام الأيقونات أسفل نافذة الطبقات لإضافة أو إزالة الطبقات.
  • لتحديد الطبقة للتعديل عليها ، يكون ذلك بالضغط عليها فى نافذة الطبقات Layers 
  • يمكن التحكم بإخفاء وإظهار أى طبقة بالضغط على علامة "العين" بجانب هذه طبقة.
  • يمكن أيضًا التحكم فى درجة شفافية كل طبقة من خلال تغيير قيمة Opacity الموجودة بأعلى نافذة الطبقات.
  • لتكرار أى طبقة : يكون ذلك بالنقر (كليك يمين على هذه الطبقة وإختيار Duplicate Layer)
طبعًا هذا شرح للحد الأدنى للتعامل مع الطبقات وسأوفر بإذن الله شرح أكثر إستفاضة فى هذا الأمر فيما بعد بإذن الله. 

2. أداة تحريك العناصر Move tool

  • تعتبر أداة أساسية تستخدم لتحريك أى عنصر من عناصر التصميم وتوجد بأعلى شريط الأدوات بالبرنامج.
  • لتحريك أى عنصر إضغط أولًا على الطبقة الموجود بها هذا العنصر >> ثم إضغط على أداة Move tool وقم بسحب العنصر فى المكان الذى تريده بالتصميم. 
  • يمكن أيضًا تكبير أو تصغير أو دوران هذا العنصر من خلال المربعات الصغيرة التى تظهر عند إستخدام هذه الأداة.
photoshop move tool
  • يمكن أيضًا التحكم فى شكل العنصر أثناء تفعيل Move tool وذلك من خلال قائمة Edit ثم إختيار transform path حيث يمكن من خلالها تغيير إتجاه العنصر أو التعديل على شكله.
  • بعد الإنتهاء من إستخدام هذه الأداة >> إضغط Enter 

3. إضافة التأثيرات على الطبقات Layer Style

  • لإضافة تأثير على أى طبقة قم بالنقر مرتين على هذه الطبقة فى نافذة الطبقات >> ستظهر نافذة التأثيرات .
  • يمكن من خلالها إضافة ظل Drop shadow ، تدرج لونى Gradiant overlay ، حدود storke ،....... وغير ذلك من التأثيرات ، ويتم ذلك بتفعيل العلامة بجانب كل تأثيرا تريد إضافته.
photoshop effects
  • يمكن التحكم بإعدادات التأثيرات بتغيير القيم الموجودة بكل تأثير حتى تصل لأفضل نتيجة.

4. أداة الفرشاة Brush tool

  • الفرش فى الفوتوشوب هى رسومات جاهزة التى يمكن إضافتها للصور ، ولإستخدام هذه الأداة إضغط على رمز الفرشاة بشريط الأدوات بالبرنامج.
  • سيظهر بأعلى واجهة البرنامج إعدادات الفرشاة التى يمكن التحكم بها فيمكن من خلالها إختيار شكل الفرشاة وحجمها.
photoshop brush tool
  •  يمكن أيضًا إدخال فرش خارجية من جهازك إلى البرنامج وتكون هذه الفرش متوفرة فى كثير من المواقع  وتكون بصيغة abr > ولإضافتها قم بالنقر على Load Brushes كما بالصورة ثم إختر الفرشاة المناسبة من على جهازك.

تابع أيضًا : إصنع فرش فوتوشوب بنفسك

5.أداة الممحاة Eraser tool

  • تستخدم هذه الأداة لإزالة الأجزاء الغير مرغوب فيها من الصورة.
  • إضغط على أداة الممحاة فى شريط الأدوات يسار واجهة البرنامج ، سيظهر لك إعدادتها أعلى الشاشة حيث يمكن تغيير حجمها وشكلها.
  • لا تنس أن تقوم بإختيار الطبقة التى تريد إزالة أجزاء منها من نافذة الطبقات.
  • يمكن تغيير شكل الممحاة بنفس طريقة تغيير أشكال أداة الفرشاة ، ولكن الممحاة تمحى اللون بدلا من أن تضيف اللون بالفرشاة.
photoshop eraser tool
  • بالضغط المستمر على أداة الممحاة ستجد أداتين إضافيتين :
Background Eraser tool: تستخدم لإزالة الخلفية من الصورة . (تابع طريقة أخرى لإزالة الخلفية من الصورة)
Magic Eraser Tool: أداة سحرية لإزالة لون محدد من الصورة بضغطة واحدة.

6.إضافة النصوص Text tool

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

 يمكن أيضا متابعة كيفية إضافة خطوط للبرنامج

7. التعامل مع الألوان

  • من خلال النقر على مربع الألوان الموجود بشريط الأدوات تظهر نافذة Color Picker ليتم إختيار اللون المطلوب العمل به.
  • يمكن إستخدامه لتلوين نص أو الفرش أو أى عنصر من عناصر التصميم.
  • إذا أردت إستخدام نفس درجة لون جزء معين فى الصورة مرة أخرى فى كتابة نص أو تلوين شكل أو غير ذلك   فيمكن الإعتماد على أداة Eye Dropper الموجودة بشريط الأدوات كما بالصورة.
photoshop color
  •  لإستخدام أداة Eye Dropper >> قم بالنقر على الأداة من شريط الأدوات ثم النقر على الجزء الذى تريد أخذ لونه بالصورة >>ستجد مربع الألوان تلون بهذا اللون ويمكن تلوين أى عنصر آخر به.

8.رسم الأشكال فى الفوتوشوب Shape tool

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

9.أداة القص Crop tool

  • تستخدم هذه الأداة فى قص الصورة  وتوجد فى شريط أدوات البرنامج.
  • لإستخدامها إضغط على أداة Crop ثم إسحب على الصورة حسب حدود الصورة التى تريدها.
  • يمكن التحكم بالمربعات الصغيرة التى تظهر عند إستخدام الأداة.
  • بعد الإنتهاء من إستخدام الأداة إضغط Enter لتنفيذ المهمة.
crop tool

 10. كيفية حفظ العمل النهائى

  • يتم حفظ الصور على برنامج الفوتوشوب مثل أى برنامج آخر من خلال قائمة File ثم Save as
  • من النافذة التى ستظهر ، نختار من خيارات Format نوع الملف :  JPEG إذا كانت صورة عادية أو PNG إذا كانت ذات خلفية شفافة ، Gif إذا كانت صورة متحركة ،أو حتى PSD إذا كنت تريد حفظ الملف لفتحه مرة أخرى ببرنامج الفوتوشوب (يحفظ الطبقات كما هى)


photoshop save format
  • يمكن التحكم فى جودة الصورة من خلال النافذة التى تظهر بعد ذلك كما بالصورة.
  • إذا كنت تريد رفع الصورة على النت يفضل إختيار من قائمة File >> Save For Web and devices والتعديل على إعدادات الصورة.
save for web

فى النهاية:

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

تابع المزيد: مكتبة دروس فوتوشوب احترافية للمبتدئين

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

2016-05-30

كيف تختار التطبيقات الطبية للحفاظ على الصحة العامة

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

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

سيدنا محمد وعلى آله وصحبه أجمعين
medical -android
مع إزدحام الحياة بالمهام الكثيرة ، قد تؤدى المشاغل اليومية الغفلة عن بعض الأمور التى تهم صحتك ، إلا أنه يمكن إستغلال التكنولوجيا الحديثة وتقدمها فى مجال الهواتف الذكية فى متابعة الصحة العامة والحفاظ عليها ، ومع كثرة التطبيقات المتوفرة فى هذا المجال قد تحتار أى التطبيقات تكون مناسبة لك ، لذلك سأعرض معكم بعض النقاط الرئيسية التى يمكن أن يتم إختيار التطبيق على أساسها ومن أهم هذه النقاط:
  1. الإطمئنان على صحتك بشكل عام
  2. التذكير بشرب الماء
  3. الحصول على الغذاء الصحى و الحفاظ على الوزن
  4. تنظيم وقت النوم
  5. معرفة معلومات طبية عن الأمراض والأدوية
  6. الإسعافات الأولية و الطوارئ
  7. الحفاظ على الصحة من أضرار الهاتف.
وبعد تحديد الهدف الذى ستختار على أساسه التطبيق أقترح عليكم بعض الأمثلة لتطبيقات هواتف الأندرويد التى يمكن أن تختاروا منها ما يناسبكم.

إقرأ أيضًا: تطبيقات لحماية الأطفال من الهواتف الذكية

تطبيق للإطمئنان على صحتك بشكل عام

S Health

ليس من المعقول أن نتحدث عن التطبيقات الصحية دون أن نذكر تطبيق S Health  هذا التطبيق الذى أنشأته شركة سامسونج و جعلته متاحًا لجميع مستخدمى أجهزة الأندرويد (إصدار كيتكات 4.4 على الأقل).
S Health

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

تطبيقات للتذكير بشرب الماء

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

Water Drink Reminder

 Water Drink Reminder
 يساعدك هذا التطبيق على تذكر شرب الماء من خلال تنبيهات وإشعارات يمكن ضبطها ، مع جدول ورسم بيانى لشرب المياه.

Hydro Coach

 Hydro Coach

يقوم التطبيق بحساب متطلباتك من الماء بحسب العمر والوزن مع تتبع توازن الماء لديك خلال مفكرة بسيطة بالتطبيق بالإضافة إلى التنبيهات للتذكير بشرب الماء.

تطبيقات للحصول على الغذاء الصحى و الحفاظ على الوزن

Eat This Much

Eat This Much

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

Revive

Revive

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

تطبيقات تنظيم وقت النوم

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

SleepyTime

 SleepyTime

يساعد هذا التطبيق على تنظيم دورة النوم حيث يقوم التطبيق بحساب عدد ساعات النوم والإستيقاظ مع إمكانية ضبط التنبيه للإستيقاظ 
 Sleep Cycle
يمكن تنظيم وقت النوم من خلال التطبيق وذلك بتحديد موعد ثابت للنوم من خلال التطبيق وكذلك موعد ثابت للإستيقاظ .

تطبيقات تقدم معلومات طبية

يمكن إستخدام تطبيقات تزودك بأى معلومة فى مجال الصحة و تجيب على أى تساؤل أو إستفسار فهى بمثابة قاموس طبى معك فى أى مكان - إليك بعض الأمثلة

دليل الأمراض

 دليل الأمراض

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

 Epocrates Plus

 Epocrates Plus
يوفر هذا التطبيق  إمكانية التعرف على الأدوية وإحتمالية تعارض إستخدام دواء مع دواء آخر ، كما يمكن متابعة أحدث الأخبار الطبية من خلاله هذا بالإضافة إلى معلومات عن الأدوية البديلة .

تطبيقات مفيدة فى حالات الطوارئ

ICE - in case of emergency

ICE - in case of emergency
يفيد هذا التطبيق فى حالة حدوث طارئ - لقدر الله- حيث يمكن تحديد بيانات من يمكن الإتصال بهم من أشخاص محددين أو أطباء مع تحديد المعلومات الصحية الخاصة بالمستخدم ، يعمل هذا التطبيق أثناء قفل شاشة الهاتف بكلمة مرور.

تطبيقات للحد من أضرار الهاتف 

wifi Radiation Meter

wifi Radiation Meter

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

2016-05-22

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

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

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

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

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

1. شرح موقع Github

Github logo

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

شرح الإستضافة على موقع Github

قم بالتسجيل فى الموقع وإنشاء حساب ثم إتبع الخطوات التالية: 
1. قم بإنشاء مستودع جديد من خلال النقر على New Repository
Github 
2.  إختر إسم مناسب لمشروعك ثم أضبط الإعدادات كما بالصورة
Github
 3. قم  برفع الملف من جهازك وذلك بالضغط على upload files
"يمكن أيضًا كتابة الأكواد من خلال محرر النصوص وذلك بالضغط على create new file مع مراعاة كتابة إمتداد الملف عند تسميته"
Github
Github 
 4. للحصول على رابط مباشر لملفاتك لإستخدامها داخل الموقع أو المشروع أيًا كان إتبع الخطوات كما بالصورة
Github
مع العلم أن الرابط المباشر بهذه الطريقة يعرض محتويات الصفحة من أكواد أما إذا أردت رابط مباشر لعرض الويب مثلا فعليك باستخدام هذه الخدمة https://rawgit.com/

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

الطريقة الصحيحة لكتابة أكواد CSS داخل مدونات بلوجر

 2. موقع bitbucket

bitbucket

يعتبر موقع bitbucket هو البديل رقم 1 لموقع Github فهو يشبهه إلى حد كبير ولكنه يسمح بإستضافة عدد غير محدود من المشاريع الخاصة مجانًا ولكن بحدود "5 أفراد فى فريق العمل الجماعى" مع إمكانية زيادة العدد بترقية حسابك إلى حساب مدفوع.
الموقع أيضًا يحتوى على عدد كبير من مشاريع مفتوحة المصدر يمكن الإستفادة منها.

3. بدائل أخرى

فى النهاية

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

2016-05-17

أداة جديدة من ميكروسوفت لتحويل البيانات إلى تطبيقات

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

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

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

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

  آلية بناء التطبيقات بإستخدام Microsoft power apps ؟ 

فى الغالب تعتمد خدمة microsoft power apps فى انشاء التطبيقات على البيانات المتوفرة على المنصات السحابية مثل (Office 365 ، Excel ، Onedrive, Dropbox ,Google drive,.......) فهى تمكن المستخدم من ربط مصادر البيانات مع بعضها.
Microsoft power apps

مميزات أداة Microsoft power apps

  1. لا تحتاج لكتابة أى أكواد برمجية لبناء تطبيقك.
  2. تعتمد على خاصية السحب والإفلات فى تصميم التطبيق.
  3. توفر الخدمة العديد من القوالب الجاهزة التى يمكن التعديل عليها مع إمكانية بداية عمل جديد خاص بك.
  4. إمكانية ربط الخدمة بالعديد من الخدمات والتطبيقات الأخرى مثل office 365  , Github , facebook, twitter وذلك عن طريق Microsoft flow 
  5. إمكانية مشاركة التطبيقات التى تم بناؤها بإستخدام تطبيق Power apps (preview)
  6. الخدمة توفر للمستخدمين العديد من الشروحات المساعدة فى بناء التطبيقات. 
  7. تقدم شركة ميكروسوفت الخدمة مجانًا لعدد غير محدود من التطبيقات. 
  8. التطبيقات المطورة بهذه التقنية تعمل على جميع الأجهزة بما فيها الهواتف الذكية بأنظمتها المختلفة (android , ios) ، التابلت أو حتى الأجهزة المكتبية التى تعمل بنظام ويندوز 10.
**أعتقد أن هذه الخدمة ستكون بمثابة تطور كبير فى صناعة التطبيقات وستساعد فى العديد من المهام المفيدة . 
إقرأ أيضًا:

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

2016-04-25

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

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

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

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

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

2016-04-18

أدوات تساعد فى تسويق موقعك عبر شبكات التواصل الإجتماعى

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

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

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

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

2016-04-04

امساكية رمضان 2016/1437 فى العواصم العالمية Ramadan Calendar

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

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

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

فانوس رمضان
بعد أن قدمت امساكيات رمضان فى عواصم الدول العربية أقدم لكم تقويم شهر رمضان القادم فى بعض الدول والعواصم فى قارات العالم بجودة عالية تصلح للطباعة.
تابع: مطويات رمضانية
     تطبيق "كم باقى على رمضان" للأندرويد

 كل إمساكية تشمل موعد بداية الصيام و كذلك موعد الإفطار.
يمكن أيضًا معرفة مواعيد الصلاة (الفجر - الشروق - الظهر - العصر - المغرب - العشاء).
Privacy-Policy | عودة الى الاعلى
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2016 ©