[vc_row][vc_column][vc_column_text]
راه‌اندازی App Inventor
راه‌اندازی App Inventor برای تست اپلیکیشن در حین ساخت (که به آن “تست زنده” نیز گفته می‌شود). چهار گزینه زیر را بررسی کنید:
گزینه 1: تست اپلیکیشن‌ها با آیفون یا گوشی اندروید و اتصال Wi-Fi
اگر یک کامپیوتر، یک گوشی هوشمند و یک اتصال Wi-Fi دارید، این آسان‌ترین راه برای ایجاد و تست اپلیکیشن‌های شما است. به سادگی اپلیکیشن همراه MIT App Inventor را روی گوشی خود نصب کنید و اپلیکیشن‌های خود را از طریق اتصال Wi-Fi تست کنید.
گزینه2: تست اپلیکیشن‌های خود با Chromebook
بسیاری از Chromebookها قادر به اجرای اپلیکیشن‌های اندروید هستند. این امکان را به شما می‌دهد که اپلیکیشن را بر روی همان دستگاه ایجاد، تست و اجرا کنید.
اگر گوشی یا تبلتی در دسترس ندارید، می‌توانید با نصب نرم‌افزار شبیه‌ساز بر روی کامپیوترتان از App Inventor استفاده کنید. آیا یک کلاس با ۳۰ دانش‌آموز دارید؟ آن‌ها را به طور اصلی با شبیه‌سازها کار کنند و چند دستگاه را به اشتراک بگذارند.
گزینه 4:بدون Wi-Fi؟ اپلیکیشن‌ها را با یک دستگاه اندروید و یک کابل USB تست کنید.
برخی از فایروال‌ها در داخل مدارس و سازمان‌ها اجازه‌ی نوعی از اتصال Wi-Fi مورد نیاز برای App Inventor را نمی‌دهند. اگر Wi-Fi برای شما کار نمی‌کند، امتحان کنید که از USB استفاده کنید (فقط برای اندروید).
الان، اولین اپلیکیشن خود را بسازید!
طراح و ویرایشگر بلوک‌ها
App Inventor شامل طراح و ویرایشگر بلوک‌ها می‌شود.
طراح به شما امکان می‌دهد تا رابط کاربری اپلیکیشن را ایجاد کنید:
ویرایشگر بلوک‌ها به شما امکان می‌دهد تا با قرار دادن بلوک‌ها با هم، رفتار اپلیکیشن را برنامه‌ریزی کنید:
آموزش‌های مبتدی : ساخت اپلیکیشن‌های موبایل با App Inventor
سلام کودی!
با شروع به ساختن، زمانی که کودی زنبور لمس می‌شود، صدای زنبور بزند!
ساخت اپلیکیشن اول شما: HelloCodi
حالا که کامپیوتر و دستگاه خود را راه‌اندازی کرده‌اید و یادگیری کرده‌اید که طراح و ویرایشگر بلوک‌ها چگونه کار می‌کنند، آماده‌اید تا اپلیکیشن HelloCodi را بسازید. در این مرحله، باید طراح یا ویرایشگر بلوک‌ها را در مرورگر خود باز کنید و یک دستگاه Android/iOS یا شبیه‌ساز برای تست در حالی که می‌سازید، متصل کنید. (اگر این موارد را در دسترس ندارید، دستورالعمل‌های راه‌اندازی برای App Inventor را ببینید.) از منوی پروژه، گزینه “شروع یک پروژه جدید” را انتخاب کرده و آن را به نام HelloCodi نامگذاری کنید.
HelloCodi: لمس کنید، صدای زنبور را بشنوید!
هلو کودی یک اپلیکیشن ساده است که می‌توانید در زمان بسیار کمی بسازید. شما یک دکمه می‌سازید که تصویر کودی زنبور را روی آن دارد، و سپس دکمه را برنامه‌ریزی می‌کنید تا هنگام کلیک بر روی آن، تلفن صدای زنبوری را ایجاد کند.
برای ساخت HelloCodi، شما به یک فایل تصویر از کودی زنبور نیاز دارید. این فایل‌ها را با کلیک بر روی لینک‌های زیر به کامپیوترتان دانلود کنید. برای دانلود: پس از کلیک بر روی یک لینک، راست کلیک کرده و گزینه “ذخیره به عنوان” را انتخاب کنید. فایل را در رومیزی یا پوشه‌ی دانلود خود ذخیره کنید، یا هر جای دیگری که بتوانید به راحتی آن را بعداً پیدا کنید.
تصویر کودی: codi.jpg (راست‌کلیک کنید و ذخیره کنید)
صدای زنبور: Bee-Sound.mp3 (راست‌کلیک کنید و ذخیره کنید)
اجزاء App Inventor در سمت چپ پنجره طراح، زیر عنوان نوار ابزار (Palette) قرار دارند. اجزاء، عناصر اساسی هستند که برای ساخت اپلیکیشن‌ها بر روی گوشی‌های اندروید یا آیفون استفاده می‌شوند. آن‌ها مانند مواد اولیه در یک دستور غذا هستند. برخی از اجزاء بسیار ساده هستند، مانند یک اجزاء برچسب که فقط متن را روی صفحه نمایش نشان می‌دهد، یا یک اجزاء دکمه (شماره ۱ سمت راسات) که با زدن آن عملی را شروع می‌کنید.
اجزاء دیگر پیچیده‌تر هستند: یک پانل نقاشی که می‌تواند تصاویر ثابت یا انیمیشن‌ها را در خود نگه دارد، یک سنسور شتاب سنج که مانند یک کنترلر Wii عمل می‌کند و حرکت یا لرزش تلفن را تشخیص می‌دهد، اجزاءی که پیام متنی ارسال می‌کنند، اجزاءی که موسیقی و ویدیو را پخش می‌کنند، اجزاءی که اطلاعات از وب‌سایت‌ها دریافت می‌کنند و غیره.
برای استفاده از یک اجزاء در اپلیکیشن خود، باید بر روی آن کلیک کرده و آن را به وسیله کشیدن به محل نمایش در وسط طراح ببرید. هنگامی که یک اجزاء را به نمایشگر اضافه می‌کنید (شماره ۱ زیر)، همچنین در لیست اجزاء در سمت راست نمایشگر نیز ظاهر می‌شود.
اجزاء (شماره ۲ زیر) دارای ویژگی‌های قابل تنظیم هستند. این ویژگی‌ها شکل یا رفتار اجزاء را در اپلیکیشن تغییر می‌دهند. برای مشاهده و تغییر ویژگی‌های یک اجزاء (شماره ۳ زیر)، ابتدا باید اجزاء مورد نظر را از لیست اجزاء خود انتخاب کنید.
مراحل انتخاب اجزا و تنظیم خواص
HelloCodi شامل یک اجزاء دکمه است که تصویر زنبوری که قبلاً دانلود کردید را نمایش می‌دهد. برای انجام این کار:
مرحله ۱ا: از نوار ابزار رابط کاربری، اجزاء دکمه را به Screen1 کشیده و رها کنید (#1).
مرحله ۱ب: برای دادن تصویر زنبور به دکمه، در پنل ویژگی‌ها، زیر تصویر، بر روی متن “هیچ‌کدام…” کلیک کرده و “آپلود فایل…” را کلیک کنید (#2). یک پنجره باز خواهد شد تا بتوانید فایل تصویر را انتخاب کنید. بر روی “مرور” کلیک کنید و سپس به محل فایل codi.jpg که قبلاً دانلود کرده‌اید بروید (#3). بر روی فایل codi.jpg کلیک کرده، “باز کردن” را کلیک کرده و سپس “باشد” را کلیک کنید.
متن “Text for Button1” را حذف کنید، تا ویژگی متن دکمه خالی شود و هیچ نوشته‌ای روی تصویر زنبور نباشد.
مرحله ۳. از نوار ابزار رابط کاربری، اجزاء برچسب را به نمایشگر بکشید و رها کنید (#۱)، آن را زیر تصویر زنبور قرار دهید. آن به عنوان Label1 زیر لیست اجزاء شما ظاهر می‌شود.
در پنل ویژگی‌ها،
۲) ویژگی متن Label1 را به “لمس کنید” تغییر دهید. شما متن را در طراح و روی دستگاه خود تغییر خواهید داد.
۳) اندازه قلم را به ۳۰ تغییر دهید.
۴) رنگ پس‌زمینه Label1 را با کلیک بر روی جعبه تغییر دهید. می‌توانید آن را به هر رنگی که دوست دارید تغییر دهید.
۵) رنگ متن را به هر رنگی که دوست دارید تغییر دهید. (توجه: اگر رنگ پس‌زمینه و رنگ متن یکسان باشند، نمی‌توانید متن خود را بخوانید!)
در اینجا، رنگ پس‌زمینه به آبی کهن تنظیم شده و رنگ متن به آبی تنظیم شده است.
مرحله ۴. در نوار ابزار، بر روی کشویی رسانه‌ها کلیک کنید و یک اجزاء صدا را بیرون کشیده و در نمایشگر قرار دهید (#۱). هر جا که آن را رها کنید، در ناحیه پایین نمایشگر مشخص شده با عنوان اجزاء غیر قابل مشاهده ظاهر خواهد شد. در پنل رسانه، بر روی “آپلود فایل…” (#۲) کلیک کنید، به محل فایل Bee-Sound.mp3 که قبلاً دانلود کرده‌اید بروید و آن را به این پروژه آپلود کنید (#۳). در پنل ویژگی‌ها، مشاهده کنید که ویژگی منبع در حال حاضر “هیچ‌کدام…” را نشان می‌دهد. بر روی کلمه “هیچ‌کدام…” کلیک کنید تا منبع اجزاء صدا را به Bee-Sound.mp3 تغییر دهید (#۴).
تا کنون صفحه و اجزاء اپلیکیشن خود را در طراحی که در پنجره مرورگر وب قرار دارد، مرتب کرده‌اید. برای شروع برنامه‌نویسی رفتار اپلیکیشن، باید به ویرایشگر بلوک‌ها بروید. برای این کار، بر روی دکمه بلوک‌ها در بالای راست صفحه کلیک کنید تا وارد ویرایشگر بلوک‌ها شوید.
وقتی ویرایشگر بلوک‌ها در مقابل شما قرار گرفت، ادامه دهید تا به مرحله بعدی بروید و با استفاده از بلوک‌ها برنامه اپلیکیشن خود را برنامه‌نویسی کنید.
پخش صدا
مرحله ۱. در سمت چپ ویرایشگر بلوک‌ها، بر روی کشویی Button1 کلیک کنید تا آن را باز کنید. سپس بلاک when Button1.Click را به منطقه کاری (منطقه باز در سمت راست) بکشید و رها کنید.
بلاک‌های زرد رنگ خردلی به نام بلاک‌های رویداد هستند. این بلاک‌ها مشخص می‌کنند که چگونه دستگاه همراه باید به رویدادهای خاصی پاسخ دهد: مثلاً وقتی که یک دکمه فشرده شده است، تلفن تکان خورده است، کاربر انگشت خود را روی یک پانو دراگ می‌کند و غیره. وقتی Button1.Click یک بلاک رویداد است.
مرحله ۲ا. بر روی کشویی Sound1 کلیک کنید و بلاک Sound1.Play را بکشید و به بخش “انجام دادن” (do) بلاک when Button1.Click متصل کنید. بلاک‌ها مثل قطعات پازل با یکدیگر متصل می‌شوند و می‌توانید صدایی شنیدن که آن‌ها با هم متصل می‌شوند.
بلاک‌های بنفش که به آن‌ها بلاک‌های دستوری می‌گویند، در بدنه بلاک‌های رویداد قرار می‌گیرند. وقتی یک بلاک رویداد اجرا می‌شود، دنباله دستورات در بدنه آن اجرا می‌شود. یک دستور بلاکی است که عملی را که باید انجام داد (مثلاً پخش صدا) هنگامی که رویداد (مثلاً فشردن Button1) اتفاق می‌افتد، مشخص می‌کند.
بلاک‌های شما در این مرحله باید به این شکل باشند:
اکنون می‌بینید که بلاک دستور در داخل بلاک رویداد قرار دارد. این مجموعه از بلاک‌ها به این معناست: “وقتی که Button1 فشرده می‌شود، Sound1 پخش می‌شود.” بلاک رویداد مانند یک دسته از اعمال است (مثلاً یک دکمه کلیک شده است)، و دستور نوع اعمال و جزئیات اعمال را مشخص می‌کند (مثلاً پخش صدا).
می‌توانید درباره بلاک‌ها و نحوه کار آن‌ها بیشتر بخوانید: بلاک‌های از پیش ساخته App Inventor.
آن را روی دستگاه خود یا با شبیه‌ساز امتحان کنید! وقتی دکمه را فشار می‌دهید باید صدای زنبور را بشنوید. تبریک می‌گویم، اپلیکیشن اول شما در حال اجرا است!
بسته‌بندی اپلیکیشن شما
تا زمانی که تلفن همراه/تبلت/شبیه‌ساز شما به App Inventor متصل بوده است، اپلیکیشن شما به صورت زمان واقعی در دستگاه شما اجرا می‌شده است. اگر دستگاه/شبیه‌ساز را قطع کنید، اپلیکیشن ناپدید خواهد شد. همیشه می‌توانید با اتصال مجدد دستگاه آن را بازگردانید، اما برای داشتن اپلیکیشنی که بدون اتصال به App Inventor اجرا شود، باید اپلیکیشن را “بسته‌بندی” کنید تا یک بسته اپلیکیشن (فایل apk) تولید شود.
در حال حاضر، این مرحله آخر، بسته‌بندی اپلیکیشن‌ها، فقط برای تلفن‌های Android کار می‌کند. ما به فعالیت برای اضافه کردن این قابلیت به دستگاه‌های iOS به زودی ادامه می‌دهیم!
برای “بسته‌بندی” اپلیکیشن برای نصب در دستگاه خود یا ارسال به شخص دیگر، بر روی تب Build در بالای صفحه کلیک کنید. زیر بخش Build، دو گزینه برای انتخاب برای شما موجود است:
۱. اپ (ارائه کد QR): می‌توانید یک بارکد (یک کد QR) ایجاد کنید که می‌توانید از آن برای نصب اپلیکیشن در یک دستگاه همراه که دارای دوربین است، استفاده کنید.
این بارکد تنها برای دو ساعت معتبر است. اگر می‌خواهید اپلیکیشن خود را از طریق بارکد به مدت طولانی‌تری با دیگران به اشتراک بگذارید، باید فایل .apk را به کامپیوتر خود دانلود کرده و از یک نرم‌افزار شخص ثالث برای تبدیل فایل به بارکد استفاده کنید. اطلاعات بیشتر اینجا قابل دسترس است.
۲. اپ (ذخیره در کامپیوتر من): می‌توانید اپلیکیشن را به عنوان یک فایل apk به کامپیوتر خود دانلود کنید که می‌توانید آن را به صورت دستی در دستگاه‌های دیگر نصب کرده و به اشتراک بگذارید (گاهی این عمل را “بارگذاری جانبی” می‌نامند).
مرور
در اینجا ایده‌های کلیدی که تاکنون پوشش داده شده‌اند، آمده است:
- شما با انتخاب اجزاء (مواد اولیه) و سپس به آن‌ها گفتن چه کاری انجام دهند و هنگام انجام آن کار، اپلیکیشن‌ها را ایجاد می‌کنید.
- شما از طریق طراح اقدامات برای انتخاب اجزاء و تنظیم خصوصیات هر جزء را انجام می‌دهید. برخی از اجزاء قابل مشاهده هستند و برخی دیگر نیستند.
- شما می‌توانید رسانه‌ها (صداها و تصاویر) را با بارگذاری آن‌ها از کامپیوتر خود به اپلیکیشن‌ها اضافه کنید.
- شما از طریق ویرایشگر بلوک‌ها بلاک‌هایی را تشکیل می‌دهید که رفتار اجزاء را تعریف می‌کنند.
- بلاک‌های when … do … رویدادها را تعریف می‌کنند، که به اجزاء می‌گویند چه کاری انجام دهند هنگامی که یک چیزی اتفاق می‌افتد.
- بلاک‌های call … برای انجام کارها برای اجزاء استفاده می‌شود.
اشتراک گذاری و میکس کردن برنامه ها
کد برنامه خود را به‌عنوان یک فایل .aia به اشتراک بگذارید که می‌تواند در App Inventor بارگیری شود و دوباره ترکیب شود:
- انتخاب کنید فایل | صادر کردن پروژه انتخاب شده (.aia) به کامپیوتر خود برای صادر کردن کد منبع (بلوک ها) پروژه شما. کد منبع به صورت یک فایل .aia دانلود می‌شود.
- یک نکته! برخی از سیستم‌های ایمیل فایل‌های .aia را رد می‌کنند، بنابراین بهتر است به فایل‌های خود در یک درایو آنلاین لینک دهید.
ساخت و انتشار اپلیکیشن در اپ اینورتر
برای ساختن برنامهٔ خود جهت نصب آن بر روی گوشی یا تبلت، مراحل زیر را دنبال کنید. (تنها برای سیستم عامل اندروید در حال حاضر. برای اطلاعات بیشتر، به مستندات iOS مراجعه کنید.)
- یک فایل را ایجاد کنید که با رفتن به منوی “Build” در نوار ابزار اپ اینونتور، بتوانید آن را در دستگاه نصب کنید (.apk).
- انتخاب کنید “برنامه (ذخیره در کامپیوتر من)”. یک پنجره پاپ‌آپ باید شما را آگاه کند که دانلود شما آغاز شده است.
پس از اتمام ساخت برنامهٔ شما، می‌توانید برنامه را به دوستان خود ارسال کنید تا آن را از گوشی‌هایشان نصب کنند. (برخی از سیستم‌های ایمیل ممکن است فایل‌های .apk را رد کنند، بنابراین بهتر است به فایل‌های خود در یک درایو آنلاین لینک دهید.) اگر می‌خواهید برنامه را به صورت گسترده‌تر توزیع کنید، می‌توانید آن را در یک وبسایتی که شما و دوستان شما به آن دسترسی دارید، آپلود کنید. توجه داشته باشید که افرادی که قصد نصب برنامهٔ شما را دارند ممکن است تنظیمات گوشی خود را برای اجازهٔ نصب برنامه‌های غیر از بازار تغییر دهند.
درخواست مشاوره
برای کسب اطلاعات بیشتر درباره این دوره درخواست مشاوره خود را ارسال کنید و یا با ما در تماس باشید.
درخواست مشاورهدوره های مرتبط
بسته ربات Vira Mechanic
ربات متفاوت با سازه های رباتیک بسازید و با تلفن همراه ربات خودتون رو برنامه نویسی کنید.
بسته ربات Vira Connect
از ویژگی های مهم این ظرفیت فرصت یادگیری تا ساخت یک ربات مسابقه ای می باشد. ابتدا مباحث برنامه نویسی و رباتیک رو فرابگیرید و بعد ربات حرفه ای خود را بسازید.
دوره آشنایی با الکترونیک
در این دوره سعی شده تا مفاهیم الکترونیک، تعریف مدار، قوانین مدارت، نحوی اتصال قطعات به زبان ساده توضیح داده…
دوره آموزش اسکرچ با تلفن همراه
[vc_row][vc_column][vc_column_text]توصیف شروع کنید با اپلیکیشن موبایل PictoBlox و رابط کاربری ساده و قابلیت کشیدن و رها کردن آن. با اپلیکیشن…
نظرات
1,100 تومان
مهندس حسین رضایی
مدرس رباتیک، الکترونیک، برنامه نویسیمدیر موسسه پیشروخلاقیت آزاد مهر ویرا
