تعليم الأطفال برمجة الكمبيوتر باللغة العربية

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

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

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

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

programmer child
هناك العديد المواقع والبرامج المتاحة لتعليم الأطفال البرمجة منها من يدعم اللغة العربية بجانب اللغات الأجنبية حتى يتمكن الأطفال الصغار برمجة الألعاب من دون حاجة إلى إتقان اللغات الأجنبية .

 من هذه المواقع:

1- موقع Code.org

إنطلقت مؤسسة Code.org عام 2013  بهدف تعليم علوم الحاسوب بالمدارس ، فهى تقوم بتقديم الدروس بطريقة مسلية ، وفى الآونة الأخيرة قام الموقع بإطلاق حملة  Hour of Code  و تم إضافة عدد من دروس علوم الحاسوب الذي توفرها المؤسسة باللغة العربية مناسبة لجميع الأعمار، ويمكن للأطفال من خلال الموقع الإلكترونى للقناة برمجة ألعاب الكمبيوتر بطريقة مرحة يتم من خلالها غرس المفاهيم الأساسية لعلوم الحاسوب.
 Code.org

2- موقع سكراتش Scratch 

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

3- برنامج كلمات

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

منصات وبرامج أخرى لتعلم البرمجة

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

stencyl

يمكن من خلاله إنشاء ألعاب الويندوز , أندرويد , آيفون , آيباد بدون أكواد برمجية
stencyl

ِيحتوى الموقع على مجموعة كبيرة من الأكواد الجاهزة مع ذكر فيما تستخدم هذه الأكواد، وعلى  الطفل  إختيار حزم الأكواد الصحيحة ووضعها سويا لتطوير لعبة، برنامج أو عرض تقديمي
Tynker

Alice

برنامج يشبه إلى  حد كبير منصة Scratch ويمكن الإستفادة منه فى إنشاء العروض التقدمية وقصص الأنيميشن
Alice

RoboMind

 يستخدم هذا الموقع لغة برمجة تدعى Robo وهي لغة سهلة وبسيطة لا تتطلب أي خبرة مسبقة في البرمجة يعتمد هذا الموقع على تصميم روبوت خاص بك يمكن تحريكه خلال طرق محددة

RoboMind

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

إنشاء تطبيق أندرويد مكون من أكثر من شاشة ببرنامج inventor

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

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

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

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

app inventor
فكرة عمل هذا التطبيق تعتمد فى الحقيقة على  شاشة واحدة فقط ويتم تقسيمها إلى أكثر من صفحة عن طريق أداة تخطيط الشاشة Layout التى سبق وأن شرحتها فى التطبيق السابق بالفيديو .
ولشرح هذا الدرس سأقوم بعمل مثال لتطبيق بسيط مكون من صفحتين الصفحة الأولى تحتوى على نص وليكن كلمة Welcome
والصفحة الثانية تحتوى على نص آخر وليكن Visit www.condaianllkhir.com
مع أزرار للتنقل بين الصفحتين

خطوات إنشاء التطبيق:

  • فى البداية قم بإنشاء مشروع جديد وقم بتطبيق الخطوات الآتية :

شاشة التصميم Design

  • إختر من قائمة الأدوات >>> Layout 
  • ثم إسحب إلى شاشة التصميم Vertical arrangmentمرتين بحيث يكون عندنا 
Vertical arrangment1 , Vertical arrangment2
  • ثم قم بإعادة تسميتهم بـ Screen_1  ,  Screen_2 
app inventor
  • ثم قم بضبط خصائص كل منهما كما بالصورة
app inventor
  • من شريط الادوات قم بسحب Button , Lable  وافلاته بالمستطيل بشاشة التصميم وتكرار ذلك ايضا مع المستطيل الثانى حتى يكون الشكل كما بالصورة
 ملحوظة: يمكن إضافة أى مكونات إلى المستطيلات أى نصوص أو صورأو............إلخ   بحيث ما تريده أن يظهر بالصفحة الأولى قم بإضافته للمستطيل الأول وما تريد ظهوره بالصفحة الثانية قم بإضافته للمستطيل الثانى
app inventor
ثم قم بضبط خصائص "Properties"  كل مكون  كالآتى:
Screen_1
app inventor
 Button1

app inventor
 Lable1
app inventor

 Screen_2
