تعلم تطوير برامج (iPhone, iPad, and Android) بإستخدام جافا سكربت فقط – تنصيب Appcelerator Titanium على نظام ماك

الكاتب \ تصنيف تدريب, تقنية, عام \ يونيو 18, 2011

هذا الجزء الثاني من هذه السلسلة و التي اخذكم فيها لتعلم التطوير لبرامج (iPhone, iPad, and Android) باستخدام لغة جافا سكربت فقط. هذه التدوينه هي عن طريقة تنصيب برنامج Appcelerator Titanium على نظام ماك (Mac OS X 10).

 

الدروس:

  1. مقدمة عن Appcelerator Titanium
  2. تنصيب Appcelerator Titanium على نظام ماك
  3. بناء تطبيق أهلا بالعالم بإستخدام Titanium
  4. التعامل مع الشاشات – 1
  5. التعامل مع الشاشات – 2

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

لتثبيت (Titanium) نحتاج إلى تثبيت (iOS SDK)  اذا كنت ترغب بالتطوير لنظام الآيفون (يعمل فقط على اجهزة الماك فقط) . و  (Android SDK) اذا كنت تريد التطوير لنظام اندرويد (يعمل على الويندوز، لينكس و ماك). خلال دروسنا سنعمل على تطوير برامج تعمل على (iPhone, iPad, and Android) بالتالي سنثبتهم جميعاً.

 

ملاحظة: نحن نعمل على نسخة Titanium Mobile SDK 1.7.0

ملاحظة مهمة: ستجد دروس على الإنترنت مختلفة عن الشرح هنا. والسبب انها قديمة. هذه التدوينة تعتمد على آخر نسخة كما نشرح Titanium Studio و هو جديد حتى كتابة هذه التدوينة.

 

سنحتاج إلى تثبيت التالي:

  1. xCode 3 and iOS 4.3
  2. Android SDK
  3. Titanium Studio – يوجد بداخلة Titanium Mobile SDK فيكفي تثبيته فقط وهو سيقوم بتثبيت Mobile SDK. و في هذا الدرس نعتمد على النسخة 1.7.0.

 

1- تثبيت xCode 3 and iOS 4.3

للتطوير على الايفون يجب ان تسجل اولاً في موقع Apple و من ثم تسجل كمطور. تستطيع التسجيل من هنا (http://developer.apple.com/programs/ios)  و ستحتاج إلى دفع 99 دولار اذا رغبت في نشر تطبيقك في سوق الإيفون. لا تحتاج دفعها الآن لكن إذا أردت نشرة أو نقلة على جهازك. طبعاً تستطيع نقلة إلى جهازك إذا عملت (Jail Break). بصراحة أنا جديد في عالم أبل، وأجد موقع أبل غريب تاره يطلب مني أدفع وتاره لا. الآن أنا سجلت ولا طلب مني أدفع إلا لما أحاول نشر التطبيق، لكن أجد البعض يقول لا انه يجب أن تدفع اولاً قبل كل شيء. المهم بعد التسجيل و الدخول بإسم المستخدم وكلمة المرور يرجى الذهاب إلى

http://developer.apple.com/devcenter/ios/index.action#downloads

و تحميل  xCode 3.x.x and iOS SDK 4.3 و مساحته تقريبا GB 4.44


بعد الإنتهاء من التحميل يتم الضغط على الملف بحيث يتم عمل له “mount” ثم الضغط على الملف Xcode and iOS SDK كما في الصورة

التثبيت سهل جدا. فقط اضغط على التالي

اضغط على التالي

وافق على الإتفاقية

وافق على الإتفاقية الاخرى الخاصة ب iOS SDK

اختر المكان الذي تريد حفظ الملفات فيه. هنا اخترنا الخيار الإفتراضي وهو Root

هنا نختار الملفات التي نريد تثبيتها. فقط سنثبت iOS

هنا اضغط على التثبيت لبدأ عملية التثبيت

سيطلب ادخال اسم المستخدم وكلمة المرور لحسابك على الجهاز

بدأ عملية التثبيت و ستستغرق وقتاً طويلاً. أنصح بشرب ريدبول وقت الإنتظار :)

في النهاية ستشاهد شاشة تعلمك بتثبيت البرنامج على جهازك

 

2- تثبيت Android SDK

تقريبا تثبيت Android هو اصعب عملية هنا. تذكر اننا نستخدم Titanium SDK 1.7.0 و يجب الإنتباه إلى التوافق في النسخ كما هو موضح هنا .  على العلم انه موضح انه يمكن إستخدام نسخة 2.3.X (API 11) إلا إنه لسبب ما  لا يتعرف Titanuim على أندرويد حتى ننزل النسخة 1.6 (API 4).

