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

2014-11-16

انشاء تطبيق اندرويد القرآن الكريم ببرنامج App inventor

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

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

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

نستكمل دروس تعلم صنع تطبيقات الأندرويد بإنشاء أول تطبيق بسيط لتشغيل الملفات الصوتية لسور القرآن الكريم mp3 وذلك بإستخدام برنامج أو منصة App inventor  وقد تحدثت فى مقال سابق " كيف تصنع تطبيق بــ App inventor " يجب الإطلاع عليه أولًا قبل الشروع فى إنشاء هذا التطبيق.

نتعلم من هذا الدرس :

أفضل طريقة لإتقان أى برنامج هو التطبيق العملى وفى هذا الدرس يمكن تعلم عدة خصائص ومهارات على برنامج App inventor 
  1.  كيفية تصميم وتنسيق واجهة تطبيق إحترافية بإستخدام Layout فى برنامج App inventor
  2.  كيفية إدراج الصور داخل التطبيق
  3. إضافة الأزرار وتنسيقها وبرمجة الأوامر بها
  4. كيفية إدراج الملفات الصوتية
  5. كيفية إنشاء القوائم List 
  6. إنشاء slider للتحكم فى درجة إرتفاع الصوت.

خطوات إنشاء تطبيق القرآن الكريم للأندرويد

فى البداية قم بتجهيز الأدوات التى ستستخدمها بالتطبيق :
1. قم بتجهيز خلفية و صورة تستخدم  رمز أو icon للتطبيق أو إستخدم هذه الصورة
 quraan
2. قم بتجهيز صور أيقونات لأزرار التشغيل والإيقاف أو تحميل هذه أيقونات الازرار
3.قم برفع الملفات الصوتية بصيغة mp3 بمركز رفع يدعم الروابط المباشرة " فى هذا التطبيق إستخدمت روابط مباشرة لسور القرآن الكريم الإخلاص والمعوذتين من هذا الموقع mp3quran
4.التوجه إلى موقع App inventor وبدء إنشاء التطبيق " start new project" واختيار اسم مناسب للتطبيق باللغة الانجليزية - فى هذا التطبيق استخدمت اسم "Mushaf"
5.في تبويب media بشاشة الموقع اسفل الشاشة اضغط علي زر Upload new و قم برفع الصورة و ايقونات الازرار
 6. تصميم شاشة التطبيق عن طريق تنسيق الشاشة "screen" وسحب الأدوات المستخدمة بالتطبيق وضبط خصائصها " الشرح كامل بالفيديو "

انشاء تطبيق اندرويد
7. بعد تصميم الشاشة توجه إلى تبويب Blocks لبرمجة الأدوات (راجع الشرح)
تابع شرح برمجة الكود بالفيديو وسيكون الكود النهائى للتطبيق هكذا
app inventor
والآن مع فيديو شرح مفصل لخطوات تصميم تطبيق القرآن الكريم لهواتف الأندرويد


تحميل نموذج للتطبيق : Download source

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

هناك 25 تعليقًا

  1. انت ملك
    صار لي فترة ابحث عن شي مماثل
    روح الله يسعدك ويوفقك

    ردحذف
  2. اريد استخدام الموقع على هاتف الاندرويد

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

    ردحذف
  4. عندى ما يردا يعمل center التانيه رغم اتباعى الخطوات ؟؟؟؟؟

    ردحذف
  5. هاتفي هو جالكسي اس دوز7562 هل يوجد موقع ﻹنشاء تطبيقات يناسب هاتفي؟

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

    ردحذف
  7. رجاءاً اريد شرح عن تصميم برنامج صور يعني لعرض الصور مثل برنامج Wallpapers

    ردحذف
  8. كيف اضيف لعلانات على التطبيق

    ردحذف
  9. هل بالامكان تزويدنا بالسورس كود ملف aia

    ردحذف
  10. شكرا لمتابعتكم جميعا وأعدكم الأيام القادمة سأقدم ملفات لمصادر التطبيقات السورس كود ملف aia للمساعدة بإنشاء تطبيقاتكم..بالتوفيق دائمًا

    ردحذف
  11. شكرا لك لاتتوقف فقط للامام

    ردحذف
  12. هل يمكن عمل لوغو لاتطبيق

    ردحذف
    الردود
    1. يمكن عمل لوجو للتطبيق من خلال رفع الصورة المناسبة بالبرنامج وإضافتها فى icon بتبويب Screen

      حذف
  13. لو سمحت الرابط ده مشروح فيه طريقة عمل feed بس مش قادر افهم كل التفاصيل بسبب اللغة ياريت توضيح طريقة عمل feed ضرورى لان استخدام web vewierمش بيظبط
    دا الرابط https://www.google.com.eg/url?sa=t&source=web&rct=j&url=intent://www.youtube.com/watch%3Fv%3DYVNkOdsebDk%23Intent%3Bscheme%3Dhttp%3Bpackage%3Dcom.google.android.youtube%3BS.browser_fallback_url%3Dhttp%253A%252F%252Fm.youtube.com%252Fwatch%253Fv%253DYVNkOdsebDk%3BS.android.intent.extra.REFERRER_NAME%3Dhttps%253A%252F%252Fwww.google.com.eg%3BlaunchFlags%3D0x8080000%3Bend&ved=0ahUKEwiIv-bXw7jKAhWFXRQKHSIvCyYQjjgIITAC&usg=AFQjCNE-wq5h25rvBGp3y_-tgL-SyntKmw&sig2=ZTb8vgIB3deiKWT2rKeBrw

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

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

    ردحذف
    الردود
    1. بالفعل قمت بتزويد الموضوع بمصدر التطبيق الذى يمكن رفعه إلى البرنامج والتعديل عليه نموذج للتطبيق

      حذف
  16. بعد تسطيب البرنامج لم تظهر ايقونة على سطح المكتب لتشغيلة وفتحت فولدر السطيب فى برتيشن C ولم اجد ايقونة تشغيل ما العمل ارجو الرد وشكرا

    ردحذف
    الردود
    1. يمكن استخدام البرنامج أون لاين عند وجود مشاكل فى التسطيب

      حذف
  17. غير معرف1‏/3‏/2016 1:46 ص

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

    ردحذف
    الردود
    1. إذا واجهت مشكلة او خطوة غير مفهومة يمكن تحميل المصدر ورفعه الى البرنامج والتعديل عليه

      حذف
  18. غير معرف7‏/6‏/2016 6:07 ص

    ماهي فكرة تطوير تطبيق المصحف مقروء

    ردحذف
  19. يمكن إستخدام نسخة PDF من المصحف يمكن الإستعانة بهذا الدرس
    إنشاء تطبيق المكتبة الإلكترونية

    ردحذف
  20. لو سمحت نا عاوز السور ماتشتغلش اون لاين اناعاوزها سورس

    ردحذف
    الردود
    1. فى هذه الحالة ستحتاج إلى إستضافة أو server وهى غير مجانية فى برنامج Appinventor

      حذف

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التصميم لضيق الوقت أو التبادل الإعلانى


لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

Privacy-Policy | عودة الى الاعلى
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2016 ©

تصميم كن مدون