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

2016-12-19

كيف تخطط لتطوير مدونتك مع بداية العام الجديد؟

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

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

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

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

فائدة التخطيط لمدونتك:

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

ما الذى أنجزته خلال العام الماضى؟

  قبل أن تخطط لمدونتك العام القادم يجب عليك أولًا تقييم ما حققته العام الماضى لتعرف هل أنت تسير فى الإتجاه الصحيح لتستمر فى نفس الإتجاه أم هناك مشكلة ويجب عليك أن تعيد النظر فى آلية إدارتك للموقع ، لذلك يمكنك أن تتخذ بعض الإجراءات وهى:
  1.  أن تلقى نظرة على المحتوى الذى قمت بإنشاؤه العام السابق وحاول حصر أكثر الموضوعات قراءة وتفاعل من متابعين موقعك للتركيز على ما يهمهم الفترة القادمة.
  2. إنشاء تقرير عن إحصائيات العام الماضى بالإستعانة بخدمة إحصائيات جوجل Google analytics لمعرفة فئات الجمهور المستهدفة و الكلمات البحثية التى يبحث عنها الزوار.
  3. قياس مدى تواجد موقعك على مواقع التواصل الإجتماعى المختلفة لتستطيع تحديد نوعية المحتوى التى تهم الجمهور  ويمكن تطبيق ذلك بإستخدام أدوات كثيرة مثل خدمة buzzsumo.com 
  4. قم بعمل إستطلاع رأى وإسأل جمهورك عن رأيه فيما قدمته العام السابق ،وعن ما الذى يريده  منك أن تقدمه العام القادم.
  5. حصر الأهداف التى كنت تتمنى تحقيقها العام الماضى ولم تتحقق.
بذلك يكون من السهل عليك تحديد أهدافك و تكوين رؤية مستقبلية بعيدة المدى.

خطوات إنشاء خطة لإدارة موقعك:

أولا: تحديد الأهداف:

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

ثانيًا:  إنشاء جدول زمنى للخطة السنوية:

يمكنك عمل جدول تنظم به أهدافك التى قمت بتحديدها، وقد قمت بإنشاء نموذج لجدول سنوى على مستندات جوجل Google spreadsheet  
يمكنك الحصول على نسخة لك والتعديل عليها كما يناسبك 
(يستلزم التسجيل بحسابك على Gmail)
تلميحات وأفكار يمكن أن تستعين بها عند التخطيط:
  1. ترتيب الأهداف طبقًا لأولويتها فالمدون يقع على عاتقه العديد من المهام أهمها طبعًا هى صناعة المحتوى الذى يجب أن يعطيه الإهتمام الأكبر فى خطته ولكن أيضًا يجب ألا يهمل الجوانب الأخرى مثل "التسويق وإشهار الموقع ، القراءة والإطلاع ،صيانة الموقع،........".
  2.  جدولة أفكارك و عمل تصور عن نوعية الموضوعات التى سوف تقوم بكتابتها خلال هذا العام ، فيمكن تصنيفها إلى "موضوعات موسمية ، أخبار ، دروس،......" و تحديد ما سوف تكتبه فى كل قسم.
  3.  تحديد مواعيد نشر الموضوعات: بحيث أن يكون النشر بصفة منتظمة ليكون محتوى مدونتك متجدد دائما .
  4. أضف إلى خطتك إستخدام إستراتيجية جديدة للتسويق ونشر الموقع: فإذا كنت إستخدمت إحدى طرق التسويق وكانت لها نتائج جيدة فى الفترة السابقة فلا بأس أن تستمر بإتباع هذه الطريقة المجربة والمضمونة ، ولكن ما المانع أن تجرب إستراتيجية جديدة بجانبها ، فمثلًا إذا كنت تعتمد على التسويق من خلال المواقع الإجتماعية فيمكن تجربة إستراتيجيات أخرى مثل: "الإشعارات ، القائمة البريدية ، الإنفوجرافيك ،.....وغيرها".
  5. مراعاة إستخدام أحدث وسائل السيو للعام الحالى: فأضف إلى خطتك إستخدام "الكلمات المفتاحية ، بناء الروابط الخلفية الجيدة Back links  ،التجاوب مع الموبايل...........وغيرها"حتى يتصدر موقعك دائمًا نتائج البحث، كما يجب متابعة أحدث أخبار تقنيات السيو التى تتغير من عام لآخر .
  6. تطوير قالب موقعك : تأكد من أن موقعك يظهر بشكل سليم على أحدث الأجهزة ، فإذا كان موقعك غير متجاوب مع جميع الشاشات أو بطئ فى التصفح فضع فى خطتك تغيير هذا القالب إلى قالب آخر يفى بمتطلبات التقنيات الحديثة. 
  7. التجديد فى عرض المحتوى : إذا كنت تعتمد على المحتوى النصى فلما لا تجرب توصيل المعلومة عن طريق فيديو أو إستخدام الصور ، و تعطى الفرصة لزائر موقعك متابعة المحتوى بالطريقة التى يفضلها.
  8. جدد معلوماتك: "إذا لم تقرأ شيئًا فلن تكتب شيئًا" فلا تنسى تحديد عدد الكتب أو المواقع التى ستقرأها خلال العام.
  9. يجب أن تتميز الخطة بالمرونة لمقابلة التغييرات والظروف الطارئة، كما يجب مراعاة الأجازات وفترات الراحة.
  10. قم بتقييم نفسك فى نهاية كل شهر ، ثم كافئ ذاتك بما تحب عند إنجازك لما حددته من مهام.
  هذا ليس كل شئ فأنت الشخص الوحيد القادر على تحديد المعايير اللازمة للتخطيط لموقعك، فلا تضيع الوقت و إرسم خطواتك للمرحلة القادمة ولا تنس أن تخبرنا بما حققته من نجاح .
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2016-12-15

