مشروع HieroVision - تطبيق موبايل باستخدام Flutter وموقع ويب باستخدام React.js
تفاصيل العمل
ظرة عامة على المشروع
HieroVision هو منصة إلكترونية مبتكرة تعتمد على الذكاء الاصطناعي لسد الفجوة بين التكنولوجيا الحديثة والثقافة المصرية القديمة. تم تصميم المشروع كتطبيق للهواتف المحمولة والويب، بهدف تمكين المستخدمين من جميع الأعمار من استكشاف وتعلّم والتفاعل مع لغة وتاريخ وتراث مصر القديمة بطريقة شيقة وجذابة.
دوري ومسؤولياتي في المشروع
قمت بأداء دور محوري في هذا المشروع، حيث شملت مسؤولياتي الجوانب التقنية والتصميمية والإبداعية:
تطوير تطبيقات الموبايل والويب:
توليت قيادة عملية تطوير تطبيق الموبايل باستخدام إطار العمل Flutter.
صممت واجهة المستخدم وتجربة المستخدم (UI/UX) لكل من تطبيق الموبايل والويب، مع التركيز على تقديم تجربة سلسة وجذابة بصريًا.
حرصت على أن تكون المنصة عصرية، سهلة الوصول، وممتعة لجميع فئات المستخدمين.
دمج تقنيات الذكاء الاصطناعي:
دمجت أدوات الذكاء الاصطناعي لتحسين إنشاء المحتوى، والترجمة، والميزات التفاعلية.
طوّرت خصائص جعلت من عملية التعلّم تجربة غامرة وشخصية لكل مستخدم.
التصميم البصري والعرض التقديمي:
صممت وأنشأت العرض التقديمي الكامل للمشروع بشكل احترافي.
أنشأت جميع الصور ومقاطع الفيديو اللازمة باستخدام أدوات الذكاء الاصطناعي المتقدمة مثل Sora Extension وSeaArt.
خصصت هوية بصرية فريدة للمشروع لضمان تميزه واحترافيته.
تحليل مشروع HieroVision
1. نوع العمل
هذا المشروع هو تطوير منصة رقمية تعليمية متكاملة (Full-Stack Development) تجمع بين تطبيق للهواتف المحمولة (عبر Flutter) ومنصة ويب (عبر React.js). المشروع يندرج تحت فئة التكنولوجيا التعليمية (Ed-Tech)، مع تركيز قوي على دمج الذكاء الاصطناعي (AI Integration) لتقديم تجربة مستخدم فريدة وتفاعلية.
باختصار، العمل عبارة عن:
تطوير تطبيقات متعددة المنصات (Cross-Platform).
تصميم وتطوير واجهات المستخدم وتجربة المستخدم (UI/UX).
تطبيق حلول الذكاء الاصطناعي وتعلم الآلة.
إدارة وتصميم متكامل للمشروع من الفكرة إلى التنفيذ.
2. أبرز ميزات المشروع (المميزات التنافسية)
يتميز HieroVision بتقديمه حلًا شاملاً ومبتكرًا يجعله بارزًا في سوق التطبيقات التعليمية:
الابتكار في التفاعل: بدلاً من مجرد عرض المعلومات، يستخدم المشروع الذكاء الاصطناعي لجعل المستخدم جزءًا من التجربة. ميزة "ماسح الهيروغليفية" عبر الكاميرا تحوّل أي نقش قديم إلى درس تفاعلي فوري.
التخصيص المتقدم: يقدم المشروع تجربة مخصصة لكل مستخدم من خلال ملفات التعريف الشخصية وسجل الأنشطة. كما يوفر "وضع الأطفال" الذي يكيّف المحتوى والواجهة لتناسب الفئة العمرية الأصغر، مما يوسع قاعدة المستخدمين.
المساعد الذكي المدمج (AnubAI): وجود Chatbot متخصص في الحضارة المصرية يعمل كمدرس خصوصي ومرشد سياحي افتراضي، مما يضيف عمقًا للتجربة التعليمية ويجيب على استفسارات المستخدمين بشكل فوري.
الشمولية والدمج: يجمع المشروع بين التعلم (الترجمة والألعاب)، الاستكشاف (مستكشف المعالم)، والتخطيط العملي (نظام حجز الجولات السياحية)، مما يجعله تطبيقًا متكاملًا للسياح والمهتمين بالتاريخ على حد سواء.
جودة التصميم البصري: تم الاهتمام بالجانب الجمالي للمشروع من خلال تصميم واجهات عصرية واستخدام صور وفيديوهات عالية الجودة تم إنشاؤها بواسطة الذكاء الاصطناعي، مما يعزز من جاذبية المنصة.
3. طريقة التنفيذ (منهجية العمل)
تم تنفيذ المشروع باتباع منهجية عمل منظمة تضمن الجودة والكفاءة، ويمكن تلخيصها في المراحل التالية:
مرحلة التخطيط والبحث (Planning & Research):
تحديد أهداف المشروع والجمهور المستهدف.
تحليل التطبيقات المنافسة وتحديد نقاط القوة والضعف.
وضع خريطة طريق للميزات وتحديد الأولويات.
مرحلة التصميم (Design Phase):
تصميم تجربة المستخدم (UX): بناء رحلة المستخدم (User Flow) ورسم المخططات الهيكلية (Wireframes) لضمان تجربة منطقية وسلسة.
تصميم واجهة المستخدم (UI): استخدام أدوات مثل Figma و FlutterFlow لتصميم واجهات جذابة بصريًا ومتجاوبة مع مختلف الشاشات، مع إنشاء هوية بصرية مخصصة للمشروع.
مرحلة التطوير (Development Phase):
الواجهات الأمامية (Frontend): تطوير تطبيق الموبايل باستخدام Flutter و Dart لضمان عمله على نظامي iOS و Android من قاعدة كود واحدة. تطوير منصة الويب باستخدام React.js.
الواجهات الخلفية (Backend): بناء خادم قوي باستخدام Node.js و Flask (Python). تم استخدام RESTful API لتسهيل الاتصال بين الواجهات الأمامية والخلفية، وقاعدة بيانات SQLite لتخزين البيانات.
دمج الذكاء الاصطناعي (AI):
استخدام TensorFlow و SqueezeNet لتدريب نموذج التعرف على الصور (الهيروغليفية).
توظيف مكتبة OpenCV لمعالجة الصور الملتقطة عبر الكاميرا.
تطوير الشات بوت "AnubAI" وربطه بواجهة برمجة التطبيقات.