app inventor
Button2


 Lable2
app inventor

الآن توجه إلى واجهة البرمجة Blocks

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

قائمة روابط محتويات الموضوع تذهب لأجزاء فى نفس الصفحة لبلوجر

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

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

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

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

table of content
تكون هذه الإضافة مفيدة جدًا فى المواقع التى تحتوى على مقالات طويلة أو موضوعات ذات عناصر عديدة فهى تسهل للقارئ الوصول للنقاط التى يريد قراءتها .
  • هذه الإضافة تصلح لأى صفحة ويب Html مثل بلوجر ، وورد بريس
  • ولإضافة هذا الكود لمدونات بلوجر قم بنسخ الكود التالى ولصقه  إلى تبويب HTML فى بداية الموضوع ثم إضافة محتويات الموضوع داخل الكود فى مكانها المناسب
<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="margin-right: 40px; text-align: right;">
</h1>
<h3 style="margin-right: 40px; text-align: right;">
<a  name="menu">قائمة محتويات الموضوع</a></h3>
<ul style="margin-right: 40px; text-align: right;">
<li><a href="#العنوان الاول">اذهب الى العنوان الاول</a></li>
<li><a href="#العنوان الثانى">اذهب الى العنوان الثانى</a></li>
<li><a href="#العنوان الثالث">اذهب الى العنوان الثالث</a></li>
</ul>
<h3 style="margin-right: 40px; text-align: right;">
<a  name="العنوان الاول">العنوان الاول</a></h3>
أكتب النص الأول هنا
<h3 style="margin-right: 40px; text-align: right;">
<a  name="العنوان الثانى">العنوان الثانى</a></h3>
أكتب النص الثانى هنا </div>
<h3 style="margin-right: 40px; text-align: right;">
<a  name="العنوان الثالث">العنوان الثالث</a></h3>
أكتب النص الثالث هنا </div>
<hr style="margin-right: 40px; text-align: right;" />
<div style="margin-right: 40px; text-align: right;">
<a href="#menu">إذهب إلى قائمة المحتويات</a></div>
</div>

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

أهمية روابط التغذية RSS وكيفية الحصول عليها

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

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

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

ما هى روابط التغذية RSS  ؟

Rss هى إختصار لكلمة  "Really Simple Syndication"  وهى خدمة تمكن المستخدم متابعة تحديثات المواقع المفضلة لديه فى صفحة واحدة وذلك من خلال برامج متابعة الخلاصات أو قارئ Rss ، حيث يتم من خلالها قراءة العناوين أو جزء من الموضوع دون زيارة للموقع.
Rss icon

أهمية روابط التغذية Rss feed

تعتبر روابط Rss مفيدة جدا سواء لزوار المواقع أو أصحاب المواقع والمدونات

بالنسبة للزائرين

يمكن من خلال معرفة روابط Rss متابعة جميع المواقع فى آن واحد حيث يتم من خلالها اختصار الوقت لتصفح كل المواقع الذى تزورها بصفحة واحدة فقط. 
ويمكن متابعة هذه الروابط بأكثر من طريقة سواء على الهواتف الذكية أو من خلال الأجهزة المكتبية
 يمكن ذلك من خلال المتصفح مثل جوجل كروم internet explorer أو الفايرفوكس  
|(يمكن الإطلاع على إضافات جوجل كروم لمتابعة روابط Rss )
 أو إستخدام البرامج التى تقدم خدمة إستعراض Rss مثل Go read أو  Feedly
يمكن  أيضًا إستخدامها أثناء التصفح بدون إنترنت من خلال تطبيق pocket

بالنسبة لأصحاب المواقع

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

كيف أحصل على رابط تغذية أى موقع؟

فى موضوع سابق عرضت طريقة الحصول على رابط تغذية صفحة بالفيس بوك، أما بالنسبة للمواقع فيمكن للمتابعين أو أصحاب المواقع والمدونات الحصول على أكثر من رابط تغذية Rss للموقع الواحد ، فيمكن الحصول على رابط تغذية للموقع ككل ، أو تغذية لمتابعة قسم محدد أو حتى متابعة التعليقات فقط .
أمثلة للتوضيح:

1. روابط تغذية RSS لجميع موضوعات الموقع