في البداية نذهب إلى الرابط التالي و تحميل Android SDK

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

بعد التحميل يتم فك الضغط وحفظه في مجلد Library/Application Support/android-sdk حيث android-sdk هو اسم المجلد الذي اخترناه للملفات كما هو موضح بالشكل التالي

ثم قم بفتح (command) و التوجة إلى المجلد /Library/Application Support/android-sdk/tools

و كتابة الأمر ./adnroid  وذلك لتشغيل AVD Manager

وبعدها ستفتح معك الشاشة التالية. في البداية ستكون فارغة أي AVD Name سيكون فارغ

توجة إلى “Available Packages” في القائمة اليسرى و تأكد من اختيار الخيارات كما في الشاشة التالية. للمعلومية لن نحتاج إلى كل هذه لكن لسبب ما Titanium لا يتعرف على أندرويد إلا بها. ايضا ستأخذ وقت طول حتى تطلع لك القائمة كما في الشاشة التالية

وبعد الإنتهاء و الذهاب إلى قائمة “Installed Packages” يجب أن تكون مشابهه للشاشة التاليه.

وبهذا انتهينا من تثبيت Android SDK

 

3- تثبيت Titanium Studio

قامت شركة Appcelerator مؤخرا بشراء شركة Aptana و أصبح هو بيئة التطوير الخاصة بها. ستجدون في الانترنت صور لبرنامج هذا.  لكن بعد إصدار Titanium Studio فلم تعد هناك حاجة له. عند تثبيت Titanium Studio فإنه يثبت Titanium Mobile SDK مباشرة. لتثبيت Titaniumنذهب إلى الرابط التالي

http://www.appcelerator.com/products/download/

و اختيار النسحة Community و ستحتاج إلى التسجيل و الحصول على اسم مستخدم وكلمة مرور. وبعد الدخول ستظهر لك شاشة مشابه لهذه

نقوم بتحميل Titanium Studio فقط. قم بإنشاء مجلد بإسم Titanium و ليكن مثلا   (USERNAME/Titanium) حيث USERNAME هو اسم مجلد المستخدم في جهازك. و نضغط على ملف “Titanium Studio.dmg”  وستظهر الشاشة التالية، اضغط على “Titanium Studio” كما في الشاشة التالية

بعدها تظهر الشاشة التالية حيث سيعمل له “mount” و ننسخه إلى المجلد Titanium الذي أنشأناه فوق

وبعد نسخة نستطيع عمل “Eject” من Finder. ثم التوجة إلى المجلد Titanium و الضغط على ايقونه Titanium Studio و ستظهر الشاشة التالية. حيث تسـأل عن مكان حفظ المشاريع و نختار OK

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

سيفتح البرنامج و يقوم تلقائيا بتحميل Titanium Mobile SDK

بعد الإنتهاء من التثبيت بقي أمر واحد وهو تحديد مكان Android SDK. نذهب إلى القائمة Titanium Studio ثم Preferences  ثم تفتح شاشة و نختار من القائمة Titanium Studio ثم Titanium و من ثم تفتح شاشة و نختار مكان Andriod SDK و سنختار النسخة رقم Android 2.3.3 لأنها متوافقة مع نسخة Titanium SDK 1.7.0  كما هو موضح بالشاشة.

اذا لم يخرج لك أي رسالة خطأ فذلك يعني أنك أتتممت بنجاح عملية التثبيت. في الدرس القادم سنرى ما إذا كانت الإعدادت صحيحة و سنعمل برنامج و نجربة على كل من iPhone, iPad, and Android.

 

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

 

 

وسوم: , , , ,

7 من التعليقات لـ “تعلم تطوير برامج (iPhone, iPad, and Android) بإستخدام جافا سكربت فقط – تنصيب Appcelerator Titanium على نظام ماك”

  1. kOuD3LkA قال:

    درس جميل وشرح اجمل بانتظار المزيد
    جزاك الله خيراً

  2. سيف الحارثي قال:

    ما شاء الله شرح وافي و كافي :) لكن بامكانك عمل برامج للاندرويد و الايفون باستخدام روبي :)

  3. بونايف قال:

    مشكور وعساك علي القوه

    الصراحه مجهود جبار وعساك علي القوه

    ،في انتضار المنزيد من العطا ء

  4. مروة قال:

    Please I need your help I need to build up an application under your guide….please write to me an email….wait your email salam

  5. Hussein ElGanzory قال:

    السلام عليكم ورحمة الله وبركاته جزاك الله خيرا على الشرح المبسط والاسلوب الرائع فى الشرح
    عند سؤال هو انا هصطب xCode 3.x.x and iOS SDK 4.3 و android على windows

إكتب تعليقاً لـ Hussein ElGanzory