پرش به مطلب اصلی

مسیر پیشنهادی یادگیری اپ‌ادیتور

اگر برای اولین بار وارد اپ‌ادیتور شده‌اید، لازم نیست همه تنظیمات را یک‌جا یاد بگیرید. ابتدا یک اپ کوچک بسازید، آن را در پیش‌نمایش اجرا کنید و سپس قابلیت‌های موردنیاز پروژه خود را اضافه کنید.

تصویر کلی کار

فرآیند ساخت اپ در اپ‌ادیتور معمولاً این ترتیب را دارد:

  1. ساخت اپ: نام، شناسه و تنظیمات اولیه پروژه را مشخص می‌کنید.
  2. ساخت صفحه: هر بخش مستقل اپ، مانند خانه، درباره ما یا جزئیات محصول، یک صفحه است.
  3. چیدن ویجت‌ها: متن، عکس، دکمه، گروه، فرم و سایر اجزای صفحه را اضافه می‌کنید.
  4. تعریف رفتار: با رویداد و عملکرد مشخص می‌کنید لمس دکمه یا باز شدن صفحه چه نتیجه‌ای داشته باشد.
  5. افزودن داده و منطق: در صورت نیاز از متغیر، شرط، لیست پویا یا سرویس‌های آنلاین استفاده می‌کنید.
  6. آزمایش: صفحه‌ها، مسیرهای برگشت، حالت بدون اینترنت و ورودی‌های نامعتبر را بررسی می‌کنید.
  7. دریافت خروجی: پس از تکمیل آزمایش، خروجی مناسب انتشار را می‌سازید.

گام اول: یک نمونه کوچک بسازید

ابتدا آموزش ساخت اولین اپلیکیشن را انجام دهید. برای تمرین کافی است:

  • یک صفحه اصلی داشته باشید؛
  • یک عنوان و تصویر به آن اضافه کنید؛
  • یک صفحه دوم بسازید؛
  • دکمه‌ای قرار دهید که صفحه دوم را باز کند؛
  • یک دکمه برگشت در صفحه دوم آزمایش کنید.

با همین نمونه، سه مفهوم اصلی را یاد می‌گیرید: صفحه، ویجت و عملکرد.

نکته

هر تغییر را همان زمان در پیش‌نمایش بررسی کنید. اگر ده‌ها تغییر را هم‌زمان انجام دهید، پیدا کردن علت یک مشکل سخت‌تر می‌شود.

گام دوم: چیدمان درست را یاد بگیرید

برای کنار هم قرار دادن چند ویجت از گروه استفاده کنید. گروه فقط یک کادر ظاهری نیست؛ ترتیب عمودی یا افقی، فاصله‌ها، هم‌ترازی و اندازه فرزندان را کنترل می‌کند.

هنگام طراحی این نکات را رعایت کنید:

  • برای هر بخش صفحه یک ساختار ساده و قابل فهم بسازید.
  • از تو‌در‌تو کردن بی‌دلیل گروه‌های زیاد خودداری کنید.
  • صفحه را در اندازه‌های مختلف پیش‌نمایش بررسی کنید.
  • قبل از افزودن جزئیات ظاهری، مسیر حرکت کاربر را کامل کنید.

راهنمای چیدمان و محیط طراحی جزئیات بیشتری دارند.

گام سوم: تعامل ایجاد کنید

سه واژه در این بخش مهم‌اند:

  • رویداد: چه زمانی کاری انجام شود؛ برای مثال هنگام کلیک کاربر.
  • عملکرد: چه کاری انجام شود؛ برای مثال باز کردن صفحه یا نمایش پیام.
  • شرط: عملکرد تحت چه شرایطی اجازه اجرا داشته باشد.

برای شروع، یک عملکرد ساده مانند باز کردن صفحه یا نمایش پیغام کوتاه را به رویداد کلیک یک دکمه وصل کنید. سپس صفحات رویداد، عملکرد و شرط را مطالعه کنید.

گام چهارم: مسیر مناسب پروژه خود را انتخاب کنید

لازم نیست همه بخش‌های راهنما را به ترتیب بخوانید. بر اساس نوع اپ، یکی از مسیرهای زیر را ادامه دهید:

هدف شمامسیر پیشنهادی
اپ معرفی، کاتالوگ یا آموزشیمتن و تصویر، گروه، صفحه‌نما، منو و به‌روزرسانی آنلاین محتوا
تبدیل سایت به اپنمایشگر وب و آموزش تبدیل سایت
فرم و ثبت اطلاعاتفرم‌ساز، ویجت‌های فرم و عملکرد ارسال فرم
ورود و پروفایل کاربرانحساب کاربری و ویجت‌های ورود، عضویت و پروفایل
دریافت داده از APIلیست پویا، متغیرها و متغیرهای سیستمی
سایت وردپرسی یا ووکامرساتصال وردپرس
منطق و محاسبات اختصاصیمتغیر، شرط و اجرای جاوااسکریپت

پیش از اولین بیلد

این موارد را بررسی کنید:

  • صفحه اصلی اپ مشخص و قابل باز شدن است.
  • هیچ دکمه‌ای به صفحه حذف‌شده یا عملکرد ناقص متصل نیست.
  • دکمه برگشت و مسیرهای ورود و خروج از صفحه‌ها درست کار می‌کنند.
  • تصاویر و فایل‌های ضروری حذف یا جابه‌جا نشده‌اند.
  • حالت خالی، خطا و نبود اینترنت در بخش‌های آنلاین قابل فهم است.
  • نام، آیکن، شناسه بسته و نسخه اپ نهایی شده‌اند.
  • اگر اپ قبلاً منتشر شده، همان کلید امضای نسخه‌های قبلی را استفاده می‌کنید.

پس از آن، راهنمای خروجی اندروید، خروجی وب یا خروجی ویندوز را ببینید.

وقتی بین چند راه مردد هستید

مسئله را به کوچک‌ترین نمونه ممکن تبدیل کنید. برای مثال، پیش از ساخت یک فروشگاه کامل، فقط یک صفحه با سه محصول آزمایشی و یک مسیر جزئیات بسازید. بعد از درست کار کردن نمونه، داده واقعی، حساب کاربری و پرداخت را مرحله‌به‌مرحله اضافه کنید.