طراحی سایت راهنمای معلمان

**عنوان پروژه: طراحی سایت راهنمای معلمان (آموزش سامانه سیدا و قوانین آموزش و پرورش)** **توضیحات کلی:** هدف از این پروژه، طراحی یک وب‌سایت برای راهنمایی همکاران معلم جهت انتشار آموزش‌های سامانه سیدا و بخشنامه‌ها/قوانین آموزش و پرورش است. هاست و دامنه خریداری شده است. **لیست نیازمندی‌ها و امکانات مورد انتظار:** **۱. طراحی ظاهری و فرانت‌اند (UI/UX):** * **طراحی دقیق:** پیاده‌سازی کامل رابط کاربری (رنگ‌بندی، چیدمان، فونت‌ها و استایل المان‌ها) دقیقاً مطابق با تصویر پیوست شده. * **واکنش‌گرایی (Responsive):** نمایش بی‌نقص و چیدمان استاندارد اسلایدرها و باکس‌ها در تمامی دستگاه‌ها (دسکتاپ، تبلت و موبایل). * **صفحات مورد نیاز:** صفحه اصلی، صفحه ادامه مطلب (Single Post)، صفحه آرشیو/دسته‌بندی‌ها، درباره ما و تماس با ما. * **جستجوی زنده (Ajax Search):** پیاده‌سازی جستجوی پیشرفته که نتایج را بلافاصله (به صورت Dropdown) و بدون نیاز به رفرش صفحه نمایش دهد. * **ساختار مقالات:** پیاده‌سازی بخش مقالات به صورت گرید (Grid) چند ستونه. **۲. پنل مدیریت و سیستم مدیریت محتوا (Back-End):** * **پنل مدیریت:** اختصاصی، کاملاً فارسی و کاربرپسند برای مدیریت تمام بخش‌های سایت. * **مدیریت منوها:** منوی هدر کاملاً پویا با امکان ایجاد، ویرایش و حذف دسته‌بندی‌ها و زیرمنوها و اختصاص مقالات به آن‌ها. * **جانمایی منعطف مقالات در صفحه اصلی:** در زمان افزودن مقاله جدید در پنل مدیریت، امکان انتخاب محل نمایش وجود داشته باشد: * نمایش در اسلایدر اصلی (Hero Slider در بالای صفحه). * نمایش در باکس‌های پایین صفحه. * *نکته: ادمین باید بتواند مقاله را فقط در اسلایدر، فقط در باکس‌ها، در هر دو، یا فقط در آرشیو دسته‌بندی نمایش دهد.* * **مقالات مرتبط:** سیستم تگ‌گذاری مقالات و نمایش هوشمند مقالات مشابه در انتهای هر پست. * **فرم تماس:** راه‌اندازی و اتصال فرم در صفحه «تماس با ما». **۳. سیستم کاربری و پشتیبانی (چت):** * **ورود و عضویت پیامکی:** پیاده‌سازی سیستم ورود و ثبت‌نام با شماره موبایل و کد یکبار مصرف (OTP). * **چت آنلاین اختصاصی (محدود شده):** قرار دادن ابزار چت (مانند گفتینو و...) صرفاً برای لیست سفید (Whitelist). اسکریپت و آیکون چت *فقط* باید برای کاربرانی نمایش داده شود که لاگین کرده‌اند و شماره موبایل آن‌ها از قبل توسط ادمین به عنوان «کاربر مجاز/VIP» تعریف شده باشد. کاربران عادی و مهمان نباید به چت دسترسی داشته باشند. **۴. الزامات فنی، سئو و پرفورمنس:** * **کدنویسی:** استفاده از کدهای تمیز، استاندارد و قابل توسعه (تکنولوژی مورد استفاده را در پیشنهاد خود ذکر کنید). * **سرعت:** بهینه‌سازی کامل سایت برای دستیابی به سرعت بارگذاری بالا (استفاده از Caching، بهینه‌سازی تصاویر و...). * **سئو (On-Page SEO):** رعایت کامل اصول اولیه سئو، ساختار صحیح تگ‌های هدینگ (H1, H2 و...) و متاتگ‌ها. * **امنیت:** انجام تنظیمات و پیاده‌سازی پروتکل‌های لازم برای تامین امنیت سایت. **۵. فرآیند تحویل:** * تحویل کامل دسترسی‌های ادمین کل سایت، سورس‌کدها (در صورت اختصاصی بودن) و هاست. * برگزاری یک جلسه کوتاه آنلاین جهت آموزش و معرفی بخش‌های کلیدی پنل مدیریت به کارفرما.