Biz veb-ishlab chiquvchilar uchun samarali ish oqimini tashkil qilamiz: Confluence, Airtable va boshqa vositalar

Taxminan ikki yil davomida men front-end dasturchisi sifatida ishladim va turli xil loyihalarni yaratishda ishtirok etdim. Men o‘rgangan saboqlardan biri shuki, bir maqsadni baham ko‘radigan, lekin turli vazifalar va mas’uliyatga ega bo‘lgan turli ishlab chiquvchilar jamoalari o‘rtasidagi hamkorlik oson emas.

Boshqa jamoa a'zolari, dizaynerlar va ishlab chiquvchilar bilan maslahatlashib, men kichik jamoalar (5-15 kishi) uchun mo'ljallangan veb-sayt yaratish tsiklini yaratdim. U Confluence, Jira, Airtable va Abstract kabi vositalarni o'z ichiga oladi. Ushbu maqolada men ish jarayonini tashkil qilish xususiyatlarini baham ko'raman.

Skillbox tavsiya qiladi: Ikki yillik amaliy kurs "Men PRO veb-dasturchiman".

Sizga eslatib o'tamiz: "Habr" ning barcha o'quvchilari uchun - "Habr" promo-kodidan foydalangan holda har qanday Skillbox kursiga yozilishda 10 000 rubl chegirma.

Bularning barchasi nima uchun kerak?

Noldan veb-sayt yaratish uchun zarur bo'lgan minimal jamoa - dizayner, dasturchi va loyiha menejeri. Mening vaziyatimda jamoa tuzilgan. Ammo bir nechta saytlar chiqqandan so'ng, men unda nimadir noto'g'ri ekanligini his qildim. Ba'zida biz o'z mas'uliyatimizni to'liq tushunmadik va mijoz bilan muloqot ko'p narsani xohlamadi. Bularning barchasi jarayonni sekinlashtirdi va barchani bezovta qildi.

Muammoni hal qilish ustida ishlay boshladim.

Google qidiruvi bizning muammomiz bo'yicha yaxshi natijalar beradi.

Bajarilgan ishni ko'proq vizual qilish uchun men bu erda ish qanday bajarilishi haqida tushuncha beradigan ish jarayoni diagrammasini yaratdim.

Toʻliq ruxsatda ochish uchun rasm ustiga bosing.

Maqsad va vazifalar

Men sinab ko'rishga qaror qilgan birinchi usullardan biri bu "kaskad modeli" (Sharshara) edi. Men undan muammolarni ta'kidlash va ularni qanday hal qilishni tushunish uchun foydalandim.

Muammo: Ko'pincha mijoz veb-sayt yaratish jarayonini ishlab chiquvchilar kabi modulli baholamaydi. U buni oddiy sayt sifatida qabul qiladi, ya'ni alohida sahifalar nuqtai nazaridan o'ylaydi. Uning fikricha, dizaynerlar va dasturchilar birin-ketin alohida sahifalar yaratadilar. Natijada, mijoz haqiqiy jarayon davomida nima bo'lishini tushunmaydi.

Vazifa: Mijozni boshqa yo'l bilan ishontirishdan ma'no yo'q, eng yaxshi variant - sahifama-sahifa modeli asosida kompaniya ichida veb-sayt yaratish uchun modulli jarayonni ishlab chiqish.

Universal dizayn tokenlari va komponentlari ham ishlab chiquvchilar, ham dizaynerlar tomonidan boshqariladi.

Muammo: Bu ko'plab strategiyalar hal qiladigan umumiy holat. Ko'p qiziqarli echimlar mavjud, aksariyat hollarda uslublar bo'yicha qo'llanma / kutubxona generatorlari tomonidan boshqariladigan dizayn tizimini yaratish taklif etiladi. Ammo bizning vaziyatimizda dizaynerlar uchun kirish darajasini boshqarishga imkon beradigan rivojlanish jarayoniga yana bir komponentni qo'shish mumkin emas edi.

Vazifa: dizaynerlar, ishlab chiquvchilar va menejerlar bir-biriga aralashmasdan sinxron ishlashi mumkin bo'lgan universal tizimni yaratish.

