لقد عملت كمطور للواجهة الأمامية لمدة عامين تقريبًا، وشاركت في إنشاء مجموعة متنوعة من المشاريع. أحد الدروس التي تعلمتها هو أن التعاون بين فرق مختلفة من المطورين الذين يشتركون في نفس الهدف ولكن لديهم مهام ومسؤوليات مختلفة ليس بالأمر السهل.
بالتشاور مع أعضاء الفريق والمصممين والمطورين الآخرين، قمت بإنشاء دورة إنشاء موقع ويب مصممة للفرق الصغيرة (5-15 شخصًا). ويتضمن أدوات مثل Confluence وJira وAirtable وAbstract. في هذه المقالة سوف أشارك ميزات تنظيم سير العمل.
يوصي Skillbox بما يلي: دورة عملية لمدة عامين .
نذكر: لجميع قراء "Habr" - خصم 10 روبل عند التسجيل في أي دورة Skillbox باستخدام رمز "Habr" الترويجي.
لماذا كل هذا مطلوب؟
الحد الأدنى من الفريق اللازم لإنشاء موقع ويب من الصفر هو مصمم ومبرمج ومدير مشروع. في حالتي، تم تشكيل الفريق. ولكن بعد إصدار بعض المواقع، شعرت أن هناك خطأ ما في الأمر. في بعض الأحيان، لم نفهم مسؤولياتنا بالكامل، وترك التواصل مع العميل الكثير مما هو مرغوب فيه. كل هذا أدى إلى إبطاء العملية وأزعج الجميع.
بدأت العمل على حل المشكلة.
يعطي بحث Google نتائج جيدة بشأن مشكلتنا.
من أجل جعل العمل المنجز أكثر وضوحًا، قمت بإنشاء مخطط سير العمل الذي يوفر فهمًا لكيفية إنجاز العمل هنا.
انقر على الصورة لفتحها بالدقة الكاملة.
الأهداف والغايات
إحدى التقنيات الأولى التي قررت اختبارها كانت "النموذج المتتالي" (الشلال). استخدمته لتسليط الضوء على المشكلات وفهم كيفية حلها.
المشكلة: في أغلب الأحيان، لا يقوم العميل بتقييم عملية إنشاء موقع الويب بشكل نمطي، كما يفعل المطورون. إنه ينظر إليه كموقع عادي، أي أنه يفكر في الصفحات الفردية. في رأيه، يقوم المصممون والمبرمجون بإنشاء صفحات فردية، واحدة تلو الأخرى. ونتيجة لذلك، فإن العميل ببساطة لا يفهم ما يتبع ماذا أثناء العملية الفعلية.
المهمة: لا فائدة من إقناع العميل بخلاف ذلك، فالخيار الأفضل هو تطوير عملية معيارية لإنشاء موقع ويب داخل الشركة بناءً على نموذج صفحة تلو الأخرى.
تتم إدارة رموز ومكونات التصميم العالمي من قبل كل من المطورين والمصممين.
المشكلة: هذا موقف شائع تعالجه العديد من الاستراتيجيات. هناك العديد من الحلول المثيرة للاهتمام، وفي معظم الحالات يُقترح إنشاء نظام تصميم يتم التحكم فيه بواسطة مولدات دليل الأنماط / المكتبة. ولكن في حالتنا، فإن إضافة عنصر آخر إلى عملية التطوير من شأنه أن يسمح لنا بإدارة مستويات الوصول للمصممين لم يكن ممكنًا بكل بساطة.
المهمة: بناء نظام عالمي يمكن من خلاله للمصممين والمطورين والمديرين العمل بشكل متزامن دون التدخل مع بعضهم البعض.
تتبع دقيق للتنمية
المشكلة: على الرغم من وجود العديد من الأدوات المفيدة المتاحة لتتبع المشكلات وقياس التقدم العام، إلا أن معظمها ليس مرنًا أو مثاليًا. يمكن أن تكون الأداة مفيدة من خلال توفير وقت الفريق الذي يتم إنفاقه عادةً على الأسئلة والتوضيحات حول مهام محددة. كما أنه يجعل الحياة أسهل للمديرين من خلال منحهم فهمًا أكثر دقة للمشروع بأكمله.
المهمة: إنشاء لوحة معلومات لتتبع تقدم المهام التي يؤديها أعضاء الفريق المختلفون.
مجموعة من الأدوات
بعد تجربة أدوات مختلفة، استقريت على المجموعة التالية: Confluence وJira وAirtable وAbstract. أدناه سأكشف عن فوائد كل منها.
احتشاد
دور الأداة: مركز المعلومات والموارد.
من السهل نسبيًا إعداد مساحة عمل Confluence، وتحتوي على الكثير من الميزات وعمليات التكامل مع تطبيقات مختلفة، كما أنها تحتوي على قوالب فردية قابلة للتخصيص. إنه ليس حلاً واحدًا يناسب الجميع، ولكنه مثالي كمركز للمعلومات والموارد. وهذا يعني أنه يجب إدخال أي مرجع أو تفاصيل فنية تتعلق بالمشروع في قاعدة البيانات.
تتيح لك الأداة توثيق كل مكون وأي تفاصيل أخرى حول المشروع بشكل صحيح.
الميزة الرئيسية لـ Confluence هي تخصيص قوالب المستندات. بالإضافة إلى ذلك، يمكن استخدامه لتنفيذ مستودع واحد للمواصفات ووثائق المشروع المختلفة، مع فصل مستويات الوصول للمشاركين. الآن لا داعي للقلق من أن لديك إصدارًا قديمًا من المواصفات في متناول يدك، كما يحدث عند إرسال المستندات عبر البريد الإلكتروني.
مزيد من المعلومات حول الأداة .
جيرا
دور الأداة: مراقبة المشكلات وإدارة المهام.
Jira هي أداة قوية جدًا لتخطيط وإدارة المشاريع. الجزء الرئيسي من الوظيفة هو إنشاء مسارات عمل قابلة للتخصيص. من أجل إدارة المشكلات بشكل فعال (وهذا ما نحتاج إليه)، من المفيد إيلاء اهتمام خاص للاستخدام الصحيح لنوع الطلب ونوع المشكلة (نوع المشكلة).
لذلك، للتأكد من أن المطورين يقومون ببناء المكونات بناءً على التصميم الصحيح، يجب إعلامهم في كل مرة يتغير فيها شيء ما في التصميم. بمجرد تحديث المكون، يحتاج المصمم إلى فتح مشكلة، وتعيين مطور مسؤول، وتعيين نوع المشكلة الصحيح له.
مع Jira، يمكنك التأكد من أن جميع المشاركين في العملية (أذكرك، في حالتنا هناك 5-15 منهم) يتلقون المهام الصحيحة التي لا تضيع والعثور على منفذها.
اعرف المزيد عن جيرا .
Airtable
دور الأداة: إدارة المكونات ولوحة التقدم.
Airtable عبارة عن مزيج من جداول البيانات وقواعد البيانات. كل هذا يجعل من الممكن تخصيص تشغيل جميع الأدوات التي تمت مناقشتها أعلاه.
مثال 1: إدارة المكونات
أما بالنسبة لمولد دليل الأنماط، فهو ليس مناسبًا دائمًا للاستخدام - المشكلة هي أن المصممين لا يستطيعون تحريره. بالإضافة إلى ذلك، لن يكون استخدام مكتبة مكونات Sketch قرارًا جيدًا، نظرًا لوجود العديد من القيود فيها. على الأرجح، لن تتمكن ببساطة من استخدام هذه المكتبة خارج البرنامج.
Airtable ليس مثاليًا أيضًا، ولكنه أفضل من العديد من الحلول المماثلة الأخرى. فيما يلي عرض توضيحي لقالب جدول إدارة المكونات:
عندما يقبل المطور أحد مكونات التصميم، فإنه يقوم بتقييم ABEM الناتج عن طريق تسجيل المكون في جدول. هناك 9 أعمدة في المجموع:
- الاسم - اسم المكون وفقًا لمبدأ ABEM.
- المعاينة - هذا هو المكان الذي يتم فيه وضع لقطة شاشة أو صورة للمكون الذي تم تنزيله من مصدر آخر.
- الصفحة المرتبطة هي رابط لصفحة المكون.
- المكون الفرعي - رابط للمكونات الفرعية.
- المُعدِّل - يتحقق من وجود خيارات النمط ويحددها (على سبيل المثال، نشط، أحمر، وما إلى ذلك).
- فئة المكون هي فئة عامة (نص، صورة ترويجية، شريط جانبي).
- حالة التطوير - التقدم الفعلي في التطوير وتعريفه (مكتمل، قيد التنفيذ، وما إلى ذلك).
- المسؤول - المطور المسؤول عن هذا المكون.
- المستوى الذري هو الفئة الذرية لهذا المكون (حسب مفهوم التصميم الذري).
- يمكن الرجوع إلى البيانات في نفس الجداول أو في جداول مختلفة. سيؤدي توصيل النقاط إلى منع الارتباك عند القياس. بالإضافة إلى ذلك، يمكن تصفية البيانات وفرزها وتغييرها دون أي مشاكل.
مثال 2: تقدم تطوير الصفحة
لتقييم التقدم المحرز في تطوير الصفحة، تحتاج إلى قالب تم إنشاؤه خصيصًا لهذا الغرض. يمكن أن يخدم الجدول احتياجات الفريق نفسه والعميل.
يمكن ملاحظة أي معلومات حول الصفحة هنا. هذا موعد نهائي، ورابط لنموذج InVision الأولي، ووجهة، ومكون فرعي. يصبح من الملاحظ على الفور أن العمليات سهلة التنفيذ للغاية، سواء فيما يتعلق بتوثيق التصميم وتحديثه، وكذلك بحالة تطوير الواجهة الأمامية والخلفية. علاوة على ذلك، يتم تنفيذ هذه العمليات في وقت واحد.
ملخص
دور الأداة: مصدر واحد للتحكم في الإصدار لأصول التصميم.
يمكن تسمية الملخص بـ GitHub للأصول الموجودة في Sketch، وهو يوفر على المصممين الحاجة إلى نسخ الملفات ولصقها. الميزة الرئيسية للأداة هي أنها توفر مستودعًا للتصميم يعمل بمثابة "مصدر وحيد للحقيقة". يجب على المصممين تحديث الفرع الرئيسي إلى أحدث إصدار من التخطيط المعتمد. وبعد ذلك، يتعين عليهم إخطار المطورين. ويجب أن يعمل هؤلاء بدورهم فقط مع أصول المصمم من الفرع الرئيسي.
كاستنتاج
وبعد أن قمنا بتنفيذ عملية التطوير الجديدة وجميع الأدوات المذكورة أعلاه، زادت سرعة عملنا مرتين على الأقل. إنه ليس حلاً مثاليًا، لكنه حل جيد جدًا. صحيح، لكي يعمل، تحتاج إلى بذل الكثير من الجهد - فهو يتطلب "عملًا يدويًا" لتحديثه وصيانته بالكامل حتى يعمل.
يوصي Skillbox بما يلي:
- دورة عملية .
- دورة على شبكة الإنترنت .
- دورة سنة عملية .
المصدر: www.habr.com