آيفون

قم بعمل تطبيق للأيفون في 60 دقيقة بإستخدام الفلاش

آيفون

مثلي كمثل ناس كثيرون أمتلك آيفون و بطبيعتي كمبرمج بدأت أفكر في كتابة كود لتطبيق للآيفون، تواردت في رأسي العديد من الأفكار و فعلاً قمت بالأستقرار على فكرة معينة و شرعت في أن أبدأ التنفيذ، إلى هنا و القصة عادية جداً لكن الفارق الوحيد هو أني لم أمتلك أي جهاز ماك، فقط ويندوز ! و من هنا بدأت رحلتي مع البحث عن بديل للـ” Xcode ” الشهير الخاص بآبل.

بحثت كثيراً لكني لم أستطع العثور على شئ يناسبني، كانت كل الطرق تؤدي إلى شراء ماك (و للعلم هو في مصر هنا باهظ الثمن مثل معظم الدول العربية) و عندما يئست من العثور على بديل ظهرت أدوبي بالـ “iPhone packager ” الخاص بها. و لمن لا يعلم كانت هناك الكثير من المشاكل بين آبل و أدوبي على تشغيل الفلاش على الأيفون و انتهت كل هذه المشاكل برفض آبل التام لذلك و قام ستيف جوبز شخصياً بكتابة مقال مطول عن أسباب الرفض .ثم بعد سلسه من المنقاشات قامت أدوبي بطرح الـ” iPhone packager “الذي يمكن من خلاله  تطوير برامج للأيفون بإستخدام ال”ActionScript 3.0 ” و أخيراً، قامت آبل بالسماح بتطبيقات أدوبي بالظهور على الأيفون، طبعاً ليس في صورة فلاش ولكن في صورة تطبيق عادي يقوم الـ “Packager” بإخرجه بشكل طبيعي جداً كأي تطبيق عادي للأيفون في صيغة ملف “ipa” عادي.

