تطبيق ويب & مفتوح المصدر

DocuSûr

إحدى وثلاثون أداة PDF، ولا بايت واحد من أي مستند يُرسَل إلى خادم.

السنة
2026
مدة التصميم
10 أسابيع
التقنيات
React · TypeScript · Tailwind · PDF.js · Vercel
  • تصميم المنتج
  • التصميم
  • التطوير
  • SEO
  • إتاحة الوصول
زيارة الموقع(علامة تبويب جديدة)ناقش معنا مشروعًا مماثلًا
https://docusur.kayzen-lyon.com
الصفحة الرئيسية لموقع DocuSûr — تطبيق ويب & مفتوح المصدر، من إنجاز Kayzen Web
أداة للمستندات
31
مُرسَل إلى خادم
0 بايت
إتاحة الوصول في Lighthouse
100/100
الأداء في Lighthouse
95/100
نقطة الانطلاق

ما كان يجب حلّه.

السياق

تجمع DocuSûr 31 أداة لمعالجة المستندات — الدمج، والتقسيم، والضغط، والتحويل، والتوقيع، والتعرّف الضوئي على الحروف (OCR) — متاحة مجانًا ومن دون تسجيل. تصدر الخدمة عن Kayzen Web من ليون.

القيد

البدائل الموجَّهة إلى عامة الجمهور ترسل المستند إلى خادم في الخارج، وتحتفظ به بضع ساعات، وتموّل الخدمة بالإعلانات. بالنسبة إلى عقد أو قسيمة راتب أو وثيقة هوية، هذا سبب كافٍ للاستبعاد — ونصف المستخدمين المهنيين يعلمون ذلك، من دون أن يجدوا بديلًا.

الحل

كل شيء يُنفَّذ في المتصفح. الملف لا يُرسَل أبدًا: تبويب الشبكة في أدوات المطوّر يثبت ذلك في ثلاث ثوانٍ، وهذه هي الحجة التجارية الرئيسية للموقع. وقد أملى هذا القيد البنية التقنية بأكملها.

نتائج مقيسة لا مُعلنة

النتائج المسجّلة عند التسليم.

نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.

PageSpeed
95
الأداء: 95 من 100
100
إمكانية الوصول: 100 من 100
92
أفضل الممارسات: 92 من 100
100
تحسين محركات البحث: 100 من 100
التصميم والإدارة الفنية

كل خيار، وسببه.

  1. دليل، لا لوحة تحكّم

    إحدى وثلاثون أداة عدد أكبر من أن تستوعبه قائمة. الصفحة الرئيسية شبكة مصنَّفة مع بحث فوري؛ ولكل أداة صفحتها المخصّصة وعنوان URL خاص بها، لأن هذه هي الطريقة التي يصل بها المستخدم إليها من Google.

  2. دليل الخصوصية في الشاشة الأولى

    تُعرض عبارة «ملفاتك لا تغادر متصفحك أبدًا» قبل أداة اختيار الملف، مع رابط إلى الشرح التقني. وعد الخصوصية يأتي قبل الفعل الذي يضعه على المحك.

  3. إيداع بالسحب والإفلات مع بديل

    منطقة إيداع، وزرّ اختيار تقليدي، ودعم اللصق. السحب والإفلات وحده يُقصي مستخدمي لوحة المفاتيح وجزءًا من الاستخدامات باللمس.

لوحة ألوان المشروع

  • حبر

    #111827

    النص

  • أزرق الثقة

    #2563EB

    الإجراء الرئيسي

  • أخضر الأمان

    #059669

    تأكيد المعالجة المحلية

  • رمادي ورقي

    #F9FAFB

    خلفية مناطق الإيداع

النظام الطباعي

العناوين

Inter 700

النص الأساسي

Inter 400

لا زخرفة: على الأداة أن تتوارى لصالح المستند.

الهندسة