شارك فى إستبيان تقييم موقع كن داعيا للخير

survey icon


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

2016-12-10

10 ميزات رائعة قد لا تعرفها عن مستندات جوجل Google Docs

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

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

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

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

1- قم بإملاء البرنامج بدلًا من الكتابة:

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

تعمل هذه الميزة جيدًا على متصفح جوجل كروم.
تعرف أكثر على تقنية الأوامر الصوتية

2- إستخدام مستندات جوجل بدون إنترنت Offline Mode

لم يقتصر إستخدام مستندات جوجل خلال شبكة الإنترنت فقط إنما تستطيع أيضًا يمكن تحرير المستندات بدون الحاجة للإتصال بالإنترنت ، وذلك من خلال إتباع هذه الخطوات:- "ستحتاج الإنترنت فقط عند تفعيل وضع عدم الإتصال"
  1. إذهب إلى إعدادات حسابك فى جوجل درايف
  2. قم بتفعيل وضع عدم الإتصال
  3. قم بتثبيت إضافة "Google Docs offline"
فى حالة عدم وجود إتصال بالإنترنت تستطيع تحرير ملفات مستندات جوجل  وعند عودة الإتصال سيتم مزامنة ملفاتك داخل حسابك على الخدمة السحابية جوجل درايف .
تتوفر هذه الميزة أيضًا خلال إستخدام مستندات جوجل عبر هواتف الأندرويد ، الآيفون ، الآيباد.

3- إستخدام بدائل الرموز فى التفضيلات

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

 4- ميزة الإشارات المرجعية لتصفح أسهل

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

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

5-التعديل على الصور داخل المستند

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

6- الإحتفاظ تلقائيًا بنسخ إحتياطية قبل التعديل

وذلك من خلال قائمة ملف>> عرض سجل النسخ السابقة ، ستفتح لك قائمة تحتوى على عدة إصدارات لملفاتك مقسمة بحسب التاريخ، فلا مجال لضياع بياناتك.

7- التعامل مع ملفات ميكروسوفت أوفيس بنفس التنسيق

   يمكنك تحويل ملفات ميكروسوفت سوفت أوفس كالوورد ، الإكسل ، الباوربوينت إلى مستندات جوجل و لكنك ستحتاج إلى تحميل إضافة DriveForOffice.exe وتثبيتها على جهازك ،وهى التى تسمح بإستخدام هذه المستندات فى Google drive وإمكانية تحريرها بإستخدام مستندات جوجل.
DriveForOffice

والعكس يمكن أن يحدث إذا أردت إعادة تحرير مستندات جوجل بإستخدام برامج ميكروسوفت أوفس يجب حفظ المستند بتنسيق Microsoft Word (docx)
مستندات جوجل

8- أدوات البحث داخل مستندات جوجل

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

9- إختصارات لوحة المفاتيح 