ولمعرفة رابط تغذية أى موقع ببساطة يكون من خلال كتابة رابط المدونة ومن بعدها اضافة feeds/posts/default ويكون الرابط بهذا الشكل

2. روابط تغذية قسم معين من أقسام المدونة

إذا كان الموقع يشمل عدة أقسام فيمكن للقارئ متابعة القسم الذى يهتم به فقط دون الأقسام الأخرى ، حيث يضاف لرابط تغذية إسم القسم أو التسمية كما بالمثال
http://www.condaianllkhir.com/feeds/posts/default/-/Label%20Name

مع إستبدال http://www.condaianllkhir.com/ برابط مدونتك
وإستبدال  Label%20Name بإسم التسمية او القسم المراد الحصول على رابط التغذية له.

مع مراعاة إذا كانت التسمية تتكون أكثر من إسم أن تضيف الرمز %20 كفاصل بين الكلمات مثلا : تسمية إضافات بلوجر تكتب هكذا------> إضافات%20بلوجر
يمكن أيضًا إستخدام روابط خلاصات الأقسام فى بعض إضافات المدونات مثل:

3.روابط تغذية التعليقات

وهى لمتابعة التعليقات فقط وتكون كالتالى
   http://www.condaianllkhir.com/feeds/comments/default

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

إقرأ أيضًا:كيفية البحث عن معلومة على جوجل بكفاءة ودقة

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

تحميل احدث إصدار فوتوشوب وبرامج الجرافيك من شركة Adobe

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

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

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

تردد فى بعض المواقع أن شركة أدوب تتيح نسخ مجانية من برامجها إصدار Cs2 من خلال هذا الرابط , ولكن هذا ليس صحيح والحقيقة أن شركة أدوب أنهت العمل بسيرفرات تفعيل إصدارات برامج Cs2 , ولكن تم توفير أرقام تسلسلية "serial number" لمستخدمين البرامج المرخصة Cs2 الذين يحتاجون إلى إعادة تثبيت البرامج الخاصة بهم.
ونظرًا لكثرة الطلبات من متابعى دروس الفوتوشوب والإليستريتور حول تحميل نسختى برنامج Adobe Photoshop وبرنامج Adobe Illustratorفسوف أقدم لكم كيفية تحميل نسخة قانونية من أحدث إصدار من برامج شركة أدوبى المتخصصة فى برامج الجرافيكس والأنيميشن
Adobe icon
وفى هذا الموضوع سأوضح كيفية تحميل برنامج الفوتوشوب كمثال ويمكن تطبيق نفس الخطوات لتحميل أى برنامج آخر من برامج الجرافيكس التابعة لشركة ادوبى مثل ,After effects , Dreamweaver , Indesign ,Adobe Illustrator

الخطوة الأولى: التسجيل بموقع Adobe

لابد من التسجيل بموقع أدوبى الرسمى عن طريق الدخول إلى هذا الرابط  www.adobe.com ثم إتباع الخطوات كما بالصور

Adobe.com
 إذا كان ليس لديك حساب على الموقع قم بإنشاء حساب جديد بالضغط على Get an Adobe ID
Adobe ID
ثم قم بإدخال بياناتك  والضغط Sign up لإتمام عملية التسجيل
Adobe ID
بعد تفعيل الحساب ننتقل إلى خطوة التحميل

تحميل نسخة قانونية من برنامج فوتوشوب من الموقع الرسمى

 لم تعد برامج أدوب تضم الإصدارات التى تتوافق مع الأنظمة Windows 46 bits ،   Windows 32 bits فى نفس الوقت لذلك يتطلب الأمر تحميل البرنامج المتوافق مع جهازك

إذا كان جهازك Windows 46 bits

توجه إلى هذا الرابط ثم قم بتحديد برنامج الفوتوشوب أو أى برنامج آخر تريد تحميله
creative cloud
ثم قم بتحميل النسخة التجريبية من البرنامج مع مراعاة توافق الإصدار مع نظام جهازك
download phtoshop

أما إذا كان جهازك  Windows 32 bits

 يمكن تحميله من هذا الرابط
ثم ابدأ تثبيت البرنامج وتجربته مجانًا لمدة 30 يوم
phtoshop cc

إقرأ أيضًا: فوتوشوب أون لاين بدون تثبيت

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

