تطبيق تحديد إتجاه القبلة

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

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

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

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

التعرف على  أدوات جديدة لبرنامج أو منصة 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


    • Blogger Comments
    • Facebook Comments
    Item Reviewed: تطبيق تحديد إتجاه القبلة Description: Rating: 5 Reviewed By: baramge
    Scroll to Top