ما يوجد تحت الغطاء.

  • React
  • TypeScript
  • Tailwind
  • PDF.js
  • Vercel

  1. PDF.js وWebAssembly من جهة العميل

    قراءة ملفات PDF وتصييرها وكتابتها في المتصفح. تمرّ المعالجات الثقيلة (الضغط، وOCR) عبر WebAssembly في عامل (worker): لا تتجمّد الواجهة أبدًا، حتى مع مستند من مئتي صفحة.

  2. لا تخزين، ولا حساب

    لا قاعدة بيانات، إذن لا تسرّب ممكن، ولا مدة احتفاظ يجب التصريح بها، ولا معالج بيانات من الباطن يجب إدراجه. تُعالَج اللائحة العامة لحماية البيانات (GDPR) هنا بالبنية بدلًا من سياسة مكتوبة.

  3. تحميل عند الطلب لكل أداة

    لا تتشارك الأدوات الـ31 حزمة (bundle) واحدة. فتح «دمج ملفَّي PDF» لا ينزّل محرّك OCR، الذي يزن وحده عدة ميغابايتات.

تحسين محركات البحث

كيف يصبح الموقع قابلًا للعثور عليه.

  1. صفحة لكل أداة، ونية لكل صفحة

    «دمج PDF»، «ضغط PDF»، «توقيع ملف PDF»: استعلامات بحث مختلفة، عالية الحجم وذات نية فورية. صفحة واحدة تسرد الأدوات ما كانت لتلتقط أيًّا منها.

  2. الحجة المميِّزة في العنوان

    تحمل وسوم title عبارة «من دون إرسال الملف» بدلًا من صيغة تفضيل. في سوق تتشابه فيها الصفحات كلها، هذا الجزء هو ما يحسم النقرة.

  3. HowTo للأدوات الإجرائية

    تحمل الأدوات ذات الخطوات المتعددة ترميز HowTo؛ وهذه هي المقتطفات التي تعيد محركات البحث والمساعدات الذكية استخدامها.

إمكانية الوصول

قابل للاستخدام من الجميع.

منذ يونيو 2025، يفرض القانون الأوروبي لإمكانية الوصول (European Accessibility Act) إتاحة الوصول الرقمي على شريحة واسعة من الخدمات الإلكترونية. نتعامل معها منذ مرحلة التصميم، لا كتدارك لاحق.

  1. 100/100 في Lighthouse، ومُتحقَّق منه يدويًا

    الدرجة الآلية لا تغطي إلا جزءًا من المعايير. جرى تصفّح كل أداة بلوحة المفاتيح وبقارئ الشاشة: تقدّم المعالجة مُعلَن، وأخطاء الملفات صريحة، والتركيز يُعاد بعد التنزيل.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — شبكة الأدوات الـ31 والبحث
  • /<outil> — صفحة لكل أداة
  • الخصوصية — الشرح التقني للمعالجة المحلية
  • من نحن، وتواصل معنا، والإشعار القانوني
المنهجية

مراحل سير المشروع.

  1. دراسة الجدوى

    التحقق من أن كل معالجة يمكن أن تتم داخل المتصفح، بما في ذلك OCR.

  2. الأساس

    تصيير PDF، والعمّال (workers)، والتحميل لكل أداة.

  3. نشر الأدوات

    31 أداة، وصفحة ومجموعة اختبارات لكل أداة.

  4. إتاحة الوصول

    مسار لوحة المفاتيح وقارئ الشاشة في كل أداة.

أسئلة

ما يُطرح علينا كثيرًا.

افتح تبويب الشبكة في متصفحك قبل إيداع المستند: لن تجد أي طلب صادر يحمل محتواه. يمكن التحقق من ذلك في ثلاث ثوانٍ، ولهذا السبب نُبرزه بدلًا من شعار امتثال.

لأن تشغيل الخدمة لا يكلّف شيئًا تقريبًا، تحديدًا لأنه لا يوجد خادم معالجة. إنها عرض علني لما نتقنه، وهذا استخدام أنزه من الإعلان.

أعمال أخرى

العودة إلى أعمالنا

مستوى الإتقان نفسه، لموقعك.

تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.

حجز موعدعرض الأسعار
مشاركة