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

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

مقدمة سريعة …

يمكن برمجة الاندرويد بأكثر من لغة برمجة ولكن المعتمدة من قوقل هي لغة الجافا وحتى تستطيع كتابة برامج اندرويد بلغة الجافا فانت بحاجة الى مكتبات الجافا الخاصة بالاندرويد packages وبحاجة الى بيئة تطوير متكاملة IDE لكتابة الجافا واختبارها وتصحيح اخطائها, وايضا انت بحاجة الى جهاز افتراضي لتجربة وتنفيذ برامجك عليه Virtual Android Device ويمكنك أيضا تجربة برامجك على جهاز جوال حقيقي مباشرة بعد عمل بعض الإعدادات البسيطة … لحسن الحظ فإن قوقل قامت بجمع كل ماتحتاجه لتبدأ في ملف واحد مضغوط وهنا سنشرح باذن الله الخطوات من تنزيل الملف وحتى إنشاء اول برنامج اندرويد بسيط :

الخطوة الاولى :

توجه الى صفحة Android SDK على الرابط التالي :

http://developer.android.com/sdk/index.html

android1

اضغط على زر تنزيل الملف Download the SDK ADT bundle for Windows

سيظهر لك عند الضغط نوع جهازك 32 او 64 اختر مايناسب جهازك وابدأ تنزيل الملف …

android2

للعلم حجم الملف كبير جدا اذا كان اتصال النت بطئ فعليك بالصبر …

الخطوة الثانية :

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

adt-bundle-windows-x86-20130917.zip

لاحظ هنا ان الارقام في الملف قد تختلف بحسب نوع جهازك وبحسب رقم النسخة والتي تتغير باستمرار

الان كل ماعليك القيام به هو فك الضغط عن الملف السابق مباشرة على الهاردسك حيث سيتكون لديك مجلد بنفس اسم الملف ويحتوي بداخله على مجلد eclipse ومجلد sdk وملف SDK Manager

android3

الخطوة الثالثة :

نذهب الى مجلد eclipse مباشرة لتشغيل برنامج الاكليبس eclipse.exe

android4

يفضل وضع اختصار للملف على سطح المكتب لتسهيل الوصول اليه فيما بعد .

الخطوة الرابعة :

عند بدء تشغيل الاكليبس سيسألك عن مكان حفظ المشاريع على جهازك او مساحة العمل Work Space

android5

طبعا يمكنك تحديد المكان المناسب على كيفك ويفضل يكون في مكان فيه مساحة كبيرة كافية

ويمكنك أيضا اعتبار هذا المجلد هو الافتراضي بحيث لايتم سؤالك مرة اخرى .

يفترض الان أن تظهر شاشة الاكلبس الريئسية حسب الصورة التالية

android6

الخطوة الخامسة ( اعداد جهاز افتراضي ):

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

بداية نضغط على زر انشاء وادارة الاجهزة الافتراضيه الموجود في اعلى الشاشة كما هو موضح في الشكل التالي :

android7

ستظهر لنا مباشرة الشاشة التالية ونختار منها زر جديد new لانشاء جهاز جديد

android8

الان تظهر لنا شاشة تفاصيل الجهاز الافتراضي , يمكنك هنا اختيار مواصفات الجهاز حسب الخيارات المتاحة ومبديئا يمكنك استخدام نفس المواصفات الموجودة في الشاشة التالية:

android9

في الشاشة السابقة اول خانة هي اسم الجهاز الافتراضي ويمكنك تسميته كما تحب ,

الخانه الثانية هي نوع الجهاز وهي قائمة تختار منها نوع الجهاز بحسب وضوح الشاشة ,

الخانة الثالثة هي نسخة الاندرويد المستهدفة …

وعموما يمكنك تحديد الكثير من المواصفات بما في ذلك الذاكرة ووسائط التخزين الداخلية والخارجية والكاميرا الامامية والخلفية للجهاز.

مبديئا استخدم نفس المعلومات الموجودة في هذه الشاشة للتسهيل ثم اضغط على زر Ok لانشاء الجهاز وستجد اسم الجهاز موجود ضمن قائمة الاجهزة المعرفة مسبقا مثل الشكل التالي :

android10

لاحظ وجود علامة صح الخضراء امام الجهاز الافتراضي مما يعني انه انشئ بنجاح وجاهز للعمل …

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

بعد الضغط على زر Start انتظر لفترة حتى يتم تشغيل الجهاز ويظهر بالشكل التالي :

android11

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

الخطوة السادسة :

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

1- من قائمة File نختار New ثم Android Application Project حسب الصورة التالية

android12

2- ستظهر الان شاشة تحديد اسم البرنامج وخصائصة الاولية وسنشرحها بالتفصيل :

android13

في الخانة الاولى نكتب اسم البرنامج مع ملاحظة ان هذا الاسم يظهر في المتجر ويمكن تفييره لاحقا

في الخانة الثانية اسم المشروع وهو الاسم المستخدم داخل الاكليبس فقط

الخانة الثالثة اسم الباكج او الحزمة , وهنا يوجد ملاحظة مهمة وهي ان هذا الاسم يجب ان يكون ثابت في جميع نسخ البرنامج بمعنى اخر هذا الاسم سيتم الاعتماد عليه في المتجر فيما بعد لمتابعة تحديث البرنامج في حال قمت بتطويرة واصدار نسخ جديدة