البعض يفضل إستخدام بعض الإختصارات لتسهيل المهام ، إذا أردت التعرف على الإختصارات الخاصة بمستندات جوجل إضغط Ctrl+/
Google Docs

10- التحرير الجماعى للمستند

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

2016-12-04

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

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

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

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

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

خطوات صنع كتاب إلكترونى بإستخدام Google docs :

1- تجهيز المحتوى:

  تعتبر هذه المرحلة هى الأساس ، فإبدأ بإستخدام ورقة وقلم لترتيب أفكارك وتلخيصها بإسلوب شيق ثم قم بنقل هذا المحتوى لمحرر النصوص Google docs ثم إبدأ بتنسيق النص والفقرات من شريط الأدوات العلوى مع مراعاة هذه النقاط:
Google docs
  1. الخط : يجب أن يكون نوع الخط واضح وملائم للغة المكتوب بها فمثلًا إذا كنت تستخدم اللغة العربية فنوع الخط المناسب هو Arial أو  simplified Arabic كما يجب أن يكون حجم الخط مريح للعين مناسب مع مساحة الصفحة ، يمكن أيضًا إستخدام الخط السميك  B أو المائل I إذا أردت تسليط الضوء على نصوص محددة دون الإفراط فى إستخدامها.
  2. تنسيق الفقرات: إستخدم المسافة البادئة فى أول سطر من كل فقرة مع إستخدام خيارات المحاذاة لليمين أو اليسار أو التوسيط على حسب إحتياجك ولا تنس ضبط الفقرات الطويلة بإستخدام (Ctrl+Shift+j) لتساوى نهايات الأسطر ، مع مراعاة تباعد مناسب للأسطر.
  3.  إحرص على أن تدعم المحتوى بالصور والإنفوجرافيك التى تتعلق بالموضوع لدفع الملل أثناء القراءة .(تابع:كيفية إنشاء إنفوجرافيك)
  4. يمكن إستخدام التنسيقات الإضافية إذا تطلب الأمر مثل التعداد الرقمى والنقطى ،............إلخ.
  5. إستخدم علامات الترقيم (.،-؟) بالمحتوى  النصى و تأكد من خلوه  من الأخطاء الإملائية.
بالطبع هناك إمكانيات أخرى لمستندات جوجل يمكن إستغلالها ولكنى أذكر الأساسيات التى يمكن أن تنتج محتوى منسق بصورة جيدة.

2- تصميم الغلاف:

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

3- إنشاء قائمة المحتويات "الفهرس"

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

2- إذهب إلى الصفحة التى تريد إنشاء الفهرس بداخلها (غالبًا تكون فى بداية الكتاب بعد الغلاف) ثم 
من قائمة إدراج >> إختر قائمة المحتويات (يمكنك الإختيار ما بين ظهور أرقام الصفحات أو الإكتفاء بروابط إلى العناوين)
سيتم إنشاء الفهرس تلقائيا وعند أى تعديل فى الكتاب إضغط على سهم "التحديث" الذى يظهر بجوار جدول المحتويات ليتم إضافة التعديلات فى الفهرس.
Google docs

4- ترقيم الصفحات:

وذلك عن طريق إختيار رقم الصفحة من قائمة إدراج مع إختيار مكان ظهور رقم الصفحة
مستندات جوجل

5-إضافة الروابط :

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

 6- إستخدام صفحات إضافية:

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

7- حفظ الكتاب الإلكترونى

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

كيف تنشر كتابك الإلكترونى

الآن جاء الوقت ليطَّلِع الجمهور على إبداعاتك و ترى ثمرة مجهودك، وإليك الإختيار ما بين أمرين :
  1. إما أن تعرض كتابك مجانا ويكون ذلك من خلال التسويق له من خلال الشبكات الإجتماعية أو المواقع والمنتديات.
  2. أو أن تعرضه للبيع وذلك من خلال بعض المواقع المختصة بذلك مثل:
  • بيع الكتب على Google Play  : ولكنها مقتصرة على دول محددة
  • Lulu : يدعم الكتب باللغة العربية  التسجيل فى هذا الموقع مجانى ونسبتك فى الأرباح 90%
  • Payhip : التسجيل فى هذا الموقع مجانى ونسبتك فى الأرباح 95% - يتعامل هذا الموقع بــ"paypal" 
  • متجر Kindle : التابع لموقع Amazon الشهير - نسبتك فى الأرباح [35%-70%]
