طراحی رابط کاربری حرفه ای برای یک ابزار تحت وب خفن😎

طرح نرم‌افزار: دریافت و تلفیق صورت وضعیت پورتفوی صندوق‌های سرمایه‌گذاری از کدال ۱. هدف کلی نرم‌افزار نیاز به نرم‌افزاری دارم (تحت ویندوز) که اطلاعات مربوط به صورت وضعیت پورتفوی صندوق‌های سرمایه‌گذاری (در بورس) را برای حدود ۲۲۰ صندوق از سایت کدال (codal.ir) دریافت کرده و همه را در قالب یک فایل اکسل تلفیق و ذخیره کند. اطلاعات صورت وضعیت پورتفوی صندوق‌های سرمایه‌گذاری به‌صورت ماهانه در سایت کدال منتشر می‌شود. این اطلاعات در قالب فایل‌های اکسل و پی‌دی‌اف ارائه می‌شود، اما ما فقط به فایل‌های اکسل نیاز داریم. ________________________________________ ۲. لیست صندوق‌ها (مدیریت ورودی) ما در حال حاضر نام حدود ۲۲۰ صندوق سرمایه‌گذاری را داریم. نرم‌افزار باید قابلیت‌های زیر را برای مدیریت این لیست فراهم کند: • نمایش لیست کامل صندوق‌ها همراه با لینک مربوط به هر صندوق در سایت کدال. • ویرایش اطلاعات هر صندوق (نام و لینک). • افزودن صندوق جدید به لیست. • حذف صندوق از لیست. • ذخیره‌سازی لیست صندوق‌ها به‌صورت فایل اکسل (خروجی). • بارگذاری (Import) لیست صندوق‌ها از فایل اکسل (ورودی). ________________________________________ ۳. فرآیند کار به صورت گام‌به‌گام نرم‌افزار باید دارای ۴ گام مجزا باشد؛ کاربر هر گام را به‌صورت جداگانه و با دکمه‌های مستقل اجرا کند (نه اینکه همه با یک دکمه انجام شود). ________________________________________ گام اول: دانلود فایل‌های اکسل از کدال توضیح: نرم‌افزار باید کلیه فایل‌های اکسل مربوط به همه صندوق‌های موجود در لیست را برای آخرین ماه منتشرشده از سایت کدال دانلود کند. جزئیات: • با استفاده از لینک ثبت‌شده برای هر صندوق در لیست، به صفحه مربوطه در کدال مراجعه کرده و فایل اکسل صورت وضعیت پورتفوی را دانلود کند. • فقط آخرین ماه (جدیدترین گزارش منتشرشده) برای هر صندوق دانلود شود. • فایل‌های دانلودشده در مسیری که کاربر تعیین می‌کند ذخیره شوند (کاربر باید بتواند محل ذخیره‌سازی را انتخاب و تغییر دهد). • نام فایل‌های دانلودی باید به‌گونه‌ای باشد که قابل‌شناسایی باشد (ترجیحاً شامل نام صندوق و تاریخ گزارش). نکته: در صورتی که لینک یک صندوق در لیست نامعتبر باشد یا فایل اکسل در کدال موجود نباشد، نرم‌افزار باید خطا را ثبت کرده و به کاربر اعلام کند و سپس به سراغ صندوق بعدی برود. ________________________________________ گام دوم: رفع حالت Protected View از فایل‌های اکسل توضیح: فایل‌های اکسل که از اینترنت دانلود می‌شوند، به‌صورت Protected View باز می‌شوند. این حالت برای همه فایل‌های دانلودی باید به‌صورت خودکار برداشته شود تا امکان پردازش و تلفیق آنها فراهم گردد. جزئیات: • نرم‌افزار باید تمام فایل‌های اکسل موجود در پوشه مشخص‌شده توسط کاربر را بررسی کرده و در صورت وجود حالت Protected View، آن را غیرفعال کند. • این عملیات باید قابل اجرا به‌صورت مجزا (با یک دکمه مستقل) باشد. ________________________________________ گام سوم: تلفیق اطلاعات در یک فایل اکسل (شیت اول) توضیح: قبل از اجرای این گام، نرم‌افزار باید لیستی از تمام فایل‌های اکسل موجود در پوشه به همراه نام تمام شیت‌های هر فایل را به کاربر نمایش دهد و کاربر شیت‌هایی را که می‌خواهد تلفیق شود، انتخاب کند. ________________________________________در حال حاضر ما با شیت «سهام» کار داریم که به صورت پیش فرض انتخاب شده است. در هر فایل اکسل دانلودی، یک کاربرگ (شیت) به نام «سهام» وجود دارد. اطلاعات این شیت از همه فایل‌ها باید در قالب یک کاربرگ در یک فایل اکسل جدید تلفیق شود. جزئیات: • محتوای شیت «سهام» از همه فایل‌ها، بدون هیچ تغییری و دقیقاً به‌صورت کپی-پیست، پشت سر هم در یک کاربرگ واحد قرار داده شود. • فایل خروجی جدید دارای دست‌کم دو شیت خواهد بود که شیت اول شامل اطلاعات تلفیقی از بند ۳ (شیت «سهام») است. • کاربر باید بتواند نام شیت یا شیت های مورد نظر برای تلفیق را خودش انتخاب کند (چون ممکن است در آینده بخواهیم شیت‌های دیگری غیر از «سهام» را نیز تلفیق کنیم).

