Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Mwen te travay kòm yon devlopè front-end pou apeprè de ane, epi mwen te patisipe nan kreyasyon an nan yon gran varyete pwojè. Youn nan leson mwen te aprann yo se ke kolaborasyon ant diferan ekip devlopè ki pataje menm objektif men ki gen diferan travay ak responsablite pa fasil.

An konsiltasyon ak lòt manm ekip, konsèpteur ak devlopè, mwen te kreye yon sik kreyasyon sit entènèt ki fèt pou ti ekip (5-15 moun). Li gen ladann zouti tankou Confluence, Jira, Airtable ak Abstract. Nan atik sa a mwen pral pataje karakteristik yo nan òganize workflow la.

Skillbox rekòmande: Dezan kou pratik "Mwen se yon pwomotè entènèt PRO".

Nou raple: pou tout lektè "Habr" - yon rabè nan 10 rubles lè w ap enskri nan nenpòt kou Skillbox lè l sèvi avèk kòd pwomosyon "Habr".

Poukisa tout bagay sa yo nesesè?

Ekip minimòm ki nesesè pou kreye yon sit entènèt nan grafouyen se yon designer, pwogramè ak manadjè pwojè. Nan ka mwen an, ekip la te fòme. Men, apre yo fin lage yon koup nan sit, mwen te santi ke gen yon bagay ki mal ak li. Pafwa nou tou senpleman pa t 'fin konprann responsablite nou yo, ak kominikasyon ak kliyan an kite anpil yo dwe vle. Tout bagay sa yo ralanti pwosesis la ak detounen tout moun.

Mwen te kòmanse travay pou rezoud pwoblèm nan.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti
Yon rechèch Google bay bon rezilta sou pwoblèm nou an.

Pou fè travay la fè plis vizyèl, mwen te kreye yon dyagram workflow ki bay yon konpreyansyon sou ki jan travay yo fè isit la.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti
Klike sou imaj la pou w ouvri an plen rezolisyon.

Objektif ak objektif yo

Youn nan premye teknik ke mwen te deside teste se te "modèl kaskad" (caskad). Mwen te itilize li pou mete aksan sou pwoblèm ak konprann kijan pou rezoud yo.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Pwoblèm: Pi souvan, kliyan an pa evalye pwosesis kreyasyon sit entènèt la modilè, jan devlopè yo fè. Li wè li kòm yon sit regilye, se sa ki, li panse an tèm de paj endividyèl. Dapre li, konsèpteur ak pwogramasyon kreye paj endividyèl, youn apre lòt. Kòm yon rezilta, kliyan an tou senpleman pa konprann sa ki swiv sa pandan pwosesis aktyèl la.

Objektif Travay la: Pa gen okenn pwen nan konvenk kliyan an otreman; opsyon ki pi bon se devlope yon pwosesis modilè pou kreye yon sit entènèt nan konpayi an ki baze sou yon modèl paj pa paj.

Tokens konsepsyon inivèsèl ak eleman yo jere pa tou de devlopè ak konsèpteur.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Pwoblèm: Sa a se yon sitiyasyon komen ke anpil estrateji adrese. Gen anpil solisyon enteresan, nan pifò ka yo li pwopoze pou kreye yon sistèm konsepsyon ki kontwole pa yon gid style / dèlko bibliyotèk. Men, nan sitiyasyon nou an, ajoute yon lòt eleman nan pwosesis devlopman ki ta pèmèt nou jere nivo aksè pou konsèpteur yo te tou senpleman pa posib.

Objektif Travay la: bati yon sistèm inivèsèl kote konsèpteur, devlopè ak administratè yo ka travay synchrone san yo pa entèfere youn ak lòt.

Suivi devlopman egzat

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Pwoblèm: Pandan ke gen anpil zouti itil ki disponib pou swiv pwoblèm ak mezire pwogrè jeneral, pifò yo pa fleksib oswa pi bon. Zouti a ka itil lè yo sove tan ekip la ki ta nòmalman pase sou kesyon ak klarifikasyon sou travay espesifik. Li fè lavi tou pi fasil pou administratè yo lè li ba yo yon konpreyansyon pi egzak sou tout pwojè a.

Objektif Travay la: kreye yon tablodbò pou swiv pwogrè travay diferan manm ekip yo fè.

Mete zouti

Apre eksperyans ak zouti diferan, mwen te etabli sou seri sa a: Confluence, Jira, Airtable ak Abstract. Anba a mwen pral revele benefis yo nan chak.

Rankontr

Wòl zouti a: enfòmasyon ak sant resous.

Espas travay Confluence a relativman fasil pou mete sou pye, gen yon anpil nan karakteristik, entegrasyon ak diferan apps, epi li gen modèl endividyèl, customizable. Se pa yon sèl-size-fits-all solisyon, men li ideyal kòm yon sant enfòmasyon ak resous. Sa vle di ke nenpòt referans oswa detay teknik ki gen rapò ak pwojè a dwe antre nan baz done a.

Zouti a pèmèt ou byen dokimante chak eleman ak nenpòt lòt detay sou pwojè a.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Avantaj prensipal la nan Confluence se personnalisation nan modèl dokiman. Anplis de sa, li ka itilize pou aplike yon repozitwa sèl nan espesifikasyon ak plizyè dokiman pwojè, separe nivo aksè patisipan yo. Koulye a, ou pa bezwen enkyete ke ou gen yon vèsyon fin vye granmoun nan spesifikasyon nan men, jan sa rive lè ou voye dokiman pa imel.

