السياق التاريخي
تُظهر مأساة تهجير سكانها وتجاربهم في مواجهة الدمار والظروف الصعبة خلال الثورة الليبية والصراعات اللاحقة. يهدف هذا المشروع إلى تصميم موقع إلكتروني تفاعلي يعرض تاريخ تاورغاء، من خلال تقديم سرد تفصيلي للأحداث التاريخية باستخدام صفحات متعددة تُظهر السياقات التاريخية والاجتماعية والسياسية التي مرت بها المدينة.
أهداف المشروع
هذا الموقع لن يكون مجرد أرشيف رقمي، بل منصة تفاعلية تسمح للزائر باستكشاف قصة تاورغاء عبر الزمن من خلال جداول زمنية تفاعلية، خرائط توضيحية، ومعارض صور ذات دقة عالية. وسيُركّز التصميم على وضوح المعلومات وبساطتها وتنظيمها بطريقة تسهّل التنقل وتقديم المعلومة دون تشتيت.
الهدف الرئيسي
يركز الموقع على الأحداث الرئيسية مثل الهجوم الذي نفّذته القوات الموالية لمعسكرات مسراتة، تفاعلات النزاع، وتجارب السكان في المخيمات ومراحل العودة التدريجية بعد مرور عقد على تلك الأحداث.
أقسام الموقع
تحتوي على ملخص مرئي مع صورة خلفية ملفتة وعنوان يشد انتباه الزائر، مع نبذة مختصرة عن تاريخ تاورغاء وقصة نضال سكانها.
صفحة توضح لمحة تاريخية عن المدينة قبل الثورة، وتسلّط الضوء على أهميتها الثقافية والتاريخية.
تُعرض تفاصيل أحداث عام 2011، مع سرد للأسباب والتطورات التي أدت إلى التهجير الجماعي والسقوط المفاجئ للمدينة.
ما قبل 2011
تاريخ تاورغاء الثقافي والاجتماعي
أغسطس 2011
اندلاع الثورة وهجوم مسراتة
2011-2019
مرحلة النزوح واللجوء
منذ 2019
بدء العودة التدريجية وإعادة الإعمار
مصادر المعلومات
تقارير الأمم المتحدة، بيانات من وزارة الشؤون الإنسانية، ومقالات صادرة عن منظمات حقوق الإنسان العالمية مثل هيومن رايتس ووتش. كما ستُستخدم مواد أرشيفية من مواقع مثل "UNARMS" التي توفر وصولاً إلى آلاف الوثائق التاريخية الهامة.
المحاور التاريخية
| المحور الزمني |
الحدث الرئيسي |
التأثير والنتائج |
| ما قبل 2011 |
تاريخ تاورغاء الثقافي والاجتماعي |
سمعة المدينة كمركز حضاري وثقافي |
| أغسطس 2011 |
اندلاع الثورة وهجوم مسراتة |
تهجير حوالي 40,000 نسمة وتحول المدينة إلى مدينة مهجورة |
| 2011-2019 |
مرحلة النزوح واللجوء |
معاناة اللاجئين في ظروف مخيمية قاسية، فقدان الاستقرار |
| منذ 2019 |
بدء العودة التدريجية وإعادة الإعمار |
عودة حوالي 7,000 نسمة مع تحديات البنية التحتية والتأمين |
الهيكل الأساسي
استخدام لغة HTML لوضع الهيكل الأساسي للموقع وتحديد العناصر الرئيسية مثل العناصر الدلالية <header>, <nav>, <main>, <section>, <article>, <footer> لضمان تنظيم المعلومات بشكل هرمي سليم.
التنسيق والتفاعلية
يُستخدم CSS لضمان تصميم متجاوب ومتناسق مع استعلامات الوسائط (Media Queries) لتكييف التخطيط مع مختلف الأجهزة والشاشات. كما ستُستخدم لغة JavaScript لإضفاء العناصر التفاعلية على الموقع.
أهمية الاختبارات
يُعد اختبار الاستخدام خطوة حاسمة لتحويل الافتراضات إلى بيانات واقعية تساعد في تحسين عمليات التصميم والتطوير لاحقًا.
أدوات التحليل
| الأداة |
الوظيفة الرئيسية |
المزايا |
| Google Analytics |
تتبع حركة المرور وتحليل سلوك الزوار |
تقارير مفصلة، تتبع التحويل، تقييم الأداء |
| PageSpeed Insights |
قياس سرعة تحميل الصفحات وتحليل عوامل العطل |
تقديم نصائح لتحسين الأداء، تحسين ترتيب السيو |
النقاط الرئيسية
- أهمية سرد الأحداث التاريخية من خلال هيكلية منطقية مصممة بشكل واضح
- الاعتماد على مصادر دولية موثوقة
- اتباع أفضل ممارسات تصميم واجهة المستخدم
- دمج الجوانب التقنية الحديثة
- مراقبة الأداء والتحسين المستمر
توصيات مستقبلية
التوسع في مصادر المحتوى، تحسين التفاعل البياني، والتغذية الراجعة المستمرة لضمان تطوير الموقع وتحسين تجربة المستخدم باستمرار.