روابط سريعة
سنوضح لك اليوم كيفية استخدام أداة Android App Inventor لإنشاء تطبيق Android الخاص بك، دون الحاجة إلى كتابة الكثير من التعليمات البرمجية المعقدة. إنها عملية بسيطة حقًا لا تتطلب سوى القليل من السحب والإفلات.
تُعد لوحات الصوت من بين أبسط التطبيقات التي يمكن إنشاؤها باستخدام App Inventor، لذا سنعرض لك اليوم كيفية البدء في إنشاء تطبيقك الخاص.
تم كتابة هذه المقالة للضيف بواسطة ميتش بارتليت من تكني بيجزحيث يتناول الكثير من النصائح التفصيلية حول الهواتف الذكية.
تثبيت App Inventor واستخدامه لإنشاء تطبيق
أولاً، ستحتاج إلى التأكد من تثبيت Java 1.6 أو إصدار أحدث. يمكنك تنزيله من http://www.java.comبمجرد الانتهاء من ذلك، قم بتثبيت App Inventor باستخدام الإرشادات الخاصة بنظام التشغيل لديك.
- نظام التشغيل ماك أو إس إكس
- جنو/لينكس
- نوافذ
قم بزيارة قسم “مشاريعي” بموقع App Inventor. قم بتسجيل الدخول والموافقة على شروط الخدمة إذا طُلب منك ذلك. حدد الزر “جديد” لبدء تطبيق جديد.
قم بإعطاء تطبيقك اسمًا فريدًا، ثم انقر فوق “موافق”.
سيظهر عارض App Inventor. تعرض هذه الشاشة الشكل الذي سيبدو عليه تطبيقك أثناء إنشائه. أولاً، سنرغب في إنشاء عنوان لهذه الشاشة. في جزء المكونات، يجب تحديد Screen1. ضمن قسم الخصائص، يمكننا تغيير حقل العنوان إلى اسم تطبيقنا.
الآن يمكننا البدء في ترتيب العناصر على الشاشة. سنقوم بإنشاء أعمدة وصفوف لأزرار لوحة الصوت. يمكننا القيام بذلك عن طريق تحديد “ترتيب الشاشة” في لوحة الألوان وسحب عنصر “ترتيب الجدول” إلى “العارض”.
قم بتعيين خصائص مكون TableArrangement1 في جزء الخصائص. هنا، سنقوم بتغييره إلى 3 أعمدة و3 صفوف.
سنحتاج إلى مكون لتشغيل الأصوات. حدد الوسائط في لوحة الألوان، واسحب مكون المشغل إلى العارض. سيظهر باسم المشغل 1 في قسم المكونات غير المرئية.
دعنا نضيف بعض الأصوات إلى مشروعنا. سيدعم App Inventor ملفات MP3 أو WAV التي يقل حجمها عن 3 ميجا بايت. نضيفها إلى مشروعنا من خلال تحديد مكون Player1، ثم تحديد حقل Source. انقر فوق الزر Add… وحدد Browse… لتحميل ملفات الصوت من جهاز الكمبيوتر الخاص بك. كرر هذه الخطوات لإضافة أصوات متعددة.
أضف زرًا لكل صوت من خلال تحديد لوحة الألوان الأساسية وسحبها إلى مربع TableArrangement1 في العارض. ستتمكن من وضع كل زر داخل صف وعمود محددين.
قم بتحديد كل زر في منطقة المكونات وقم بتغيير حقول النص لتمثيل الأصوات التي سيتم تشغيلها.
لقد انتهينا من شاشة العارض. هذا هو الشكل الذي يبدو عليه تطبيقنا حاليًا.
حان الوقت للتحكم في سلوك العناصر على الشاشة. انقر فوق “فتح محرر الكتل” للبدء. اختر فتح الملف أو منح الوصول إذا طُلب منك ذلك.
انقر فوق علامة التبويب “الكتل الخاصة بي”. حدد الزر 1 واسحب مربع “النقر على الزر 1” إلى الجانب الأيمن من الشاشة. افعل ذلك لكل زر أضفته إلى تطبيقك (الزر 2، والزر 3، وما إلى ذلك).
حدد Player1 ضمن علامة التبويب My Blocks واسحب كتلة “Player1.Source” إلى كتلة “Button1.Click”. يجب أن تتصل الكتلة بمكانها. أضف كتلة “Player1.Source” إلى كل كتلة أخرى من كتل النقر على الزر (Button2.Click، Button3.Click، إلخ.)
انقر فوق علامة التبويب “مضمن” وحدد “نص”. اسحب كتلة “نص” إلى اليمين وقم بتوصيلها بكتلة “Player1.Source”.
سيتحكم مربع “النص” في الصوت الذي سيتم تشغيله. انقر فوق النص الموجود في المربع وقم بتغييره ليتوافق مع اسم ملف الصوت الخاص بـ Button1. في مثالنا، Button1 هو “Punch”، لذا قمنا بتعيين النص إلى Punch.mp3.
اسحب مربع “نص” إلى كل كتلة “Player1.Source” وقم بتغيير كل منها لتتناسب مع اسم الصوت لكل زر.
الآن بعد أن تم تعيين الأصوات لكل زر، نحتاج فقط إلى إخبار تطبيقنا بتشغيل الصوت كلما نقرنا على الزر. للقيام بذلك، انقر فوق علامة التبويب My Blocks وحدد Player1. اسحب كتلة “Player1.Start” إلى “Button1.Click”. كرر هذه الخطوات لكل كتلة حدث نقر الزر.
لقد انتهيت! لقد أنشأت تطبيقًا صوتيًا يعمل بكامل طاقته. شاهد التطبيق أثناء العمل من خلال القيام بأحد الإجراءات التالية:
- اختبر التطبيق على جهاز Android الخاص بك من خلال تمكين تصحيح أخطاء USB على الجهاز ضمن الإعدادات > التطبيقات > التطوير وتوصيله بالكمبيوتر. يمكنك بعد ذلك النقر فوق الزر “الاتصال بالجهاز…” في محرر الكتل لعرض التطبيق على الجهاز.
- قم بتثبيت Android SDK ثم انقر فوق زر “المحاكي الجديد” لعرضه على جهاز الكمبيوتر الخاص بك في شاشة المحاكي.
- انقر فوق خيار “حزمة للهاتف” على شاشة App Inventor. بعد ذلك، يمكنك عرض الرمز الشريطي، أو تنزيل التطبيق على الكمبيوتر كملف APK، أو تنزيله على هاتف متصل.
استمتع بتطبيق لوحة الصوت المخصصة على جهاز Android الخاص بك.
هناك الكثير من التطبيقات التي يمكنك إنشاؤها باستخدام هذه الأداة – ما الذي ستصنعه؟