موقع حفظ و تخزين بيانات الطلاب
تفاصيل العمل
نظام إدارة الطلاب - Junior Coders Academy
نظرة عامة
نظام إدارة الطلاب هو تطبيق ويب متكامل مصمم لإدارة بيانات الطلاب في أكاديمية Junior Coders، يوفر واجهة سهلة الاستخدام باللغة العربية مع دعم للاتجاه من اليمين لليسار (RTL).
الميزات الرئيسية
1. إدارة الطلاب
إضافة طالب جديد: مع إدخال جميع البيانات الأساسية مثل الاسم، العمر، المدرسة، المجموعة، وغيرها.
تعديل بيانات الطالب: يمكن تعديل جميع بيانات الطالب بسهولة.
حذف الطالب: مع تأكيد قبل الحذف.
عرض قائمة الطلاب: بطريقة جذابة مع بطاقات عرض لكل طالب.
2. نظام الدفع والحضور
تتبع حالة الدفع: تحديد ما إذا كان الطالب قد دفع أم لا.
تسجيل تاريخ الدفع: عند اختيار حالة "مدفوع".
عدد مرات الدفع: مع خيارات (L1 لمرة واحدة، L2 لمرتين، L3 لثلاث مرات).
تتبع الحضور: تسجيل عدد مرات حضور الطالب من 0 إلى 10.
3. إدارة المجموعات
إنشاء مجموعات جديدة: مع إمكانية إضافة وصف لكل مجموعة.
عرض المجموعات الحالية: مع خيار حذف المجموعات.
تعيين الطلاب للمجموعات: عند إضافة أو تعديل بيانات الطالب.
4. البحث والتصفية
بحث سريع: بحث عام في جميع حقول الطالب.
بحث متقدم: مع إمكانية البحث حسب:
الاسم
المدرسة
المجموعة
حالة الدفع
عدد مرات الدفع
تصفية الطلاب: حسب حالة الدفع (الكل، المدفوعين، غير المدفوعين).
5. واجهة المستخدم
تصميم عصري: بألوان جذابة وتصميم متجاوب.
نظام تبويب: للتنقل بين أقسام النظام بسهولة.
أيقونات توضيحية: لتحسين تجربة المستخدم.
تنسيق التواريخ: بشكل مناسب للغة العربية.
تصميم متجاوب: يعمل على جميع أحجام الشاشات.
6. تخزين البيانات
تخزين محلي: باستخدام local Storage لحفظ جميع البيانات دون الحاجة لخادم.
استعادة البيانات: عند إعادة فتح التطبيق.
حفظ حالة البحث الأخير: لتوفير الوقت عند العودة للتطبيق.
7. التحقق من الصحة
حقول إلزامية: مع إشارة بعلامة النجمة الحمراء.
تحقق قبل الحفظ: للتأكد من صحة البيانات المدخلة.
رسائل تنبيه: في حالة وجود أخطاء أو عمليات حساسة مثل الحذف.
الفئات المستهدفة
معلمي ومسؤولي أكاديمية Junior Coders
مدراء المراكز التعليمية
أي شخص يحتاج لنظام بسيط لإدارة بيانات الطلاب
متطلبات التشغيل
متصفح ويب حديث (يفضل Chrome, Firefox, Edge)
اتصال بالإنترنت لتحميل الخطوط والمكتبات الخارجية (Font Awesome، خط Tajawal)
كيفية الاستخدام
فتح ملف index.html في متصفح الويب
استخدام تبويب "إضافة طالب" لإدخال بيانات جديدة
استخدام تبويب "قائمة الطلاب" للبحث والتعديل والحذف
استخدام زر "إنشاء مجموعة" لإدارة المجموعات
هذا النظام يوفر حلاً شاملاً وسهل الاستخدام لإدارة بيانات الطلاب في البيئات التعليمية الصغيرة والمتوسطة.