Es strÄdÄju kÄ front-end izstrÄdÄtÄjs apmÄram divus gadus un esmu piedalÄ«jies visdažÄdÄko projektu veidoÅ”anÄ. Viena no mÄcÄ«bÄm, ko es guvu, ir tÄda, ka sadarbÄ«ba starp dažÄdÄm izstrÄdÄtÄju komandÄm, kurÄm ir viens un tas pats mÄrÄ·is, bet kuriem ir atŔķirÄ«gi uzdevumi un pienÄkumi, nav vienkÄrÅ”a.
KonsultÄjoties ar citiem komandas biedriem, dizaineriem un izstrÄdÄtÄjiem, izveidoju mÄjas lapas izveides ciklu, kas paredzÄts nelielÄm komandÄm (5-15 cilvÄki). Tas ietver tÄdus rÄ«kus kÄ Confluence, Jira, Airtable un Abstract. Å ajÄ rakstÄ es pastÄstÄ«Å”u par darbplÅ«smas organizÄÅ”anas iezÄ«mÄm.
Skillbox iesaka: Divu gadu praktiskais kurss .
AtgÄdinÄm: visiem "Habr" lasÄ«tÄjiem - atlaide 10 000 rubļu, reÄ£istrÄjoties jebkurÄ Skillbox kursÄ, izmantojot "Habr" reklÄmas kodu.
KÄpÄc tas viss ir vajadzÄ«gs?
MinimÄlÄ komanda, kas nepiecieÅ”ama, lai vietni izveidotu no nulles, ir dizainers, programmÄtÄjs un projektu vadÄ«tÄjs. ManÄ gadÄ«jumÄ komanda tika izveidota. Bet pÄc pÄris vietÅu izlaiÅ”anas man radÄs sajÅ«ta, ka ar to kaut kas nav kÄrtÄ«bÄ. Dažreiz mÄs vienkÄrÅ”i nesapratÄm savus pienÄkumus, un komunikÄcija ar klientu atstÄja daudz vÄlamo. Tas viss bremzÄja procesu un traucÄja visiem.
SÄku strÄdÄt pie problÄmas risinÄÅ”anas.
Google meklÄÅ”ana sniedz labus rezultÄtus mÅ«su problÄmai.
Lai padarÄ«to darbu vizuÄlÄku, izveidoju darbplÅ«smas diagrammu, kas sniedz izpratni par to, kÄ Å”eit tiek veikts darbs.
NoklikŔķiniet uz attÄla, lai atvÄrtu pilnu izŔķirtspÄju.
MÄrÄ·i un mÄrÄ·i
Viens no pirmajiem paÅÄmieniem, ko nolÄmu pÄrbaudÄ«t, bija ākaskÄdes modelisā (ÅŖdenskritums). Es to izmantoju, lai izceltu problÄmas un saprastu, kÄ tÄs atrisinÄt.
ProblÄma: VisbiežÄk klients vietnes izveides procesu nenovÄrtÄ modulÄri, kÄ to dara izstrÄdÄtÄji. ViÅÅ” to uztver kÄ parastu vietni, tas ir, viÅÅ” domÄ par atseviŔķÄm lapÄm. PÄc viÅa domÄm, dizaineri un programmÄtÄji veido atseviŔķas lapas vienu pÄc otras. RezultÄtÄ klients vienkÄrÅ”i nesaprot, kas reÄlÄ procesa laikÄ kam seko.
Uzdevums: Nav jÄgas pÄrliecinÄt klientu par pretÄjo, vislabÄkais variants ir izstrÄdÄt modulÄru procesu mÄjas lapas izveidei uzÅÄmumÄ, balstoties uz katras lapas modeli.
UniversÄlÄ dizaina marÄ·ierus un komponentus pÄrvalda gan izstrÄdÄtÄji, gan dizaineri.
ProblÄma: Ŕī ir izplatÄ«ta situÄcija, ko risina daudzas stratÄÄ£ijas. Ir daudz interesantu risinÄjumu, vairumÄ gadÄ«jumu tiek piedÄvÄts izveidot dizaina sistÄmu, kuru kontrolÄ stila rokasgrÄmata / bibliotÄkas Ä£eneratori. TaÄu mÅ«su situÄcijÄ izstrÄdes procesam pievienot vÄl vienu komponentu, kas ļautu pÄrvaldÄ«t dizaineru piekļuves lÄ«meÅus, vienkÄrÅ”i nebija iespÄjams.
Uzdevums: izveidot universÄlu sistÄmu, kurÄ dizaineri, izstrÄdÄtÄji un vadÄ«tÄji var strÄdÄt sinhroni, netraucÄjot viens otram.
Precīza attīstības izsekoŔana
ProblÄma: lai gan ir pieejami daudzi noderÄ«gi rÄ«ki, lai izsekotu problÄmas un novÄrtÄtu kopÄjo progresu, vairums no tiem nav elastÄ«gi vai optimÄli. RÄ«ks var bÅ«t noderÄ«gs, ietaupot komandas laiku, kas parasti tiktu tÄrÄts jautÄjumiem un precizÄjumiem par konkrÄtiem uzdevumiem. Tas arÄ« atvieglo vadÄ«tÄju dzÄ«vi, sniedzot viÅiem precÄ«zÄku izpratni par visu projektu.
Uzdevums: izveidojiet informÄcijas paneli, lai izsekotu dažÄdu komandas locekļu veikto uzdevumu gaitai.
Instrumentu komplekts
PÄc eksperimentÄÅ”anas ar dažÄdiem rÄ«kiem es izvÄlÄjos Å”Ädu komplektu: Confluence, Jira, Airtable un Abstract. TÄlÄk es atklÄÅ”u katras priekÅ”rocÄ«bas.
SaplūŔana
RÄ«ka loma: informÄcijas un resursu centrs.
Confluence darbvietu ir salÄ«dzinoÅ”i viegli iestatÄ«t, tajÄ ir daudz funkciju, integrÄcijas ar dažÄdÄm lietotnÄm, kÄ arÄ« individuÄlas, pielÄgojamas veidnes. Tas nav universÄls risinÄjums, taÄu tas ir ideÄli piemÄrots kÄ informÄcijas un resursu centrs. Tas nozÄ«mÄ, ka jebkura ar projektu saistÄ«ta atsauce vai tehniska informÄcija ir jÄievada datubÄzÄ.
Å is rÄ«ks ļauj pareizi dokumentÄt katru komponentu un jebkuru citu informÄciju par projektu.
GalvenÄ Confluence priekÅ”rocÄ«ba ir dokumentu veidÅu pielÄgoÅ”ana. TurklÄt to var izmantot, lai ieviestu vienotu specifikÄciju un dažÄdu projektu dokumentÄcijas repozitoriju, nodalot dalÄ«bnieku piekļuves lÄ«meÅus. Tagad jums nav jÄuztraucas, ka jums ir vecÄ specifikÄcijas versija, kÄ tas notiek, sÅ«tot dokumentus pa e-pastu.
PlaÅ”Äka informÄcija par rÄ«ku .
JIRA
RÄ«ka loma: problÄmu uzraudzÄ«ba un uzdevumu pÄrvaldÄ«ba.
Jira ir ļoti spÄcÄ«gs projektu plÄnoÅ”anas un pÄrvaldÄ«bas rÄ«ks. GalvenÄ funkcionalitÄtes daļa ir pielÄgojamu darbplÅ«smu izveide. Lai efektÄ«vi pÄrvaldÄ«tu problÄmas (tas ir tas, kas mums ir nepiecieÅ”ams), ir vÄrts pievÄrst Ä«paÅ”u uzmanÄ«bu pareizai pieprasÄ«juma veida un problÄmas veida (problÄmas veida) izmantoÅ”anai.
TÄpÄc, lai pÄrliecinÄtos, ka izstrÄdÄtÄji veido sastÄvdaļas, pamatojoties uz pareizo projektu, viÅiem ir jÄbrÄ«dina katru reizi, kad dizainÄ kaut kas mainÄs. TiklÄ«dz komponents ir atjauninÄts, dizainerim ir jÄatver problÄma, jÄpieŔķir atbildÄ«gais izstrÄdÄtÄjs, pieŔķirot viÅam pareizo problÄmas veidu.
Ar Jira jÅ«s varat bÅ«t pÄrliecinÄti, ka pilnÄ«gi visi procesa dalÄ«bnieki (atgÄdinÄÅ”u, mÅ«su gadÄ«jumÄ tÄdi ir 5ā15) saÅem pareizus uzdevumus, kas nepazÅ«d un atrod savu izpildÄ«tÄju.
Uzziniet vairÄk par Jira .
Airtelpa
RÄ«ka loma: komponentu pÄrvaldÄ«ba un progresa padome.
Airtable ir izklÄjlapu un datu bÄzu sajaukums. Tas viss ļauj pielÄgot visu iepriekÅ” apspriesto rÄ«ku darbÄ«bu.
1. piemÄrs: komponentu pÄrvaldÄ«ba
Kas attiecas uz stila rokasgrÄmatas Ä£eneratoru, tas ne vienmÄr ir Ärti lietojams - problÄma ir tÄ, ka dizaineri nevar to rediÄ£Ät. TurklÄt nebÅ«tu labs lÄmums izmantot Sketch komponentu bibliotÄku, jo tai ir daudz ierobežojumu. VisticamÄk, jÅ«s vienkÄrÅ”i nevarÄsit izmantot Å”o bibliotÄku Ärpus programmas.
Airtable arÄ« nav ideÄls, taÄu tas ir labÄks par daudziem citiem lÄ«dzÄ«giem risinÄjumiem. Å eit ir komponentu pÄrvaldÄ«bas tabulas veidnes demonstrÄcija:
Kad izstrÄdÄtÄjs pieÅem dizaina komponentu, viÅÅ” novÄrtÄ iegÅ«to ABEM, ierakstot komponentu tabulÄ. KopÄ ir 9 kolonnas:
- Nosaukums - sastÄvdaļas nosaukums pÄc ABEM principa.
- PriekÅ”skatÄ«jums ā Å”eit tiek ievietots no cita avota lejupielÄdÄtÄ komponenta ekrÄnuzÅÄmums vai attÄls.
- SaistÄ«tÄ lapa ir saite uz komponenta lapu.
- BÄrna komponents ā saite uz bÄrnu komponentiem.
- Modifikators - pÄrbauda stila opciju esamÄ«bu un definÄ tÄs (piemÄram, aktÄ«vs, sarkans utt.).
- Komponentu kategorija ir vispÄrÄ«ga kategorija (teksts, reklÄmas attÄls, sÄnjosla).
- IzstrÄdes statuss - faktiskais izstrÄdes gaita un tÄ definÄ«cija (pabeigts, notiek uc).
- AtbildÄ«gais - izstrÄdÄtÄjs, kurÅ” ir atbildÄ«gs par Å”o komponentu.
- Atomu lÄ«menis ir Ŕī komponenta atomu kategorija (saskaÅÄ ar atomu dizaina koncepciju).
- Uz datiem var atsaukties vienÄ vai dažÄdÄs tabulÄs. Punktu savienoÅ”ana novÄrsÄ«s neskaidrÄ«bas mÄrogoÅ”anas laikÄ. TurklÄt datus bez problÄmÄm var filtrÄt, kÄrtot un mainÄ«t.
2. piemÄrs: lapas izstrÄdes gaita
Lai novÄrtÄtu lapas izstrÄdes gaitu, nepiecieÅ”ama veidne, kas ir izveidota tieÅ”i Å”im nolÅ«kam. Galds var kalpot gan paÅ”as komandas, gan klienta vajadzÄ«bÄm.
Jebkuru informÄciju par lapu var atzÄ«mÄt Å”eit. Å is ir termiÅÅ”, saite uz InVision prototipu, galamÄrÄ·is, bÄrnkomponents. Uzreiz kļūst pamanÄms, ka operÄcijas ir ļoti Ärti izpildÄmas gan attiecÄ«bÄ uz dizaina dokumentÄÅ”anu un atjauninÄÅ”anu, gan arÄ« front-end un back-end izstrÄdes statusu. TurklÄt Ŕīs darbÄ«bas tiek veiktas vienlaikus.
AnotÄcija
Rīka loma: viens dizaina līdzekļu versiju kontroles avots.
Kopsavilkumu var saukt par GitHub aktÄ«viem Sketch, un tas ietaupa dizaineri no failu kopÄÅ”anas un ielÄ«mÄÅ”anas. RÄ«ka galvenÄ priekÅ”rocÄ«ba ir tÄ, ka tas nodroÅ”ina dizaina repozitoriju, kas darbojas kÄ "vienots patiesÄ«bas avots". Dizaineriem ir jÄatjaunina galvenÄ filiÄle uz jaunÄko apstiprinÄtÄ izkÄrtojuma versiju. PÄc tam viÅiem ir jÄpaziÅo izstrÄdÄtÄjiem. Tiem, savukÄrt, vajadzÄtu strÄdÄt tikai ar dizaineru aktÄ«viem no galvenÄs filiÄles.
KÄ secinÄjums
PÄc jaunÄ izstrÄdes procesa un visu iepriekÅ” minÄto rÄ«ku ievieÅ”anas mÅ«su darba Ätrums palielinÄjÄs vismaz divas reizes. Tas nav ideÄls risinÄjums, taÄu tas ir ļoti labs risinÄjums. Tiesa, lai tas darbotos, jums ir jÄpieliek daudz pūļu - ir nepiecieÅ”ams āmanuÄls darbsā, lai to visu atjauninÄtu un uzturÄtu darba stÄvoklÄ«.
Skillbox iesaka:
- Praktiskais kurss .
- TieŔsaistes kurss .
- PraktiskÄ gada kurss .
Avots: www.habr.com