جميع المشاريعخدمة نشطة

ВКИ НГУ (PWA)

جدول الحصص وخدمات الطلاب لكلية VKI NSU

ВКИ НГУ (PWA) скриншот 1ВКИ НГУ (PWA) скриншот 2ВКИ НГУ (PWA) скриншот 3ВКИ НГУ (PWA) скриншот 4ВКИ НГУ (PWA) скриншот 5
1 / 5
Моя рольالمبتكر والمطور الشامل
Период2025 – наст. время
Категории
PWAFastAPIOffline-First

О проекте и концепция

VKI NSU PWA هو تطبيق ويب جوال عالي السرعة وتطبيق Telegram Mini App تم إطلاقه لطلاب وأعضاء هيئة التدريس في كلية VKI NSU. يحل مشكلات الوصول إلى جدول الحصص، ويعمل تمامًا بدون إنترنت ويتكيف بسلاسة مع الأجهزة.

Ключевые возможности

  • واجهة مبنية باستخدام React 19 + Vite 6 + SCSS مع تكامل PWA و رسوم Lottie المتحركة
  • خلفية عالية الأداء بـ Python & FastAPI مع Tortoise ORM و قاعدة بيانات PostgreSQL
  • وصول إلى الجدول بدون إنترنت عبر Service Worker و Cache Storage
  • نظام إشعارات Web Push و محرك تحلیل تلقائي لجداول المجموعات والمعلمين

Инженерные вызовы и решения

تحليل هياكل ملفات الجداول غير المستقرة

Сложность / Проблема

تتميز ملفات جداول الكلية الأصلية بهياكل خلايا تالفة، صفوف مدمجة بشكل عشوائي، وأخطاء إملائية.

Решение

تم بناء محرك تحليل مرن بلغة Python باستخدام openpyxl و pandas و pymupdf لضبط وتنظيف النصوص تلقائياً.

عمل التطبيق بدون إنترنت في قاعات الطابق السفلي

Сложность / Проблема

يتفقد الطلاب الجداول بكثرة داخل قاعات الدرس حيث تنعدم شبكات الجوال تماماً.

Решение

تم تطبيق تقنية Service Worker باستراتيجية Stale-While-Revalidate لحفظ بيانات الاستجابة محلياً.

الإعلام الفوري بالتغييرات المفاجئة

Сложность / Проблема

يفوت الطلاب مواعيد المحاضرات المعدلة بسبب صعوبة تصفح موقع الكلية بشكل مستمر.

Решение

تم تطوير نظام اشتراك إشعارات Web Push فوري (VAPID) يرسل تنبيهات بمجرد كشف أي تحديث.

Выводы и вынесенный опыт

  • تقنيات PWA مثالية للخدمات اليومية عالية الاستخدام.
  • نهج «العمل بدون إنترنت أولاً» يرتقي برضا المستخدمين بدرجة كبيرة.

Использованный стек технологий

React 19TypeScriptVitePWA (vite-plugin-pwa)SCSSRedux ToolkitReact Router v7FastAPIPythonTortoise ORMPostgreSQLWeb Push APILottieVitest