إعادة تصميم ODUS Plus
إعادة تصميم مبنية بالمكونات لبوابة طلاب جامعة الملك عبدالعزيز بواجهة عربية تدعم RTL من الأساس.
- التقنيات
- React / TypeScript / Tailwind CSS / RTL
مساهمتي
- نطاق مساهمتي
- حوّلت إعادة التصميم إلى نموذج عملي باستخدام React وTypeScript.
- ما تم تسليمه
- بنيت مكونات التنقل ولوحة التحكم والسجل الأكاديمي والجدول.
- الملكية التقنية
- نفذت سلوك RTL على مستوى التخطيط عبر الواجهة العملية.
تحويل بوابة الطالب إلى نظام منتج متماسك.
تعامل إعادة التصميم ODUS Plus كمنتج يستخدمه الطلاب باستمرار، لا كمجموعة نماذج منفصلة. أعيد تنظيم الواجهة حول تسلسل أوضح وأنماط قابلة لإعادة الاستخدام والمهام التي يعود إليها الطالب باستمرار.
المكونات القابلة لإعادة الاستخدام تستبدل تنسيق كل صفحة منفردة.
تؤسس مكونات React وTailwind قواعد واجهة متكررة للتنقل والسجلات والجداول وإجراءات الطالب. الهدف هو الاتساق عبر البوابة بدل تحسين كل شاشة بمعزل عن البقية.
RTL جزء من التخطيط منذ البداية وليس ترقيعًا لاحقًا.
تستخدم الصفحات المنفذة RTL مباشرة في التنقل والعناوين والسجلات والتقويم، ما يحافظ على المسافات والمحاذاة والتسلسل البصري للتجربة العربية.
إعادة التصميم منفذة كواجهة تعمل، وليست مجرد تصور بصري.
تجمع الواجهة العملية الصفحة الرئيسية والسجل الأكاديمي والتقويم من خلال مكونات React وTypeScript مشتركة، مع قواعد تخطيط RTL التي توحد الشاشات.
تجمع الصفحة الرئيسية المعاد تصميمها مهام الطالب المتكررة في تسلسل بصري أوضح.
يستخدم التقويم لغة المكونات نفسها مع إبقاء التواريخ والأحداث الأكاديمية سهلة التصفح في RTL.
تشارك السجلات الأكاديمية قواعد التنقل والمسافات وRTL بدل أن تبدو كصفحة قديمة منفصلة.