إنشاء تطبيق Android للشركات الصغيرة باستخدام MIT APP و Google Fusion Table: 7 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:38

هل سبق لك أن أردت إنشاء تطبيقك الخاص والذي يمكن أن يكون متاحًا في متجر google play !!! إذا كان لديك عمل تجاري فإن هذا البرنامج التعليمي سيغير حياتك. بعد قراءة هذا بعناية ستتمكن من تقديم طلبك الخاص. قبل البدء بهذا Instructable ، تحتاج إلى قراءة اثنين آخرين من Instructables. ويرد رابط هذين أدناه. هذه التعليمات هي البرامج التعليمية الأساسية لتطوير التطبيقات.

www.instructables.com/id/How-to-Use-MIT-Ap…

www.instructables.com/id/Course-on-MIT-App…

لذلك ، من أجل تقديم طلب ، افترضنا أن لدينا متجر شاي صغيرًا به 20 رقمًا من أنواع الشاي ، ثم بمساعدة التطبيق الخاص بك ، يمكن للعملاء طلب الشاي قبل الوصول إلى مقهى الشاي الخاص بك أو للتوصيل إلى المنزل.

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

قبل أن نجعل هذا Instructable ، مررنا بالعديد من الأفكار المختلفة مثل أننا سنصنع تطبيقًا لمتجر الأدوية ، والمطعم ، ومستحضرات التجميل ، وقطع غيار السيارات ، ومتجر الكتب ، إلخ. أخيرًا قررنا إنشاء تطبيق لمتجر الشاي. تم تحديد اسم هذا التطبيق ليكون "TeaCelebration".

يمكن استخدام نفس التطبيق لجميع أنواع الأعمال التي لا تستثمر فيها تقريبًا. لذلك دعونا نبدأ.

الخطوة 1: جمع الأدوات

الأداة الرئيسية لبناء هذا المشروع هي التعرف على MIT APP Inventor و Google Fusion Table و Google Console ومتجر Google Play. المعرفة الصغيرة بها كافية ، لا داعي للتعمق في هذه الموضوعات. ومع ذلك فقد قمنا بتغطية جميع الخطوات اللازمة لبناء هذا المشروع بطريقة سهلة.

الأشياء الأخرى المطلوبة قبل البدء في هذا المشروع هي: -

1. الاتصال بشبكة الإنترنت.
2. تم تثبيت تطبيق MIT Inventor على الهاتف المحمول.
3. حساب Gmail
4. Fusion Table- A Fusion Table هي خدمة من Google لدعم جمع البيانات وإدارتها ومشاركتها وتصورها. يتم تخزين البيانات في سحابة Google. يتم تخزين جميع البيانات في جدول عام (أو جداول) يمكن الوصول إليها عبر Google Drive ، ويسمح لمستخدمين مختلفين بإضافة معلومات إلى الجداول.

الخطوة الثانية: إنشاء شاشة احتفال الشاي

يستفيد تطبيق TeaCelebration من عدة أنواع أخرى من المكونات. من المفترض أنك تعلمت كيفية استخدامها في البرامج التعليمية المذكورة سابقًا. استخدم نافذة المصمم لإنشاء واجهة احتفال الشاي. عند الانتهاء ، يجب أن يبدو المصمم مثل الشكل المرفق المسمى Screen1.

آمل أن تكون على دراية بالمكوّن المستخدم في إنشاء هذه الشاشة وكيفية عملها. إذا كنت تواجه أي مشكلة بخصوص هذه الشاشة ، فيرجى مراجعة الشكل: - المكون 1 والمكون 2.

الخطوة 3: كيفية إنشاء حساب خدمة لـ Fusion Tables باستخدام Google Developers Console

تعد Fusion Tables طريقة رائعة قائمة على السحابة للاحتفاظ بالبيانات لتطبيق App Inventor. قبل أن تتمكن من استخدام Fusion Tables ، تحتاج إلى إعداد عدة أشياء.

1. افتح console.developers.google.com

انقر فوق "إنشاء مشروع جديد" أو حدد المشروع من القائمة المنسدلة إذا كان لديك مشروع بالفعل. ستطلب منك Google اسم مشروع. اختر اسمًا لا يحتوي على مسافات ، وهنا اخترنا اسم المشروع TeaCelebration. والتي يمكن رؤيتها في الشكل المرفق.

