تاكافومي هوريوتشي

Practice Log n Share

تطبيق لتسجيل التمرين الموسيقي اليومي ومشاركته

شاشة التسجيل. في الأعلى شبكة لسجل التمرين، وتحتها شريط اليوم (54 دقيقة إجمالًا) وبطاقات الفئات. تمرين المقطوعات قيد القياس منذ أكثر من 27 دقيقة، ويظهر بلون أكثر سطوعًا وإطار أبيض. شاشة المشاركة. تلخّص الفترة من درس 17 سبتمبر إلى 24 سبتمبر: 4 ساعات و38 دقيقة إجمالًا، وأشرطة حسب الفئة، وجدول يومي يعرض جميع الفئات دون تمرير أفقي.
يتكوّن التطبيق من شاشتين. جرّبهما في النسخة التجريبية على الويب.

1. نظرة عامة

تطبيق لـ iPhone لتسجيل وقت التمرين بلمسة واحدة أثناء حمل الآلة، ثم عرض السجل على المعلّم خلال الدرس. تربط شاشتا التسجيل والمشاركة التمرين اليومي بالحوار في الدرس.

تولّيت تحديد المشكلة، وتصميم تجربة المستخدم وواجهة الاستخدام، وضبط التفاعل على جهاز iPhone، والتنفيذ، وإعداد المواد التوضيحية. تعاونت مع الذكاء الاصطناعي في التنفيذ، واتخذت بنفسي القرارات بشأن الشاشات وأساليب التفاعل التي أتبنّاها.

استخدمته في تماريني ودروسي. أشار المعلّم إلى أن المحتوى واضح من النظرة الأولى، وطلب سجلات أكثر تفصيلًا (خلاصة ملاحظاته).

2. الخلفية والتحديات

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

يصعب الكتابة على الورق أثناء التمرين والساكسفون معلّق بحزام حول الرقبة. ومع زيادة صفحات دفتر التمرين، تتفرّق السجلات.

صعوبة الكتابة على الورق والساكسفون معلّق بحزام حول الرقبة. تتراكم أوراق دفتر التمرين وتتبعثر، مما يصعّب العثور على السجلات.
الكتابة أثناء حمل الآلة صعبةكلما زادت الأوراق تفرّقت السجلات

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

3. مبادئ التصميم

أردت ربط التسجيل أثناء التمرين بالمشاركة في الدرس ضمن مسار متصل. لذلك اعتمدت مطلبين لتوجيه القرارات الخاصة بالشاشات والتفاعل.

إبقاء التسجيل بسيطًا أثناء التمرين

تسجيل الوقت بلمسة واحدة على الفئة، مع الاستمرار في حمل الآلة.

تجنّب تحرير السجلات قبل الدرس

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

4. الوظائف والتصميم

جمع أدوات التحكم ووقت التمرين في البطاقة نفسها

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

شاشة التسجيل. في الأعلى شبكة لسجل التمرين، وتحتها شريط اليوم (54 دقيقة إجمالًا) وبطاقات الفئات. تمرين المقطوعات قيد القياس منذ أكثر من 27 دقيقة، ويظهر بلون أكثر سطوعًا وإطار أبيض.
يجري قياس وقت «تمرين المقطوعات».
تظهر الفئة ووقت اليوم وحالة القياس في البطاقة نفسها.

رؤية توزيع التمرين دون تمرير أفقي

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

شاشة المشاركة. تلخّص الفترة من درس 17 سبتمبر إلى 24 سبتمبر: 4 ساعات و38 دقيقة إجمالًا، وأشرطة حسب الفئة، وجدول يومي يعرض جميع الفئات دون تمرير أفقي.
الفترة والإجمالي والتوزيع حسب الفئة والتفاصيل اليومية في شاشة واحدة.

جعل التمرين المتراكم دافعًا للاستمرار

أظهرت تقدّم اليوم وما يتراكم على مدى الأشهر والسنوات. وآمل أيضًا أن تساعدني القدرة على إطلاع المعلّم على الجهد المبذول في الحفاظ على الدافع للاستمرار.

يوم واحد: ملء الشريط، مع ساعة واحدة كمرجع

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

مثال بعد 40 دقيقة من التمرين. تمثّل الألوان فئات التمرين. السجلات افتراضية.

على المدى الطويل: خلايا خضراء تُظهر التمرين اليومي

تمثّل كل خلية يومًا، وتدل درجة اللون الأخضر على وقت التمرين. تتيح الشبكة رؤية ما يتراكم خلال الأشهر والسنوات؛ أردت أن تكون زيادة السجلات اليومية حافزًا للاستمرار.

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

5. عملية التطوير

تحديد دور التسجيل والمشاركة بالبحث والحوار

استخدمت ChatGPT للبحث عن التطبيقات الموجودة وتنظيم المشكلة والمنهج. ضمن نطاق البحث آنذاك، وجدت تطبيقات لإدارة الوقت، لكنني لم أجد آلية مشاركة مناسبة للتواصل مع المعلّم. حوّلت المفهوم الذي تبلور بالحوار إلى مواصفات، ثم قدّمتها إلى Codex لتنفيذ النسخة الأولى.

تجربة النسخة الأولى وإبقاء أدوات التحكم داخل الشاشة

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

النسخة الأولى في 9 سبتمبر. ست بطاقات صغيرة للفئات وإجمالي اليوم البالغ 40 دقيقة في منطقتين منفصلتين من شاشة التسجيل.

النسخة الأولى

النسخة المحسّنة في 21 سبتمبر. تعرض كل بطاقة كبيرة فئتها ووقت تمرين اليوم، وتبرز بطاقة قراءة النوتة التي يجري توقيتها وتعرض 10 دقائق.

النسخة المحسّنة

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

اخترت الأسود أساسًا لشاشة تبقى مفتوحة أثناء التمرين، مع السعي إلى إضفاء شعور بالبهجة عبر ألوان الفئات.

مقارنة إحساس التمرير قبل اختيار الطريقة

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

أداة ضبط التمرير. خيارات للتبديل بين خمسة أساليب للتثبيت ومعاملاتها، إلى جانب شاشة هاتف لتجربة التفاعل.
بدّلت طرق التمرير ومعاملاتها لأقارن كيفية توقفها على iPhone.

الاستفادة من مراجعات مستقلة واتخاذ القرار بنفسي

كرّرت عملية ضمن جلستين مستقلتين للذكاء الاصطناعي: أفحص بنفسي المشكلات والتحسينات التي يقترحها Claude Code، ثم يتحقّق منها Codex ويطبّق التعديلات اللازمة. كانت بعض المقترحات تبتعد عن الواجهة أو تجربة الاستخدام المقصودة، لذلك حكمت عليها وفق هدف التطبيق وإحساس استخدامه الفعلي.

كرّرت هذه العملية نحو 15 مرة. وعندما توقفت مراجعات الذكاء الاصطناعي عن الإشارة إلى عيوب كبيرة، اعتبرت ذلك أحد المؤشرات لإنهاء هذه الجولة من التحسينات.

6. تجربة الاستخدام والخطوات التالية

أصبح فتح التطبيق عادة في بداية التمرين

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

طلب المعلّم سجلات أكثر تفصيلًا

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

التحدي التالي: تفاصيل أكثر مع بقاء التسجيل بسيطًا

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