گام چهارم: تلفیق اطلاعات بدون سربرگ (شیت دوم) توضیح: شیت دوم فایل خروجی، شامل اطلاعات بدون سربرگ (Header) از همه فایل‌ها است که به‌صورت پشت سر هم کپی می‌شود. جزئیات: • در این شیت، سربرگ (چند ردیف اول) هر فایل حذف می‌شود و فقط ردیف‌های داده (جدول) به همراه هدر جدول پشت سر هم کپی می‌شوند. بهتر است سلول ها در شید تلفیقی نباید merge شده باشند. • یک ستون جدید به نام «نام صندوق» به جدول اضافه شود و در مقابل هر ردیف، نام صندوق مربوطه درج گردد. • کاربر باید بتواند نام شیت مورد نظر را خودش تعیین کند (همانند گام سوم). ________________________________________ ۴. قابلیت تلفیق فایل‌های از پیش دانلودشده توضیح: ممکن است کاربر از قبل، فایل‌های اکسل مربوط به صندوق‌ها یا هر فایل اکسل دیگری را به‌صورت دستی دانلود کرده باشد. نرم‌افزار باید این امکان را فراهم کند که کاربر بتواند فایل‌های موجود در یک پوشه را انتخاب کرده و عملیات تلفیق (گام‌های سوم و چهارم) را روی آنها انجام دهد. ________________________________________ ۵. خروجی نهایی فایل اکسل نهایی باید شامل دست‌کم دو شیت باشد: شیت محتوا شیت اول اطلاعات تلفیقی از شیت‌های انتخاب‌شده (همراه با سربرگ) شیت دوم اطلاعات تلفیقی بدون سربرگ + ستون «نام صندوق» ________________________________________ ۶. نکات تکمیلی و مواردی که باید مد نظر برنامه‌نویس باشد

1. مدیریت خطا: نرم‌افزار باید در برابر خطاهای زیر مقاوم باشد و خطاها را به‌صورت شفاف به کاربر گزارش دهد:o عدم دسترسی به اینترنت.o لینک نامعتبر یا تغییر‌یافته در کدال.o فایل اکسل خراب یا غیرقابل‌خواندن.o عدم وجود شیت مورد نظر در یک فایل.
2. پیشرفت عملیات: در حین دانلود و پردازش، نوار پیشرفت (Progress Bar) یا گزارش وضعیتادامه در فایل پیوست .....

