Files
maps-saas/security_brief_rjgc.html
T

514 lines
20 KiB
HTML

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>وثيقة الإيجاز الأمني والمعمارية التقنية | شركة سفر لتكنولوجيا المعلومات والمركز الجغرافي الملكي</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700;800&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--primary: #0f4c81; /* كحلي ملكي سيادي */
--primary-dark: #082a4a;
--primary-light: #eef5fc;
--accent: #854d0e; /* برونزي وقور */
--accent-light: #fef9c3;
--slate-900: #0f172a;
--slate-800: #1e293b;
--slate-700: #334155;
--slate-600: #475569;
--slate-500: #64748b;
--slate-200: #e2e8f0;
--slate-100: #f1f5f9;
--slate-50: #f8fafc;
--bg: #f8fafc;
--success: #059669;
--success-light: #d1fae5;
--danger: #b91c1c;
--danger-light: #fee2e2;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background-color: var(--bg);
color: var(--slate-900);
line-height: 1.85;
padding: 30px 15px;
-webkit-font-smoothing: antialiased;
direction: rtl;
text-align: right;
}
.document-wrapper {
max-width: 1080px;
margin: 0 auto;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
box-shadow: 0 4px 25px rgba(15, 23, 42, 0.05);
padding: 45px 55px;
}
.action-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
padding-bottom: 18px;
border-bottom: 2px solid var(--slate-100);
}
.btn-print {
background: var(--primary);
color: #ffffff;
border: none;
padding: 10px 22px;
border-radius: 8px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
font-size: 0.92rem;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(15, 76, 129, 0.2);
transition: all 0.2s ease;
}
.btn-print:hover {
background: var(--primary-dark);
transform: translateY(-1px);
}
.letterhead {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 22px;
border-bottom: 3px double var(--slate-200);
margin-bottom: 30px;
}
.company-title-ar {
font-size: 1.45rem;
font-weight: 800;
color: var(--primary);
letter-spacing: -0.02em;
}
.company-sub-ar {
font-size: 0.88rem;
color: var(--slate-600);
font-weight: 600;
}
.doc-badge {
display: inline-block;
background: #fee2e2;
border: 1px solid #fca5a5;
color: #991b1b;
padding: 4px 14px;
border-radius: 6px;
font-size: 0.82rem;
font-weight: 700;
margin-bottom: 6px;
}
.title-box {
background: linear-gradient(135deg, #f0f7ff, #f8fafc);
border-right: 6px solid var(--primary);
border-radius: 0 12px 12px 0;
padding: 26px 30px;
margin-bottom: 32px;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
border-left: 1px solid #e2e8f0;
}
.addressed-to {
font-size: 1.15rem;
font-weight: 800;
color: var(--primary-dark);
margin-bottom: 8px;
}
.doc-subject {
font-size: 1.4rem;
font-weight: 800;
color: var(--slate-900);
line-height: 1.45;
margin-bottom: 10px;
}
.doc-summary {
font-size: 0.95rem;
color: var(--slate-700);
line-height: 1.75;
}
.section {
margin-bottom: 32px;
}
.section-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid var(--primary-light);
}
.section-num {
width: 32px;
height: 32px;
background: var(--primary);
color: #ffffff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 0.95rem;
flex-shrink: 0;
}
.section-title {
font-size: 1.22rem;
font-weight: 800;
color: var(--primary-dark);
}
p {
margin-bottom: 14px;
color: var(--slate-700);
text-align: justify;
font-size: 0.96rem;
}
.grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.grid-2 {
grid-template-columns: 1fr;
}
.document-wrapper {
padding: 25px 20px;
}
}
.card {
background: #ffffff;
border: 1px solid var(--slate-200);
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.card-military {
border-top: 4px solid #1e3a8a;
background: #f8fafc;
}
.card-commercial {
border-top: 4px solid #059669;
background: #f0fdf4;
}
.card-title {
font-size: 1.05rem;
font-weight: 700;
color: var(--slate-900);
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.custom-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0 24px 0;
font-size: 0.92rem;
}
.custom-table th, .custom-table td {
border: 1px solid var(--slate-200);
padding: 12px 16px;
text-align: right;
}
.custom-table th {
background: var(--primary-light);
color: var(--primary-dark);
font-weight: 700;
}
.custom-table tr:nth-child(even) {
background: var(--slate-50);
}
.callout-box {
background: #f8fafc;
border-right: 4px solid #0f4c81;
padding: 18px 22px;
border-radius: 0 8px 8px 0;
margin: 20px 0;
font-size: 0.94rem;
border-top: 1px solid #e2e8f0;
border-bottom: 1px solid #e2e8f0;
border-left: 1px solid #e2e8f0;
}
.callout-title {
font-weight: 700;
color: #0f4c81;
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 6px;
}
.signoff-box {
margin-top: 40px;
padding-top: 25px;
border-top: 2px solid var(--slate-200);
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.signoff-name {
font-size: 1.12rem;
font-weight: 800;
color: var(--primary-dark);
}
.signoff-title {
font-size: 0.88rem;
color: var(--slate-600);
font-weight: 600;
}
.signoff-company {
font-size: 0.84rem;
color: var(--slate-500);
margin-top: 2px;
}
@media print {
body {
padding: 0;
background: #ffffff;
}
.action-bar {
display: none;
}
.document-wrapper {
border: none;
box-shadow: none;
padding: 0;
}
.section {
page-break-inside: avoid;
}
}
</style>
</head>
<body>
<div class="document-wrapper">
<!-- Top Action Bar -->
<div class="action-bar">
<div>
<span class="doc-badge">مقيّد — للاطلاع الفني الداخلي فقط</span>
<div style="font-size: 0.82rem; color: var(--slate-500);">الرقم المرجعي: س ف / أ م ن / 2026 / 04</div>
</div>
<button class="btn-print" onclick="window.print()">
🖨️ طباعة أو حفظ كملف PDF
</button>
</div>
<!-- Official Header -->
<div class="letterhead">
<div>
<div class="company-title-ar">شركة سفر لتكنولوجيا المعلومات</div>
<div class="company-sub-ar">Sefer Tech — حلول السيادة المكانية والأنظمة التكتيكية المتقدمة</div>
</div>
<div style="text-align: left; direction: ltr;">
<div style="font-size: 0.84rem; font-weight: 700; color: var(--slate-700);">Sefer Technology Ltd.</div>
<div style="font-size: 0.78rem; color: var(--slate-500);">Regional Tech Center — Cairo / Amman</div>
</div>
</div>
<!-- Title Box -->
<div class="title-box">
<div class="addressed-to">عطوفة مدير عام المركز الجغرافي الملكي الأردني والمديريات الفنية المختصة</div>
<div class="doc-subject">وثيقة الإيجاز الأمني والمعمارية التقنية الشاملة لمنظومة السيادة المكانية الوطنية</div>
<div class="doc-summary">
إيجاز فني وأمني رسمي يستعرض معمارية الفصل التام بين المسارين العسكري والتجاري، طبقات تحصين التطبيقات، كشف محاولات الاختراق والسرقة، وتأمين البنية التحتية للخوادم والـ APIs وفق أعلى المعايير الدفاعية.
</div>
</div>
<!-- Section 1: Architecture Split -->
<div class="section">
<div class="section-header">
<div class="section-num">1</div>
<div class="section-title">المعمارية التقنية ثنائية المسار (Military & Commercial Split)</div>
</div>
<p>
تقوم المنظومة على مبدأ الفصل الفيزيائي والمنطقي الكامل بين البيئة العملياتية العسكرية والبيئة التجارية العامة، لضمان عدم وجود أي نقطة تقاطع أو تسريب للبيانات الحساسة:
</p>
<div class="grid-2">
<div class="card card-military">
<div class="card-title">🛡️ المسار الأول: البيئة العسكرية والتكتيكية (Air-Gapped)</div>
<ul style="margin: 6px 18px; font-size: 0.92rem; color: var(--slate-700); line-height: 1.8;">
<li><strong>شبكة داخلية معزولة بالكامل (Intranet):</strong> لا تتصل بالإنترنت العام إطلاقاً، وتعمل بنسبة 100% Offline.</li>
<li><strong>خوادم داخلية سيادية:</strong> مستضافة فيزيائياً داخل مقرات المركز الجغرافي أو القيادة العامة.</li>
<li><strong>بيانات طبوغرافية مشفرة:</strong> قواعد بيانات التضاريس والارتفاعات مخزنة محلياً بالكامل ولا تخرج من الشبكة.</li>
<li><strong>تطبيقات ميدانية مسبقة التثبيت:</strong> تعمل على أجهزة لوحية مخصصة بدون أي شريحة إنترنت أو اتصال خارجي.</li>
</ul>
</div>
<div class="card card-commercial">
<div class="card-title">🌐 المسار الثاني: البيئة التجارية والخدمات العامة</div>
<ul style="margin: 6px 18px; font-size: 0.92rem; color: var(--slate-700); line-height: 1.8;">
<li><strong>بوابة خوادم مؤمّنة:</strong> مخصصة لتغذية قطاع النقل الذكي وتطبيقات التوصيل والخدمات اللوجستية في الأردن.</li>
<li><strong>بيانات خرائط مدنية فقط:</strong> لا تحتوي على أي معلومات أو منشآت أو مسارات عسكرية أو أمنية.</li>
<li><strong>واجهات برمجة مؤمّنة (APIs/SDKs):</strong> محمية بمفاتيح رقمية مشفرة ونطاقات وصول محددة للشركات المرخصة.</li>
<li><strong>عوائد استثمارية مستدامة:</strong> تدر إيرادات مباشرة للمركز الجغرافي الملكي من الاستخدام التجاري.</li>
</ul>
</div>
</div>
</div>
<!-- Section 2: Application Hardening -->
<div class="section">
<div class="section-header">
<div class="section-num">2</div>
<div class="section-title">طبقات تحصين وتأمين التطبيق الميداني (Defense-in-Depth)</div>
</div>
<p>
تم بناء التطبيق الميداني وفق 5 طبقات حماية متسلسلة تضمن استحالة استغلاله أو قراءته حتى في حال وقوع الجهاز في أيدي معادية:
</p>
<table class="custom-table">
<thead>
<tr>
<th style="width: 25%;">طبقة الحماية</th>
<th style="width: 45%;">الآلية التقنية المطبقة</th>
<th style="width: 30%;">الهدف الأمني المباشر</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>تظليل الكود البرمجي (Obfuscation)</strong></td>
<td>تشفير وإخفاء أسماء الدوال والمتغيرات وهيكلية الكود في طبقات Swift و Kotlin و C++.</td>
<td>منع الهندسة العكسية وفك تشفير التطبيق كلياً.</td>
</tr>
<tr>
<td><strong>كشف كسر الحماية (Jailbreak / Root)</strong></td>
<td>فحص نواتي عميق (Native C++ / Swift) يكشف وجود SuperSU, Magisk, Cydia, ومحاولات الحقن الديناميكي.</td>
<td>إيقاف التطبيق فوراً ومسح الذاكرة المؤقتة في حال التلاعب بنظام التشغيل.</td>
</tr>
<tr>
<td><strong>التخزين المؤمّن عتادياً (Hardware Keystore)</strong></td>
<td>استخدام Flutter Secure Storage المدعوم بـ iOS Keychain و Android Keystore المشفر عتادياً.</td>
<td>حماية المفاتيح الرقمية والبصمات حتى لو تم نسخ ملفات الجهاز فيزيائياً.</td>
</tr>
<tr>
<td><strong>التوزيع والتثبيت المغلق (Restricted Provisioning)</strong></td>
<td>التطبيق غير منشور نهائياً على المتاجر العامة (App Store / Google Play)، ويثبت مسبقاً داخل المركز فقط.</td>
<td>حصر استخدام المنظومة بالأجهزة المعتمدة والمصرح لها رسمياً.</td>
</tr>
<tr>
<td><strong>بروتوكول مكافحة السرقة والتدمير الذاتي</strong></td>
<td>كشف تغيير شريحة الاتصال، ومسح ذاتي للبيانات المشفرة عند تكرار إدخال كلمات مرور خاطئة أو كشف اختراق.</td>
<td>ضمان عدم تسريب أي أثر للبيانات في حال فقدان الجهاز في الميدان.</td>
</tr>
</tbody>
</table>
</div>
<!-- Section 3: Server & Network Security -->
<div class="section">
<div class="section-header">
<div class="section-num">3</div>
<div class="section-title">أمن الخوادم وواجهات الربط البرمجي (Server & API Hardening)</div>
</div>
<div class="grid-2">
<div class="card">
<div class="card-title">🔒 إدارة وتأمين واجهات البرمجة (APIs)</div>
<ul style="margin: 6px 18px; font-size: 0.92rem; color: var(--slate-700); line-height: 1.8;">
<li><strong>مفاتيح رقمية فريدة ومشفرة:</strong> تخصيص مفتاح وصول لكل جهة مع تحديد النطاق الجغرافي وعدد الطلبات بالثانية (Rate Limiting).</li>
<li><strong>تثبيت الشهادات الرقمية (Certificate Pinning):</strong> لمنع هجمات اعتراض حركة المرور (Man-in-the-Middle).</li>
<li><strong>تشفير قنوات الاتصال:</strong> الاعتماد الحصري على بروتوكول TLS 1.3 مع حظر البروتوكولات القديمة.</li>
</ul>
</div>
<div class="card">
<div class="card-title">🏢 تحصين البنية التحتية وجدران الحماية</div>
<ul style="margin: 6px 18px; font-size: 0.92rem; color: var(--slate-700); line-height: 1.8;">
<li><strong>جدار حماية تطبيقات الويب (WAF):</strong> كشف وصد محاولات الحقن (SQLi) وهجمات الحرمان من الخدمة (DDoS).</li>
<li><strong>سجلات تدقيق أمنية غير قابلة للتعديل (Immutable Audit Logs):</strong> رصد وتسجيل كل عملية دخول وطلب على المنظومة للمراجعة الأمنية.</li>
<li><strong>جاهزية تامة لاختبارات الاختراق:</strong> استعداد كامل لإخضاع المنظومة للفحص الأمني الشامل من قبل قسم الأمن السيبراني لديكم.</li>
</ul>
</div>
</div>
</div>
<!-- Section 4: Operational Readiness & Future Roadmap -->
<div class="section">
<div class="section-header">
<div class="section-num">4</div>
<div class="section-title">القدرات التشغيلية الحالية والتطلعات التطويرية المشتركة</div>
</div>
<div class="callout-box">
<div class="callout-title">⚡ القدرات الجاهزة للاختبار الفوري في جلسة العرض الحي:</div>
محرك الملاحة والتوجيه المحلي السريع، قاعدة المعالم الأردنية الضخمة (120 ألف معلم بالعربية)، خوارزميات التموضع بدون GPS في بيئات التشويش (100% Offline)، والتحليل التضاريسي ثلاثي الأبعاد وخطوط الكنتور.
</div>
<div class="card" style="background: var(--slate-50);">
<div class="card-title">🎯 التطلعات المستقبلية المخطط لتطويرها بالشراكة مع المركز:</div>
<ol style="margin: 8px 20px; font-size: 0.93rem; color: var(--slate-800); line-height: 1.85;">
<li><strong>منظومة التصوير البانورامي التكتيكي 360° (Street-Level Tactical Reconnaissance):</strong> مسح بصري رقمي للشوارع والمسارات الحيوية لخدمة غرف العمليات وإدارة الأزمات.</li>
<li><strong>منظومة محاكاة المناورات والعمليات المشتركة (Tactical Wargaming Platform):</strong> بيئة محاكاة تفاعلية ثلاثية الأبعاد لاختبار تحركات وتوزيع القوات وتكتيكات الدفاع والهجوم على طبوغرافية حقيقية.</li>
<li><strong>الذكاء الاصطناعي التكتيكي المحلي (Edge Offline AI):</strong> نماذج ذكاء اصطناعي تعمل على الأجهزة الميدانية بدون اتصال لتحليل التضاريس وتقدير المخاطر العملياتية.</li>
</ol>
</div>
</div>
<!-- Official Sign-off -->
<div class="signoff-box">
<div>
<div class="signoff-name">المقدم المتقاعد حمزة عايد الغويري</div>
<div class="signoff-title">المؤسس والمهندس المعماري الرئيسي للمنظومة</div>
<div class="signoff-company">شركة سفر لتكنولوجيا المعلومات (Sefer Tech)</div>
</div>
<div style="text-align: left;">
<div style="font-size: 0.88rem; font-weight: 700; color: var(--primary);">المملكة الأردنية الهاشمية — عمان</div>
<div style="font-size: 0.78rem; color: var(--slate-500); margin-top: 4px;">تاريخ التحرير: آب / أغسطس 2026</div>
</div>
</div>
</div>
</body>
</html>