Rivojlanishni aniq kuzatish

Muammo: Muammolarni kuzatish va umumiy taraqqiyotni o'lchash uchun juda ko'p foydali vositalar mavjud bo'lsa-da, ularning aksariyati moslashuvchan yoki maqbul emas. Asbob odatda savollar va aniq vazifalar bo'yicha tushuntirishlar uchun sarflanadigan jamoa vaqtini tejash orqali foydali bo'lishi mumkin. Shuningdek, bu menejerlarga butun loyiha haqida aniqroq tushuncha berib, ularning hayotini osonlashtiradi.

Vazifa: turli jamoa a'zolari tomonidan bajarilgan vazifalarning borishini kuzatish uchun asboblar paneli yarating.

Asboblar to'plami

Turli xil vositalar bilan tajriba o'tkazganimdan so'ng, men quyidagi to'plamga qaror qildim: Confluence, Jira, Airtable va Abstract. Quyida men har birining afzalliklarini ochib beraman.

Birlashuv

Asbobning roli: axborot-resurs markazi.

Confluence-ning ish maydonini sozlash nisbatan oson, juda ko'p funksiyalar, turli ilovalar bilan integratsiya va individual, moslashtirilgan shablonlarga ega. Bu yagona yechim emas, lekin axborot-resurs markazi sifatida ideal. Bu shuni anglatadiki, loyihaga tegishli har qanday ma'lumotnoma yoki texnik tafsilotlar ma'lumotlar bazasiga kiritilishi kerak.

Asbob har bir komponentni va loyihaning boshqa tafsilotlarini to'g'ri hujjatlashtirishga imkon beradi.

Confluence-ning asosiy afzalligi hujjat shablonlarini moslashtirishdir. Bundan tashqari, u ishtirokchilarning kirish darajalarini ajratib turadigan spetsifikatsiyalar va turli loyiha hujjatlarining yagona omborini amalga oshirish uchun ishlatilishi mumkin. Hujjatlarni elektron pochta orqali yuborganingizda bo'lgani kabi, hozir qo'lingizda spetsifikatsiyaning eski versiyasi borligidan xavotirlanishingiz shart emas.

Asbob haqida ko'proq ma'lumot mahsulotning rasmiy veb-saytida mavjud.

JIRA

Asbobning roli: muammolarni kuzatish va vazifalarni boshqarish.

Jira juda kuchli loyihani rejalashtirish va boshqarish vositasidir. Funktsionallikning asosiy qismi moslashtirilgan ish oqimlarini yaratishdir. Muammolarni samarali boshqarish uchun (bu bizga kerak bo'lgan narsa), so'rov turi va masala turidan (muammo turi) to'g'ri foydalanishga alohida e'tibor qaratish lozim.

Shunday qilib, ishlab chiquvchilar komponentlarni to'g'ri dizayn asosida qurayotganiga ishonch hosil qilish uchun har safar dizayndagi biror narsa o'zgarganda ularga xabar berish kerak. Komponent yangilangandan so'ng, dizayner muammoni ochishi, mas'ul ishlab chiquvchini tayinlashi va unga to'g'ri masala turini belgilashi kerak.

Jira bilan amin bo'lishingiz mumkinki, jarayonning mutlaqo barcha ishtirokchilari (sizga eslatib o'taman, bizning holatlarimizda ular 5-15 tasi bor) to'g'ri topshiriqlarni oladi, ular yo'qolmaydi va o'z ijrochisini topadi.

Jira haqida ko'proq bilib oling mahsulotning rasmiy veb-saytida mavjud.

Havo maydonchasi

Asbobning roli: komponentlarni boshqarish va rivojlanish paneli.

Airtable elektron jadvallar va ma'lumotlar bazalarining aralashmasidir. Bularning barchasi yuqorida muhokama qilingan barcha vositalarning ishlashini sozlash imkonini beradi.

1-misol: Komponentlarni boshqarish

