واجهة مستخدم منصة التعليم الإلكتروني

تفاصيل العمل

هو تطبيق موبايل وويب يُطور باستخدام إطار عمل Flutter، يمثل الواجهة الأمامية التفاعلية الكاملة للمنصة التعليمية. التطبيق مصمم ليكون متعدد المنصات (يعمل على iOS، Android، والويب).

المميزات الرئيسية للتطبيق:

واجهة مستخدم متكاملة للمنصة التعليمية:

تصميم مودرن ومتجاوب يعتمد على ويدجات Flutter.

دعم ثيمات وألوان قابلة للتخصيص (يظهر Theme في الكود).

هيكلية مشروع منظمة وواضحة:

مجلد lib يحتوي على كل الشيفرة المصدرية.

فصل الخدمات في مجلد HttpService للاتصال بالخادم (Backend).

مجلد responses لإدارة نماذج البيانات الواردة من API.

واجهات متعددة للمستخدمين:

للمدرسين/المحاضرين (Instructor):

لوحة تحكم كاملة (instructorhomewidget.dart).

إنشاء وإدارة الكورسات (createcourseformwidget.dart).

إنشاء الفصول (createchapterformwidget.dart).

إنشاء الاختبارات (createquizformwidget.dart).

جدولة البث المباشر (createliveschedulerform.dart).

للطلاب (Students):

عرض الكورسات المسجلة (enrolledcoursesdetails.dart).

عملية التسجيل في الكورسات (enrollwidget.dart).

عرض تفاصيل الكورس (coursedetailswidget.dart).

للمسؤولين (Admins):

صفحة إدارة كاملة (adminpage.dart).

حذف وتعديل الحسابات (deleteaccountwidget.dart, editaccountwidget.dart).

محتوى تفاعلي غني:

عرض الكورسات حسب التصنيفات (categorieswidget.dart).

قوائم الكورسات (listedcoursewidget.dart).

إدارة الفصول والدروس (chapterwidget.dart, chaptersessionwidget.dart).

نظام اختبارات كامل (editquizwidget.dart).

ميزات تقنية متقدمة:

اتصال بالخادم (API Integration): عبر HttpService.

تنقل بين الصفحات (Navigation): باستخدام Navigator وBuildContext.

إدارة الحالة (State Management): باستخدام StatefulWidget (كما في _CategoriesWidgetState).

بيانات وهمية (Mock Data): لمحاكاة API أثناء التطوير (كما في القائمة _categories).

التقنيات المستخدمة:

الإطار: Flutter SDK

اللغة: Dart

التصميم: Material Design (من خلال حزمة material.dart)

هيكلية: Clean Architecture (مجدولة)

الاتصال الشبكي: HTTP/API (جاهز للربط مع Backend)

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
4
تاريخ الإضافة
تاريخ الإنجاز
المهارات