
Aghju travagliatu cum'è sviluppatore front-end per circa dui anni, è aghju participatu à a creazione di una larga varietà di prughjetti. Una di e lezioni chì aghju amparatu hè chì a cullaburazione trà e diverse squadre di sviluppatori chì sparte u stessu scopu, ma chì anu compiti è rispunsabilità differenti ùn hè micca faciule.
In cunsultazione cù altri membri di l'equipa, diseggiani è sviluppatori, aghju creatu un ciculu di creazione di u situ web pensatu per i picculi squadre (5-15 persone). Include strumenti cum'è Confluence, Jira, Airtable è Abstract. In questu articulu, sparteraghju e caratteristiche di l'urganizazione di u flussu di travagliu.
Skillbox consiglia: Corso praticu di dui anni .
Ramintemu: per tutti i lettori di "Habr" - un scontu di 10 000 rubles quandu si iscrizzione in ogni cursu Skillbox cù u codice promozionale "Habr".
Perchè tuttu questu hè necessariu?
A squadra minima necessaria per creà un situ web da zero hè un designer, programatore è project manager. In u mo casu, a squadra hè stata formata. Ma dopu a liberazione di un paru di siti, aghju avutu a sensazione chì qualcosa era sbagliatu. Calchì volta simpricimenti ùn avemu micca capitu cumplettamente e nostre rispunsabilità, è a cumunicazione cù u cliente hà lasciatu assai per esse desideratu. Tuttu chistu rallentò u prucessu è disturbò tutti.
Aghju cuminciatu à travaglià per risolve u prublema.

Una ricerca di Google dà boni risultati nantu à u nostru prublema.
Per fà u travagliu fattu più visuale, aghju creatu un diagramma di flussu di travagliu chì dà una intelligenza di cumu u travagliu hè fattu quì.
Cliccate nantu à l'imaghjini per apre in piena risoluzione.
Obiettivi è obiettivi
Una di e prime tecniche chì decisu di pruvà era u "model di cascata" (Cascata). L'aghju utilizatu per mette in risaltu i prublemi è capisce cumu risolve.

Prublemu: A maiò spessu, u cliente ùn valuta micca u prucessu di creazione di u situ web modularly, cum'è i sviluppatori. Percive cum'è un situ regulare, vale à dì, pensa in termini di pagine individuali. In u so parè, i diseggiani è i programatori creanu pagine individuali, unu dopu l'altru. In u risultatu, u cliente solu ùn capisce micca ciò chì seguita durante u prucessu propiu.
Task: Ùn ci hè nunda di cunvince u cliente altrimenti a megliu opzione hè di sviluppà un prucessu modulare per creà un situ web in a cumpagnia basatu nantu à un mudellu di pagina per pagina.
I tokens è i cumpunenti di cuncepimentu universale sò gestiti da i sviluppatori è i diseggiani.

Prublemu: Questa hè una situazione cumuna chì parechje strategie indirizzanu. Ci sò parechje soluzioni interessanti, in a maiò parte di i casi hè prupostu di creà un sistema di cuncepimentu chì hè cuntrullatu da una guida di stile / generatori di biblioteca. Ma in a nostra situazione, aghjunghje un altru cumpunente à u prucessu di sviluppu chì ci permetterebbe di gestisce i livelli d'accessu per i diseggiani ùn era micca pussibule.
Task: custruì un sistema universale in quale i diseggiani, i sviluppatori è i gestori ponu travaglià in modu sincronu senza interferiscenu cù l'altri.
Tracciamentu precisu di u sviluppu

Prublemu: Mentre ci sò assai strumenti utili dispunibili per seguità i prublemi è misurà u prugressu generale, a maiò parte ùn sò micca flessibili o ottimali. L'uttellu pò esse utile salvendu u tempu di squadra chì normalment si spende in dumande è clarificazioni nantu à e funzioni specifiche. Facilita ancu a vita di i gestori, dendu una cunniscenza più precisa di tuttu u prughjettu.
Task: crea un dashboard per seguità u prugressu di i travaglii realizati da diversi membri di a squadra.
Insemi di strumenti
Dopu avè spirimintatu cù diverse arnesi, aghju stabilitu nantu à u settore seguenti: Confluence, Jira, Airtable è Abstract. Sottu vi revelà i benefici di ognunu.
Confluenza
Role di u strumentu: infurmazione è centru di risorse.
U spaziu di travagliu di Confluence hè relativamente faciule da stallà è hà assai funzioni, integrazione cù diverse app è mudelli individuali persunalizabili. Ùn hè micca una suluzione unica, ma hè ideale cum'è un centru d'infurmazioni è risorse. Questu significa chì ogni riferimentu o dettagliu tecnicu in relazione à u prugettu deve esse inseritu in a basa di dati.
U strumentu vi permette di documentà bè ogni cumpunente è qualsiasi altri ditaglii nantu à u prugettu.

U vantaghju principali di Confluence hè a persunalizazione di mudelli di documenti. Inoltre, pò esse usatu per implementà un solu repository di specificazioni è diverse documentazioni di u prugettu, sepandu i livelli d'accessu di i participanti. Avà ùn devi micca preoccupatu chì avete una versione antica di a specificazione in manu, cum'è succede quandu mandate documenti per email.
Più infurmazione nantu à u strumentu .
Jira
Role di l'uttellu: surviglianza di prublemi è gestione di u travagliu.

