سير العمل الفعال لتطوير الويب: التقاء ، Airtable ، وأكثر من ذلك

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

بالتشاور مع أعضاء الفريق الآخرين والمصممين والمطورين ، قمت بإنشاء دورة إنشاء موقع على شبكة الإنترنت مصممة للفرق الصغيرة (من 5 إلى 15 شخصًا). ويشمل أدوات مثل التقاء ، جيرا ، Airtable ، وملخص. في هذه المقالة سوف أشارك ميزات تنظيم سير العمل.

توصي Skillbox بما يلي: دورة تدريبية لمدة عامين "أنا مطور ويب للمحترفين" .

نذكرك: لجميع قراء "Habr" - خصم بقيمة 10،000 روبل عند التسجيل في أي دورة تدريبية في Skillbox باستخدام الرمز "Habr" الترويجي.

لماذا تحتاج كل هذا؟

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

بدأت العمل على حل المشكلة.


يعطي بحث Google نتائج جيدة لمشكلتنا

لجعل العمل أكثر مرئية ، قمت بإنشاء مخطط سير عمل يعطي فهمًا لكيفية إنجاز العمل معنا.


عند النقر فوقها ، سيتم فتح الصورة بدقة كاملة.

الأهداف والغايات

واحدة من التقنيات الأولى التي قررت اختبارها هي "Cascade Model" (الشلال). قمت بتطبيقه لتسليط الضوء على المشاكل وفهم كيفية حلها.



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

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

تتم إدارة الرموز والمكونات العامة للتصميم بواسطة كل من المطورين والمصممين.



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

المهمة: بناء نظام عالمي حيث يمكن للمصممين والمطورين والمديرين العمل بشكل متزامن دون التدخل في بعضهم البعض.

تتبع دقيق لعملية التطوير

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

الهدف: إنشاء لوحة معلومات لتتبع تقدم المهام من قبل أعضاء الفريق المختلفين.

مجموعة أدوات

بعد تجربة الأدوات المختلفة ، استقرت على المجموعة التالية: Confluence، Jira، Airtable and Abstract. أدناه سوف تكشف عن فوائد كل منها.

احتشاد

دور الأداة: مركز المعلومات والموارد.

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

تتيح لك الأداة توثيق كل مكون بشكل صحيح وأي تفاصيل أخرى حول المشروع.



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

يتوفر مزيد من المعلومات حول الأداة على الموقع الرسمي للمنتج .

جيرا

دور الأداة: مراقبة المشاكل وإدارة المهام.



جيرا هي أداة قوية جدا لتخطيط وإدارة المشاريع. الجزء الرئيسي من الوظيفة هو إنشاء عمليات عمل مخصصة. من أجل إدارة المهام بشكل فعال (وهو ما نحتاج إليه) ، يجدر إيلاء اهتمام خاص للاستخدام الصحيح لنوع الاستعلام والمهمة (نوع المشكلة).

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

مع Jira ، يمكنك التأكد من أن جميع المشاركين في العملية (أذكركم أنه في حالتنا 5-15) يتلقون المهام الصحيحة التي لا تضيع ويجدون فنانهم.

مزيد من المعلومات حول جيرا متاح على موقع المنتج الرسمي .

Airtable

دور الأداة: إدارة المكونات ولجنة التقدم.

Airtable هو مزيج من جداول البيانات وقواعد البيانات. كل هذا يجعل من الممكن تخصيص تشغيل جميع الأدوات التي نوقشت أعلاه.

مثال 1. إدارة المكونات

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

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



عندما يقبل مطور أحد مكونات التصميم ، يقوم بتقييم النتيجة بناءً على ABEM ، بتسجيل المكون في الجدول. يوجد 9 أعمدة في المجموع:

• الاسم - اسم المكون وفقًا لمبدأ ABEM.
• معاينة - يتم وضع لقطة شاشة أو صورة لمكون تم تنزيله من مصدر آخر هنا.
• الصفحة المرتبطة هي رابط لصفحة المكون.
• المكون الفرعي - إشارة إلى المكونات الفرعية.
• معدل - التحقق من وجود خيارات النمط وتحديدها (على سبيل المثال ، نشط ، أحمر ، إلخ).
• فئة المكون هي فئة عامة (النص ، الترقية ، الشريط الجانبي).
• حالة التطوير - تقدم التطوير الفعلي وتعريفه (مكتمل ، قيد التنفيذ ، وما إلى ذلك).
• المسؤول هو المطور المسؤول عن هذا المكون.
• المستوى الذري هو الفئة الذرية لهذا المكون (وفقًا لمفهوم التصميم الذري).
• يمكنك الرجوع إلى البيانات في نفس أو في جداول مختلفة. لن يسمح لك الاتصال بالنقاط بالارتباك في حالة التحجيم. بالإضافة إلى ذلك ، يمكن تصفية البيانات وفرزها وتغييرها دون أي مشاكل.

مثال 2: تقدم تطوير الصفحة

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



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

ملخص

دور الأداة: مصدر واحد للتحكم في إصدار أصول التصميم.



يمكن أن يسمى الخلاصة GitHub للأصول في Sketch ، فهو يحفظ المصممين من الحاجة إلى نسخ ولصق الملفات. الميزة الرئيسية للأداة هي أنها مستودع للتصميم ، حيث تعمل "كمصدر الحقيقة الوحيد". يجب على المصممين تحديث الفرع الرئيسي إلى أحدث إصدار من التخطيط المعتمد. بعد ذلك ، عليهم إخطار المطورين. تلك ، بدورها ، يجب أن تعمل فقط مع أصول المصمم للفرع الرئيسي.

كخلاصة

بعد أن قدمنا ​​عملية التطوير الجديدة وجميع الأدوات المذكورة أعلاه ، تضاعفت سرعة عملنا على الأقل. هذا ليس حلا مثاليا ، لكنه جيد جدا. صحيح ، لكي تعمل ، تحتاج إلى بذل الكثير من الجهد - فهي تتطلب "عمل يدوي" لتحديث كل هذا والحفاظ عليه في حالة صالحة للعمل.

توصي Skillbox بما يلي:

• دورة عملية "Mobile Developer PRO" .
• دورة عبر الإنترنت "C #-developer" .
• الدورة السنوية العملية "PHP-developer من 0 إلى PRO" .