فى النهاية:
بالتأكيد هناك العديد من البرامج والأدوات الأخرى التى تمكنك من إنشاء كتب إلكترونية ولكنى حاولت شرح أبسط طريقة أتمنى أن تحقق لكم الإفادة .
تابع أيضًا: كيف تحول كتبك إلى تطبيق أندرويد
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا 

2016-11-27

كيفية تركيب أيقونة لتطبيق الأندرويد ببرنامج Android studio

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

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

سيدنا محمد وعلى آله وصحبه أجمعين
   الآن وبعد أن أتممت تطوير وتصميم تطبيق الأندرويد الخاص بك بإستخدام برنامج Android Studio  لا يبقى سوى تركيب أيقونة تعبر عن التطبيق وتحتوى على شعار مشروعك ، لتظهر فى النهاية بشكل مناسب سواء على متجر Google play أو الشاشة الرئيسية على هاتف المستخدم.

android app icon
فى هذا الدرس سأقوم بشرح كيفية إنشاء أيقونة بدء تشغيل التطبيق أو ما يعرف بــ Launcher icon ولكن يمكن تنفيذ نفس الخطوات عند صنع أى أيقونة تُستخدم داخل التطبيق مثل أيقونة الإشعارات أو أيقونات القوائم،.....

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

توجه إلى برنامج أندرويد ستوديو ثم من إضغط   File>>New>>>Image Asset
android studio image asset
لتفتح معك نافذة يمكن من خلالها تصميم الأيقونات سواء كانت تتكون من نص أو رمز أو صورة
لاحظ أنه هناك عدة أيقونات بأبعاد مختلفة لتظهر بنفس الجودة على جميع الشاشات بأحجامها المختلفة.

إنشاء أيقونات نصية

وذلك بإختيارText وإستبدال "Aa" بإسم التطبيق الذى يُمثل الأيقونة ، يمكن أيضًا تغيير نوع الخط واللون من خلال هذه النافذة كما بالصورة:
android studio icon generator

إنشاء أيقونات تحتوى على رموز موجودة بالبرنامج Clipart

يحتوى برنامج أندرويد ستوديو عدة رموز يمكن من خلالها تصميم أيقونة خاصة بك ، فعند تحديد Clipart ثم الضغط على رمز الأندرويد ، تفتح نافذة تحتوى على العديد من الرموز
android studio icon
android studio clipart

إنشاء أيقونات تحتوى على صورة 

إذا كنت ستقوم بنشر تطبيقك على جوجل بلاى فعليك بتجهيز صورة بأبعاد 512x512 بكسل.
يمكنك من خلال إختيار image إدراج صورة تحتوى على شعار يعبر عن تطبيقك وذلك من خلال إستدعاء مسار الصورة الموجودة بحاسوبك
android studio launcher icon
إقرأ أيضًا: كيف تصمم شعار إحترافى لتطبيقك؟
  • التحكم فى خصائص الأيقونة
يمكن من خلال نفس النافذة تغيير حجم ، لون الأيقونة ، لون وشكل الخلفية ،..........  
android studio launcher logo
بعد الإنتهاء من تصميم الأيقونة إضغط Next ثم Finish

مكان هذه الأيقونات فى ملف مشروع التطبيق

بعد تركيب الأيقونة ستلاحظ أنها مدرجة فى ملف mipmap بخمس قياسات يمكن معاينتها بالضغط عليها كالمثال التالى:
android studio launcher icon
والآن يمكنك معاينة شكل الأيقونة على هاتفك مباشرة أو من خلال المحاكى.
أتمنى أن أكون وُفقت فى الشرح و لا تنسى مشاركة الموضوع
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2016-11-22

تحويل أى موقع ويب إلى تطبيق أندرويد ببرنامج Android studio

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

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

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

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

Webview android app

الخطوة الأولى: إنشاء مشروع جديد ببرنامج أندرويد ستوديو

1- فتح مشروع جديد بإستخدام برنامج أندرويد ستوديو File > New Project
2- أكتب إسم التطبيق و الـ Package
فى هذا المشروع إخترت إسم WebView
 Package:   com.condaianllkhir.httpwww.webview
 ثم إختر Minimum SDK ثم إضغط Next