2. بعد إنشاء المشروع ، انقر فوق القائمة الموجودة في الزاوية اليسرى العليا من وحدة تحكم المطورين (ثلاثة خطوط أفقية).

3. انقر فوق مدير API

4. إذا لم تكن تنظر إليه بالفعل ، فانقر على API Manager من قائمة Developer's Console.

5. ابحث عن "Fusion Tables" في قائمة API وانقر على Fusion Tables API

6. انقر فوق "تمكين"

بعد تمكينه ، سيتغير الزر ، وسيطالبك بإنشاء بيانات اعتماد. (يتم تمكين واجهة برمجة التطبيقات فقط للمشروع المحدد حاليًا. إذا كان لديك واحد فقط ، فلا مشكلة)

7. انقر فوق الزر "الانتقال إلى بيانات الاعتماد" للمتابعة.

8. إذا كنت قد أتيت من زر "الانتقال إلى بيانات الاعتماد" (7) ، فابحث عن الجملة التي تقول "إذا كنت ترغب في ذلك ، يمكنك تخطي هذه الخطوة وإنشاء مفتاح API أو معرّف العميل أو حساب الخدمة." انقر فوق "حساب الخدمة".

8.1 (بديل لـ 8) إذا لم تكن قد أتيت من زر "الانتقال إلى بيانات الاعتماد" ، فحدد "بيانات الاعتماد" بعد تحديد مدير واجهة برمجة التطبيقات في قائمة وحدة تحكم المطور. ثم انقر على "بيانات اعتماد جديدة" ثم "مفتاح حساب الخدمة"

9. انقر فوق "إنشاء حساب الخدمة"

10. أعطه اسمًا بسيطًا بدون مسافات ، مثل TeaCelebration.

حدد "تمكين تفويض Google Apps على مستوى النطاق" اكتب اسم المنتج الخاص بك ، وهو اسم التطبيق الذي تقوم ببنائه! ثم انقر فوق إنشاء. بعد لحظة ، سيبلغ "تم إنشاء حساب الخدمة". انقر فوق "إغلاق"

11. معرف حساب الخدمة - يجب أن تشاهد الآن صفحة بعنوان "IAM & Admin" تعرض حسابات الخدمة لمشروعك. يجب أن يبدو أدناه ، مع حساب الخدمة الجديد المدرج وعنوان البريد الإلكتروني (الطويل) ، المسمى "معرف حساب الخدمة". ستحتاج إلى عنوان البريد الإلكتروني هذا لاحقًا في App Inventor.

إذا كنت بحاجة إلى العودة إلى صفحة IAM & Admin هذه ، فيمكنك العثور عليها بالانتقال إلى وحدة تحكم المطور https://console.developers.google.com وتحديد IAM & Admin من قائمة الخطوط الأفقية الثلاثة في الجزء العلوي الأيسر. ثم حدد إما حسابات الخدمة أو الأذونات لرؤية عنوان البريد الإلكتروني (معرف حساب الخدمة).