برای یک پروژه (MVP) دنبال کسی هستیم که بتونه یک سیستم تحت وب برامون راه‌اندازی کنه.

کلا دو تا منبع اطلاعاتی دارم:

یک فایل Word که داخلش اسم خودروها و توضیحات مربوط به محل شماره شاسی، موتور و… نوشته شده یک سری پوشه عکس که هر پوشه مربوط به یک خودرو هست و داخلش عکس‌های بخش‌های مختلف مثل شاسی، موتور، پلاک و… قرار داره

نکته اینه که اسم پوشه‌ها همیشه دقیقاً مثل اسم داخل Word نیست (مثلاً تو Word نوشته «نیسان پاترول» ولی پوشه فقط «پاترول» هست) و همچنین ساختار پوشه عکس‌ها برای همه خودروها یکسان نیست.

کاری که می‌خوایم انجام بشه:

این اطلاعات (متن و عکس‌ها) به‌صورت خودکار وارد یک سیستم تحت وب بشه هر خودرو صفحه خودش رو داشته باشه و متن و عکس‌هاش اونجا نمایش داده بشه امکان جستجوی ساده بین خودروها وجود داشته باشه عکس‌ها موقع آپلود خودکار کم‌حجم و واترمارک‌دار بشن اگر اسم‌ها دقیقاً با هم نخوند، سیستم بتونه این موارد رو تشخیص بده و یک لیست گزارش بده تا من دستی تأیید یا اصلاح کنیم

هدفمون فعلاً یک نسخه ساده و اولیه است، نه یک سیستم خیلی پیچیده. فقط می‌خوایم اطلاعات فعلی‌مون مرتب وارد یک وب‌سایت بشه و قابل جستجو و نمایش باشه.

اگر تجربه انجام کارهای مشابه دارین خوشحال می‌شیم پیشنهادتون رو ببینیم.

دو نمونه از فایلهای متنی و اسکرین شات پوشه های عکس را هم به پیوست گذاشتم که مدل کار دستتون بیاد

می خوام سایت فروشگاهی ووکامرس از قالب نیکی کالا منتقل بشه به قالب پارس کالا

مواردی که داره برای انتقال: ۱. برند محصول: سیستم برند فعلی سایت (YITH Brands) باید با سیستم برند قالب جدید Parskala هماهنگ شود

۲. انتخاب رنگ و سایز: تنظیمات نمایش در قالب قدیمی (WooSwatches) با سیستم قالب جدید (THWVSF) فرق دارد و باید برای ویژگی‌های دندانپزشکی دوباره تنظیم شود

۳. مشخصات فنی محصول: گروه‌بندی مشخصات فنی (Grouped Attributes) برای دسته‌های دندانپزشکی باید از صفر ساخته شود — دمو فقط نمونه موبایل/خودرو دارد

۴. فیلتر فروشگاه: فیلتر فعلی (YITH Ajax Product Filter) باید با فیلتر Parskala جایگزین یا هماهنگ شود

۵. ری‌برند کامل: حذف برند نیم از محتوای سایت shopdent / شاپ دنت از کل سایت — جدا از تغییر قالب است

۶. ریدایرکت لینک ها از دامنه قدیمی به دامنه جدید

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

صرفا جهت مشاوره و آشنایی با فرد یا گروهی برای ساخت

برای یک پروژه تحت وب، به دنبال یک برنامه‌نویس / توسعه‌دهنده حرفه‌ای و دقیق هستیم که بتواند طراحی UI/UX ارائه‌شده در فایل Photoshop را با دقت بالا به یک رابط کاربری کاملاً عملیاتی و استاندارد تبدیل کند. فایل طراحی در اختیار شما قرار خواهد گرفت و انتظار داریم پیاده‌سازی نهایی تا حد امکان دقیق و مطابق طراحی باشد؛ اما صرفاً کپی کردن ظاهر صفحات برای ما کافی نیست. توسعه‌دهنده باید تجربه کافی داشته باشد و بتواند جزئیات و رفتارهای منطقی یک رابط کاربری حرفه‌ای را نیز خودش در نظر بگیرد. مواردی که برای ما اهمیت زیادی دارد

