ورودی و انتخاب
فیلد متن و عدد، انتخابگر، تاریخ، ساعت، رنگ، بازه، رمز و بارگذاری.
نسخه نخست محصول آریا
یک هسته حرفهای برای ساخت پنلهای مدیریتی صنفی
آریا برای زمانی ساخته شده که نمیخواهید هر پروژه مدیریتی را از صفر شروع کنید. چیدمان، تم، منو، جداول، فرمها، صفحات ورود و خطا و رفتارهای عمومی در هسته مشترک آمادهاند؛ شما فقط منطق و دادههای مخصوص کسبوکار را جایگزین میکنید.
کاملاً راستچین
روشن و تاریک
واکنشگرا
بدون دکمه نمایشی بیعمل
کدهای بخشبندیشده و کامنتگذاریشده
۲۳۲صفحه پنل فروشگاهی
۶حالت چیدمان
۱۰مسیر صنفی
۳داشبورد فروشگاهی
۰لینک شکسته در فاز نخست
سه نمای مدیریتی
یک فروشگاه، سه داشبورد با تمرکز متفاوت
هر دمو روی یک نیاز واقعی مدیر فروشگاه تمرکز میکند و مستقیماً به فایل همان داشبورد متصل است.
نمای جامع فروش
داشبورد مدیر فروشگاه
فروش روز، سفارشهای تازه، نرخ تبدیل، عملیات سریع و نمودار روند فروش را در یک صفحه میبینید.
- شاخصهای کلیدی فروش
- سفارشهای تازه
- عملیات سریع
- نمودار هفتگی
صفحات داخلی واقعی
فقط داشبورد نیست؛ صفحات عملیاتی هم آمادهاند
نمونههای زیر از صفحات واقعی پنل گرفته شدهاند و با دکمههای قبلی و بعدی قابل مرور هستند.
واکنشگرا از هسته
موبایل و تبلت، نسخه کوچکشده دسکتاپ نیستند
در عرضهای کوچک، سایدبار به کشوی مستقل تبدیل میشود، جدولها اسکرول کنترلشده دارند و اکشنهای مهم بدون شکستن صفحه قابل دسترسی میمانند.
۳۲۰ پیکسل۷۶۸ پیکسل۱۴۴۰ پیکسل
مشاهده گزارش کنترل کیفیت
تبلت
موبایل
چیدمان از یک هسته
نمایش تمام دموهاشش حالت آماده برای ارائه به مشتری نهایی
هر چیدمان فایل دمو واقعی دارد و برای تغییر ظاهر، مجبور به نگهداری شش کدبیس جدا نیستید.
منوی عمودی
انتخاب مناسب برای پنلهای پرصفحه.
حاشیهدار
تفکیک واضح بخشها با سایه کمتر.
منوی نیمهتاریک
سایدبار تاریک با محتوای روشن.
حالت تاریک
پوسته کامل تیره برای محیط کمنور.
منوی افقی
ناوبری بالای صفحه و محتوای بازتر.
منوی افقی تاریک
سربرگ و منوی تیره با بدنه مستقل.
| چیدمان | مناسب پنل بزرگ | منوی موبایل | حالت تاریک | هسته مشترک |
|---|---|---|---|---|
| عمودی | بله | کشوی کناری | بله | بله |
| حاشیهدار | بله | کشوی کناری | بله | بله |
| نیمهتاریک | بله | کشوی کناری | بله | بله |
| تاریک | بله | کشوی کناری | پیشفرض | بله |
| افقی | متوسط | کشوی کناری | بله | بله |
| افقی تاریک | متوسط | کشوی کناری | بله | بله |
کتابخانه مرجع رابط کاربری
۱۰۸ جزء مدیریتی آماده استفاده و کپی
از ورودی و انتخابگر تا بازخورد، ناوبری، درگ و رهاسازی، جدول و نمودار؛ هر نمونه صفحه مستقل دارد و رفتار اصلی آن واقعی است.
نمایش داده
آواتار، برچسب، چیپ، فهرست، درخت، جدول، کارت و وضعیتهای مدیریتی.
بازخورد کاربر
توست، هشدار، SweetAlert2، لودر، اسکلت، تولتیپ و پاپاور.
ناوبری
تب، صفحهبندی، مسیر راهنما، نمایش مراحل، منوی کشویی و میانبر صفحات.
برنامههای روزمره
ایمیل، پیامرسان، تقویم چندنما، کانبان، فایلمنیجر، یادداشت، کارها، اعلان و تیکت پشتیبانی.
تعامل پیشرفته
درگ و رهاسازی، جابهجایی ویجت، لایتباکس، تور راهنما و ویرایش درونخطی.
۱۰ نوع نمودار
خطی، ناحیهای، میلهای، پشتهای، دایرهای، حلقهای، شعاعی، راداری، گرمایی و اسپارکلاین.
ده مسیر توسعه
یک محصول پایه، ده پنل تخصصی
هفت صنف فروشگاه اینترنتی، طلا و جواهر، رستوران و کافه، کلینیک و درمان، املاک، حسابداری و مالی و آموزشگاه آماده استفادهاند. برای ۳ صنف بعدی نیز پوشه و سند نیازمندی آماده است تا توسعه از همان هسته مشترک ادامه پیدا کند.
فروشگاه اینترنتی و مارکتپلیس
محصول، سفارش، مشتری، انبار، مرجوعی، مالی و بازاریابی.
طلا و جواهر
قیمت روز، وزن و عیار، اجرت، خرید و فروش، سفارش ساخت، تعمیرات و گاوصندوق.
رستوران و کافه
منو، سفارش، میز، رزرو، آشپزخانه، انبار، پیک و صندوق.
کلینیک و درمان
نوبت، پرونده، پزشک، خدمات، صورتحساب و گزارش.
املاک
فایل ملک، مالک و متقاضی، سرنخ، بازدید، قرارداد، کمیسیون و نقشه.
حسابداری و مالی
حساب، بانک، صندوق، درآمد، هزینه، فاکتور، دریافتنی و گزارش مالی.
آموزشگاه و آکادمی
دوره، کلاس، مدرس، هنرجو، ثبتنام، حضور، آزمون و شهریه.
سالن زیبایی
خدمت، رزرو، متخصص، مشتری و صندوق.
حملونقل و لجستیک
مرسوله، راننده، ناوگان، مسیر و وضعیت ارسال.
نرمافزار و میزبانی
اشتراک، سرویس، صورتحساب، تیکت و مصرف.
کاربردهای پیشنهادی
برای پروژههایی که پنل واقعاً بخش اصلی محصول است
ساختار آریا برای پنلهای عملیاتی، سامانههای داخلی، داشبوردهای مدیریتی و محصولات نرمافزاری چندصفحهای طراحی شده است.
فروش و تجارت
فروشگاه، بازارگاه، مدیریت سفارش و پنل فروشنده.
مدیریت مشتری
پیگیری سرنخ، مشتری، فعالیت و ارتباطات.
سامانههای تحلیلی
شاخص، گزارش، نمودار و تصمیمگیری مدیریتی.
سامانههای عملیاتی
گردشکار، فرآیند داخلی، درخواست و پیگیری.
صنف دوم آماده
ورود به زرینگالریدموهای تخصصی طلا و جواهر
سه داشبورد و شش چیدمان با منطق وزن، عیار، اجرت و موجودی گاوصندوق.
صنف سوم آماده
ورود به چاشنیدموهای تخصصی رستوران و کافه
سه داشبورد و شش چیدمان با منطق میز، رزرو، آشپزخانه، انبار و ارسال.
صنف چهارم آماده
ورود به سپیدار کلینیکدموهای تخصصی کلینیک و درمان
سه داشبورد و شش چیدمان با نوبتدهی، پزشکان، پرونده، خدمات و صورتحساب.
صنف پنجم آماده
ورود به آشیانیاردموهای تخصصی املاک
سه داشبورد و شش چیدمان با فایل ملک، سرنخ، بازدید، قرارداد، کمیسیون و نقشه.
صنف ششم آماده
ورود به ترازینودموهای تخصصی حسابداری و مالی
سه داشبورد و شش چیدمان با حسابها، نقدینگی، مطالبات، فاکتور و گزارشهای مالی.
داخل بسته چه دارید؟
ساختاری که برنامهنویس بتواند ادامهاش دهد
هسته مشترک از صفحات صنفی جداست؛ بنابراین برای ساخت نسخه بعدی لازم نیست منو، تم، سایدبار، فرم، جدول و رفتارهای عمومی را دوباره بسازید.
هسته مشترکرنگ، چیدمان، منو و رفتارهای عمومی
پوشه مستقل هر صنفپیکربندی، منو و صفحات تخصصی
مستندات ادامه توسعهنقشه راه، گزارش کنترل کیفیت و راهنمای محصول
۱۰۸ جزء مدیریتینمونههای مستقل، واکنشگرا و قابل کپی
پیدبلیوای کاملمانیفست، آیکن نصب، سرویسورکر ریشه و صفحه آفلاین
ariya-admin-suite-v1.0/
├── core/
│ ├── css/
│ └── js/
├── industries/
│ ├── 01-ecommerce/
│ ├── 02-gold-jewelry/
│ └── ...
├── assets/
├── pwa/
├── docs/
└── index.htmlتغییر سریع برند
برای پروژه بعدی، هسته را دستکاری نکنید
نام، رنگ، نسخه و منوی هر صنف در فایلهای مستقل قرار دارد تا تغییرات کوچک و قابل نگهداری بمانند.
کپی پوشه صنف
پوشه نزدیکترین صنف را کپی کنید و نام مسیر را تغییر دهید.
تغییر تنظیمات
نام برند، رنگ اصلی و پیشوند حافظه را در فایل تنظیمات تغییر دهید.
تنظیم منو
گزینههای غیرضروری را حذف و صفحات تخصصی را به منوی همان صنف اضافه کنید.
جایگزینی داده
دادههای نمونه را به رابط برنامه یا داده واقعی پروژه متصل کنید.
کد قابل نگهداری
کامنتگذاری برای پیدا کردن بخشها، نه شلوغ کردن فایل
فایلهای اصلی با بخشهای مشخص جدا شدهاند تا برنامهنویس بتواند منو، تم، جدول یا رفتار یک قابلیت را سریع پیدا کند.
/* =========================================================
ساخت منوی عمودی از یک منبع داده مشترک
========================================================= */
function renderSidebar() {
// منوی هر صنف از فایل پیکربندی همان صنف ساخته میشود.
}فونت، آیکن و ظاهر
ظاهر فارسی، تم روشن و تاریک و آیکنهای یکپارچه
وزیرمتن برای خوانایی فارسی و فونتآوسام برای آیکنها در نظر گرفته شده است. در صورت در دسترس نبودن فونت آیکن، سایدبار جایگزین متنی دارد تا ساختار آن نشکند.
حالت روشن
حالت تاریک
آ ا ب پ ت ث
وزیرمتن
تایپوگرافی فارسی، وزنهای مناسب رابط و فاصله خطوط خوانا.
نسخه ۱.۰
آنچه تا این مرحله آماده شده
نسخه نخست اکنون شش پنل تخصصی فروشگاه اینترنتی، طلا و جواهر، رستوران و کافه، کلینیک و درمان، املاک و حسابداری و مالی را روی یک هسته مشترک ارائه میکند و مسیر توسعه ۴ صنف بعدی نیز آماده است.
هسته مشترک
منو، تم، چیدمان، فرم، جدول، نمودار سبک و رفتارهای عمومی.
فروشگاه اینترنتی
۲۳۲ صفحه شامل داشبورد، محصول، سفارش، مشتری، ارسال، بازاریابی، مالی، برنامههای روزمره، فرمهای پیشرفته، جدول، نمودار، نقشه، خروجی، تنظیمات و اجزاء.
شش چیدمان
عمودی، حاشیهدار، نیمهتاریک، تاریک، افقی و افقی تاریک.
معماری ده صنف
شش پنل صنفی آماده و مسیر فنی برای چهار نسخه تخصصی بعدی.
پرسشهای پرتکرار
پاسخ کوتاه به سؤالهای خریدار و برنامهنویس
آیا برای استفاده از قالب نیاز به بکاند خاصی دارم؟
خیر. دموها با HTML، CSS و JavaScript اجرا میشوند و میتوانید آنها را به هر بکاند یا رابط برنامه دلخواه متصل کنید.
چطور یک صنف جدید میسازم؟
یک پوشه صنفی را کپی کنید، تنظیمات و منوی مستقل آن را تغییر دهید و سپس فقط صفحات تخصصی کسبوکار را اضافه کنید.
آیا حالت تاریک و چیدمانها جداگانه نگهداری میشوند؟
خیر. همه از هسته مشترک استفاده میکنند تا تغییرات اصلی فقط یک بار انجام شوند.
دکمههای دمو واقعاً کار میکنند؟
قانون نسخه ۱.۰ این است که دکمه نمایشی بیعمل وجود نداشته باشد؛ هر دکمه باید ناوبری، تغییر وضعیت، مدال، توست، چاپ، دانلود یا رفتار مشخص دیگری داشته باشد.
هر ده صنف الان کامل هستند؟
خیر. در این مرحله شش صنف فروشگاه اینترنتی، طلا و جواهر، رستوران و کافه، کلینیک و درمان، املاک و حسابداری و مالی کامل و متصل به لندینگ هستند؛ ۴ صنف بعدی در فازهای بعدی تکمیل میشوند.
نسخه ۱.۰
دموی واقعی را باز کنید و از داخل پنل مسیرها را بررسی کنید
از داشبورد فروشگاهی شروع کنید یا ابتدا فهرست همه دموها را ببینید.