رحلة بصرية فاخرة في “العِلم الأثري الرقمي”
تفاصيل العمل
الفكرة العامة: “حوليات الزمن” تجربة هبوط رقمية فاخرة بطابع “الآثار الرقمية السينمائية” تصوغ التنقيب المعرفي في قالب بصري حكائي—يمزج ملامس الرقّ القديم والذهب المعتّق مع تكنولوجيات ثلاثية الأبعاد لإحياء العوالم المنسية.
الفلسفة الجمالية: نقترب من التاريخ كذاكرة حيّة؛ الخلفية رقٌّ مُعتّق بحواف محترقة وخطوط خرائط ونجوم باهتة، الإضاءة دافئة/باردة بتباين محسوب، وحبيبات غبار مضيء تمنح إحساس “المشهد المتحفي” داخل متصفح الويب.
التجربة التفاعلية: بطل الصفحة يضم قطعًا أثرية عائمة (أسطرلاب، غلايديوس، قناع) تتحرك بوئام مع مؤثرات ضوئية دقيقة، وزر ختم برونزي “ادخل الأرشيف”. أسفلها، بطاقات زجاجية متجمّدة بإطارات ذهبية، وتمرير بعمود مزخرف يكرّس الهوية التاريخية.
--- Backend
نموذج معماري: Backend مبني على Node.js/Express أو Python/FastAPI وفق بيئة النشر، مع طبقة API موحّدة تخدم الواجهة الأمامية عبر REST/GraphQL.
واجهات برمجية:
GET /api/artifacts لجلب القطع مع الترشيح (العصر، المادة، المنطقة).
GET /api/exhibitions للرحلات القيّمة وسيناريوهات العرض.
GET /api/search?q= بحث دلالي متعدد اللغات.
POST /api/curators/sessions لإدارة جلسات القَيِّمين (JWT).
نمذجة البيانات: PostgreSQL لجداول: artifacts(id, titles, era, materials, provenance, media, model3d_url), exhibitions, curators; تخزين وسائط (صور 8K/GLTF) على S3/Blob مع توقيع عناوين وتحكّم صلاحيات.
الأداء والسرعة: Redis كـ Cache أمامي، CDN لتوزيع الأصول، ضغط GLTF/Draco، صور تفصيلية 8K مع توليد مشتقات (WebP/AVIF) وتحميل تدريجي، ETags وConditional Requests، وحدود معدّل Rate Limit.
الدولية واللغة: i18n كامل (Arabic RTL/English LTR) مع مفاتيح نصوص، قواعد اتجاه CSS منطقية (margin-inline, text-align)، وطبقة تحويل أرقام/تواريخ محليّة.
الأمن والخصوصية: HTTPS متطلب، سياسة محتوى صارمة CSP، حماية CSRF للأعمال الحسّاسة، مصادقة JWT للقَيِّمين، صلاحيات دقيقة RBAC، تنظيف مدخلات مخزّنات المحتوى، سجلات監 Audit للطرف الخلفي.
الرصد والموثوقية: مراقبة أداء (APM)، لوغّات منظمة (JSON)، تتبع أعطال وبلاغات زمنية؛ اختبارات وحدات وتكامل؛ نشر CI/CD (GitHub Actions) مع فحوصات أمنية (Snyk/Dependabot).
إدارة المحتوى: لوحة قيّمين لإدخال/تحرير القطع، رفع النماذج والصور، كتابة السرد القصصي، وجدولة الإصدارات مع Workflow مراجعة.
-----
Frontend
التقنيات: HTML/CSS/JS مع Three.js للمشهد، خطوط عربية “Amiri” ولمسة كلاسيكية عبر “Cinzel”، Glassmorphism بزجاج محفور وإطارات ذهبية، توافق كامل RTL، واستجابة لجميع القياسات.
جودة العرض: توازن تباين/تشبّع مدروس، ظلال داخلية/خارجية دقيقة، وتوافق مع شاشات عالية الكثافة؛ السلوك الحركي ناعم وثابت الإطار.