• پیاده‌سازی دقیق UI/UX مطابق فایل Photoshop • رعایت جزئیات ظاهری، فاصله‌ها، فونت‌ها، اندازه‌ها، رنگ‌ها، حالت‌های مختلف عناصر و Responsive بودن • در نظر گرفتن رفتارهای منطقی UI که ممکن است در فایل طراحی ذکر نشده باشند • برای مثال: o هنگام حذف یک آیتم، نمایش پنجره تأیید o نمایش Loading هنگام ارسال درخواست o نمایش پیام موفقیت یا خطا o مدیریت حالت‌های Empty / Error / Loading o جلوگیری از ارسال چندباره درخواست o اعتبارسنجی فرم‌ها o مدیریت مناسب خطاهای Backend o در نظر گرفتن حالت‌های مختلفی که ممکن است در طراحی اولیه مشخص نشده باشند • توجه به UX و ارائه پیشنهاد در مواردی که طراحی اولیه نیاز به بهبود منطقی دارد

Backend و PHP یک ساختار PHP برای ارسال و دریافت اطلاعات طراحی و پیاده‌سازی خواهد شد. برای این بخش: • داده‌های تست و ساختار موردنیاز برای توسعه در اختیار شما قرار داده می‌شود. • کدنویسی باید به شکلی انجام شود که در آینده بتوان Backend را به دیتابیس اصلی متصل کرد. • Validation و Error Handling مناسب الزامی است. کیفیت کدنویسی کد باید: • ساختار منطقی و قابل توسعه داشته باشد. • از تکرار غیرضروری کد جلوگیری شود. • بخش‌های مختلف پروژه به شکل منظم از یکدیگر تفکیک شوند. • توسعه‌دهنده دیگری بتواند در آینده پروژه را به‌راحتی ادامه دهد. • تا جای ممکن کدنویسیPure باشد. • از اصول حرفه‌ای برنامه‌نویسی استفاده شود. • از ابتدا با نگاه به توسعه و نگهداری بلندمدت نوشته شود. استفاده از هوش مصنوعی استفاده از ابزارهای هوش مصنوعی برای ما کاملاً قابل قبول است و محدودیتی در این زمینه نداریم. اما انتظار داریم هوش مصنوعی صرفاً یک ابزار کمکی برای افزایش سرعت و کیفیت کار باشد، نه اینکه تمام تصمیمات فنی و کدنویسی بدون بررسی و درک توسعه‌دهنده به آن سپرده شود. تست و رفع باگ پروژه در چند مرحله بررسی خواهد شد و انتظار داریم توسعه‌دهنده:

1. نسخه اولیه را پیاده‌سازی کند.
2. موارد و مشکلات شناسایی‌شده را اصلاح کند.
3. نسخه اصلاح‌شده مجدداً بررسی شود.
4. باگ‌های احتمالی برطرف شوند.
5. در نهایت نسخه پایدار و قابل استفاده تحویل داده شود.بنابراین دقت و کیفیت نهایی برای ما مهم‌تر از تحویل عجولانه پروژه است.محرمانگی پروژهپروژه دارای ایده و منطق اختصاصی است و اطلاعات، فایل‌های طراحی، کدها و جزئیات آن محرمانه محسوب می‌شوند.انتظار داریم اطلاعات، فایل‌ها، ایده، طراحی و کدهای پروژه بدون اجازه ما در اختیار شخص یا مجموعه دیگری قرار نگیرد و از ایده یا ساختار اختصاصی پروژه برای پروژه دیگری استفاده نشود.چیزی که از فریلنسر انتظار داریمترجیح ما همکاری با فردی است که:• تجربه واقعی در اجرای پروژه‌های مشابه داشته باشد.• به جزئیات UI/UX حساس باشد.• فقط منتظر دریافت دستور نباشد و بتواند مشکلات و نیازهای احتمالی را خودش تشخیص دهد.• در طول پروژه ارتباط و گزارش‌دهی مناسبی داشته باشد.• توانایی تست و Debug واقعی پروژه را داشته باشد.• بتواند در آینده نیز پروژه را ادامه دهد.

