دليل المدون

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

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

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

  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. أعاني من نفس المشكلة التي ذكرها الأخ من قبلي وهي :
    "فى اول الخطوات عندما وضعنا الاخيرة فى layer ثم الاولى ثم الاخيرة الاخيرة تظهر لى بجانب الاولى ليس فوقها ولا توضع فوقها ارجو ان يكون قصدى فهم وارجو الرد"

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

      حذف
    2. شكرا يا فندم على ردك

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

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

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

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

      حذف
  21. جزاكم الله خيرا على الشرح الوافي اخواني .. لكن بعد تثبيت البرنامج والضغط على بداية مشروع جديد ، تظهر لي رسالة مفادها
    YOUR ANDROID SDK IS MISSING . OUT OF DATE OR IS MISSING TEMPLATES

    يرجى مساعدتي لانني لم افهم اصلا المشكلة ’ بل انني لم افهم معنى SDK

    ردحذف
    الردود
    1. SDK هى الإضافات التى يوفرها نظام الأندرويد للمطورين
      فإذا كنت تعمل على برنامج أندويد ستوديو يستلزم تحميلها كما شرحت فى هذا الموضوع أندرويد ستوديو
      أما إذا كنت تستخدم Appinventor فأنصح بإستخدام المنصة مباشرة من الإنترنت حتى تتجنب مشكلات تثبيت البرنامج

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

    ردحذف
    الردود
    1. تم إضافة رابط بالدرس يحتوى على روابط mp3

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

    ردحذف
  24. مشكورة اختي على مجهودك ، انا متابع لك من زمان كل مواضيعك تمام ... الله يسعدك ياغلا

    ردحذف

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

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

تصميم كن مدون