إستبدل الكيبورد بصوتك بتقنية Speech Recognition

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

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

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

هل تعلم أنه بالإمكان الإستغناء عن لوحة المفاتيح , الماوس و التحكم فى جهاز الكمبيوتر بصوتك؟

يمكن إستخدام تقنية  Speech Recognition  للتفاعل مع أجهزة الكمبيوتر أو الهواتف الذكية دون إستخدام الماوس أو لوحة المفاتيح ، وذلك بإستخدام الميكروفون كوحدة إدخال ليتم تحويل صوتك إلى نص أو أمر من أوامر الحاسب ، وتفيد هذه التقنية عند صعوبة إستخدام الكيبورد ، الماوس أو وجود عطل بهما.
ويمكن إستخدام هذه التقنية بأكثر من طريقة فيمكن تفعيلها فى الويندوز أو إستخدام البرامج وسأحاول فى هذا المقال عرض فكرة سريعة عن الطرق المختلفة لتقنية Speech to Text

تفعيل خاصية Speech Recognition فى ويندوز 7

ميزة الاوامر الصوتية متاحة على ويندوز 7, 8 لتسهل  امكانية التحكم بجهاز الكمبيوتر ، والتحكم متاح لفتح وغلق البرامج والكتابة على محررات النصوص ولتفعيل هذه الخاصية اتبع الخطوات الآتية:
  •  تأكد من أن الميكروفون بجهازك يعمل جيدًا.
  • من زر “إبدأ” Start إذهب إلى “لوحة التحكم” Control Panel ، ثم إلى “التعرف على الكلام” Speech Recognition، وبعد ذلك اختر “بدء التعرف على الكلام” Start Speech Recognition.

  • عند البدء فى إستخدام هذه الخاصية ما عليك سوى النطق بكلمة “start listening.”
وإليك بعض الأوامر الصوتية 
الأمرإنطق هذه الجمل
فتح برنامج معين مع ذكر إسمهOpen program
التنقل بين البرامج المفتوحةSwitch to program
غلق برنامج معين مع ذكر إسمهClose program
تصغير الشاشةMinimize program
تكبير الشاشةMaximize program
للتحكم فى السكرول بارScroll down,up,left or right
يمكن النطق بالأوامر مثل DeletePress key
مثل “click File”Click something
  • يمكن أيضًا فتح أى محرر نصوص مثل Notpad وإملاؤه بالكلمات التى يريد كتابتها باللغة الإنجليزية مع مراعاة نطق علامات الترقيم عند الكتابة.

الكتابة بالصوت باللغة العربية عن طريق talktyper أون لاين

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

البحث الصوتى على جوجل

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

إقرأ أيضًا : أسرار البحث على جوجل

ويتم تفعيل هذه الميزة بفتح محرك البحث جوجل باستخدام نسخة كروم الجديدة، ثم النقر على رمز المايكروفون، وبعد ذلك النقر على زر Enable Ok Google.
 قم بنطق عبارة OK Google لكي يبدأ المتصفح بتلقي الأوامر الصوتية.

الكتابة بصوتك على الهواتف الذكية

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

نظام Android:

قم بتثبيت لوحة المفاتيح Google Keyboard من متجر Google play


iPhone and iPad

 يمكن إستخدام الميكروفون الموجود بلوحة المفاتيح الخاصة بالآى باد والآى فون أو إستخدام تطبيقات بها خاصية تحويل الصوت إلى كتابة من موقع Apple

وأخيرًا : هل خاصية تحويل الكلام إلى كتابة مفيدة بالنسبة لك؟ 

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

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

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

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

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

من أبرز المشاكل التى تواجه أصحاب المواقع عندما تتضمن صفحة بالموقع فيديو هى مشكلة بطء تحميل الصفحة خصوصًا لدى الزوار الذين يعانون من بطء إتصال شبكة الإنترنت أو إذا كانت الصفحة تحتوى على أكثر من فيديو ، مما كان ذلك يدفع أصحاب المواقع إلى تضمين الفيديو بجودة قليلة لتسريع عملية التحميل "يمكن الإطلاع على كيفية التحكم بجودة الفيديو المضمن بالمواقع" ولكن عرض Amit Agarwal حل آخر بموقع Digital inspiration  حيث إعتمد على فكرة عرض الفيديوهات على موقع Google plus لتقليل الوقت المستغرق فى تحميل الصفحة المتضمنة الفيديو.
video icon

