توثيق الشاشة — مرجع التنفيذ والاختبار
الموقع التعريفي

الدخول وإنشاء الحساب — مدخل موحّد

P09_auth.html

نوع الشاشة: مصادقة بتبويبينالصلاحية: عامة — زائرحقول التسجيل: ٦المخرج: جلسة أو حساب جديد

1الغرض والنطاق

نقطة الدخول الموحّدة من الموقع التعريفي إلى بوابة العضو. تجمع مسارَي المصادقة (تسجيل الدخول لعضو قائم · إنشاء حساب لزائر جديد) في بطاقة واحدة بتبويبين، لتفادي إرسال الزائر لصفحة خاطئة وهو لا يعرف بعد إن كان مسجّلًا أم لا.

2الغرض والنطاق

  • داخل النطاق: التحقق من صيغة المدخلات، إنشاء الحساب، بدء الجلسة، والانتقال للخطوة التالية
  • خارج النطاق: تفعيل الحساب برمز OTP (M02) واستعادة كلمة المرور (M04) — كلاهما شاشة مستقلة
  • ملاحظة معمارية: هذه الشاشة هي المدخل المدمج من الموقع التعريفي، بينما M01 وM03 نسختان مستقلتان لنفس الوظيفة تُستخدمان داخل تدفّق الدخول

3المكوّنات والتخطيط

  • التخطيط: شاشة منقسمة عمودين — لوحة معلومات يمينًا (شعار + رسم بطاقة عضوية SVG + عنوان + ٣ إحصائيات) وبطاقة النموذج يسارًا. تنقسم لعمود واحد تحت ٩٦٠px
  • مبدّل التبويبات: زران بعرض متساوٍ (تسجيل الدخول · إنشاء حساب جديد) أعلى البطاقة
  • تبويب الدخول: معرّف (جوال أو بريد) · كلمة المرور بزر إظهار · تذكرني · نسيت كلمة المرور · زر الدخول · فاصل "أو عبر" · زر النفاذ الوطني · ملاحظة أمان
  • تبويب التسجيل: الاسم · الجوال · البريد (اختياري) · كلمة المرور وتأكيدها في صفّين متجاورين · مربع الموافقة على الشروط · زر الإنشاء
  • حالتا نجاح منفصلتان: الدخول ← زر للانتقال لبوابة العضو؛ التسجيل ← زر للانتقال لتفعيل الحساب
  • سطر تبديل أسفل البطاقة: "ليس لديك حساب؟ أنشئ حسابًا جديدًا" — يظهر في تبويب الدخول ويُخفى في تبويب التسجيل

4السلوك والتفاعلات

  • التبديل بين التبويبين محلي بالكامل بلا إعادة تحميل، ويُظهر/يُخفي سطر التبديل السفلي حسب التبويب النشط
  • حقل المعرّف في الدخول يقبل صيغتين: رقم جوال سعودي أو بريد إلكتروني — يُقبل أيٌّ منهما، ويُرفض ما عداهما
  • أزرار إظهار كلمة المرور مستقلة: الشاشة فيها ثلاثة حقول كلمة مرور، وكل زر يتحكم بحقله فقط
  • التحقق يتم عند الإرسال، ويُمسح تمييز الخطأ فور الكتابة أو تغيير الاختيار في الحقل
  • عند فشل التحقق يُنقل المؤشر لأول حقل خاطئ داخل النموذج المعني
  • عند نجاح التسجيل يُخفى سطر التبديل السفلي أيضًا لأن المستخدم انتقل لمرحلة تالية

5القواعد والتحقق

معرّف الدخول: إلزامي، ويجب أن يطابق إما نمط الجوال السعودي أو نمط البريد الإلكتروني
كلمة مرور الدخول: إلزامية فقط (بلا حد أدنى للطول عند الدخول — الحد يُفرض عند الإنشاء)
الاسم الكامل (تسجيل): إلزامي ولا يُقبل فراغًا
الجوال (تسجيل): إلزامي، ويُطبَّع قبل التحقق فيقبل الصيغ الدولية والمسافات والشرطات والأرقام العربية-الهندية
البريد (تسجيل): اختياري — يُقبل فارغًا، ويُتحقق من صيغته إن أُدخل
كلمة المرور (تسجيل): ٨ أحرف على الأقل، ويجب أن يطابقها حقل التأكيد تمامًا
الموافقة على الشروط: إلزامية — لا يُنشأ الحساب دون تفعيل المربع

6البيانات والحالات

  • مدخلات الدخول: المعرّف (جوال أو بريد) · كلمة المرور · تذكرني (اختياري)
  • مدخلات التسجيل: الاسم · الجوال · البريد (اختياري) · كلمة المرور · الموافقة على الشروط
  • مخرجات متوقعة: الدخول ← جلسة/رمز مصادقة + بيانات العضو الأساسية؛ التسجيل ← حساب جديد بحالة "غير مفعّل" + إرسال رمز OTP للجوال
  • ملاحظة أمنية: رسالة فشل الدخول موحّدة ("بيانات الدخول غير صحيحة") ولا تفرّق بين "الحساب غير موجود" و"كلمة المرور خاطئة" لمنع استكشاف الحسابات المسجّلة
  • تحديد المحاولات الفاشلة والقفل المؤقت وقيود إعادة الإرسال كلها مفروضة في الخادم

7التنقّل والارتباطات

  • نجاح الدخول ← بوابة العضو
  • نجاح التسجيل ← M02_otp.html (تفعيل الحساب)
  • "نسيت كلمة المرور؟" ← M04_password_reset.html
  • رابط الشروط في مربع الموافقة ← P08_legal.html
  • "العودة إلى الموقع التعريفي" ← P01_home.html
  • يُوصَل إليها من: زر "تسجيل الدخول" في ترويسة كل شاشات الموقع، ومن قسم بوابة العضو في P01

