نظام الملاحة الذكي لمترو الأنفاق(Smart Metro Navigator)

"شاهد الفيديو المرفق لاستعراض تجربة المستخدم الكاملة وسلاسة الأداء."

قبل: الحاجة إلى وسيلة مبتكرة وتفاعلية لعرض سابقة أعمالي وخبراتي البرمجية تتجاوز مجرد ملفات الـ PDF التقليدية.

التحدي: بناء تطبيق سريع الأداء، متوافق مع شاشات الموبايل والويب، يعرض تفاصيل المشاريع والحلول التقنية بشكل جذاب ومنظم.

الفكرة: تصميم وتطوير تطبيق "بورتفوليو" يعتمد على واجهة مستخدم (UI) عصرية، مع هيكلة البيانات لعرض التحديات والحلول لكل مشروع بشكل منفصل

التنفيذ: * استخدام تقنيات الـ Slivers لعمل واجهات مرنة وتفاعلية (SliverAppBar)

تنظيم الكود باستخدام معمارية نظيفة لسهولة التعديل والإضافة مستقبلاً.

دمج الصور الشخصية وصور المشاريع (Shyal & Notes App) في الـ Assets الخاصة بالتطبيق.

النتيجة: تطبيق متكامل يعمل على كافة المنصات، يتيح للعملاء استكشاف كود المشاريع وتفاصيل التنفيذ بضغطة زر واحدة.

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

التحدي: توفير حل "شامل" يخدم نوعين من المستخدمين في آن واحد: (1) التائه الذي لا يعرف موقعه بالنسبة للمحطات، و(2) الخبير الذي يعرف محطته لكنه يجهل تفاصيل "التحويلات" (Transfers) والتكلفة المتغيرة.

الفكرة: بناء تطبيق ذو مسارين ذكيين:

المسار الأول (الاستكشافي): يعتمد على الحساسات الجغرافية (GPS) لربط المستخدم فوراً بأقرب نقطة دخول للمترو.

المسار الثاني (التخطيطي): محرك حسابي دقيق يحلل تقاطعات الخطوط (Intersections) لتقديم خارطة طريق كاملة (أين ستبدل الخط؟ وبأي اتجاه؟).

التنفيذ:

Logical Branching: استخدمت منطق برمجياً مرناً (Logic Handling) يفصل بين رحلة "البحث باللوكيشن" ورحلة "البحث اليدوي".

Data Precision: دمج قاعدة بيانات محدثة بأسعار التذاكر وعدد المحطات لضمان دقة المعلومة المالية قبل الركوب.

Interactive UI: تصميم واجهة تفاعلية توضح نقاط التحويل بين الخطوط (Interchanges) بشكل بصري يمنع التشتت.

النتيجة: تقليل وقت التخطيط للرحلة بنسبة كبيرة، وتوفير دليل رقمي متكامل يغني عن السؤال، مما يضمن للمستخدم رحلة خالية من المفاجآت سواء في المسار أو التكلفة.