همکاری بلندمدت

هدف ما صرفاً انجام یک پروژه و پایان همکاری نیست. در صورت رضایت از کیفیت کار، امکان همکاری بلندمدت وجود دارد و ترجیح می‌دهیم یک توسعه‌دهنده قابل اعتماد پیدا کنیم که توسعه‌های بعدی همین پروژه و حتی پروژه‌های نرم‌افزاری دیگر را نیز به او بسپاریم. بنابراین برای ما کیفیت همکاری، مسئولیت‌پذیری و کیفیت کدنویسی در کنار قیمت و زمان انجام پروژه اهمیت دارد. قبل از ارسال پیشنهاد لطفاً قبل از ارسال درخواست همکاری، نمونه‌کارهای مرتبط خود را ارسال کنید؛ به‌خصوص اگر قبلاً پروژه‌ای داشته‌اید که شامل موارد زیر بوده است: • تبدیل طراحی Photoshop / Figma به UI واقعی • پنل‌های مدیریتی یا Web Application • توسعه Backend با PHP • پروژه‌هایی که نیاز به دقت بالا در UI و جزئیات داشته‌اند

در صورت امکان، نمونه‌کاری ارسال کنید که از نظر نوع پروژه و سطح پیچیدگی به این پروژه نزدیک باشد. لطفاً در پیشنهاد خود موارد زیر را نیز اعلام کنید:

1. نمونه‌کارهای مرتبط
2. سابقه کاری و میزان تجربه
3. تکنولوژی‌ها و Frameworkهایی که استفاده می‌کنید
4. زمان تقریبی موردنیاز برای اجرای پروژه
5. مبلغ پیشنهادی
6. میزان زمانی که در طول هفته می‌توانید برای پروژه اختصاص دهید
7. در صورت وجود، نمونه پروژه‌ای که قبلاً از Photoshop/Figma به یک Web Application کامل تبدیل کرده‌اید

ما پیشنهادها را صرفاً بر اساس پایین‌ترین قیمت انتخاب نمی‌کنیم و کیفیت نمونه‌کار، تجربه، دقت، ساختار کد و امکان همکاری بلندمدت برایمان اهمیت بیشتری دارد.

با عشق و احترام فراوان تایپو💙

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

تارگت‌ها و خروجی‌های مورد انتظار: امتیازها: رسیدن به امتیاز سبز (بالای ۹۰) در موبایل و دسکتاپ برای صفحه اصلی و صفحه محصول (بر اساس Google PageSpeed). رفع خطاهای فعلی: کاهش محسوس LCP (زیر ۲.۵ ثانیه) در موبایل و رفع کامل مشکل پرش المان‌ها (CLS) در صفحه محصول دسکتاپ. داشبورد ادمین: بهینه‌سازی دیتابیس و کاهش زمان پاسخ‌دهی سرور (TTFB) برای لود سریع و روان پنل مدیریت.

شروط بسیار مهم (خط قرمزها): بدون تقلب: استفاده از روش‌های بلک‌هت مثل Delay کردن غیرمنطقی تمام اسکریپت‌ها (که باعث میشه سایت در ظاهر لود بشه ولی تا کاربر اسکرول نکنه هیچ دکمه‌ای کار نکنه) مطلقاً ممنوع است. حفظ ظاهر سایت: هیچ‌کدام از المان‌های ظاهری، انیمیشن‌ها و عملکردهای سایت نباید بعد از بهینه‌سازی خراب شوند. تایید پروژه: پروژه زمانی تایید و تسویه می‌شود که سرعت سایت در عمل بالا رفته باشد و امتیازات در چند روز متوالی پایدار بمانند.