توضیحات محصول
1. معرفی پروژه
این پروژه یک سامانهٔ کامل مدیریت درمانگاه تخصصی داخلی به زبان فارسی و راست‌چین (RTL) است که از دو بخش اصلی تشکیل شده است: یک لندینگ پیج تعاملی سه‌بعدی برای معرفی خدمات درمانگاه و دریافت نوبت، و یک پنل چندنقشی برای مدیریت روزمرهٔ فعالیت‌های درمانگاه.
بخش عمومی سایت با تم دارک لوکس، کارت‌های شیشه‌ای (Glassmorphism) و یک صحنهٔ ذرات نرم تعاملی ساخته شده است. بخش مدیریت شامل ماژول‌های نوبت‌دهی، پروندهٔ بیمار، نسخه‌نویسی، انبار و فروشگاه محصولات، حسابداری و گزارش‌گیری است و برای نقش‌های مدیر، پزشک، منشی، بیمار و حسابدار دسترسی مجزا تعریف کرده است.
2. ویژگی‌های لندینگ پیج
• هیرو سه‌بعدی — صحنهٔ هیرو سه‌بعدی «ائورا»: حدود ۵٬۱۰۰ نقطهٔ نرم روی دو لایهٔ موج‌سینوسی که با حرکت ماوس و اسکرول حرکت می‌کند و رنگ آن از پالت برند گرفته می‌شود.
• کارت‌های تعاملی — کارت‌های شیشه‌ای با افکت تعاملی سه‌بعدی (tilt) که با حرکت نشانگر ماوس کج می‌شوند.
• اسکرول ریویل — ظاهر شدن نرم بخش‌ها و کارت‌ها هنگام رسیدن به viewport، با تأخیر مرحله‌ای (stagger).
• شمارندهٔ آمار — شمارش آرام اعداد آمار بخش معرفی برای جلب توجه.
• پری‌لودر — پیش‌بارگذاری کوتاه و برند با درصد فارسی که خودکار محو می‌شود.
• پارالاکس — نوار پیشرفت بالای صفحه و جابه‌جایی آرام هیرو هنگام اسکرول.
• ریسپانسیو — چیدمان ریسپانسیو برای موبایل و دسکتاپ با اندازه‌های clamp.
3. بخش‌های پنل مدیریت (به تفکیک نقش)
مدیر (Admin)
داشبورد، مدیریت نوبت‌ها، بیماران و پروفایل بیمار، مالی بیمار، پروندهٔ پزشکی، محصولات، کاربران، حسابداری، نظرات، گزارش‌گیری و تنظیمات سامانه.
پزشک (Doctor)
داشبورد اختصاصی، نوبت‌های روزانه، پروندهٔ پزشکی بیماران و چاپ نسخهٔ الکترونیک.
منشی (Secretary)
داشبورد، مدیریت بیماران و ثبت و ویرایش نوبت‌ها.
بیمار (Patient)
داشبورد، نوبت‌های من، سفارش‌های من و پروندهٔ پزشکی شخصی.
حسابدار (Accounting)
داشبورد مالی، حسابداری، مالی بیمار و گزارش‌های مالی.
فروشگاه آنلاین محصولات
نمایش محصولات درمانگاهی، سبد خرید، تسویهٔ حساب، اتصال به درگاه پرداخت و صفحهٔ تأیید سفارش.
4. تکنولوژی‌های استفاده‌شده
زبان و دیتابیس PHP 8 و MySQL
گرافیک سه‌بعدی three.js نسخهٔ ۱۴۹ (محلی، بدون CDN)
پایهٔ رابط کاربری Bootstrap و jQuery
تقویم persian-datepicker برای تقویم جلالی
تایپوگرافی فونت وزیرمتن، چیدمان راست‌چین، اعداد فارسی
انیمیشن JavaScript و CSS خالص (بدون فریم‌ورک انیمیشن)
5. شخصی‌سازی و سیستم تم
رنگ‌ها در کل سامانه از طریق متغیرهای CSS (Custom Properties) مدیریت می‌شوند؛ بنابراین تغییر پالت برند در تنظیمات پنل، لندینگ و صفحات داخلی را همزمان به‌روز می‌کند. تم پیش‌فرض دارک لوکس با رنگ‌های فیروزه‌ای و آبی است.
6. عملکرد و دسترسی‌پذیری
• احترام به تنظیم prefers-reduced-motion و خاموش شدن انیمیشن‌های بزرگ.
• جایگزینی گرادیان برند در مرورگرهای بدون پشتیبانی WebGL.
• رندر صحنهٔ سه‌بعدی فقط هنگام دیده شدن و توقف آن در تب‌های مخفی.
• حلقه‌های focus مشخص، پیوند «رد شدن به محتوا» و نشانگرهای وضعیت که فقط رنگی نیستند (نقطهٔ معنادار دارند).
• اهداف لمسی مناسب، حالت‌های loading و empty state برای صفحات لیستی.
7.چک‌لیست پیش از انتشار
• حذف یا غیرفعال کردن فایل‌های نصب و ورود محلی آزمایشی.
• بررسی کپچا و صفحات بازیابی رمز عبور.
• فعال‌سازی نقشهٔ سایت (sitemap) و فایل robots.
• آزمون کامل مسیر نوبت‌دهی و پرداخت فروشگاه
ویژگی‌ها
- طراحی واکنش‌گرا
- پنل مدیریت
- صفحات کامل فروشگاهی
نیازمندی‌ها
PHP 8.2+
MySQL 5.7+