3- من النافذة التالية إختر Empty activity ثم Next ثم Finish

الخطوة الثانية : إضافة الأكواد إلى المشروع

إضافة الأكواد البرمجية ستكون فى الثلاث ملفات الموجودين بالمشروع على يسار البرنامج كما بالصورة
android studio tuts
إنسخ الأكواد التالية وإستبدلها بالأكواد الموجودة بكل ملف على حده :

ملف : AndroidManifest.xml

 ستجده فى هذا المسار:  App > Manifests > AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.condaianllkhir.httpwww.webview">
        android:versionCode="1"
        android:versionName="1.0" >

        <uses-sdk
            android:minSdkVersion="8"
            android:targetSdkVersion="23" />

        <uses-permission android:name="android.permission.INTERNET" />
        <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:supportsRtl="true"
            android:theme="@style/AppTheme">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />

                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>

    </manifest>
**الأكواد الملونة باللون الأحمر: تعطى صلاحية إتصال التطبيق بالإنترنت

ملف : activity_main.xml

  ستجده فى هذا المسار: app\src\main\res\layout\activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="5dp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:paddingTop="5dp"
    android:orientation="vertical"
    android:gravity="center_horizontal|center_vertical"
    tools:context="com.condaianllkhir.httpwww.webview.MainActivity">

    <WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

    <LinearLayout
        android:id="@+id/layoutProgress"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:gravity="center_horizontal|center_vertical" >

        <ProgressBar
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleLarge"
            android:layout_gravity="center_vertical" />
    </LinearLayout>

</FrameLayout>
**هذا الكود المسئول عن تصميم واجهة التطبيق

ملف: MainActivity.java

ستجده فى هذا المسار: app\src\main\java\com.condaianllkhir.httpwww.webview\MainActivity.java

package com.condaianllkhir.httpwww.webview;
        import android.content.Context;
        import android.graphics.Bitmap;
        import android.net.ConnectivityManager;
        import android.net.NetworkInfo;
        import android.support.v7.app.AppCompatActivity;
        import android.os.Bundle;
        import android.view.KeyEvent;
        import android.view.View;
        import android.webkit.WebSettings;
        import android.webkit.WebView;
        import android.webkit.WebViewClient;
        import android.widget.LinearLayout;
        import android.widget.ProgressBar;
        import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private ProgressBar progressBar;
    private LinearLayout layoutProgress;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webView);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);
        layoutProgress = (LinearLayout) findViewById(R.id.layoutProgress);
        webView.setVisibility(View.GONE);
        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setBuiltInZoomControls(true);
        settings.setSupportZoom(true);
        settings.setDisplayZoomControls(false);
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                webView.setVisibility(View.VISIBLE);
                layoutProgress.setVisibility(View.GONE);
                progressBar.setIndeterminate(false);
                super.onPageFinished(view, url);

            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                layoutProgress.setVisibility(View.VISIBLE);
                progressBar.setIndeterminate(true);
                super.onPageStarted(view, url, favicon);
            }
        });
        if(isOnline()) {
            webView.loadUrl("http://www.condaianllkhir.com/");
        } else {
            String summary = "<html><body><font color='red'>No Internet Connection</font></body></html>";
            webView.loadData(summary, "text/html", null);
            toast("No Internet Connection.");
        }
    }
    private void toast(String message) {
        Toast.makeText(this, message, Toast.LENGTH_LONG).show();
    }

    private boolean isOnline() {
        ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
        NetworkInfo netInfo = cm.getActiveNetworkInfo();
        return (netInfo != null && netInfo.isConnected());
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {
            webView.goBack(); // Go to previous page
            return true;
        }
        // Use this as else part
        return super.onKeyDown(keyCode, event);
    }

    }

** لا تنسى تغيير الرابط الملون باللون الأخضر برابط موقعك .
**هذا الكود بلغة الــ JAVA وهو المسئول عن بعض الأوامر منها :
  •  فتح الموقع من خلال التطبيق 
  • السماح بالتكبير والتصغير
  • السماح بتصفح الموقع من خلال التطبيق بدون الخروج لمتصفح خارجى
  •  تفعيل زر الرجوع للخلف بحيث يمكن الرجوع للصفحات التى تم زيارتها بدون الخروج من التطبيق.
