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

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

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

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

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

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

التعرف على  أدوات جديدة لبرنامج أو منصة App inventor و تعلم المزيد من المهارات مثل:

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

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

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

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

تحميل التطبيق على الجوال

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

1.فى البداية قم بتجهيز الصور والرسومات التى ستستخدمها بالتطبيق وهى:

• صورة لبوصلة موضح بها الجهات الأصلية والفرعية .

• صورة للسهم الذى يشير إلى إتجاه القبلة.

• تصميم خلفية للتطبيق.

• تصميم رمز أو icon للتطبيق.

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

3.في تبويب media بشاشة الموقع اسفل الشاشة اضغط علي زر Upload new و قم برفع الصور المستخدمة بالتطبيق.

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

وهذا هو الشكل النهائى لتصميم الشاشة 

  5. بعد تصميم الشاشة توجه إلى تبويب Blocks لبرمجة الأدوات (راجع الشرح)

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

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

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

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة