اپلیکیشن

یک اپ اندرویدی و وب‌اپ واکنش‌گرا به نام «نواپخش» بساز؛ موبایل‌اول باشد و برای پخش و مدیریت آهنگ‌های کاربر طراحی شود. اپ باید کاملاً روی دستگاه کار کند و اطلاعات کتابخانه، علاقه‌مندی‌ها، آهنگ‌های اخیر، صف پخش و فایل‌های دانلودشده را در حافظه محلی نگه دارد تا بعد از بستن و بازکردن دوباره باقی بمانند. صفحه‌ها و قابلیت‌ها: ۱) صفحه کتابخانه: نمایش آهنگ‌های موجود با نام، هنرمند، آلبوم و مدت؛ جست‌وجو، مرتب‌سازی بر اساس نام/هنرمند/تاریخ افزودن و فیلتر علاقه‌مندی‌ها. ۲) صفحه پخش: تصویر جلد پیش‌فرض زیبا، نام آهنگ، هنرمند، نوار پیشرفت، زمان سپری‌شده و باقی‌مانده، پخش/مکث، قبلی/بعدی، تکرار، پخش تصادفی، تنظیم صدا و افزودن به علاقه‌مندی‌ها. پخش در پس‌زمینه تا حد امکان در نسخه اندروید انجام شود. ۳) صفحه دانلود: دریافت فایل صوتی از لینک مستقیم عمومی با فرمت‌های رایج مثل MP3، M4A و OGG، نمایش پیشرفت، امکان لغو و نمایش خطاهای قابل‌فهم. کاربر بتواند لینک را از مرورگر یا دکمه اشتراک‌گذاری گوشی وارد اپ کند. ۴) صفحه افزودن فایل: انتخاب آهنگ از حافظه دستگاه و افزودن آن به کتابخانه؛ امکان حذف فایل یا حذف فقط از کتابخانه. ۵) صفحه علاقه‌مندی‌ها و اخیراً پخش‌شده‌ها. ۶) تنظیمات: تم روشن/تیره، ترتیب پخش، کیفیت/رفتار دانلود و پاک‌کردن دانلودهای ذخیره‌شده. محدودیت مهم: اپ از گوگل، اینستاگرام یا سرویس‌های دیگر اسکرپ نمی‌کند و برای دورزدن محدودیت‌ها یا دانلود محتوای محافظت‌شده استفاده نمی‌شود. به‌جای آن، دانلود فقط از لینک مستقیم عمومی یا فایل‌هایی که کاربر از حافظه/اشتراک‌گذاری گوشی وارد می‌کند انجام شود؛ داخل اپ این موضوع شفاف نمایش داده شود. ظاهر مدرن و موسیقایی با زمینه تیره پیش‌فرض، رنگ تأکیدی بنفش/آبی، کارت‌های تمیز، آیکون‌های واضح و نوار پخش کوچک ثابت در پایین صفحه باشد. طراحی باید responsive و موبایل‌اول باشد، از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و از flex/grid، درصد و واحدهای نسبی استفاده شود. در عرض بزرگ، محتوا با ستون‌بندی مناسب یا محدودکردن عرض متن نمایش داده شود، نه کش‌آمدن یک ستون. همه دکمه‌ها و عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصله کافی داشته باشند. هیچ قابلیت مهمی فقط با hover در دسترس نباشد. safe-area inset برای ناچ و نوار پایین رعایت شود و meta viewport استاندارد وجود داشته باشد.