إقرأ أيضًا: اضف روابط موقعك على  فيديو اليوتيوب



وتعتمد الفكرة على عرض الصورة المصغرة التى تعبر عن الفيديو وعليها رمز التشغيل بدلا من الفيديو بالكامل، وعند الضغط على هذه الصورة تستبدل تلقائيًا بالفيديو .
ولتطبيق ذلك , عند تضمين فيديو من اليوتيوب داخل صفحة ويب بطريقة Iframe يكون كود تضمين الفيديو هكذا:
<iframe width="320" height="180"
    src="http://www.youtube.com/embed/LcIytqkbdlo">
    </iframe>

قم بنسخ الكود التالى إلى موقعك وإستبدال الرمز التعريفى للفيديو الخاص بك من كود التضمين إلى الكود التالى وهو ما لون باللون الأحمر
 
<div class="youtube" id="LcIytqkbdlo" style="width: 320px; height: 180px;">
</div>
<script src="https://labnol.googlecode.com/files/youtube.js"></script> 

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

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

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

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

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

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

إقرأ أيضًا: كيفية إضافة قناة اليوتيوب بالكامل لموقعك

التحكم بجودة فيديو اليوتيوب و حل مشكلة قلة الجودة 

عند تشغيل أى فيديو على اليوتيوب فإنه يعمل تلقائيًا بجودة قليلة ليناسب الإتصالات البطيئة مما يجعلنا نضطر لرفع الجودة يدويا للحصول على صورة أوضح.
youtube Hd
ولكن إذا كان موقعك يحتوى على فيديو وأردت أن يعمل تلقائيا بجودة عالية فعليك بإتباع هذه الخطوات:
1. إذهب إلى الفيديو على اليوتيوب و إضغط مشاركة "share"  ثم إضغط تضمين " Embed "
ثم إنسخ كود التضمين والصقه بالمكان المناسب فى موقعك
embed youtube

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

تشغيل الفيديو تلقائيًا بأعلى جودة HD

<iframe width="620" height="465" src="//www.youtube.com/embed/i2Yh_oBJ8Ds&hd=1" frameborder="0" allowfullscreen>

تشغيل الفيديو تلقائيًا بجودة 1080p

<iframe width="620" height="465" src="//www.youtube.com/embed/i2Yh_oBJ8Ds?rel=0&amp;vq=hd1080" frameborder="0" allowfullscreen>

تشغيل الفيديو تلقائيًا بجودة 720p

<iframe width="620" height="465" src="//www.youtube.com/embed/i2Yh_oBJ8Ds?rel=0&amp;vq=hd720" frameborder="0" allowfullscreen>

تشغيل الفيديو تلقائيًا بجودة 480p

<iframe width="620" height="465" src="//www.youtube.com/embed/i2Yh_oBJ8Ds?rel=0&amp;vq=hd480" frameborder="0" allowfullscreen>

إقرأ ايضا:  اضف رابط نصى لموقعك على  فيديو اليوتيوب

تفعيل خيار  fullscreen option

إذا أردت أن تفعيل عرض الفيديو بملئ عرض الشاشة تأكد من وجود وسوم allowfullscreen> بكود التضمين وهو غالبًا يكون موجود عند تضمين الفيديو بالطريقة السابق شرحها iframe ولكنه لايوجد عند تضمين الفيديو ببعض الطرق الأخرى.
  fullscreen

كيف تجعل الفيديو مناسب للشاشات المتعددة (الموبايل/ التابلت) Responsive video

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


 إستبدل الكود الملون بالأحمر بكود تضمين الفيديو الخاص بك داخل الكود التالى :

<style type="text/css">
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<br />
<div class="video-container">
<iframe width="620" height="465" src="//www.youtube.com/embed/i2Yh_oBJ8Ds?rel=0&amp;vq=hd1080" frameborder="0" allowfullscreen>  </div>
 

إقرأ ايضًا: تعديل الفيديو على يوتيوب مباشرة


تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
Blogger Widgets
 
Privacy-Policy
كن داعيا للخير © 2013 | عودة الى الاعلى
Designed by Chica Blogger /تعريب وتطوير - مدونة فوتوشوب للعرب