الصور المتقدمة
ميزات الصور المتقدمة في rtSurvey: العلامات المائية وعرض شبكة الوسائط وتعليقات الصور التوضيحية.
بعيداً عن نوع سؤال image القياسي، يوفر rtSurvey امتدادات للعلامات المائية على الصور الملتقطة وعرض صور متعددة في شبكة وسائط. هذه مفيدة للاستطلاعات القائمة على الأدلة حيث تحتاج الصور إلى وضع علامة عليها بهوية المعدِّد أو بيانات الاستطلاع الوصفية، وللواجهات البصرية للمراجعة.
العلامة المائية
تُضاف العلامة المائية نصاً أو صورة فوق الصورة الملتقطة قبل تخزينها. تُستخدم لوضع العلامات التجارية على صور الميدان بالتاريخ أو اسم المعدِّد أو موقع GPS أو أي بيانات استطلاع أخرى — مما يجعل من الصعب تمرير الصور الموجودة مسبقاً كأدلة ملتقطة حديثاً.
الإعداد
استخدم watermark() في عمود calculation لحقل image، مع مظهر callapi:
watermark(type, size, distance, color, shadow, rotate, blur)
| المعلمة | الوصف |
|---|---|
type | 'text' لعلامة مائية نصية؛ 'file' لعلامة مائية صورة |
size | حجم الخط بالبكسل (نص) أو حجم العلامة المائية كنسبة مئوية من عرض الصورة (ملف) |
distance | التباعد بين بلاطات العلامة المائية المتكررة (بكسل) |
color | لون النص (لون CSS أو سداسي عشري). لا يُستخدم لنوع file |
shadow | لون الظل (لون CSS أو سداسي عشري) |
rotate | زاوية الدوران بالدرجات (مثل 45 للقطري) |
blur | تعتيم العلامة المائية (0 = غير مرئية، 100 = معتمة بالكامل) |
مثال علامة مائية نصية
طباعة اسم المعدِّد وتاريخ اليوم بشكل قطري على كل صورة ملتقطة:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Take a photo of the site | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
يتم أخذ نص العلامة المائية من ${wm_text}. ضع حقل نص العلامة المائية قبل حقل الصورة في النموذج.
مثال علامة مائية بالصورة/الشعار
طباعة شعار المنظمة (مرفق كملف وسائط باسم logo.png):
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Take photo of evidence | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
التراجع والإعادة
يدعم محرر العلامة المائية التراجع والإعادة — يمكن للمعدِّدين العودة عبر سجل التعديل قبل تأكيد الصورة.
تبليط العلامة المائية
تتكرر العلامة المائية (تُبلَّط) عبر الصورة بأكملها تلقائياً. تتحكم المعلمة distance في التباعد بين البلاطات؛ rotate يتحكم في زاوية كل بلاطة.
أداة شبكة الوسائط
تعرض أداة شبكة الوسائط مجموعة من ملفات الوسائط (صور، صوت، فيديو) في تخطيط شبكة، مما يتيح للمراجعين أو المعدِّدين تصفح الملفات الملتقطة بصرياً.
يتم تفعيل هذه الأداة بمظهر mediagridwidget وتُستخدم عادةً على حقول note أو calculate لعرض الوسائط الملتقطة مسبقاً من مجموعة تكرار.
مثال: عرض جميع الصور من تكرار كشبكة
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Review captured photos | mediagridwidget |
أفضل الممارسات للصور ذات العلامات المائية
- احسب دائماً نص العلامة المائية في حقل
calculateفوق حقل الصورة حتى يكون متاحاً عند التقاط الصورة. - استخدم زاوية دوران (مثل 45°) لجعل العلامات المائية أصعب اقتطاعاً.
- اضبط التعتيم (
blur) بين 30–60% — مرتفعاً بما يكفي ليكون مقروءاً، ومنخفضاً بما يكفي لعدم إخفاء موضوع الصورة. - أدرج اسم المعدِّد والتاريخ وإحداثيات GPS في نص العلامة المائية لتعظيم قيمة المراجعة.
- اختبر تصيير العلامة المائية على أضعف جهاز في مجموعتك — قد تكون إضافة العلامات المائية القائمة على canvas بطيئة على الأجهزة القديمة.
القيود
- تُطبَّق العلامات المائية على جانب العميل باستخدام HTML5 Canvas API — يتطلب متصفحاً قادراً أو WebView جوال.
- قد تستغرق الصور عالية الدقة عدة ثوانٍ للعلامة المائية على الأجهزة منخفضة الأداء.
- تُخبَز العلامات المائية في ملف الصورة — لا يمكن إزالتها بعد الإرسال دون تحرير الصورة.
- يتطلب نوع العلامة المائية
fileإرفاق صورة الشعار كملف وسائط باسم الملف المتوقع تماماً.