لا يبقى سوى إختبار ومعاينة التطبيق عبر الهاتف أو المحاكى .
تعرف أيضًا على كيفية تغيير أيقونة التطبيق و إضافة شاشة بدء أو مقدمة للتطبيق Splash Screen
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2016-11-14

كيفية إختبار مشروعك على أندرويد ستوديو بمحاكى Genymotion

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

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

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

من الضرورى أن تقوم بمعاينة التطبيق الذى قمت بتطويره ببرنامج Android studio قبل نشره حتى تتأكد من إنه يعمل جيدًا وأنه يخلو من الأخطاء البرمجية ، لذلك شرحت بموضوعات سابقة عدة طرق لتجربة التطبيقات وهى:
  1. معاينة التطبيق على محاكى أندرويد استوديو الإفتراضى AVD
  2. تجربة تطبيقك المطور ببرنامج أندرويد ستوديو على هاتفك مباشرة
  3. تجربة التطبيق على محاكى جينى موشن  Genymotion
Genymotion

لماذا أنصح بإستخدام محاكى Genymotion ؟

  1. يتميز بأنه أسرع وأخف بصورة كبيرة بالمقارنة مع المحاكى الإفتراضى AVD
  2. به إمكانية تغيير حجم شاشة الجهاز الوهمى الذى يعمل بمحاكى Genymotion 
  3. إمكانية إنشاء أجهزة متعددة، بإصدارات مختلفة لنظام الأندرويد.
  4. يمكن التحكم فى أداء البطارية ، GPS ،  ....إلخ
  5. أحيانًا نحتاج إلى تجربة التطبيق على أكثر من جهاز فى وقت واحد مثل تطبيقات الشات، فيمكن إستخدام جينى موشن إيميوليتور كجهاز إضافى بجانب المحاكى الإفتراضى AVD.
  6. مجانى للإستخدام الشخصى.
  7. سهل التثبيت ، يدعم أنظمة Mac , windows , linux

عيوب Genymotion:

 لا يدعم خدمات جوجل مثل Google maps,Google play store , .......... و لكن إذا كان تطبيقك يحتاج إلى هذه الخدمات يمكن تثبيتها ودمجها مع المحاكى .

أولا: تثبيت محاكى جينى موشن Genymotion emulator

1- فى البداية توجه إلى موقع البرنامج الرسمى وقم بإنشاء حساب مجانى
2- قم بتحميل النسخة المجانية الكاملة بحسب نظام  حاسوبك. (with VirtualBox)
Genymotion
3- بعد تمام التنزيل قم بتثبيته على جهازك كأى برنامج آخر  ( سيطلب منك أثناء التثبيت أيضًا تثبيت Oracle Virtualbox) قم بتثبيته ومتابعة الخطوات حتى إنهاء العملية.

ثانيًا: إنشاء جهاز جديد  "virtual device" على محاكى Genymotion 

4- إضغط أيقونة برنامج Genymotion على سطح المكتب (قد يطلب منك تسجيل الدخول بحسابك الذى قمت بإنشاؤه فى الخطوة الأولى) ثم إضغط على زر "Add" أعلى نافذة البرنامج.
Genymotion setup
 5- ستظهر لك قائمة كبيرة من أجهزة الأندرويد بإصدارات مختلفة ، قم بإختيار أى جهاز تريده ثم إضغط Next حتى يتم تحميل الجهاز الذى إخترته >> بعد ذلك إضغط Finish
Genymotion setup

ثالثًا: ربط محاكى Genymotion مع برنامج  Android studio

7- إذهب إلى برنامج أندرويد أستوديو  وتوجه إلى File > Settings > Plugins
ثم إضغط على زر Browse Repositories
ثم اكتب بالبحث Genymotion واضغط عليها 
Genymotion installation

8- قم بتثبيت إضافة Genymotion Plugin بالضغط على Install plugin وإنتظر التحميل
Genymotion installation
9- قم بغلق برنامج أندرويد ستوديو وإعادة تشغيله لتفعيل الإضافة.

رابعًا: كيفية إختبار التطبيق على محاكى Genymotion:

 قم بتشغيل محاكى Genymotion وإفتح من خلاله الجهاز الذى تريده من خلال الضغط على زر Start
 Genymotion installation
سيظهر لك جهاز وهمى  Virtual Device الذى ستقوم بإختبار التطبيق عليه.
Genymotion virtual device

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

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

2016-11-07

