| # 🎬 Auto-Guardian Video Production Guide | |
| ## نظرة عامة | Overview | |
| هذا الملف يحتوي على سيناريو كامل احترافي لفيديو توضيحي (Demo Video) لمدة 90 ثانية لنظام Auto-Guardian. يمكن استخدام هذا السيناريو لإنشاء فيديو احترافي باستخدام أدوات مثل: | |
| - **Canva**: لإنشاء الرسوم المتحركة | |
| - **OBS Studio**: لتسجيل الشاشة | |
| - **DaVinci Resolve**: للتحرير المتقدم | |
| - **CapCut**: للهواتف المحمولة | |
| --- | |
| ## 🎥 سيناريو الفيديو | Video Script | |
| ### المشهد 1: المقدمة_hook (0:00 - 0:10) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 0:00-0:03 | شاشة سوداء مع صوت نقرات لوحة مفاتيح سريعة | (صمت، تركيز) | | |
| | 0:03-0:06 | عرض سريع لنافذة محرر أكواد مع أسطر حمراء (أخطاء أمنية) | "في عالم البرمجة، كل سطر كود هو بوابة محتملة للاختراق" | | |
| | 0:06-0:10 | تحوّل سلس إلى شعار Auto-Guardian مع تأثير توهج | "لكن ماذا لو كان لديك حارس آلي يكتشف كل تهديد قبل وقوعه؟" | | |
| ### المشهد 2: تعريف النظام (0:10 - 0:25) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 0:10-0:15 | عرض شعار Auto-Guardian مع نبض توهّج أخضر | "أهلاً بكم في Auto-Guardian" | | |
| | 0:15-0:20 | عرض سريع للوحة التحكم الرئيسية (شاشة عريضة) | "نظام فحص أمان الكود البرمجي الآلي" | | |
| | 0:20-0:25 | إحصائيات متحركة (1,247 تهديد محظور، 99.9% نجاح) | "المزايا التي يحتاجها كل مطور" | | |
| ### المشهد 3: كيف يعمل (0:25 - 0:50) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 0:25-0:32 | رسم توضيحي متحرك: كود → فحص → اكتشاف ثغرة | "أولاً، يقوم النظام بفحص الكود تلقائياً" | | |
| | 0:32-0:38 | عرض أدوات الفحص (Bandit, ESLint, Trivy) | "باستخدام أحدث أدوات التحليل الأمني" | | |
| | 0:38-0:45 | تصفية المشاكل حسب الخطورة (حرجة، عالية، متوسطة) | "يصنّف الثغرات حسب مستوى خطورتها" | | |
| | 0:45-0:50 | عرض قائمة المشاكل مع تفاصيل الملف والسطر | "مع تحديد دقيق لموقع المشكلة" | | |
| ### المشهد 4: لوحة التحكم (0:50 - 1:10) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 0:50-0:56 | عرض المخططات البيانية (خطية ودائرية) | "لوحة تحكم تفاعلية تعرض كل شيء" | | |
| | 0:56-1:02 | تصفح المستودعات النشطة وحالتها | "ومراقبة جميع مشاريعك في مكان واحد" | | |
| | 1:02-1:07 | التفاعل مع القائمة الجانبية والقائمة على الهاتف | "تصميم متجاوب يعمل على كل الأجهزة" | | |
| | 1:07-1:10 | فتح صفحة الإعدادات وتخصيص الخيارات | "وخيارات تخصيص متقدمة" | | |
| ### المشهد 5: CI/CD Integration (1:10 - 1:25) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 1:10-1:15 | عرض GitHub Actions workflow | "لكن الأمر لا يتوقف هنا" | | |
| | 1:15-1:20 | فحص تلقائي لـ Pull Request + تعليق بالنتيجة | "يتكامل مع GitHub Actions لفحص كل طلب دمج" | | |
| | 1:20-1:25 | عرض تقرير الفحص مع نتائج المرور/الفشل | "ممنوع مرور الكود غير الآمن أبداً" | | |
| ### المشهد 6: الختام (1:25 - 1:30) | |
| | الوقت | العنصر البصري | الصوت/Narration | | |
| |-------|--------------|-----------------| | |
| | 1:25-1:27 | عرض رابط GitHub وعداد النجوم | "Open Source ومجاني تماماً" | | |
| | 1:27-1:29 | زر "Star" يتزايد + زر "Deploy Now" | "ساعدنا في جعل الإنترنت أكثر أماناً" | | |
| | 1:29-1:30 | شعار Auto-Guardian مع معلومات التواصل | "تفضلوا بزيارة مستودعنا على GitHub" | | |
| --- | |
| ## 🎨 إرشادات الإنتاج | Production Guidelines | |
| ### ألوان العلامة التجارية | Brand Colors | |
| | الاستخدام | اللون | الكود | | |
| |----------|-------|-------| | |
| | الأساسي | أزرق كهربائي | `#3B82F6` | | |
| | Secondary | بنفسجي | `#8B5CF6` | | |
| | نجاح | أخضر | `#10B981` | | |
| | خطر | أحمر | `#EF4444` | | |
| | تحذير | برتقالي | `#F59E0B` | | |
| | الخلفية | أزرق داكن | `#0F172A` | | |
| ### الخطوط | Typography | |
| - **العناوين الرئيسية**: Arial Bold, 48-64px | |
| - **النصوص الفرعية**: Arial Regular, 18-24px | |
| - **الأزرار والشارات**: Arial Bold, 12-14px | |
| ### المؤثرات الصوتية | Sound Effects | |
| | المشهد | المؤثر | | |
| |--------|--------| | |
| | البداية | نقرات لوحة مفاتيح (Typewriter clicks) | | |
| | انتقال للمشهد | Whoosh سريعة | | |
| | اكتشاف ثغرة | Alert sound (نغمة قصيرة) | | |
| | نجاح الفحص | Success chime | | |
| | الختام | موسيقى تشجيعية خفيفة (Uplifting music) | | |
| ### سرعة الانتقال | Pacing | |
| - **المشاهد السريعة (دقيقة)**: 0:00-0:10 | |
| - **المشهد التعريفي**: 0:10-0:25 (بطيء نسبياً) | |
| - **الشرح التقني**: 0:25-0:50 (متوسط) | |
| - **العرض التفاعلي**: 0:50-1:10 (بطيء للتفاعل) | |
| - **التكامل**: 1:10-1:25 (سريع) | |
| - **الختام**: 1:25-1:30 (رسمي) | |
| --- | |
| ## 📦 الأصول الجاهزة | Ready-to-Use Assets | |
| تم إنشاء الأصول التالية في مجلد `assets/`: | |
| ``` | |
| assets/ | |
| ├── 📄 logo.svg # شعار المشروع (512x512) | |
| ├── 📄 architecture.svg # رسم هيكل النظام (800x400) | |
| ├── 📄 icon-realtime.svg # أيقونة الوقت الحقيقي (64x64) | |
| ├── 📄 icon-ai.svg # أيقونة الذكاء الاصطناعي (64x64) | |
| ├── 📄 icon-alerts.svg # أيقونة التنبيهات (64x64) | |
| ├── 📄 icon-scan.svg # أيقونة الفحص (64x64) | |
| └── 📄 video-thumbnail.svg # صورة الفيديو المصغرة (1280x720) | |
| ``` | |
| --- | |
| ## 🔗 الروابط المطلوبة | Required Links | |
| لإكمال الفيديو، ستحتاج إلى: | |
| 1. **رابط لوحة التحكم**: https://c6q1wmkpsakh.space.minimax.io | |
| 2. **رابط المستودع**: https://github.com/[username]/[repo-name] | |
| 3. **رابط المشروع**: [رابط ZIP المرفوع] | |
| --- | |
| ## 💡 نصائح للتسجيل | |
| ### لتسجيل الشاشة (OBS Studio): | |
| ``` | |
| 1. إنشاء مشهد جديد | |
| 2. إضافة مصدر "Window Capture" | |
| 3. اختيار نافذة المتصفح | |
| 4. ضبط الدقة: 1920x1080 | |
| 5. معدل الإطارات: 30fps | |
| ``` | |
| ### للنصArabic Voiceover: | |
| - استخدم ميكروفون جيد الجودة | |
| - تحدث بوضوح وبوتيرة متوسطة | |
| - أضف pauses عند الانتقال بين المشاهد | |
| - استخدم نبرة واثقة ومهنية | |
| --- | |
| ## 📊 الجدول الزمني المقترح | |
| | المرحلة | الوقت | الأنشطة | | |
| |---------|-------|---------| | |
| | التحضير | 30 دقيقة | قراءة السيناريو، تجهيز الأصول | | |
| | التسجيل | 1-2 ساعة | تسجيل الشاشة، الصوت، المؤثرات | | |
| | المونتاج | 2-3 ساعات | تجميع المشاهد، إضافة التأثيرات | | |
| | المراجعة | 30 دقيقة | مشاهدة، تعديلات نهائية | | |
| | **الإجمالي** | **4-6 ساعات** | فيديو نهائي احترافي | | |
| --- | |
| ## 📞 الدعم | Support | |
| للمساعدة في إنتاج الفيديو: | |
| - راجع قسم [Contributing](../CONTRIBUTING.md) في المشروع | |
| - أو أضف Issue في المستودع مع وسم "video-production" | |
| --- | |
| *صُنع بح ❤️ لفريق Auto-Guardian* | |