{"id":34112,"date":"2019-10-31T21:56:27","date_gmt":"2019-10-31T18:56:27","guid":{"rendered":"https:\/\/prohoster.info\/blog\/kak-my-pytalis-v-komandnuyu-rabotu-i-chto-iz-etogo-vyshlo\/"},"modified":"2019-10-31T21:56:27","modified_gmt":"2019-10-31T18:56:27","slug":"kak-my-pytalis-v-komandnuyu-rabotu-i-chto-iz-etogo-vyshlo","status":"publish","type":"post","link":"https:\/\/prohoster.info\/cs\/blog\/news\/kak-my-pytalis-v-komandnuyu-rabotu-i-chto-iz-etogo-vyshlo","title":{"rendered":"Jak jsme se pokusili o t\u00fdmovou pr\u00e1ci a co z toho vze\u0161lo.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Jak
\n<\/p>\n

Poj\u010fme na to v po\u0159\u00e1dku<\/h3>\n

\nCo tento obr\u00e1zek znamen\u00e1, vysv\u011btl\u00edm pozd\u011bji, ale te\u010f mi dovolte za\u010d\u00edt s \u00favodem.<\/p>\n

V chladn\u00e9m \u00fanorov\u00e9m dni nic nenazna\u010dovalo probl\u00e9my. Skupina nevinn\u00fdch student\u016f p\u0159i\u0161la poprv\u00e9 na hodinu p\u0159edm\u011btu, kter\u00fd se rozhodli nazvat \u201eMetodologie organizace n\u00e1vrhu a v\u00fdvoje informa\u010dn\u00edch syst\u00e9m\u016f\u201c. Byla to oby\u010dejn\u00e1 p\u0159edn\u00e1\u0161ka, u\u010ditel mluvil o agiln\u00edch metod\u00e1ch v\u00fdvoje, jako je Scrum, a nic nenazna\u010dovalo probl\u00e9my. A tak na konci u\u010ditel ozn\u00e1mil: <\/p>\n

Chci, abyste si na vlastn\u00ed k\u016f\u017ei za\u017eili v\u0161echny t\u011b\u017ekosti t\u00fdmov\u00e9 pr\u00e1ce, rozd\u011blte se do skupin, vymyslete projekt, ur\u010dete vedouc\u00edho a projd\u011bte spole\u010dn\u011b v\u0161emi f\u00e1zemi n\u00e1vrhu. Na konci o\u010dek\u00e1v\u00e1m hotov\u00fd produkt a \u010dl\u00e1nek na Habr.<\/p><\/blockquote>\n

Odtud za\u010d\u00edn\u00e1 n\u00e1\u0161 p\u0159\u00edb\u011bh. <\/a><\/noindex> Jako kuli\u010dky na kule\u010dn\u00edku jsme od sebe odsko\u010dili, dokud se energie \u00faderu nerozpt\u00fdlila a spole\u010dn\u011b se se\u0161la skupin\u011b 7 lid\u00ed. Mo\u017en\u00e1 je to na \u0161koln\u00ed projekt p\u0159\u00edli\u0161 mnoho, ale abychom l\u00e9pe rozd\u011blovali role, je to ide\u00e1ln\u00ed. Za\u010dalo se diskutovat o n\u00e1padech na projekt od \u201ePoj\u010fme vz\u00edt hotov\u00fd projekt\u201c a\u017e po \u201eEmul\u00e1tor vytv\u00e1\u0159en\u00ed vesm\u00edrn\u00fdch objekt\u016f\u201c. Nakonec v\u0161ak pro\u0161el n\u00e1pad, jeho\u017e n\u00e1zev jste vid\u011bli na prvn\u00edm obr\u00e1zku. <\/p>\n

Stop Procrastination \u2014 co to je, jak to funguje a jak jsme to vyv\u00edjeli a co z toho vze\u0161lo<\/h2>\n

\nP\u0159\u00edb\u011bh bude vypr\u00e1v\u011bn z pohledu vedouc\u00edho projektu, kter\u00fdm byl bohu\u017eel nebo mo\u017en\u00e1 na\u0161t\u011bst\u00ed jmenov\u00e1n j\u00e1. A jak\u00fd n\u00e1pad n\u00e1m p\u0159i\u0161el na mysl? Inspirov\u00e1ni popul\u00e1rn\u00edm bud\u00edkem \u201eShake Alarm\u201c od SupperCommon, konkr\u00e9tn\u011b funkc\u00ed pln\u011b zablokovat pr\u00e1ci smartphonu, dokud u\u017eivatel neprov\u00e1d\u00ed ur\u010ditou \u010dinnost, kter\u00e1 ho pravd\u011bpodobn\u011b probud\u00ed, rozhodli jsme se vytvo\u0159it podobnou aplikaci, kter\u00e1 pom\u016f\u017ee zbavit se z\u00e1vislosti na telefonu, podle stejn\u00e9ho principu jako \u201eShake Alarm\u201c.<\/p>\n

Princip pr\u00e1ce<\/h3>\n

U\u017eivatel nastavuje \u010dasova\u010de
\n-\u010cas, kter\u00fd lze str\u00e1vit na smartphonu
\n-\u010cas bez smartphonu (obdob\u00ed blokace)
\nPo vypr\u0161en\u00ed \u010dasova\u010de se na obrazovce objev\u00ed overlay, kter\u00fd nelze zav\u0159\u00edt
\n-Aby se overlay uzav\u0159el, je t\u0159eba proj\u00edt malou zkou\u0161kou (zadat heslo na zamotan\u00e9 kl\u00e1vesnici, vy\u0159e\u0161it matematickou \u00falohu, pot\u0159\u00e1st telefonem n\u011bkolik minut)
\nPo odem\u010den\u00ed t\u00edmto zp\u016fsobem se doba, kterou lze str\u00e1vit na smartphonu, zkracuje na polovinu, a to a\u017e na jednu minutu\n<\/p><\/blockquote>\n

Budujeme t\u00fdm<\/h3>\n

Nejprve bylo pot\u0159eba ur\u010dit, kdo se \u010d\u00edm bude zab\u00fdvat a v jak\u00e9m jazyce se to cel\u00e9 nap\u00ed\u0161e. Mysl\u00edm, \u017ee to m\u00e1 m\u00e1lo spole\u010dn\u00e9ho s \u0159\u00edzen\u00edm projekt\u016f, proto\u017ee kdy\u017e shroma\u017e\u010fujete t\u00fdm pro re\u00e1ln\u00fd projekt, okam\u017eit\u011b vyb\u00edr\u00e1te ty, kter\u00e9 pot\u0159ebujete. Nakonec jsem si vzal na sebe i b\u0159emeno design\u00e9ra, vybral jsem jednoho teamleadera, kter\u00fd m\u011bl dobr\u00e9 zku\u0161enosti s v\u00fdvojem aplikac\u00ed, jemu pod\u0159\u00edzen\u00ed byli jmenov\u00e1ni t\u0159i program\u00e1to\u0159i a dal\u0161\u00ed dva se stali testery. Samoz\u0159ejm\u011b jazyk programov\u00e1n\u00ed byl vybr\u00e1n podle dovednost\u00ed. Nakonec bylo rozhodnuto pou\u017e\u00edt Java, proto\u017ee s n\u00ed byli v\u0161ichni program\u00e1to\u0159i obezn\u00e1meni.<\/p>\n

Stanovujeme \u00fakoly<\/h3>\n

Na doporu\u010den\u00ed u\u010ditele byla vytvo\u0159ena deska \u00fakol\u016f na bezplatn\u00e9 slu\u017eb\u011b Trello<\/a><\/noindex>. Pl\u00e1novalo se pracovat podle syst\u00e9mu Scrum, kde ka\u017ed\u00fd stream bude p\u0159edstavovat ur\u010ditou hotovou aplikaci.
\nAv\u0161ak ve skute\u010dnosti z toho vy\u0161el jeden velk\u00fd a dlouh\u00fd stream, do kter\u00e9ho byly neust\u00e1le zapracov\u00e1v\u00e1ny opravy, dodatky a \u00fapravy. <\/p>\n

\"Jak
\n<\/p>\n

P\u00ed\u0161eme specifikace<\/h3>\n

Pod vlivem knihy Savina \u201eTestov\u00e1n\u00ed.com\u201c jsem m\u011bl v hlav\u011b svou p\u0159edstavu o tom, jak by to m\u011blo b\u00fdt uspo\u0159\u00e1d\u00e1no. V\u0161echno to za\u010dalo psan\u00edm specifikac\u00ed, proto\u017ee podle m\u00e9ho n\u00e1zoru bez jasn\u00e9ho popisu toho, co o\u010dek\u00e1v\u00e1me, co a jak m\u00e1 fungovat, nic fungovat nebude. Program\u00e1to\u0159i v\u0161e naprogramuj\u00ed, jak to vid\u00ed oni, teste\u0159i otestuj\u00ed n\u011bco jin\u00e9ho, vedouc\u00ed o\u010dek\u00e1v\u00e1 t\u0159et\u00ed, a nakonec to dopadne jako v\u017edy \u010dtvrt\u00e9.
\nPs\u00e1t specifikace nen\u00ed snadn\u00e9, je t\u0159eba promyslet v\u0161echny detaily, v\u0161echny nuance. Samoz\u0159ejm\u011b, \u017ee na poprv\u00e9 to v\u016fbec nevy\u0161lo. Nakonec byly specifikace dopl\u0148ov\u00e1ny a p\u0159epracov\u00e1ny 4 kr\u00e1t. Posledn\u00ed verzi m\u016f\u017eete naj\u00edt na konci \u010dl\u00e1nku v sekci odkazy. <\/p>\n

Kresl\u00edme design<\/h3>\n

Design v mobiln\u00ed aplikaci je to nejd\u016fle\u017eit\u011bj\u0161\u00ed. Ne v\u0161ichni to ch\u00e1pou, v\u010detn\u011b mnoha z m\u00e9ho t\u00fdmu, kte\u0159\u00ed se mnou vehementn\u011b polemizovali, \u017ee design nen\u00ed pot\u0159eba, \u017ee je to ta nejm\u00e9n\u011b d\u016fle\u017eit\u00e1 \u010d\u00e1st aplikace, atd. Je naivn\u00ed si to myslet. Za prv\u00e9, hotov\u00fd design usnad\u0148uje pr\u00e1ci program\u00e1torovi, nemus\u00ed p\u0159em\u00fd\u0161let, co, kde a jak um\u00edstit, prost\u011b vezme to, co je nakresleno, a realizuje to. Spolu se specifikacemi design t\u00e9m\u011b\u0159 \u00fapln\u011b osvobozuje mysl program\u00e1tora od zbyte\u010dn\u00fdch v\u011bc\u00ed a d\u00e1v\u00e1 mu mo\u017enost soust\u0159edit se na logiku. P\u016fvodn\u011b byl nakreslen prototypov\u00fd (hrozn\u00fd) design:<\/p>\n

\"Jak
\n
\nAle pak byl design upraven a p\u0159iveden do norm\u00e1ln\u00ed podoby.
\n(Odkaz na v\u0161echny prvky designu je na konci \u010dl\u00e1nku).<\/p>\n

\"Jak
\n<\/p>\n

Programov\u00e1n\u00ed<\/h3>\n

Programovat je obt\u00ed\u017en\u00e9, ale d\u00e1 se to. Tento okam\u017eik pomineme, proto\u017ee jsem se tomu osobn\u011b nev\u011bnoval. Program\u00e1to\u0159i ud\u011blali obrovskou pr\u00e1ci, bez kter\u00e9 by to cel\u00e9 postr\u00e1dalo smysl. Samoz\u0159ejm\u011b se poda\u0159ilo realizovat \u010d\u00e1st p\u0159edstav. A program je\u0161t\u011b pot\u0159ebuje \u00fapravy. Je tam spousta chyb a funkc\u00ed, kter\u00e9 je t\u0159eba odstranit. Kdybychom m\u011bli v\u00edce \u010dasu, dostali bychom se z hlubok\u00e9 alfy, ale zat\u00edm si m\u016f\u017eete aplikaci vyzkou\u0161et na konci \u010dl\u00e1nku.<\/p>\n

A te\u010f o testov\u00e1n\u00ed<\/h3>\n

Co je nejd\u016fle\u017eit\u011bj\u0161\u00ed v programov\u00e1n\u00ed? Podle m\u00e9ho n\u00e1zoru je nejd\u016fle\u017eit\u011bj\u0161\u00ed, aby v\u0161echno fungovalo a vypadalo tak, jak m\u00e1. Jak m\u00e1, nevznik\u00e1 v\u017edy a hned. K tomu pot\u0159ebujeme testov\u00e1n\u00ed. Sv\u00fdm tester\u016fm jsem navrhl model testov\u00e1n\u00ed s pou\u017eit\u00edm testovac\u00edch p\u0159\u00edpad\u016f. Nejprve se p\u00ed\u0161\u00ed testovac\u00ed p\u0159\u00edpady v pln\u00e9m souladu se specifikacemi a pot\u00e9 se podle nich prov\u00e1d\u00ed testov\u00e1n\u00ed. Co z toho vze\u0161lo, m\u016f\u017eete vid\u011bt n\u00ed\u017ee v odkazech. <\/p>\n

D\u011bkuji, \u017ee jste si to p\u0159e\u010detli. Douf\u00e1m, \u017ee jste zde na\u0161li alespo\u0148 n\u011bco u\u017eite\u010dn\u00e9ho, mo\u017en\u00e1 n\u00e1pad na sv\u016fj startup, nebo mo\u017en\u00e1 dobr\u00e9 rady \u010di n\u00e1stroje.<\/p>\n

Odkazy:<\/h3>\n

Posledn\u00ed specifikaci<\/a><\/noindex>.
\nDesign na Figma<\/a><\/noindex>.
\nTestovac\u00ed p\u0159\u00edpady<\/a><\/noindex> a chyby aplikace<\/a><\/noindex>.<\/p>\n

Samotn\u00e1 aplikace na HokeyApp<\/a><\/noindex>. \u2014 Aplikace byla sestavena pod n\u00e1zvem HandsOff, ani se neptejte pro\u010d (proto\u017ee Stop Procrastination je p\u0159\u00edli\u0161 dlouh\u00e9).<\/p>\n

A na z\u00e1v\u011br<\/h3>\n

Jak mysl\u00edte, m\u011blo to v\u0161echno smysl?<\/p>\n

Pouze registrovan\u00ed u\u017eivatel\u00e9 se mohou \u00fa\u010dastnit ankety. P\u0159ihlaste se<\/a><\/noindex>, pros\u00edm.<\/p>\n

Je takov\u00e1 praxe pot\u0159ebn\u00e1 ve vzd\u011bl\u00e1vac\u00edch instituc\u00edch a jak je u\u017eite\u010dn\u00e1 a aplikovateln\u00e1 v re\u00e1ln\u00e9m \u017eivot\u011b?<\/h2>\n