Uslublar bo'yicha qo'llanma generatoriga kelsak, uni ishlatish har doim ham qulay emas - muammo shundaki, dizaynerlar uni tahrirlay olmaydilar. Bundan tashqari, Sketch komponentlar kutubxonasidan foydalanish yaxshi qaror bo'lmaydi, chunki u juda ko'p cheklovlarga ega. Katta ehtimol bilan siz ushbu kutubxonadan dasturdan tashqari foydalana olmaysiz.

Airtable ham mukammal emas, lekin boshqa shunga o'xshash echimlardan yaxshiroqdir. Komponentlarni boshqarish jadvali shablonining demosi:

Ishlab chiquvchi dizayn komponentini qabul qilganda, komponentni jadvalga yozib, natijada olingan ABEMni baholaydi. Hammasi bo'lib 9 ta ustun mavjud:

• Ism - ABEM printsipiga muvofiq komponentning nomi.
• Ko'rib chiqish - bu erda skrinshot yoki boshqa manbadan yuklab olingan komponentning tasviri joylashtiriladi.
• Bog'langan sahifa - bu komponent sahifasiga havola.
• Child komponent - bola komponentlariga havola.
• Modifikator - uslub variantlari mavjudligini tekshiradi va ularni belgilaydi (masalan, faol, qizil va boshqalar).
• Komponent kategoriyasi umumiy kategoriya (matn, reklama tasviri, yon panel).
• Rivojlanish holati - rivojlanishning haqiqiy borishi va uning ta'rifi (tugallangan, davom etayotgan va boshqalar).
• Mas'ul - ushbu komponent uchun javobgar bo'lgan ishlab chiquvchi.
• Atom darajasi - bu komponentning atom toifasi (atom dizayni kontseptsiyasiga ko'ra).
• Ma'lumotlarga bir xil yoki turli jadvallarda murojaat qilish mumkin. Nuqtalarni ulash masshtablashda chalkashlikning oldini oladi. Bundan tashqari, ma'lumotlarni hech qanday muammosiz filtrlash, saralash va o'zgartirish mumkin.

2-misol: sahifani ishlab chiqish jarayoni

Sahifani ishlab chiqish jarayonini baholash uchun sizga ushbu maqsad uchun maxsus yaratilgan shablon kerak bo'ladi. Jadval jamoaning o'zi va mijozning ehtiyojlarini qondirishi mumkin.

Sahifa haqidagi har qanday ma'lumotni bu yerda belgilash mumkin. Bu oxirgi muddat, InVision prototipiga havola, maqsad, bola komponenti. Dizaynni hujjatlashtirish va yangilash, shuningdek, front-end va back-end ishlab chiqish holati bo'yicha operatsiyalarni bajarish juda qulay ekanligi darhol seziladi. Bundan tashqari, bu operatsiyalar bir vaqtning o'zida amalga oshiriladi.

mavhum

Asbobning roli: dizayn aktivlari uchun versiyani boshqarishning yagona manbai.

Abstraktni Sketch-dagi aktivlar uchun GitHub deb atash mumkin va u dizaynerlarni fayllarni nusxalash va joylashtirishdan qutqaradi. Asbobning asosiy afzalligi shundaki, u "haqiqatning yagona manbai" vazifasini bajaradigan dizayn omborini taqdim etadi. Dizaynerlar asosiy filialni tasdiqlangan tartibning so'nggi versiyasiga yangilashlari kerak. Shundan so'ng ular ishlab chiquvchilarni xabardor qilishlari kerak. Ular, o'z navbatida, faqat asosiy filialning dizaynerlik aktivlari bilan ishlashi kerak.

Xulosa sifatida

Yangi ishlab chiqish jarayonini va yuqorida aytib o'tilgan barcha vositalarni amalga oshirganimizdan so'ng, ishimizning tezligi kamida ikki baravar oshdi. Bu mukammal yechim emas, lekin bu juda yaxshi. To'g'ri, u ishlashi uchun siz ko'p kuch sarflashingiz kerak - buning barchasini yangilash va ish holatida saqlash uchun "qo'lda ishlash" kerak.

Skillbox tavsiya qiladi:

• Amaliy kurs "Mobil dasturchi PRO".
• Onlayn kurs "C# dasturchi".
• Amaliy yillik kurs "PHP dasturchisi 0 dan PROgacha".

Manba: www.habr.com