يهدف المشروع إلى تصميم صفحة ويب متكاملة وذات واجهة احترافية لإدارة مراجعات واستفسارات الطلاب في الكلية الجامعية للعلوم التطبيقية، عمادة الهندسة والنظم الذكية، قسمي هندسة الحاسوب والإلكترونيات. يتميز النظام بالتكامل مع Supabase وتطبيق تخصيصات محددة. الواجهة الرئيسية للنظام تتضمن أربعة أزرار رئيسية: لتقديم قضية طلابية جديدة، لمتابعة القضايا، لدخول المرشدين، ولوحة إدارة النظام.

يتيح نموذج إدخال القضية للطلاب تحديد تخصصاتهم من قائمة منسدلة تضم: "هندسة أمن المعلومات السيبراني" (5 سنوات)، "علم البيانات والذكاء الاصطناعي" (4 سنوات)، و"دبلوم أمن المعلومات"، "دبلوم شبكات الحاسوب والإنترنت"، "دبلوم تكنولوجيا الأجهزة الإلكترونية"، و"دبلوم صيانة الأجهزة الذكية" (جميع الدبلومات سنتين). يُظهر النظام حقول المستوى الدراسي ديناميكياً بناءً على التخصص المختار. يمكن للطلاب إدخال تفاصيل قضاياهم في حقل نصي متعدد الأسطر وإرفاق عدة مستندات وملفات (PDF، صور، مستندات أخرى) مع إمكانية حذفها قبل الإرسال.

عند إرسال النموذج، تُضاف جميع البيانات المدخلة والملفات المرفوعة فوراً ومباشرة إلى Supabase، مع تحديث البيانات في الوقت الفعلي. تظهر للطالب رسالة تأكيد بنجاح الإرسال، متضمنة اسم المرشد المتابع، وتوجيه بمتابعة القضية باستخدام الرقم الجامعي والتحقق من بريده الإلكتروني بشكل دوري.

لضمان تجربة مستخدم مريحة، سيُصمم النظام بتصميم متجاوب (Responsive) باستخدام CSS Grid أو Flexbox، مع استخدام ألوان جذابة ومتدرجة (الأزرق، الأخضر، والأبيض) وخط Cairo. تُضاف تعليمات توجيهية واضحة للمستخدمين لضمان سلاسة التعامل مع النموذج.

يتم تخصيص المرشد الأكاديمي تلقائياً بناءً على تخصص الطالب ومستواه، وحتى جنسه في بعض التخصصات. كما يوجد منطق برمجي لتحديد المرشد بناءً على كلمات مفتاحية في القضية؛ فمثلاً، تُحوَّل القضايا المتضمنة كلمات مثل "معادلات" أو "معادلة مساق" للمرشد محمد الشوربجي، بينما تُقدم استجابة آلية برقم الدعم الفني للقضايا المتعلقة بـ "كلمة مرور" أو "باسورد". قائمة المرشدين تشمل: سامح سالم (لأمن المعلومات والدبلوم)، محمد الشوربجي (للسيبراني والمعادلات)، سناء الصايغ (للطالبات في السيبراني)، محمد الطهراوي (لعلم البيانات)، عيد الأغا (لشبكات الحاسوب)، محمد عبيد (لصيانة الأجهزة الذكية)، وأحمد النحال (لتكنولوجيا الأجهزة الإلكترونية). يظهر اسم المرشد المخصص للطالب عند اختياره التخصص والمستوى.

شاشة المرشدين تتطلب اسم مستخدم وكلمة مرور، وتعرض فقط القضايا المرتبطة بتخصص المرشد، مستوردة من Supabase. عند النقر على أي قضية، تظهر نافذة منبثقة (modal) تحتوي على تفاصيل الطالب والقضية، وقسم مخصص للمرشد لإدخال ملاحظاته المتعددة لتتبع سير القضية، وتحديد نسبة الإنجاز بثلاث مراحل: "جديدة" (0%)، "تحت المتابعة" (50%)، و"تم حل القضية" (100%) مع وصف لكل حالة. يمكن للمرشد الاتصال بالطالب هاتفياً عبر زر مباشر، أو إرسال رسالة واتساب، أو بريد إلكتروني. كما تُعرض للطالب في هذه النافذة سجل بقضاياه السابقة دون تفاصيل، وعند النقر تظهر نافذة صغيرة بتفاصيل القضية القديمة.

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

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

من متطلبات التحقق من البيانات، يجب أن يكون الرقم الجامعي تسعة أرقام فقط، ورقم الجوال يدعم اختيار كود دولي ثم إدخال الرقم، والبريد الإلكتروني يجب أن يكون حصراً بصيغة "@smail.ucas.edu.ps". يُشدد على تأمين البيانات وتشفيرها والحفاظ على سريتها. سيُستخدم HTML, CSS, JavaScript مع Vue.js أو React للواجهة الأمامية.