Jira hè un strumentu assai putente di pianificazione è gestione di prughjettu. A parte principale di a funziunalità hè a creazione di flussi di travagliu persunalizabili. Per gestisce in modu efficace i prublemi (chì hè ciò chì avemu bisognu), vale a pena prestà una attenzione particulari à l'usu currettu di u tipu di dumanda è u tipu di prublema (tipu di prublema).
Dunque, per assicurà chì i sviluppatori sò custruendu cumpunenti basati nantu à u disignu currettu, anu da esse notificatu ogni volta chì qualcosa in u disignu cambia. Appena u cumpunente hè aghjurnatu, u designer deve apre un prublema, assignà un sviluppatore rispunsevule, assignendu u tipu di prublema curretta.
Cù Jira, pudete esse sicuru chì assolutamente tutti i participanti in u prucessu (lasciami ricurdà, in u nostru casu ci sò 5-15 di elli) ricevenu compiti curretti chì ùn si perde micca è truvanu u so esecutore.
Scopri di più su Jira .
Airtable
Role di l'uttellu: gestione di cumpunenti è bordu di prugressu.
Airtable hè una mistura di spreadsheets è basa di dati. Tuttu chistu permette di persunalizà u funziunamentu di tutti l'arnesi discututi sopra.
Esempiu 1: Gestione di cumpunenti
In quantu à u generatore di guida di stile, ùn hè micca sempre cunvenutu à utilizà - u prublema hè chì i diseggiani ùn ponu micca edità. Inoltre, ùn saria micca una bona decisione di utilizà a biblioteca di cumpunenti Sketch, postu chì hà parechje limitazioni. Hè assai prubabile, simpricimenti ùn puderà micca aduprà sta biblioteca fora di u prugramma.
Airtable ùn hè ancu perfetta, ma hè megliu cà parechje altre soluzioni simili. Eccu una demo di u mudellu di Tabella di gestione di cumpunenti:

Quandu un sviluppatore accetta un cumpunente di cuncepimentu, evalueghja l'ABEM resultanti arregistrendu u cumpunente in una tavula. Ci sò 9 colonne in totale:
- Nome - u nome di u cumpunente secondu u principiu ABEM.
- Preview - Questu hè induve una screenshot o una maghjina di u cumpunente scaricatu da una altra fonte hè posta.
- Una pagina ligata hè un ligame à a pagina di un cumpunente.
- Cumpunente di u zitellu - un ligame à i cumpunenti di u zitellu.
- Modificatore - verifica a presenza di l'opzioni di stile è li definisce (per esempiu, attivu, rossu, etc.).
- A categuria di cumpunenti hè una categuria generale (testu, imagine promozionale, sidebar).
- Status di sviluppu - u prugressu di u sviluppu attuale è a so definizione (cumpletu, in progress, etc.).
- Responsible - u sviluppatore chì hè rispunsevule per stu cumpunente.
- U livellu atomicu hè a categuria atomica di stu cumpunente (sicondu u cuncettu di design atomicu).
- I dati ponu esse riferiti in u stessu o in diverse tavule. Cunnettendu i punti impediscenu a cunfusione quandu scala. Inoltre, i dati ponu esse filtrati, ordenati è cambiati senza prublemi.
Esempiu 2: prugressu di sviluppu di a pagina
Per evaluà u prugressu di u sviluppu di a pagina, avete bisognu di un mudellu chì hè creatu apposta per questu scopu. A tavula pò serve à i bisogni di a squadra stessu è di u cliente.

Ogni infurmazione nantu à a pagina pò esse nutata quì. Questu hè un termini, un ligame à u prototipu InVision, una destinazione, un cumpunente di u zitellu. Immediatamente diventa notu chì l'operazioni sò assai convenienti per fà, sia in quantu à documentà è aghjurnà u disignu, è ancu u statutu di u sviluppu front-end è back-end. Inoltre, sti operazioni sò realizati simultaneamente.
astrattu
Role di l'uttellu: una sola fonte di cuntrollu di versione per l'assi di cuncepimentu.

L'abstract pò esse chjamatu GitHub per l'assi in Sketch, è salva à i diseggiani da avè da copià è incollà i schedari. U vantaghju principale di l'uttellu hè chì furnisce un repository di disignu chì agisce cum'è una "unica fonte di verità". I diseggiani devenu aghjurnà u ramu maestru à l'ultima versione di u layout appruvatu. Dopu quì, anu da avvisà i sviluppatori. Quelli, à u turnu, duveranu travaglià solu cù l'assi di designer da u ramu principale.
Comu cunclusioni
Dopu avè implementatu u novu prucessu di sviluppu è tutti l'arnesi citati sopra, a vitezza di u nostru travagliu hà aumentatu almenu duie volte. Ùn hè micca una suluzione perfetta, ma hè assai bona. Hè veru, per esse travagliatu, avete bisognu di mette in assai sforzu - hè bisognu di "travagliu manuale" per aghjurnà è mantene tuttu in ordine.
Skillbox consiglia:
- Corso praticu .
- Corsu in ligna .
- Corso praticu annu .
Source: www.habr.com
