سحابة الكلمات
أرسل كلمات أو عبارات وشاهد سحابة كلمات متحركة تتشكل في الوقت الفعلي.
نوع النشاط: word_cloud
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
maxWordsPerUser | number | الحد الأقصى لعدد الكلمات/العبارات التي يمكن لكل مشارك إرسالها. | 3 |
prompt | string | توجيه اختياري لتوجيه المشاركات (مثل "صف إجازتك المثالية بكلمة واحدة"). | "" |
السلوك
- يكتب المشاركون كلمات أو عبارات قصيرة ويرسلونها.
- تظهر كل مشاركة في سحابة الكلمات.
- الكلمات التي يرسلها عدة مشاركين تظهر أكبر في السحابة.
- تتحرك السحابة وتعيد ترتيب نفسها مع إضافة كلمات جديدة.
- يمكن لكل مشارك إرسال ما يصل إلى
maxWordsPerUserكلمة. - هذا نشاط إجراءات متعددة.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
words | array | الكلمات مع text و count (عدد مرات الإرسال). |
totalSubmissions | number | إجمالي عدد مشاركات الكلمات. |
محددات CSS
.fuse-word-cloud, .fuse-cloud, .fuse-word, .fuse-input, .fuse-submit-btn, .fuse-hint, .fuse-status
سحابات الكلمات فعّالة بشكل خاص لكسر الجمود والعصف الذهني وجمع الانطباعات السريعة من مجموعة. الطبيعة المرئية للسحابة تجعلها جذابة للعروض التقديمية.
الآراء الحادة
وافق أو ارفض عبارة جريئة. مرئية شد حبل مباشرة تُظهر التقسيم.
نوع النشاط: hot_takes
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
statement | string | العبارة للموافقة أو الرفض عليها. | "" |
agreeColor | string | اللون لجانب "موافق". | "#27ae60" (أخضر) |
disagreeColor | string | اللون لجانب "غير موافق". | "#e74c3c" (أحمر) |
agreeLabel | string | تسمية مخصصة لزر الموافقة (مثل "أحبه"). | "" (الافتراضي "Agree") |
disagreeLabel | string | تسمية مخصصة لزر الرفض (مثل "أكرهه"). | "" (الافتراضي "Disagree") |
السلوك
- تُعرض العبارة الجريئة بشكل بارز.
- يُظهر زران: موافق وغير موافق.
- ينقر المشاركون على زر واحد للإدلاء بتصويتهم.
- مرئية شريط شد الحبل تُظهر تقسيم النسب المئوية المباشر بين الموافقة والرفض.
- هذا نشاط إجراء واحد.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
statement | string | نص العبارة. |
agreeCount | number | عدد أصوات الموافقة. |
disagreeCount | number | عدد أصوات الرفض. |
agreePercentage | number | نسبة أصوات الموافقة (0-100). |
disagreePercentage | number | نسبة أصوات الرفض (0-100). |
totalVotes | number | إجمالي الأصوات المُدلى بها. |
محددات CSS
.fuse-hot-takes, .fuse-statement, .fuse-tug-bar, .fuse-percentage--agree, .fuse-percentage--disagree, .fuse-vote-btn--agree, .fuse-vote-btn--disagree, .fuse-total-count
لوحة الأسئلة والأجوبة
أرسل وصوّت للأسئلة. مثالية لجلسات اسألني أي شيء والفعاليات والفصول الدراسية.
نوع النشاط: qa_board
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
maxReplyDepth | number | أقصى عمق للردود/المواضيع على الأسئلة. | 2 |
السلوك
- يرسل المشاركون أسئلة كنص.
- يمكن لجميع المشاركين التصويت بالإيجاب أو التصويت بالسلب لأي سؤال.
- تُرتب الأسئلة حسب النتيجة الصافية (الأكثر تصويتًا بالإيجاب أولًا).
- يُبرز هذا الأسئلة الأكثر شعبية في الأعلى.
- هذا نشاط إجراءات متعددة.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
questions | ListItem[] | جميع الأسئلة المُرسلة، مرتبة حسب النتيجة. |
محددات CSS
.fuse-qa-board, .fuse-list-item, .fuse-item-text, .fuse-item-author, .fuse-score, .fuse-upvote, .fuse-downvote, .fuse-input, .fuse-submit-btn, .fuse-hint
لوحات الأسئلة والأجوبة مثالية للفعاليات المباشرة والندوات عبر الإنترنت واجتماعات الشركة. تضمن آلية التصويت بالإيجاب أن الأسئلة الأهم ترتفع إلى القمة، مما يسهل على المقدم تحديد الأولويات.
التوقعات
قدم توقعات وشاهد إجماع الحشد. اكشف النتائج اختياريًا لاحقًا.
نوع النشاط: predictions
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
question | string | سؤال التوقع (مثل "من سيفوز بالبطولة؟"). | "" |
predefinedOptions | array | خيارات محددة مسبقًا اختيارية مع id و label. إذا وُجدت، يختار المشاركون منها. | [] |
allowCustom | boolean | ما إذا كان يمكن للمشاركين إدخال توقعات مخصصة بالإضافة إلى أو بدل الخيارات المحددة مسبقًا. | true |
السلوك
- يُعرض سؤال التوقع.
- إذا وُجدت خيارات محددة مسبقًا، يختار المشاركون منها.
- إذا كان
allowCustomصحيحًا، يمكن للمشاركين كتابة توقعهم الخاص. - بعد الإرسال، يرى المشاركون النتائج المُجمّعة.
- تُجمّع التوقعات حسب القيمة، مع عرض الأكثر شعبية أولًا.
- هذا نشاط إجراء واحد.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
predictions | array | توقعات فريدة مع value و count و percentage. |
totalPredictions | number | إجمالي عدد التوقعات المُرسلة. |
محددات CSS
.fuse-predictions, .fuse-option, .fuse-option-label, .fuse-option-percentage, .fuse-input, .fuse-submit-btn, .fuse-hint, .fuse-consensus
قائمة المستويات
اسحب العناصر إلى مستويات S, A, B, C, D, F وشاهد متوسط تصنيفات المجتمع.
نوع النشاط: tier_list
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
items | array | العناصر المراد تصنيفها إلى مستويات. | [] |
tiers | string[] | تسميات المستويات (من الأفضل إلى الأسوأ). | ["S", "A", "B", "C", "D", "F"] |
كائن العنصر
| الحقل | النوع | الوصف |
|---|---|---|
id | string | معرّف فريد. |
label | string | نص العرض للعنصر. |
imageUrl | string | رابط صورة اختياري للعنصر. |
mediaUrl | string | رابط وسائط اختياري. |
mediaType | string | نوع الوسائط: image أو video أو icon أو qrcode. |
iconName | string | اسم أيقونة React-icons (عندما يكون mediaType هو icon). |
iconColor | string | لون الأيقونة (عندما يكون mediaType هو icon). |
qrCodeUrl | string | رابط QR code (عندما يكون mediaType هو qrcode). |
السلوك
- تُعرض العناصر في مجموعة "غير مُصنفة".
- يسحب المشاركون العناصر إلى المستوى المختار.
- بمجرد وضع جميع العناصر، يُرسل التصنيف.
- بعد الإرسال، يرى المشاركون متوسط مستوى المجتمع لكل عنصر.
- هذا نشاط إجراء واحد.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
items | array | العناصر مع id و label و imageUrl و avgTier (متوسط المجتمع) و tierCounts (عدد من وضعه في كل مستوى). |
tiers | string[] | تسميات المستويات. |
totalParticipants | number | إجمالي المشاركين الذين أرسلوا تصنيفات المستويات. |
محددات CSS
.fuse-tier-list, .fuse-tier-row, .fuse-tier-label, .fuse-tier-item, .fuse-tier-badge, .fuse-consensus
تدعم قوائم المستويات عناصر وسائط غنية. يمكنك استخدام صور أو أيقونات أو حتى رموز QR للعناصر المُصنفة، مما يجعلها جذابة بصريًا لمقارنات المنتجات أو تصنيفات الشخصيات أو أي تمرين تصنيف.
علّق على هذا
أرسل تعليقات مضحكة على صورة وصوّت بالإيجاب للأفضل.
نوع النشاط: caption_this
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
mediaUrl | string | رابط الوسائط للتعليق عليها. | "" |
mediaType | string | نوع الوسائط: image أو video أو icon أو qrcode. | "image" |
imageUrl | string | حقل قديم للتوافق العكسي (استخدم mediaUrl بدلًا منه). | بدون |
iconName | string | اسم أيقونة React-icons (عندما يكون mediaType هو icon). | "" |
iconColor | string | لون الأيقونة. | "" |
qrCodeUrl | string | رابط QR code (عندما يكون mediaType هو qrcode). | "" |
السلوك
- تُعرض الصورة (أو الوسائط الأخرى) بشكل بارز.
- يكتب المشاركون ويرسلون تعليقات.
- يمكن لجميع المشاركين التصويت بالإيجاب أو التصويت بالسلب للتعليقات.
- تُرتب التعليقات حسب النتيجة الصافية، مُبرزة الأفضل.
- هذا نشاط إجراءات متعددة.
الحالة المُجمّعة
تستخدم ListAggregatedState القياسية:
| الحقل | النوع | الوصف |
|---|---|---|
items | ListItem[] | التعليقات المُرسلة مرتبة حسب النتيجة. |
totalItems | number | إجمالي التعليقات المُرسلة. |
محددات CSS
.fuse-caption-this, .fuse-list-item, .fuse-item-text, .fuse-item-author, .fuse-score, .fuse-upvote, .fuse-downvote, .fuse-input, .fuse-submit-btn
القوسين
نظام أقواس بطولة حيث يصوّت الحشد على كل مباراة لتتويج بطل.
نوع النشاط: bracket
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
participants | array | مصفوفة مشاركي القوسين. لكل منهم id و label. | [] |
السلوك
- يُقرن المشاركون في مباريات بتنسيق أقواس بطولة.
- لكل مباراة، يصوّت جميع المشاركين لخيارهم المفضل.
- بمجرد اكتمال التصويت على جولة، يتقدم الفائزون إلى الجولة التالية.
- يتقدم القوس عبر جولات متعددة حتى يُتوّج بطل.
- هذا نشاط متعدد الجولات: يستمر المشاركون في التصويت في كل جولة.
- يحدد القوس تلقائيًا عدد الجولات بناءً على عدد المشاركين.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
matchups | BracketMatchup[] | جميع المباريات عبر جميع الجولات. |
currentRound | number | الجولة النشطة الحالية. |
totalRounds | number | إجمالي الجولات في البطولة. |
كائن المباراة
| الحقل | النوع | الوصف |
|---|---|---|
id | string | معرّف مباراة فريد. |
optionA | object | الخيار الأول مع id و label و votes. |
optionB | object | الخيار الثاني مع id و label و votes. |
round | number | الجولة التي تنتمي إليها هذه المباراة. |
winner | string | معرّف الخيار الفائز (يُعيّن بعد اكتمال الجولة). |
محددات CSS
.fuse-bracket, .fuse-matchup, .fuse-matchup-entry, .fuse-matchup-label, .fuse-matchup-votes, .fuse-round-label, .fuse-champion
لأقواس بطولة صحيحة، يجب أن يكون عدد المشاركين مثاليًا قوة 2 (4، 8، 16، 32). إذا لم يكن العدد قوة 2، قد يحصل بعض المشاركين على "تخطي" في الجولة الأولى.
دبابيس الخريطة
ثبّت موقعك على خريطة وشاهد أين يتواجد الآخرون في الوقت الفعلي.
نوع النشاط: map_pins
الإعداد
| الخاصية | النوع | الوصف | الافتراضي |
|---|---|---|---|
mapCenter | object | مركز الخريطة الأولي مع lat و lng. | { lat: 40, lng: -95 } (مركز الولايات المتحدة) |
mapZoom | number | مستوى التكبير الأولي للخريطة. | 3 |
prompt | string | توجيه اختياري (مثل "ثبّت من أين أنت!" أو "ثبّت مكان إجازتك المفضل"). | "" |
السلوك
- تُعرض خريطة تفاعلية.
- ينقر المشاركون على الخريطة لوضع دبوس في الموقع المطلوب.
- تظهر جميع الدبابيس في الوقت الفعلي لجميع المشاركين.
- يُظهر كل دبوس اسم عرض المشارك عند التمرير.
- هذا نشاط إجراء واحد.
الحالة المُجمّعة
| الحقل | النوع | الوصف |
|---|---|---|
pins | array | جميع الدبابيس مع participantId و displayName و lat و lng. |
totalPins | number | إجمالي عدد الدبابيس الموضوعة. |
محددات CSS
.fuse-map-pins, .fuse-hint, .fuse-status
دبابيس الخريطة ممتازة للفرق الموزعة وجمهور المؤتمرات أو أي سيناريو تريد فيه تصور التوزيع الجغرافي لمجموعتك. يمكن ضبط المركز الأولي والتكبير للتركيز على أي منطقة.
أنماط مؤشرات الأنشطة
تدعم جميع الأنشطة التفاعلية مؤشرات الأنشطة — إشعارات عائمة تظهر عند تفاعل المشاركين. يمكنك تكوين النمط في إعدادات Fuse:
| النمط | الوصف |
|---|---|
pill | إشعار بشكل حبة ينزلق من الجانب. |
float_up | إشعار يطفو للأعلى ويتلاشى. |
spark | تأثير شرارة/وميض عند نقطة التفاعل. |
none | تعطيل مؤشرات الأنشطة بالكامل. |
يمكن تنسيق مؤشرات الأنشطة عبر محدد CSS .fuse-activity-indicator ومتغيرات CSS --fc-indicator-bg و --fc-indicator-text و --fc-font-indicator.