الخانة الرابعة قائمة منسدلة تختار منها الحد الادنى لل SDK بمعنى اخر تحدد الحد الادنى من المميزات التي تحتاجها اثناء التطوير وبمعنى اخر ايضا تحدد نسخة الاندرويد التي يدعمها برنامجك , طبعا يفضل دائما ان تختار نسخة اقل حتى تضمن انتشار اوسع لبرنامجك إلا إن كنت تحتاج ميزة معينه تحديدا لا توجد في النسخ القديمة … عموما ينصح هنا غالبا باختيار Android 2.2 حيث تصل الى حوالي 95 بالمئة من الاجهزة

الخانة الخامسة هي SDK المستهدفة او نسخة الاندرويد التي تريد برنامجك يستفيد من خصائصها ويفضل هنا دائما اختيار اعلى قيمة

الخانة السادسة لاختيار النسخة المستخدمة في عمل الترجمة او compile للبرنامج وغالبا هنا لا يوجد الا اختيار واحد فقط وهو اعلى نسخة متوفرة

واخيرا الخانة السابعة ببساطة تختار الشكل العام لبرنامجك من قائمة الاشكال المعرفة مسبقا او ما يعرف باسم theme والذي يتضمن اشكال والوان محددة سابقا يمكنك الاستفادة منها في بداية برنامجك

بعد كل الشرح السابق اقترح عليك ابقاء كل الخيارات تماما كما تراها في الشاشة السابقة على الاقل في برنامجك الاول …

نضغط Next للانتقال الى …

3- ننتقل الى شاشة الاعدادات …

android14

هذه الشاشة تحدد ما اذا كنت تريد انشاء صورة تشغيل لبرنامجك ( الايقونة التي تضغط عليها لتشغيل البرنامج ) وكذلك اذا ارت انشاء Activity تلقائيا يمكنك اعتبارها على انها الشاشة الاولى لبرنامجك

عمومانترك جميع الاختيارات تماما كما هي ونضغط التالي : Next

4- شاشة ايقونة البرنامج …

android15

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

نترك كل شي كما هو الان ونضغط التالي Next :

5- تحديد خيارات شكل الشاشة الاولى :

android16

تعطينا هذه الشاشة امكانية اختيار الشكل المبدئي للشاشة الاولى او ما يسمى Activity ولكن الاشكال تعتمد على نسخة الاندرويد التي تم اختياراها في خطوة سابقه لذلك نترك الاختيارات مثل ماهو موضح في صورة الشاشة ونضغط التالي Next

6- تحديد مسمى الشاشة الاولى وملف التصميم الخاص بها :

android17

لكل شاشة او Activity في الاندرويد يوجد ملف XML يحدد التصميم الخاص بها هنا فقط نحدد الاسماء وطريقة التصفح … ايضا نترك الاختيارت كما هي ونضغط زر انهاء Finish

ننتظر فترة قليلة حتى يقوم الاكليبس بتجهيز كافة الملفات والمكتبات والتصاميم بناء على اختياراتنا في الشاشات السابقة … وبعد الانتظار … يتم عرض ملفات المشروع في الاكليبس ويصبح شكله تقريبا كالتالي :

android18

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

الان صدق او لاتصدق لديك مشروع اندرويد متكامل وجاهز للعمل ويمكن البدء بتجربته , بدلا من البدء من الصفر ساعدنا برنامج الاكليبس على عمل تطبيق صغير جدا كنقطة بداية يمكننا التعديل عليه فيما بعد ولكن حاليا دعنا نجرب هذا التطبيق البسيط …

لتشغيل التطبيق نذهب الى اعلى الشاشة ونضغط زر التشغيل كما هو موضح في الشكل التالي :

android19

قد تظهر لك شاشة تسأل عن طريقة التنفيذ طبعا نختار Android Application

android20

نضغط Ok وننتظر بعض الوقت ليتم تشغيل البرنامج والنتيجة ستظهر في الجهاز الافتراضي الذي تم تعريفه سابقا , وهنا لابد من ملاحظة مايلي :

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

2- اذا لم تقم بتشغيل الجهاز الافتراضي من البداية فسيقوم البرنامج تلقائيا بتشغيل الجهاز الافتراضي المعرف مسبقا وقد تطول فترة التشغيل بعض الشي

3- اذا كنت قد عرفت اكثر من جهاز افتراضي او كان الجوال متصل بالجهاز للتجربة فسيتم عرض الاجهزة المتاحة امامك للاختيار منها

وهذه هي نتيجة التنفيذ … هذا هو البرنامج الاول :)

android21

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

طبعا هذا البرنامج لايقوم بعمل شئ سوى عرض الكلمة الشهيرة لدى المبرمجين … Hello world!

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

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

Latest Comments
  1. سعيد

    السلام عليكم

    شكرا استاذ سعيد على الدرس بأنظار الدرس الاخر بفارغ الصبر :)

  2. Mohammed Alsaggaf

    السلام عليكم ورحمة الله

    شكرا لك أخي سعيد على هذا الشرح المفيد

    تحياتي
    محمد

  3. معتز المخزومي

    شكراً جزيلاً يا استاذ هل الممكن الحصول على الدرس الثاني

  4. محمد

    مشكووووور جدا ….. وتسلم على المجهود الرائع ، تحية.

  5. maria almusheifri

    ما شاء الله شرح كافي ووافي تسلم ايدك أستاذ
    بس واجهتني مشكله اهي اني قبل لا ابدا بالعمل تحت تواجهني هالمشكلة
    A repairable Android virtual Device
    كيف احل هالمشكله

    • Emran

      حتى انا واجهتني نفس المشكلة الي عندة حل للمشكلة ياريت يعطيني الحل

  6. ALHAKIMI

    السلام عليكم
    في شاشةتفاصيل الجهاز الافتراضي زر OK غير مفعل
    ما المشكله ,,

أضف تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>