8حالات الاختبار

TC-09-01الحالة الافتراضية والتبديل بين التبويبينإيجابي
الخطوات:افتح الشاشة، لاحظ التبويب النشط، ثم اضغط "إنشاء حساب جديد".
المتوقع:تفتح على تبويب الدخول، وبعد الضغط يظهر نموذج التسجيل ويختفي نموذج الدخول، ويختفي سطر "ليس لديك حساب؟" السفلي.
TC-09-02إرسال نموذج الدخول فارغًاسلبي
الخطوات:في تبويب الدخول اضغط "دخول الآن" دون إدخال شيء.
المتوقع:يُعلَّم حقلا المعرّف وكلمة المرور بالخطأ (حقلان فقط) ولا تظهر حالة النجاح.
TC-09-03قبول المعرّف بصيغتيهطرفي
الخطوات:جرّب الدخول مرة برقم جوال ومرة ببريد إلكتروني، مع كلمة مرور في الحالتين.
المتوقع:كلتا الصيغتين مقبولتان وتُرسَلان إلى الخادم — الحقل يقبل الجوال أو البريد.
TC-09-04رفض معرّف بصيغة غير صالحةسلبي
الخطوات:أدخل في المعرّف نصًا عشوائيًا مثل abc123 مع كلمة مرور، ثم اضغط دخول.
المتوقع:يُعلَّم حقل المعرّف وحده ولا يتم الدخول.
TC-09-05إرسال نموذج التسجيل فارغًاسلبي
الخطوات:انتقل لتبويب التسجيل واضغط "إنشاء الحساب" دون تعبئة.
المتوقع:تُعلَّم ٥ حقول (الاسم، الجوال، كلمة المرور، التأكيد، الموافقة) ولا يُعلَّم البريد لأنه اختياري.
TC-09-06عدم تطابق كلمتي المرورسلبي
الخطوات:املأ التسجيل صحيحًا لكن اجعل التأكيد مختلفًا واضغط إنشاء.
المتوقع:يُعلَّم حقل التأكيد برسالة عدم التطابق، ويُمنع الإنشاء.
TC-09-07كلمة مرور أقصر من الحد الأدنىسلبي
الخطوات:أدخل كلمة مرور من ٥ أحرف في حقلَي كلمة المرور والتأكيد معًا واضغط إنشاء.
المتوقع:يُعلَّم حقل كلمة المرور برسالة "٨ أحرف على الأقل" ويُمنع الإنشاء.
TC-09-08عدم الموافقة على الشروطسلبي
الخطوات:املأ كل حقول التسجيل بشكل صحيح واترك مربع الموافقة فارغًا، ثم اضغط إنشاء.
المتوقع:يُعلَّم حقل الموافقة برسالة الإلزام ويُمنع إنشاء الحساب.
TC-09-09استقلال أزرار إظهار كلمة المرورطرفي
الخطوات:في تبويب التسجيل اكتب كلمة مرور في الحقلين، ثم اضغط زر العين في حقل كلمة المرور فقط.
المتوقع:يظهر نص الحقل الأول فقط بينما يبقى حقل التأكيد مخفيًا — الزران مستقلان تمامًا.
TC-09-10تسجيل ناجح كاملإيجابي
الخطوات:أدخل الاسم ورقم جوال صحيحًا وكلمة مرور من ٨ أحرف فأكثر مطابقة في الحقلين، وفعّل الموافقة، ثم اضغط إنشاء.
المتوقع:يختفي النموذج وتظهر بطاقة "تم إنشاء حسابك بنجاح" مع زر ينتقل إلى تفعيل الحساب.
TC-09-11صحة وجهات الروابطإيجابي
الخطوات:تحقق من وجهة: زر نجاح الدخول · زر نجاح التسجيل · "نسيت كلمة المرور؟" · رابط الشروط في مربع الموافقة.
المتوقع:على الترتيب: بوابة العضو · M02_otp.html · M04_password_reset.html · P08_legal.html.
TC-09-12انهيار التخطيط لعمود واحدإيجابي
الخطوات:صغّر العرض تدريجيًا حتى ٣٩٠px وراقب لوحة المعلومات وبطاقة النموذج.
المتوقع:ينهار العمودان لعمود واحد عند ٩٦٠px، وحقلا كلمة المرور والتأكيد ينتقلان من صفّين متجاورين إلى حقل تحت الآخر، بلا تمرير أفقي.

9ملاحظات التنفيذ

  • تطبيع صيغة الجوال مطبَّق على الشاشات الثلاث معًا (P09 وM01 وM03) عبر وحدة تحقق مشتركة
  • الازدواج المقصود مع M01 وM03: الثلاثة تبقى (DEC-029 وDEC-031)، ومنطق التحقق ومكوّنا النموذج موحّدان في وحدة واحدة مشتركة
  • أمان: رسالة فشل الدخول موحّدة، وتحديد المحاولات الفاشلة مفروض في الخادم
  • زر "الدخول عبر النفاذ الوطني" واجهة فقط بلا ربط — يحتاج تدفّق مصادقة خارجي كامل
  • "تذكرني" مربوط بمدة صلاحية الجلسة فعليًا (٣٠ يومًا مقابل ٧)
  • رسم بطاقة العضوية في لوحة المعلومات SVG توضيحي، وليس انعكاسًا لأي مستخدم
مرجع تنفيذ واختبار — النسخة 1.0
الشروط والخصوصيةإنشاء حساب