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

إنشاء حساب جديد — بداية تدفّق الدخول

M01_register.html

نوع الشاشة: نموذج تسجيلالصلاحية: عامة — زائرالحقول: ٦ (٥ إلزامية)المخرج: حساب غير مفعّل

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

الخطوة الأولى من ثلاث في مسار الانضمام (إنشاء الحساب ← التفعيل برمز ← تقديم الطلب). تُنشئ حسابًا أساسيًا بالحد الأدنى من البيانات لتمكين الزائر من الدخول ومتابعة طلبه لاحقًا — ولا تجمع بيانات العضوية نفسها، فتلك تُجمع في نموذج الطلب (M08).

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

  • داخل النطاق: إنشاء حساب بالحد الأدنى (هوية تواصل + كلمة مرور + موافقة على الشروط)
  • خارج النطاق: تفعيل الحساب (M02) · اختيار نوع العضوية (M07) · بيانات المؤسسة والمرفقات (M08)
  • قرار معماري: هذه الشاشة وM02 وM03 وM04 تُبنى بتخطيط الشاشة المنقسمة بلا قائمة جانبية — لأن عرض قائمة تنقّل لعضو "مسجَّل دخول" لزائر لم يُنشئ حسابًا بعد غير منطقي. القائمة الجانبية تبدأ من M05

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

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

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

  • التحقق يتم عند الضغط على "إنشاء الحساب" فقط، لا أثناء الكتابة
  • بعد ظهور خطأ، يُمسح تمييزه فور الكتابة أو التغيير في ذلك الحقل تحديدًا — وتبقى أخطاء بقية الحقول ظاهرة
  • عند فشل التحقق يُنقل مؤشر الكتابة تلقائيًا لأول حقل خاطئ
  • زرا إظهار كلمة المرور مستقلان: كل زر يتحكم بحقله عبر data-target، فإظهار كلمة المرور لا يكشف حقل التأكيد
  • عند النجاح يختفي النموذج كليًا وتظهر بطاقة النجاح — فلا يمكن الإرسال مرتين
  • خطوات لوحة المعلومات الثلاث ثابتة العرض (ليست مؤشر تقدّم متغيّر) — مؤشر التقدّم الفعلي يظهر في M02

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

الاسم الكامل: إلزامي، ولا يُقبل فراغًا فقط
رقم الجوال: إلزامي، ويُطبَّع قبل التحقق فيقبل 05xxxxxxxx و+966 و00966 و966 و5xxxxxxxx والمسافات والشرطات والأرقام العربية-الهندية
البريد الإلكتروني: اختياري — يُقبل فارغًا، ويُتحقق من صيغته إن أُدخل
كلمة المرور: ٨ أحرف على الأقل
تأكيد كلمة المرور: يجب أن يطابق كلمة المرور تمامًا
الموافقة على الشروط: إلزامية، والرابط يشير إلى صفحة الشروط والخصوصية

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

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

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

  • نجاح الإنشاء ← M02_otp.html (تفعيل الحساب)
  • "سجّل الدخول" ← M03_login.html
  • رابط الشروط في مربع الموافقة ← P08_legal.html
  • "العودة إلى الموقع التعريفي" ← P01_home.html
  • ملاحظة: هذه الشاشة تؤدي نفس وظيفة تبويب التسجيل في P09_auth.html

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

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

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

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