بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
بعد أن قدمت شرح كيفية إنشاء تطبيق المصحف الصوتى للجوال، أقدم لكم اليوم شرح لتطبيق جديد من تطبيقات الأندرويد وهو تطبيق تحديد إتجاه القبلة بإستخدام برنامج app inventor للتعرف على مهارات جديدة للبرنامج ، ولكن قبل البدء فى تنفيذ خطوات التطبيق يجب الإطلاع أولا على أساسيات تصميم تطبيقات أندرويد ببرنامج App inventor
الهدف من هذا الدرس:
التعرف على أدوات جديدة لبرنامج أو منصة App inventor و تعلم المزيد من المهارات مثل:
- التعرف على أداة Canvas التى يمكن يمكن من خلالها تحريك الصور والرسومات.
- كيفية إنشاء تطبيقات تعمل من خلال أجهزة الإستشعار Sensors ومن هذه الأدوات التى أستخدمت فى هذا الدرس هى أجهزة إستشعار البوصلة أو المجال المغناطيسى حول جهاز الموبايل orientation sensor ,Location sensor
- تعلم كيفية إنشاء المعادلات الرياضية بصورة مبسطة عن طريق تركيب Blocks لبرمجة التطبيق.
متطلبات التطبيق :
لكى يعمل تطبيق البوصلة أو القبلة على جهاز الموبايل يستلزم ذلك وجود جهاز إستشعار المجال المغناطيسى Magnetic sensor داخل جهاز الموبايل ، كما يتطلب وجود جهاز GPS لتحديد إحداثيات المكان، فإذا كان جهازك لايحتوى على هذه الإمكانيات تظهر البوصلة متجمدة دون أن تتحرك.
معاينة التطبيق على الهاتف المحمول
خطوات إنشاء تطبيق القبلة للأندرويد
1.فى البداية قم بتجهيز الصور والرسومات التى ستستخدمها بالتطبيق وهى:- صورة لبوصلة موضح بها الجهات الأصلية والفرعية .
- صورة للسهم الذى يشير إلى إتجاه القبلة.
- تصميم خلفية للتطبيق.
- تصميم رمز أو icon للتطبيق.
2. التوجه إلى موقع App inventor وبدء إنشاء التطبيق " start new project" واختيار اسم مناسب للتطبيق باللغة الانجليزية - فى هذا التطبيق استخدمت اسم "Qibla"
3.في تبويب media بشاشة الموقع اسفل الشاشة اضغط علي زر Upload new و قم برفع الصور المستخدمة بالتطبيق.
4. من خلال تبويب Designer بالبرنامج قم بتصميم شاشة التطبيق عن طريق تنسيق الشاشة "screen" وسحب الأدوات المستخدمة بالتطبيق وضبط خصائصها "الشرح كامل بالفيديو"وهذا هو الشكل النهائى لتصميم الشاشة
6. تم تحديد إحداثيات القبلة والحصول على قيم خطوط الطول والعرض المستخدمة بالتطبيق طبقًا لخرائط جوجل وما ورد بموقع Wikipedia
والآن مع فيديو شرح مفصل لخطوات تصميم القبلة لهواتف الأندرويد
تحميل نموذج للتطبيق: Download Source