راهنمای RemoteVM Class

معرفی و ویژگی‌های کلیدی

RemoteVM Class یک پلتفرم پیشرفته کلاس آنلاین است که با هدف ارائه تجربه‌ای روان و کامل برای اساتید و دانش‌آموزان طراحی شده است.

طراحی واکنش‌گرا (Responsive)

سازگاری کامل با انواع دستگاه‌ها (موبایل، تبلت، دسکتاپ) برای دسترسی آسان به کلاس.

کنترل‌های امنیتی و حریم خصوصی

استفاده از فیلدهای رمز عبور و اعتبار سنجی‌های فرم جهت ایجاد کلاس‌های امن.

عملکرد بهینه

استفاده از Preconnect و DNS-prefetch برای بهبود سرعت اتصال و بارگذاری منابع.


راهنمای ورود بر اساس نقش

در صفحه ورود، شما می‌توانید نقش خود را به عنوان «استاد» یا «دانشجو» انتخاب کنید تا فرم مناسب نمایش داده شود.

راهنمای استاد

این نقش برای **مدیریت کلاس**، **تدریس** و **ایجاد اتاق جدید** است.

  • انتخاب نقش: دکمه **«ورود به عنوان استاد»** را انتخاب کنید.
  • فرم ایجاد کلاس:
    • **کلاس‌های قبلی (اختیاری):** می‌توانید از لیست، یک کلاس قبلی را بارگذاری کنید.
    • **نام شما:** نام کامل خود را وارد کنید (اجباری).
    • **نام کلاس:** نام نمایشی کلاس (اجباری).
    • **شناسه اتاق (Room ID):** یک شناسه منحصر به فرد و امن (فقط حروف انگلیسی و اعداد، حداقل ۶ کاراکتر) انتخاب کنید (اجباری).
    • **رمز عبور اتاق (Room Password):** رمز عبوری برای تأیید ورود شما و دانشجویان (حداقل ۴ یا ۸ کاراکتر).
    • تنظیمات پیشرفته:
      • **رمز عبور ساده/پیچیده:** با جابجایی دکمه، قانون حداقل طول رمز عبور را بین ۴ (ساده) و ۸ کاراکتر (پیچیده) تنظیم کنید.
      • **اتاق مینیمال/پیشرفته:** نوع محیط کلاس را مشخص کنید.
  • ورود: پس از تکمیل دقیق فرم، دکمه **«ایجاد و ورود»** را بزنید.
  • اشتراک‌گذاری: پس از ایجاد موفق، **شناسه اتاق** و **رمز عبور** را با دانشجویان به اشتراک بگذارید.

راهنمای دانشجو

این نقش برای **پیوستن به کلاس** و **شرکت در بحث‌ها** است.

  • انتخاب نقش: دکمه **«پیوستن به کلاس»** را انتخاب کنید.
  • فرم پیوستن به کلاس:
    • **نام شما:** نامی که می‌خواهید در کلاس نمایش داده شود (اجباری).
    • **شناسه اتاق (Room ID):** شناسه کلاسی که استاد در اختیار شما قرار داده است (اجباری).
    • **رمز عبور اتاق (Room Password):** رمز عبوری که استاد برای ورود به کلاس تعیین کرده است (اجباری).
  • ورود: دکمه **«پیوستن به کلاس»** را فشار دهید.
  • پیام خطا: در صورت عدم تطابق شناسه یا رمز عبور، پیام خطای مربوطه را مشاهده خواهید کرد.

راهنمای محیط کلاس درس (Classroom Interface)

پس از ورود موفق، وارد محیط کلاس خواهید شد که شامل اجزای زیر است:

نوار ابزار بالا (Header)

  • **عنوان کلاس:** نمایش نام کلاس به رنگ آبی.
  • **نقش کاربر:** نمایش نقش شما (استاد به رنگ نارنجی یا دانشجو به رنگ فیروزه‌ای).
  • **زمان کلاس:** نمایش مدت زمان فعال بودن کلاس با رنگ سبز.
  • **دکمه همبرگری:** برای دسترسی به **منوی کناری** شامل لینک‌های دیگر و اطلاعات بیشتر.

ناحیه نمایش ویدیو

  • **Video Container:** محل نمایش اصلی محتوای ویدیویی (معمولاً iframe).
  • **برچسب استاد (Video Label):** برچسبی برای نمایش وضعیت یا هویت استاد در گوشه تصویر.
  • **دکمه تمام‌صفحه (Fullscreen Button):** () برای ورود به حالت تمام‌صفحه و خارج شدن از آن. در حالت تمام‌صفحه، هدر ناپدید می‌شود.

منوی همبرگری (Hamburger Menu)

  • **منو:** حاوی لینک‌هایی برای ناوبری سریع.
  • **اطلاعات استاد (Teacher Info Box):** در صورتی که استاد باشید، این بخش اطلاعات حیاتی مانند **Room ID** و **Room Pass** را با قابلیت () کپی کردن نمایش می‌دهد.

پیام‌ها و مدیریت خطا

مدیریت خطا و پیام‌ها

  • **پیام‌های خطا (Error Message):** در صورت ورود نامعتبر در فیلدهای فرم، پیام‌های خطا به رنگ قرمز به همراه انیمیشن لرزش (`shake`) نمایش داده می‌شوند.
  • **در حال بارگذاری (Loading Overlay):** هنگام اتصال به کلاس، یک صفحه شفاف با آیکون چرخشی (`spinner`) و متن «در حال آماده‌سازی کلاس...» نمایش داده می‌شود.
  • **پیام موفقیت (Toast):** پیام‌های لحظه‌ای (مانند «کپی شد») به صورت موقت در بالا سمت چپ صفحه با رنگ سبز نمایش داده می‌شوند.