بعد كل هذه المقدمة الطويلة يجب أن أقول أن عدم إمتلاكي لماك ليس هو السبب الوحيد لقيامي بالإتجاه للفلاش لتطوير التطبيقات للأيفون (مع إنه أهم سبب ( أحد أهم الأسباب هو صعوبة البرمجة باستخدام الـ”Objective C” الخاص بآبل، و سهولة الـ”ActionScript”بجانب وجود العديد من الدروس لـ “ActionScript”على عكس ال “Objective C”.

أياً كانت الأسباب فقد تحدثنا كثيراً، هيا بنا لنبدأ العمل. أولاً ما سوف تحتاجه للبدء :

  • جهاز كمبيوتر  لا يهم إذا كان ويندوز أو ماك
  • فلاش CS5  يمكن تنزيله من هنا كنسخة تجربية قبل الشراء
  • iPhone packager يمكن تنزيله من هنا
  • آيتونز ويأتي بشكل إفتراضي في الماك وبإمكانك تحميله من هنا للويندوز والماك ايضاً.

أشياء قد تحتاجها :

  • للمطورين المحترفين قد تحتاج للـDebugger الذي يمكن تنزيل الـ Player الخاص به من هنا.
  • آيفون/آيباد/آيبود تتش للتجربة.

سوف نبدأ بالبرنامج التقليدي الذي يبدأ به جميع المطورون عند بداية التعليم و هو “Hello World” بعد تنصيب الفلاش CS5 قم بفتحه ثم إختر File>Newثم إختر iPhone OS ثم إضغط OK.

بعد فتح النافذة الجديدة قم بإختيار File>Save ثم إحفظ الملف في أي مكان.

الأن قم بإستخدم ال text tool لكتابة “Hello World” في المنطقة البيضاء, ثم قم بضغط Ctrl+Enter أو من القائمة  Control>Test Movie.

ها هو ذا ! هكذا سوف يظهر التطبيق الخاص بك على الأيفون .. منتهى السهولة أليس كذلك ؟!

الأن مع الخطوة التي طال أنتظارها … إخراج ملف ipa ! هذه النقطة تحتاج إلى شئ من إثنين .. إما شهادة تطوير للتطبيقات من أبل  و قيمتها 99$ أو ممكن توفير ذلك لحين التأكد من صلاحية التطبيق بإستخدام هذا مع العلم بأن في حالة إستخدام الحل الثاني يجب أن يكون الأيفون/ايبود في حالة جيلبريك.

نذهب إلى File>iPhone OS Settings ثم في الزر  General إدخل البينات الخاصة بالتطبيق حسب احتياجك.

ثم في زر Icons قم بإدخال الأيقونات الخاصة بالتطبيق (لاحظ أن يجب إدخال الصور تماماً بنفس الحجم) الأيقونة 29×29 تظهر في حالة البحث على الـ Spotlight الأيقونة 57X57 هي التي تظهر في الجهاز نفس أما الأيقون 512X512 تظهر في الآيتونز فقط.

ثم تبويبة Deployment و هو الأهم قم بإدخال  شهادة التطوير الخاصة بك و كلمة السر و الـ Provisioning Profile و الـ App ID حسب الملفات السابق ذكرها ثم في الأيفون Deployment Type قم بإختيار الإختيار الأول,  حيث أنه من المفروض أن يتم تجربة التطبيق فقط على الجهاز الخاص بك. الأن إضغط Publish سيقوم الفلاش بإخراج ملف ال ipa  الخاص بالتطبيق.

إذهب الأن إلى الآيتونز إختر Applications ثم قم بسحب ملف الـipa إلى الآيتونز و بعد ذلك وصل الآيفون/الآيباد/الآيبود تتش الخاص بك و قم بعمل مزامنة وبذلك يصبح التطبيق على جهازك.

هل استغرقنا 60 دقيقة ؟؟ لا أعتقد على العموم تهانينا لقد قمت بعمل أول تطبيق لك سهل أليس كذلك ؟؟ طبعاً يجب أن نذكر أن التطبيق  نفسه  غير  مفيد وهو أيضاً على جهازك وحدك حتى الأن، لكن بالطبع مع إمكانيات الفلاش يمكنك أن تصنع ما هو أفضل من مجرد تطبيق “Hello World”

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

أتمنى أن أكون قد أفدتكم , ولا تنسونا من صالح الدعاء .

الوسوم

22 رأي على “قم بعمل تطبيق للأيفون في 60 دقيقة بإستخدام الفلاش”

  1. رائع يا وليد ..

    كنت أعلم أن فلاش CS5 يستطيع اخراج تطبيقات للايفون .. حاولت استكشافه لكني لم أعرف كيف .. الآن أصبحت أعرف .. شكراً لك

  2. شكرًا على الشرح
    ان شاء الله أنشئ اول تطبيق عن طريق هذا البرنامج

    جزاك الله خير

  3. بارك الله فيك : )

    بالفعل هذا الموضوع ممييييييييييييييييز

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

    نفع الله بك ..
    وبإنتظار المزيد من الشروحات

  4. مشكورين ولواني مااعرف في البرمجه.
    الاخ وليد: عندي برنامج يشتغل على اكثر اجهزة الجوال بصيغة الجافا عباره عن مقالات يوميه مرتبطه بالتاريخ الميلادي ٣٦٠ مقاله.
    اود الاتصال بك اذا عندك رغبه في تطوير البرنامج ليعمل على الايفون ( بشيمه او بقيمه ) ووضعه في المتجر مجانا.
    التفاصيل اكثر بعد الاتصال
    للتواصل قليل افتح البريد جوالي السعوديه
    ٠٥٤١٢٠٦٨٠٧ أبوخالد

    1. أخي العزيز أبو خالد لقد قمت بارسال ايميل شخصي لك اتمنى أن أتواصل معك 🙂

  5. ما شاء الله , شرح جميل حقيقتاً

    ونتطلع إلى الشروحات القادمة .

    شكراً أخي وليد

    1. يمكنك الإستغناء عن هذا بتحميل الفلاش cs5 من الرابط الموجود بالمقالة ال-packger للإصدارات الأقدم من الفلاش

      1. شكراً اخوي وليد على تجاوبك
        ياريت ترسل لي رقمك
        عشان اعطيك الموضوع كامل
        الشرح في رساله متعب
        الله يوفقك.

  6. مشكووووور ع الشرح الجميل
    لكن في اخر خطوة طلب مني Certificate ..
    من اين يمكنني ان احضر هذا الملف ×_×

    1. أخي العزيز الملف في المرفقات وهو عبارة عن ملف p12 وملف أخر يسمى mobile provision والبسورد المستخدمة

      1. ارجو التواصل مع حضرتك لانى احتاج لشرح اكتر في هذا الموضوع انا عملت مشاريع بالفلاش و as3 وللكمبيوتر وللاندرويد apk ومحتاجه انى اخرجه للايباد وللايفون ios

  7. جزاك الله خير على هذه المعلومات المفيدة 🙂
    بإذن الله سأقوم بتجربتها 
    وفقك الله .

  8. لو سمحت
    انا سويت تطبيق وخلصت منه
    واللحين بديت في تطبيق وقربت اخلص بس المشكلة في النهاية يطلع لي Warning: No libraries
    were linked as Runtime Shared Libraries (RSLs) because of your publish settings: AIR for iOS
    وش الحل

  9. بيض الله وجهك شرح وافي من انسان وافي جعله الله في ميزان حسناتك لك الشكر والتقدير
    ابداع صـــــــــــــــــــراحه….
    تحياتي لك

  10. اخواني الكرام شكرا على الشرح

    لكن في اخر خطوة طلب مني Certificate ..
    من اين يمكنني ان احضر هذا الملف

اترك رداً على وليد موافي إلغاء الرد

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