Nagtrabaho ko isip usa ka front-end developer sulod sa mga duha ka tuig, ug miapil sa pagmugna og lain-laing mga proyekto. Usa sa mga leksyon nga akong nakat-unan mao nga ang pagtinabangay tali sa lain-laing mga grupo sa mga developers nga adunay parehas nga tumong apan adunay lain-laing mga buluhaton ug mga responsibilidad dili sayon.
Sa konsultasyon sa ubang mga miyembro sa team, tigdesinyo ug developer, naghimo ko og siklo sa paghimo sa website nga gidisenyo alang sa gagmay nga mga grupo (5-15 ka tawo). Naglakip kini sa mga himan sama sa Confluence, Jira, Airtable ug Abstract. Niini nga artikulo akong ipaambit ang mga bahin sa pag-organisar sa workflow.
Girekomenda sa Skillbox: Duha ka tuig nga praktikal nga kurso .
Gipahinumduman namon ikaw: alang sa tanan nga mga magbabasa sa "Habr" - usa ka diskwento sa 10 nga mga rubles kung nagpalista sa bisan unsang kurso sa Skillbox gamit ang code sa promosyon nga "Habr".
Nganong gikinahanglan kining tanan?
Ang minimum nga team nga gikinahanglan sa paghimo sa usa ka website gikan sa scratch usa ka tigdesinyo, programmer ug project manager. Sa akong kaso, naporma ang team. Apan pagkahuman sa pagpagawas sa usa ka magtiayon nga mga site, gibati nako nga adunay sayup niini. Usahay wala gyud namo masabti sa hingpit ang among mga responsibilidad, ug ang komunikasyon uban sa kliyente nagpabilin nga daghan nga gitinguha. Kining tanan nagpahinay sa proseso ug nakadisturbo sa tanan.
Nagsugod ko sa pagtrabaho sa pagsulbad sa problema.
Ang pagpangita sa Google naghatag ug maayong resulta sa among problema.
Aron mahimo nga mas makita ang trabaho, naghimo ko og workflow diagram nga naghatag og pagsabot kung giunsa pagbuhat ang trabaho dinhi.
Pag-klik sa imahe aron maablihan sa tibuuk nga resolusyon.
Mga katuyoan ug katuyoan
Usa sa unang mga teknik nga nakahukom ko nga sulayan mao ang "cascade model" (Waterfall). Gigamit nako kini aron ipasiugda ang mga problema ug masabtan kung giunsa kini pagsulbad.
Problema: Kasagaran, ang kliyente wala magtimbang-timbang sa proseso sa paghimo sa website sa modularly, sama sa gibuhat sa mga developer. Giisip niya kini nga usa ka regular nga site, nga mao, naghunahuna siya sa mga termino sa indibidwal nga mga panid. Sa iyang opinyon, ang mga tigdesinyo ug mga programmer nagmugna sa tagsa-tagsa nga mga panid, sa usag usa. Ingon usa ka sangputanan, ang kostumer wala gyud makasabut kung unsa ang nagsunod kung unsa sa panahon sa aktwal nga proseso.
Buluhaton: Walay kapuslanan sa pagkombinsir sa kliyente kon dili; ang labing maayo nga kapilian mao ang paghimo og modular nga proseso alang sa pagmugna og website sulod sa kompanya base sa usa ka panid-sa-panid nga modelo.
Ang mga token ug sangkap sa disenyo sa unibersal gidumala sa mga developer ug tigdesinyo.
Problema: Kini usa ka komon nga sitwasyon nga gitubag sa daghang mga estratehiya. Adunay daghang makapaikag nga mga solusyon, sa kadaghanan nga mga kaso gisugyot nga maghimo usa ka sistema sa disenyo nga kontrolado sa usa ka giya sa estilo / mga generator sa librarya. Apan sa among sitwasyon, ang pagdugang og laing bahin sa proseso sa pag-uswag nga magtugot kanamo sa pagdumala sa lebel sa pag-access alang sa mga tigdesinyo dili mahimo.
Buluhaton: pagtukod sa usa ka unibersal nga sistema diin ang mga tigdesinyo, mga developer ug mga manedyer mahimo nga magtrabaho nga dungan nga dili manghilabot sa usag usa.
Tukma nga pagsubay sa kalamboan
Problema: Samtang adunay daghang mapuslanon nga mga himan nga magamit sa pagsubay sa mga isyu ug pagsukod sa kinatibuk-ang pag-uswag, kadaghanan dili flexible o labing maayo. Mahimong mapuslanon ang himan pinaagi sa pagdaginot sa oras sa team nga kasagarang igugol sa mga pangutana ug pagpatin-aw sa piho nga mga buluhaton. Gipasayon usab niini ang kinabuhi sa mga manedyer pinaagi sa paghatag kanila og mas tukma nga pagsabot sa tibuok proyekto.
Buluhaton: paghimo ug dashboard aron masubay ang pag-uswag sa mga buluhaton nga gihimo sa lainlaing mga miyembro sa team.
Han-ay sa mga himan
Human sa pag-eksperimento sa lain-laing mga himan, ako mipahiluna sa mosunod nga set: Confluence, Jira, Airtable ug Abstract. Sa ubos akong ipadayag ang mga kaayohan sa matag usa.
Pag-uswag
Papel sa himan: impormasyon ug kahinguhaan center.
Ang workspace sa Confluence sayon ra nga i-set up ug adunay daghang mga feature, integration sa lain-laing mga app, ug indibidwal, customizable templates. Dili kini usa ka sukod nga angay sa tanan nga solusyon, apan kini sulundon ingon usa ka sentro sa kasayuran ug kapanguhaan. Kini nagpasabot nga ang bisan unsang pakisayran o teknikal nga detalye nga may kalabutan sa proyekto kinahanglang isulod sa database.
Gitugotan ka sa himan nga madokumento sa husto ang matag sangkap ug bisan unsang ubang mga detalye bahin sa proyekto.
Ang nag-unang bentaha sa Confluence mao ang pag-customize sa mga templates sa dokumento. Dugang pa, kini mahimong gamiton sa pagpatuman sa usa ka repository sa mga detalye ug lain-laing mga proyekto dokumentasyon, pagbulag sa access nga lebel sa mga partisipante. Karon dili ka na kinahanglan mabalaka nga ikaw adunay daan nga bersyon sa detalye sa kamot, sama sa mahitabo kung magpadala ka mga dokumento pinaagi sa email.
Dugang nga impormasyon bahin sa himan .
Jira
Papel sa himan: pag-monitor sa problema ug pagdumala sa buluhaton.
Ang Jira usa ka kusgan kaayo nga himan sa pagplano ug pagdumala sa proyekto. Ang nag-unang bahin sa pag-andar mao ang paghimo sa napasadya nga mga workflow. Aron epektibong madumala ang mga isyu (nga mao ang atong gikinahanglan), angay nga hatagan ug espesyal nga pagtagad ang hustong paggamit sa matang sa hangyo ug matang sa isyu (matang sa isyu).
Mao nga, aron masiguro nga ang mga nag-develop nagtukod mga sangkap base sa husto nga disenyo, kinahanglan nila nga ipahibalo sa matag higayon nga adunay magbag-o sa disenyo. Sa diha nga ang component ma-update, ang tigdesinyo kinahanglan nga magbukas sa usa ka isyu, mag-assign sa usa ka responsable nga developer, mag-assign kaniya sa husto nga tipo sa isyu.
Uban ni Jira, makasiguro ka nga hingpit nga tanan nga mga partisipante sa proseso (pahinumdoman ko ikaw, sa among kaso adunay 5-15 sa kanila) makadawat sa husto nga mga buluhaton nga dili mawala ug makit-an ang ilang tigpatuman.
Pagkat-on pa bahin kang Jira .
Airtable
Papel sa himan: pagdumala sa sangkap ug board sa pag-uswag.
Ang airtable usa ka sagol nga mga spreadsheet ug mga database. Ang tanan niini nagpaposible sa pagpahiangay sa operasyon sa tanan nga mga himan nga gihisgutan sa ibabaw.
Pananglitan 1: Pagdumala sa Component
Sama sa alang sa generator sa giya sa estilo, dili kini kanunay nga kombenyente nga gamiton - ang problema mao nga ang mga tigdesinyo dili maka-edit niini. Dugang pa, dili maayo nga desisyon ang paggamit sa librarya sa sangkap sa Sketch, tungod kay kini adunay daghang mga limitasyon. Lagmit, dili nimo magamit kini nga librarya sa gawas sa programa.
Ang airtable dili usab perpekto, apan kini mas maayo kay sa daghang uban pang susama nga mga solusyon. Ania ang usa ka demo sa template sa Component Management Table:
Kung ang usa ka developer modawat sa usa ka bahin sa disenyo, iyang susihon ang resulta nga ABEM pinaagi sa pagrekord sa sangkap sa usa ka lamesa. Adunay 9 ka kolum sa kinatibuk-an:
- Ngalan - ang ngalan sa sangkap sumala sa prinsipyo sa ABEM.
- Pagtan-aw - Kini diin ang usa ka screenshot o usa ka imahe sa sangkap nga gi-download gikan sa lain nga gigikanan gibutang.
- Ang linked page kay link sa page sa component.
- Bata nga sangkap - usa ka sumpay sa mga sangkap sa bata.
- Modifier - nagsusi sa presensya sa mga kapilian sa estilo ug naghubit niini (pananglitan, aktibo, pula, ug uban pa).
- Ang kategorya nga sangkap usa ka kinatibuk-ang kategorya (teksto, imahe nga pang-promosyon, sidebar).
- Status sa pag-uswag - ang aktuwal nga pag-uswag sa pag-uswag ug ang kahulugan niini (nakompleto, nagpadayon, ug uban pa).
- Responsable - ang developer nga responsable niini nga component.
- Ang lebel sa atomo mao ang atomic nga kategorya niini nga sangkap (sumala sa konsepto sa atomic nga disenyo).
- Ang mga datos mahimong ma-refer sa parehas o sa lainlaing mga lamesa. Ang pagkonektar sa mga tuldok makapugong sa kalibog kon mag-scale. Dugang pa, ang datos mahimong masala, maihap ug mabag-o nga wala’y mga problema.
Pananglitan 2: pag-uswag sa pag-uswag sa panid
Aron masusi ang pag-uswag sa pag-uswag sa panid, kinahanglan nimo ang usa ka template nga gihimo alang niini nga katuyoan. Ang lamesa mahimong magsilbi sa mga panginahanglan sa team mismo ug sa kliyente.
Ang bisan unsang impormasyon bahin sa panid mahimong matikdan dinhi. Kini usa ka deadline, usa ka link sa InVision prototype, usa ka destinasyon, usa ka bahin sa bata. Namatikdan dayon nga ang mga operasyon sayon kaayo nga himuon, parehas sa pagdokumento ug pag-update sa disenyo, ingon man ang kahimtang sa pag-uswag sa unahan ug likod. Dugang pa, kini nga mga operasyon gihimo nga dungan.
abstract
Papel sa himan: usa ka tinubdan sa pagkontrol sa bersyon alang sa mga kabtangan sa disenyo.
Ang abstract mahimong tawgon nga GitHub alang sa mga kabtangan sa Sketch, ug kini nagluwas sa mga tigdesinyo gikan sa pagkopya ug pag-paste sa mga file. Ang panguna nga bentaha sa himan mao nga naghatag kini usa ka tipiganan sa disenyo nga naglihok ingon usa ka "usa ka gigikanan sa kamatuoran." Kinahanglang i-update sa mga tigdesinyo ang master branch sa pinakabag-o nga bersyon sa giaprobahan nga layout. Pagkahuman niana, kinahanglan nilang ipahibalo ang mga nag-develop. Kadtong, sa baylo, kinahanglan nga magtrabaho lamang sa mga kabtangan sa tigdesinyo gikan sa punoan nga sanga.
Ingong konklusyon
Human namo ipatuman ang bag-ong proseso sa pag-uswag ug ang tanan nga mga himan nga gihisgutan sa ibabaw, ang katulin sa among trabaho misaka labing menos kaduha. Dili kini perpekto nga solusyon, apan kini usa ka maayo kaayo. Tinuod, aron kini molihok, kinahanglan nimo nga ibutang ang daghang paningkamot - nanginahanglan "manwal nga trabaho" aron ma-update ug mapadayon ang tanan sa kahimtang sa pagtrabaho.
Girekomenda sa Skillbox:
- Praktikal nga kurso .
- Online nga kurso .
- Praktikal nga tuig nga kurso .
Source: www.habr.com