دليل المدون

2015-03-29

شرح إنشاء تطبيق تحديد إتجاه القبلة لنظام الأندرويد

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

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

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

بعد أن قدمت  شرح كيفية إنشاء تطبيق المصحف الصوتى للجوال، أقدم لكم اليوم شرح لتطبيق جديد من تطبيقات الأندرويد وهو تطبيق تحديد إتجاه القبلة بإستخدام برنامج app inventor للتعرف على مهارات جديدة للبرنامج ، ولكن قبل البدء فى تنفيذ خطوات التطبيق يجب الإطلاع أولا على أساسيات تصميم تطبيقات أندرويد ببرنامج App inventor
Qibla icon

الهدف من هذا الدرس:

التعرف على  أدوات جديدة لبرنامج أو منصة App inventor و تعلم المزيد من المهارات مثل:
  1. التعرف على أداة Canvas التى يمكن يمكن من خلالها تحريك الصور والرسومات.
  2. كيفية إنشاء تطبيقات تعمل من خلال أجهزة الإستشعار Sensors ومن هذه الأدوات التى أستخدمت فى هذا الدرس هى أجهزة إستشعار البوصلة أو المجال المغناطيسى حول جهاز الموبايل orientation sensor ,Location sensor
  3. تعلم كيفية إنشاء المعادلات الرياضية بصورة مبسطة عن طريق تركيب Blocks لبرمجة التطبيق.

متطلبات التطبيق :

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

 معاينة التطبيق على الهاتف المحمول

android compass


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

1.فى البداية قم بتجهيز الصور والرسومات التى ستستخدمها بالتطبيق وهى:
  • صورة لبوصلة موضح بها الجهات الأصلية والفرعية .
  • صورة للسهم الذى يشير إلى إتجاه القبلة.
  • تصميم خلفية للتطبيق.
  • تصميم رمز أو icon للتطبيق.
يمكن تحميل الصور المستخدمة بالدرس أو إنشاء تصميم مناسب لك بإستخدام برامج التصميم مثل فوتوشوب أون لاين 
2. التوجه إلى موقع App inventor وبدء إنشاء التطبيق " start new project" واختيار اسم مناسب للتطبيق باللغة الانجليزية - فى هذا التطبيق استخدمت اسم "Qibla"

3.في تبويب media بشاشة الموقع اسفل الشاشة اضغط علي زر Upload new و قم برفع الصور المستخدمة بالتطبيق.
4. من خلال تبويب Designer بالبرنامج قم بتصميم شاشة التطبيق عن طريق تنسيق الشاشة "screen" وسحب الأدوات المستخدمة بالتطبيق وضبط خصائصها "الشرح كامل بالفيديو"
وهذا هو الشكل النهائى لتصميم الشاشة 
app inventor
  5. بعد تصميم الشاشة توجه إلى تبويب Blocks لبرمجة الأدوات (راجع الشرح)
تابع شرح برمجة الكود بالفيديو وسيكون الكود النهائى للتطبيق هكذا

app inventor
app inventor
6. تم تحديد إحداثيات القبلة والحصول على قيم خطوط الطول والعرض المستخدمة بالتطبيق طبقًا لخرائط جوجل وما ورد بموقع Wikipedia

والآن مع فيديو شرح مفصل لخطوات تصميم القبلة لهواتف الأندرويد


تحميل نموذج للتطبيق: Download Source
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 4 تعليقات

  1. عملت جميع الخطوات لاكن لم يعمل البرنامج .
    حيث ان السهم يستقر في اتحاه واحد فقط رغم تغير موقع و اتجاه الهاتف

    ردحذف
  2. @aziz newlife
    لابد وأن يحتوى جهاز هاتفك على جهاز إستشعار المجال المغناطيسى Magnetic sensor داخل جهاز الموبايل حتى يعمل التطبيق ..

    ردحذف
  3. لايد من وضع السورس كود لاي تطبيق تنزله

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

      حذف

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

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

تصميم كن مدون