كيفية صنع شاشة بدء أو مقدمة لتطبيق أندرويد splash screen

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

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

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

لكى تصل تطبيقاتك إلى الإحترافية ، يكون من الأفضل أن تبدأ بمقدمة تظهر مع بداية فتح التطبيق تحتوى على شعار خاص بالتطبيق، هذه المقدمة تسمى الشاشة المتلاشية أو Splash screen ، وفى هذا الموضوع سأعرض كيفية إنشاء مقدمة بسيطة بإستخدام برنامج   Android Studio مع شرح الأكواد وإليك الخطوات :
splash screen

الخطوة الأولى : بدء مشروع جديد

1- فتح مشروع جديد بإستخدام برنامج أندرويد ستوديو File > New Project (راجع كيف تبدأ إنشاء تطبيق أندرويد
2- أكتب إسم التطبيق و إختر Minimum SDK ثم إضغط Next
3- من النافذة التالية إختر Empty activity ثم Next ثم Finish

الخطوة الثانية : إدراج صورة مناسبة كمقدمة للتطبيق

4- تجهيز صورة لإستخدامها كشاشة بدء بصيغة jpeg أو png وبأبعاد  800×1280
5- قم بتسمية هذه الصورة splash_image
6- قم بنسخ هذه الصورة ولصقها داخل ملف drawable الموجود بالتطبيق كما بالصورة
android studio Tutorials

7- ثم من خلال ملفات التطبيق إضغط كليك يمين على ملف Layout كما بالصورة
Layout >>New>>Layout resource file
android studio Tutorials
8- قم بتسمية الملف  splash.xml ثم إضغط OK
android studio Tutorials
وإنسخ بتبويب Text لملف splash.xml الكود التالى:
هذا الكود خاص بأبعاد الصورة

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@drawable/splash_image"
 android:orientation="vertical">

</LinearLayout>
android studio Tutorials

الخطوة الثالثة: أضف أكواد الجافا

9- إذهب إلى ملف java داخل ملفات التطبيق ثم إختر الــ package الخاص بتطبيقك وإضغط عليه كليك يمين ثم إختر New >>Java Class
android studio Tutorials
وقم بتسميته SplashScreen
android studio Tutorials
 10-ثم إنسخ الكود التالى وقم بلصقه بتبويب Text لــ SplashScreen
package com.condaianllkhir.httpwww.splash;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;

/**
 * Created by DrRO on 7-Nov-16.
 */
public class SplashScreen extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.splash);

        Thread timerThread = new Thread(){
            public void run(){
                try{
                    sleep(3000);
                }catch(InterruptedException e){
                    e.printStackTrace();
                }finally{
                    Intent intent = new Intent(SplashScreen.this,MainActivity.class);
                    startActivity(intent);
                }
            }
        };
        timerThread.start();
    }

    @Override
    protected void onPause() {
        // TODO Auto-generated method stub
        super.onPause();
        finish();
    }

}
إستبدل السطر الملون باللون الأحمر بإسم الــ package الخاص بك
** فائدة هذا الكود  أنه يؤدى إلى توقف عمل الشاشة المتلاشية بعد فترة محددة ولا يسمح للعودة مرة أخرى إلى هذه الشاشة المتلاشية إذا ضغط المستخدم زر back

 الخطوة الرابعة :إضافة SplashScreen Activity إلى ملف AndroidManifest.xml

11- قم بفتح مجلد التطبيق وتوجه إلى ملف AndroidManifest.xml كما بالصورة
App > Manifests > AndroidManifest.xml
android studio Tutorials
ثم إنسخ الكود التالى بملف AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.condaianllkhir.httpwww.splash" >

 <application
 android:allowBackup="true"
 android:icon="@mipmap/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >

 <activity
 android:name=".SplashScreen"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>

 <activity
 android:name=".MainActivity"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="com.condaianllkhir.httpwww.splash" />

 <category android:name="android.intent.category.DEFAULT" />
 </intent-filter>
 </activity>
 </application>

</manifest>
إستبدل السطور الملونة باللون الأحمر بإسم الــ package الخاص بك
** فائدة هذا الكود : لابد من إضافة SplashScreen Activity إلى ملف AndroidManifest.xml ليتم التعرف عليها و بدء التطبيق بالشاشة المتلاشية

الخطوة الخامسة: معاينة التطبيق

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

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

تصميم كن مدون