12. الحصول على مفتاحك- مع إعداد حساب الخدمة الآن ، يمكنك الحصول على مفتاح لإحضاره إلى App Inventor. من صفحة بيانات اعتماد مدير API ، حدد حساب الخدمة الخاص بك. انقر فوق "إنشاء بيانات الاعتماد". اختر أنك تريد مفتاح حساب الخدمة. اختر الحساب الذي تريد مفتاحًا له (من المحتمل أن يكون لديك واحد فقط ، الذي أنشأناه للتو - حدده من القائمة المنسدلة ، وحدد نوع المفتاح: P12. انقر فوق "إنشاء".

ستنزل على الفور ملفًا جديدًا ينتهي بـ.p12. هذا هو الملف الذي ستحتاج إلى تحميله في App Inventor. إذا كان هذا الملف يحتوي على أي مسافات في اسمه ، فأعد تسمية الملف لإزالة المسافات. سيرفض App Inventor الملف إذا كان يحتوي على مسافات أو أحرف غريبة في الاسم ، لذا يمكنك التحقق منه الآن.

ستحصل أيضًا على خيار إنشاء كلمة مرور للمفتاح ، باستخدام كلمة المرور الأولية "notasecret". يمكنك ترك هذا كما هو ، إلا إذا كنت ترغب في إنشاء تطبيق App Inventor لحساب الخدمة الخاص بك.

يا للعجب! كانت تلك عملية طويلة. في نهاية كل هذا ، يجب أن يكون لديك حساب خدمة ، إلى جانب معرف الحساب (عنوان البريد الإلكتروني) ومفتاح حساب خدمة p12

الخطوة 4: كيفية إنشاء جداول للمشاركة

لديك الآن القدرة على مشاركة جداول Fusion. نناقش هنا كيفية إنشاء جداول للمشاركة.

افتح Google Drive على drive.google.com

1. "ربط" Fusion Tables بالقيادة

انقر على "جديد" ، ثم "المزيد" ، ثم "توصيل المزيد من التطبيقات" (قد تكون الجداول الشاملة متاحة بالفعل في هذه القائمة ، وفي هذه الحالة ، يمكنك تخطي هذه الخطوة.)

ابحث عن "الجداول الشاملة" وانقر على "ربط" في بطاقة Fusion Tables.

2. قم بإنشاء جدول جديد

انقر على "جديد" في Drive ، وحدد "المزيد" وانقر على "الجداول الشاملة من Google".

سيسألك عما إذا كنت تريد استيراد ملف بيانات موجود ، أو البدء بجدول جديد فارغ تمامًا. الخيارات هنا لك ، وخياراتك وحدك! بعد ذلك ، ستنقلك إلى Fusion Table الجديد.

تعتمد كيفية إعداد بيانات الجدول وبنيته على تطبيقك.

3. مشاركة الجدول مع حساب الخدمة.

لكي يتمكن App Inventor من الوصول إلى هذا الجدول ، يجب مشاركته مع البريد الإلكتروني لحساب الخدمة الذي أنشأته. في Fusion Table ، انقر فوق "مشاركة" ضمن "دعوة الأشخاص" ، أدخل البريد الإلكتروني لحساب الخدمة الخاص بك ، من Developer Console (على سبيل المثال ، myservice …@developer.gserviceaccount.com) تأكد من تحديد "يمكن التحرير". قم بإلغاء النقر على "إبلاغ الأشخاص" (حساب الخدمة ليس شخصًا حقيقيًا ، لذا فهو لا يهتم بالإشعار) انقر فوق "موافق" ، وعندما تظهر رسالة "هل تريد تخطي إرسال الإشعار؟" انقر فوق موافق". انقر فوق "تم"

الخطوة 5: تحديد عنوان URL الخاص بـ Fusion Table ومعرف الجدول

في محرر الكتل ، ستقوم بتعيين خاصية HomeURL الخاصة بمكون WebViewer للإشارة إلى عنوان URL الخاص بالجدول. للعثور على عنوان URL الخاص بـ Fusion Table:

1. في متصفحك ، انتقل إلى Fusion Table الذي أنشأته للتو.

2. اذهب إلى القائمة وحدد أدوات> نشر.

3. سترى إشعارًا يقول: "هذا الجدول خاص ولن يكون مرئيًا".

4. انقر فوق الارتباط الأزرق الذي يشير إلى "تغيير الرؤية". في قائمة "من لديه حق الوصول" ، انقر فوق الارتباط الأزرق "تغيير …" بجوار "خاص - الأشخاص المدرجون أدناه فقط …"

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

6. انقر فوق الزر "حفظ" الأخضر ، ثم الزر الأزرق "تم".

7. مرة أخرى على صفحة Fusion Table ، انتقل إلى شريط القائمة وحدد أدوات> نشر. حدد عنوان URL من مربع النص العلوي (المسمى "إرسال بريد إلكتروني أو رسالة فورية") ، وانسخ عنوان URL وارجع إلى App Inventor. سوف تقوم بلصق عنوان URL في كتلة التعريف الخاصة بـ TABLE_URL.

8. يمكنك العثور على معرف الجدول من خلال التصفح إلى الجدول الخاص بك ، ثم تحديد ملف> حول هذا الجدول في القائمة.

قم بتحميل ملف مفتاح.p12 الخاص بك

في المصمم ، قم بتحميل ملف المفتاح الذي قمت بتنزيله من Developer Console. قم بتحميله ضمن Media ، بنفس الطريقة التي تحمّل بها ملف صورة. انقر فوق مكون FusiontablesControl1 ، وابحث عن خاصية KeyFile. انقر حيث تظهر عبارة "بلا" ضمن KeyFile ، وحدد ملف.p12 الذي قمت بتحميله مسبقًا.

الخطوة 6: عمل الكتل في تطبيق MIT

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

1. من المهم تنفيذ بعض خطوات التهيئة عند بدء تشغيل التطبيق. يتم ذلك في كتلة "Screen1. Initialize". بالنسبة لهذا التطبيق ، نحتاج إلى تعيين القيم الأولية لخاصية حساب خدمة مكون FusionTable (تم تعيينها على SERVICE_ACCOUNT_EMAIL العالمية) وخاصية HomeURL لمكون WebViewer (تم تعيينها على TABLE_URL العام). يرجى الرجوع إلى لقطة الشاشة المرفقة لفهم أفضل.

2. قم بإعداد إجراء "resetForm" كما هو موضح أدناه. بعد تسجيل الإدخال ، يقوم هذا الإجراء بإعادة تعيين الواجهة إلى حالتها الأصلية.

3. كتل منتقي القوائم

في المصمم ، تقوم بتعيين الاختيارات لأنواع الشاي والوجبات الخفيفة عن طريق ملء خاصية "التحديد" بقوائم مفصولة بفواصل. سيتم عرض هذه الاختيارات المبرمجة مسبقًا على واجهة المستخدم حتى يتمكن المستخدم من اختيار الشاي والوجبات الخفيفة. يتم تخزين اختياراتهم في متغيري Tea and Snacks.

4. إدخال البيانات في Fusion Table

يُستخدم مكون FusiontablesControl لإرسال البيانات إلى Fusion Table. سيؤدي هذا الإجراء إلى إنشاء صف جديد في Fusion Table ، وتحديد قيم الأعمدة المختلفة المعنية. يسهّل تطبيق App Inventor القيام بذلك ، ولكن عليك أن تكون حريصًا على تنسيق استعلام الإدراج بشكل صحيح ، حيث توجد أولاً قائمة بأسماء الأعمدة ، متبوعة بقائمة من القيم. يجب أن يكون ترتيب أسماء الأعمدة وأسماء القيم بنفس الترتيب حتى تتطابق. تم إرفاق مثال لما قد يبدو عليه هذا. أولاً ، قم بإعداد إجراء جديد مع نتيجة يأخذ سلسلة كوسيطة ويعيد نفس السلسلة محاطة بعلامات اقتباس مفردة. يتم استخدام عرض الأسعار في الإجراء InsertDataInTable لوضع علامات الاقتباس حول كافة القيم في الاستعلام. كما أنه يعتني بـ "الهروب" من أي علامات اقتباس مفردة أو فواصل عليا يتم إدخالها بواسطة المستخدم. يمكنك إرسال فاصلات مفردة واحدة كجزء من قيمة في الاستعلام ، لذا فإن كتلة "استبدال الكل" تضيف اقتباسًا منفردًا إضافيًا. يتم تفسير علامتي اقتباس منفردتين متتاليتين على أنها اقتباس واحد. توضح الأشكال أدناه كيفية القيام بهذا الإجراء. لاحظ أنه يجب عليك إخبار كتلة الإجراء بإضافة معلمة. يمكنك القيام بذلك باستخدام الرمز الأزرق الذي ينبثق في نافذة صغيرة حيث تحدد عدد العناصر التي تحتاجها لتعمل كمعلمات. في هذه الحالة ، أنت فقط بحاجة إلى واحد. سيقوم App Inventor تلقائيًا بتسمية المعلمة "x" ولكن يمكنك إعادة تسميتها إلى "str" بالنقر فوق x والكتابة مباشرة في الكتلة. وبالمثل ، يمكنك إعادة تسمية الإجراء من "إجراء" إلى "اقتباس" عن طريق الكتابة مباشرة في الكتلة.

استخدم كتلة InsertRow لمكون Fusion Table. لإنشاء قائمة القيم ، نستخدم كتلة نص الانضمام لمخترع التطبيق.

بالنسبة لهذا التطبيق ، يجب أن تتطابق أسماء الأعمدة مع أسماء أعمدة الجدول الذي أنشأناه سابقًا. يتم أخذ قيم كل منها من المتغيرات العالمية للإجراء. ملاحظة: إذا لم تستخدم هذه الكلمات بالضبط لأعمدة الجدول ، فتأكد من استخدام أسماء أعمدة الجدول عند إنشاء الاستعلام.

5. بمجرد أن يقوم المستخدم بإدخال اسمه ، وخيارات الشاي ، والتعليقات ، سيقوم بالنقر فوق الزر "إرسال". يختبر التطبيق للتأكد من أن حقول الاسم والشاي والوجبات الخفيفة تحتوي على قيم فيها ، ويطلب من المستخدم المحاولة مرة أخرى في حالة فقد أي من الإجابات المطلوبة. لاحظ أنه يتم استخدام كتلة نصوص المقارنة (يمكنك العثور عليها ضمن لوحة الألوان المدمجة ، درج النص). تقارن هذه الكتلة بين سلسلتين من النص لمعرفة ما إذا كانتا متساويتين. في حالة وجود جميع المعلومات المطلوبة ، فإنه يستدعي الإجراء InsertDataInTable (انظر الشكل المرفق).

6. التعامل مع الاستجابة من خدمة Fusion Tables

سيتم إطلاق حدث FusiontablesControl. GotResult عندما يتلقى التطبيق ردًا من خدمة Fusion Tables من Google. بالنسبة لاستعلام الإدراج ، ستعيد الخدمة معرف الصف للصف الجديد الذي تم إدراجه أو رسالة خطأ إذا حدث خطأ ما. في هذا المثال البسيط ، نستخدم كتلة "يحتوي على" (ابحث عنها ضمن لوحة الألوان المدمجة ، درج النص) للتحقق مما إذا كانت سلسلة النتيجة تحتوي على rowID فيها. إذا كان الأمر كذلك ، فنحن نعلم أنه تم استلام معرف rowID ، ثم نستدعي إجراء WebViewer. GoHome ، الذي يعيد تحميل "HomeURL" كما هو محدد في خصائص WebViewer. لاحظ أن هذه المجموعة من الكتل تستدعي أيضًا إجراء إعادة التعيين. بعد تسجيل الإدخال ، يقوم بإعادة تعيين الواجهة إلى حالتها الأصلية.

انت انتهيت! قم بتعبئة التطبيق بالانتقال إلى Package for Phone on the Designer. يمكنك الآن اختبار التطبيق لأغراض احتفال الشاي. بمجرد فهمك لهذا البرنامج التعليمي ، ستكون جاهزًا لإنشاء Fusion Tables جديد وتعديل التطبيق لتجميع أنواع مختلفة من البيانات من المستخدمين.

الخطوة 7: تحميل التطبيق في متجر Google Play

من السهل جدًا تحميل التطبيق على متجر Google play. ما عليك سوى google "كيفية تحميل التطبيق على متجر Google Play" وستحصل على جميع المعلومات من Google نفسها. فيما يلي رابط جوجل: -

support.google.com/googleplay/android-deve…

ما عليك سوى تحميل ملف APK في Play Console.

لحفظ ملف APK ، انتقل إلى Build in MIT App وحدد الخيار "Save.apk to my computer".

أخيرًا بعد القيام بكل هذه الأشياء ، يكون تطبيقك جاهزًا للاستخدام. إذا كنت لا ترغب في تحميل التطبيق على متجر Google Play ، فما عليك سوى مشاركة التطبيق مع أصدقائك / العملاء وما إلى ذلك.

هذا فقط لغرض التعلم ولديك الآن العديد من الخيارات لزيادة ، وتقليل ، وإخفاء Fusion Table.

هذا التدريب فريد جدًا. الآن الأمر متروك لك لاستخدام الإجراء. سوف يجتمع في Next Instructable.

شكرا للقراءة.