Cimatica

متاح · 2026

الفترة: 2026
التقنيات: PWA · Next.js · React · Web Audio · WebGL · Supabase · Vercel

ثلاث شاشات

Cimatica · عرض تجريبي محلي باستخدام صوت اصطناعي. الواجهة بالإيطالية

Cimatica · جلسة مباشرة · ثلاث نغمات اصطناعية · عرض تجريبي محلي — جلسة مباشرة · ثلاث نغمات اصطناعية · عرض تجريبي محلي

Cimatica · كتالوج الأشكال · عرض تجريبي محلي بالإيطالية — فهرس الأشكال · عرض توضيحي محلي بالإيطالية

Cimatica · الإعدادات · عرض تجريبي محلي بالإيطالية — الإعدادات · عرض تجريبي محلي بالإيطالية

إسبانيا؛ البرازيل؛ إيطاليا؛ المكسيك؛ الولايات المتحدة؛ ألمانيا؛ الأرجنتين؛ الهند؛ كولومبيا؛ اليابان؛ بوليفيا؛ كندا؛ إيران؛ إسرائيل؛ البرتغال؛ رومانيا؛ كوريا الجنوبية؛ تركيا؛ الإمارات العربية المتحدة؛ المملكة المتحدة؛ ألبانيا؛ بلجيكا؛ بلغاريا؛ تشيلي؛ جمهورية الدومينيكان؛ مصر؛ فرنسا؛ المجر؛ باراغواي؛ بولندا؛ سلوفاكيا؛ جنوب أفريقيا؛ فيتنام — Cimatica في 33 دولة

كيف بدأت الفكرة

بدأت Cimatica لاستكشاف العلاقة بين الصوت والشكل. وأردت أن أبدأ بتحليل ترددات الميكروفون وإظهارها بصريًا في المتصفح.

المشكلات والقرارات

فصل الإشارة

قد تحتوي إشارة الميكروفون على ضوضاء ورنين الغرفة وأصداء. عملتُ على مستوى الضوضاء الخلفية واستمرارية الرصد ودرجة الثقة لاختيار المكوّنات التي يجري تتبّعها وتقليل التغيّرات الناتجة عن عمليات رصد غير مؤكّدة.

الاستقرار دون جمود

يصعب قراءة نمط يتغير مع كل تذبذب، بينما يعجز النمط البطيء جدًا عن مواكبة تغيرات الصوت. وازنتُ بين التثبيت والانتقالات، مع إتاحة اختيار عدد المكونات الصوتية المراد جمعها.

كيف يعمل

تعمل Next.js وReact وTypeScript على Vercel. تُصيَّر الصفحات العامة بأربع لغات مسبقًا لتقديم محتوى سهل القراءة والمشاركة.
يحلل Web Audio إشارة الميكروفون على الجهاز. ويرسم WebGL أشكالًا رياضية تتغير وفق الترددات مباشرةً في المتصفح.
تتولّى Supabase المصادقة وحفظ تقارير الحسابات. وتبقى تقارير الضيوف في ذاكرة علامة التبويب. ولا تُرفع التسجيلات الصوتية الخام من الميكروفون.
أرفقت المحرّك البصري بأدلة وبيانات وصفية ومسارات استخدام بأربع لغات، وربطت العثور عليه عبر البحث بتجربة PWA.

ما تعلمته

علّمني العمل مع الصوت تقييم سرعة الاستجابة وسهولة القراءة معًا. فالانتقال السلس مهم عندما يساعد المستخدم على متابعة التغيير. وأطبق المعيار نفسه على الواجهات التي تحركها أنواع أخرى من البيانات.

الحالة الحالية

منتج متاح للاستخدام. أنماطه تمثيلات بصرية رياضية تحرّكها تردّدات الصوت.

افتح Cimatica

SEO وGEO وAEO للمحتوى العام

في الواجهة العامة لـ Cimatica، أراعي SEO (تحسين محركات البحث)، وGEO (تحسين الظهور في المحركات التوليدية)، وAEO (تحسين الظهور في محركات الإجابة). يسهم المحتوى والسياق والبنية في تسهيل العثور على المنتج وفهمه.

أنظّم الصفحات حول أسئلة الناس، وأربط الإجابات بأمثلة ومصادر ونتائج قابلة للتحقق. كيف أعمل على SEO وGEO وAEO

لديك مشكلة مثيرة للاهتمام؟

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

لنتحدّث