Plis enfòmasyon sou zouti a disponib sou sit entènèt pwodwi ofisyèl la.

Jira

Wòl zouti a: siveyans pwoblèm ak jesyon travay.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Jira se yon zouti planifikasyon ak jesyon pwojè trè pwisan. Pati prensipal la nan fonksyonalite a se kreyasyon an nan workflows customizable. Yo nan lòd yo efektivman jere pwoblèm (ki se sa nou bezwen), li vo peye atansyon espesyal sou itilizasyon kòrèk la nan kalite demann lan ak kalite pwoblèm (tip pwoblèm).

Se konsa, asire w ke devlopè yo ap bati eleman ki baze sou konsepsyon ki kòrèk la, yo bezwen yo dwe notifye chak fwa yon bagay chanje nan konsepsyon an. Le pli vit ke eleman nan mete ajou, designer a bezwen louvri yon pwoblèm, bay yon pwomotè responsab, bay li kalite pwoblèm ki kòrèk la.

Avèk Jira, ou ka asire w ke absoliman tout patisipan yo nan pwosesis la (kite m 'fè ou sonje, nan ka nou an gen 5-15 nan yo) resevwa travay kòrèk ki pa pèdi epi yo jwenn egzekitè yo.

Aprann plis sou Jira disponib sou sit entènèt pwodwi ofisyèl la.

Airable

Wòl zouti a: jesyon eleman ak tablo pwogrè.

Airtable se yon melanj de calcul ak baz done. Tout bagay sa yo fè li posib yo Customize operasyon an nan tout zouti yo diskite pi wo a.

Egzanp 1: Jesyon konpozan

Kòm pou dèlko a gid style, li pa toujou pratik yo sèvi ak - pwoblèm nan se ke konsèpteur pa ka edite li. Anplis de sa, li pa ta yon bon desizyon pou itilize bibliyotèk eleman Sketch la, paske li gen anpil limit. Gen plis chans, ou tou senpleman pa pral kapab sèvi ak bibliyotèk sa a deyò pwogram nan.

Airtable pa pafè tou, men li pi bon pase anpil lòt solisyon menm jan an. Men yon demonstrasyon modèl tab jesyon eleman yo:

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Lè yon pwomotè aksepte yon eleman konsepsyon, li evalye ABEM ki kapab lakòz lè li anrejistre eleman an nan yon tablo. Gen 9 kolòn nan total:

  • Non - non eleman an dapre prensip ABEM.
  • Preview - Sa a se kote swa yon D' oswa yon imaj de eleman telechaje nan yon lòt sous yo mete.
  • Yon paj ki lye se yon lyen ki mennen nan paj yon eleman.
  • Eleman timoun - yon lyen ki mennen nan eleman timoun yo.
  • Modifikatè - tcheke pou prezans nan opsyon style ak defini yo (pa egzanp, aktif, wouj, elatriye).
  • Kategori konpozan se yon kategori jeneral (tèks, imaj pwomosyonèl, ankadre).
  • Estati Devlopman - pwogrè devlopman aktyèl la ak definisyon li yo (konplete, nan pwogrè, elatriye).
  • Responsab - pwomotè a ki responsab pou eleman sa a.
  • Nivo atomik se kategori atomik eleman sa a (dapre konsèp konsepsyon atomik).
  • Done yo ka referans nan menm tab la oswa nan diferan tab. Konekte pwen yo pral anpeche konfizyon lè dekale. Anplis de sa, done yo ka filtre, klase ak chanje san okenn pwoblèm.

Egzanp 2: pwogrè devlopman paj

Pou evalye pwogrè devlopman paj, ou bezwen yon modèl ki kreye espesyalman pou objektif sa a. Tablo a ka sèvi tou de bezwen ekip la tèt li ak kliyan an.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Nenpòt enfòmasyon sou paj la ka make isit la. Sa a se yon dat limit, yon lyen nan pwototip InVision, yon destinasyon, yon eleman timoun. Li imedyatman vin aparan ke operasyon yo trè pratik yo fè, tou de ak konsiderasyon dokimante ak mete ajou konsepsyon an, osi byen ke estati a nan devlopman front-end ak back-end. Anplis, operasyon sa yo fèt an menm tan.

Abstrè

Wòl zouti a: yon sèl sous kontwòl vèsyon pou byen konsepsyon.

Nou òganize yon workflow efikas pou devlopè entènèt: Confluence, Airtable ak lòt zouti

Rezime yo ka rele GitHub pou byen nan Sketch, epi li sove konsèpteur yo pa oblije kopye epi kole fichye yo. Avantaj prensipal zouti a se ke li bay yon depo konsepsyon ki aji kòm yon "sèl sous verite." Konsèpteur yo dwe mete ajou branch mèt la nan dènye vèsyon an nan layout apwouve a. Apre sa, yo gen pou notifye devlopè yo. Moun sa yo ki, nan vire, ta dwe travay sèlman ak byen designer nan branch prensipal la.

Kòm yon konklizyon

Apre nou te aplike nouvo pwosesis devlopman ak tout zouti mansyone pi wo a, vitès travay nou an te ogmante omwen de fwa. Se pa yon solisyon pafè, men li se yon trè bon. Se vre, nan lòd pou li travay, ou bezwen mete nan anpil efò - li mande pou "travay manyèl" mete ajou epi kenbe li tout nan kondisyon travay.

Skillbox rekòmande:

Sous: www.habr.com

Add nouvo kòmantè