Create IT Blog - co se děje v Cleverlance

 

 

Co přineslo VR školení České spořitelně?https://create-it.cz/Blog/Stranky/VR-skoleni-v-CSAS.aspxCo přineslo VR školení České spořitelně?<p>​Virtuální realita je hvězdou herního průmyslu, ale zajímavé VR projekty můžete dnes vidět i ve firemním segmentu. Pohybovat se na vlně tohoto trendu je zajímavé z více důvodů. Vedle zásadního marketingového potenciálu mohou inovace v této oblasti přinést do firem úspory, zefektivnění procesů a hlavně úplně nový rozměr přemýšlení o úkolech, projektech, firmě jako takové.<br></p><p>V České spořitelně si to vyzkoušeli na vlastní kůži - po <a href="https://www.mediar.cz/ceska-sporitelna-predstavuje-sve-nove-pobocky-ve-virtualni-realite/">virtuální pobočce</a> se jejich "tribe Asistované kanály" rozhodl tento 3D model využít v akci a požádal nás, abychom v Cleverlance pomohli vytvořit školení pokladní činnosti ve VR. Jedná se o historicky první školení České spořitelny ve virtuální realitě.<br></p><p>​<a href="https://youtu.be/i4-1y5FsX6Q" target="_blank"><img src="/Blog/PublishingImages/Stranky/VR-skoleni-v-CSAS/VR_youtube.jpg" alt="VR_youtube.jpg" data-themekey="#" style="max-width:690px;" /></a><br></p><p>V čem tkví výhody nové metody? Školení kombinuje prvky gamifikace (aneb jak říkal Jan Ámos Komenský: Škola hrou) a imerzivní princip, kdy se žáci mohou ponořit do nové látky natolik, že mají pocit, že si vše zkusili na vlastní kůži, byť to bylo jen virtuální. Školitelé České spořitelny pro nový formát školení vybrali ty části kurzu, které historicky představují pro žáky největší úskalí, těžko se vysvětlí na papíře a ani při pasivním prohlížení např. na videu nedojde k automatizaci procesu. Ta je přitom velice důležitá. Pokladní činnost v bance totiž podléhá přísným regulacím ČNB a to klade zvýšený nárok i na jednotlivé moduly školení. Žáci si mohou trénovat vklad, výběr, kontrolu bankovek, uzavření či vyúčtování pokladny. Fakt, že trénink probíhá v prostředí, které je identické se skutečným formátem pobočky České spořitelny, napomáhá automatizaci jednotlivých procesů a snižuje pozdější chybovost pokladníků v reálných pracovních situacích.<br></p><p>V České spořitelně používají aplikaci v rámci školení vedených lektorem, kdy si žáci mohou na vlastní oči ve VR vyzkoušet většinu úkonů a ty až do zautomatizování opakovat, a to i u méně častých scénářů, to umožňuje modul "tutorial".  Modul pro otestování pak umožní zjistit, do jaké míry si žák osvojil nové dovednosti - test pak odpovídá parametrům požadovaným interními předpisy České spořitelny i ČNB. V současné době je také neoddiskutovatelným benefitem chystaná možnost školení nastavit pro vzdálený režim, tedy tak, že žáci nemusí cestovat na centrálu do Prahy nebo Brna, ale stačí mít na pobočce brýle s aktuálním softwarem. Ušetří se nejen náklady, ale i čas na cestování. Školitelé se stávají průvodci, kteří pomohou studentům s pochopením látky a poskytnou celému školení odborný rámec, nemusí už ale být u každého rutinního opakování a tím vznikají další významné úspory.</p><p>První školení proběhla v červnu 2020 a byl o ně enormní zájem z řady zaměstnanců ČSAS - téměř okamžitě byla zaplněna. A program se rozvíjí dál.​<br></p><p>​ </p><p> ​<br> </p>odborné;#projekty;#
Tajný život dat aneb webová analytika jako klíč k bludišti online světahttps://create-it.cz/Blog/Stranky/tajny-zivot-dat.aspxTajný život dat aneb webová analytika jako klíč k bludišti online světa<p> <em>Online svět může na uživatele působit jako chaotické mraveniště. Může se v něm velmi rychle ztratit – pokud uživateli cestu nenavrhneme jasně a intuitivně, podle přesných plánů. Tím, jak by takové plány měly vypadat a jak z chaosu vytvořit místo příjemné a funkční, se zabývají kromě dalších disciplín i webová analytika a SEO.​</em><br></p><p>Tuto situaci známe všichni. Hledáme na firemním webu nebo v aplikaci konkrétní informaci či produkt. Ač zkoušíme vše možné, nemůžeme ji najít. Reagujeme všichni podobně: jsme frustrovaní, stránku rychle zavřeme a pokud je to jen trochu možné, v budoucnu se jí chceme vyhnout. Frustrace z webu se mění v nespokojenost s celou organizací. Zákazníci svou špatnou zkušenost často šíří dál mezi své okolí a negativní image firmy je na světě. Jednou z cest, jak se podobným momentům vyhnout, je provedení webové analýzy, která se soustředí na odhalení slabých míst webu nebo aplikace. Taková analýza by měla být automaticky součástí větších rozpočtů určených na vývoj jakéhokoli online prostředí, rozhodně se však vyplatí i v případě menších projektů. </p><p>Mnoho firem v současné době přistupuje k analytickým nástrojům webové analytiky jako k nástrojům reportovacím, kdy se zpětně vyhodnotí parametry, ideálně s rostoucí tendencí, které se odprezentují na meetingu. Webová analytika ale nabízí mnohem více. Kouzlo spočívá v interpretaci získaných dat a statistik, testování variant a v následném doporučení, jak web a obsah optimalizovat. Teprve taková analytika je pak pro byznys přínosná. </p><p>Další potenciál webové analytiky se ukrývá v propojení dat získaných z online systémů s interními daty, které firmy mají k dispozici ve svých CRM databázích (business analýza). Jejich propojení umožní získat komplexní pohled na zákazníka, jeho chování a vztahy s firmou, a mít tak informace ke všem jeho online i offline aktivitám. Díky tomu odkryjeme realistický obraz chování a potřeb každého našeho klienta. Následující tabulka uvádí hlavní rozdíly mezi webovou a business analýzou.​<br></p><p> <img src="/Blog/PublishingImages/Stranky/tajny-zivot-dat/analytics.png" alt="analytics.png" data-themekey="#" style="max-width:690px;" /> <br> <br> </p><h2>​​Když je zákazník jeno​m online<br></h2><p>Nouzový stav zákazníky doslova nahnal do online světa, ale už před tím řada z nás jednoduše preferovala internetové služby před těmi „kamennými“. Velmi patrné to je například v oblasti klientských online zón. Je pohodlnější vyřešit požadavek z telefonu v mobilní aplikaci, než zajít na pobočku. Navíc v otevírací době, která se často kryje s naší dobou pracovní. </p><p>Online prostředí je v mnoha případech jediný kontaktní bod zákazníka s organizací. O to důležitější je zákazníkova zpětná vazba a schopnost jeho pohyb a reakce v online světě rozklíčovat. V první fázi je třeba mít správně nastavenou webovou, případně mobilní analytiku. Získáváme opravdu všechna data, která potřebujeme? Na to nám odpoví audit dat – ⁠jiné údaje jsou důležité pro marketing, jiné pro produktové manažery a jiné pro oddělení Risku. </p><p>V druhé fázi pak data sbíráme. Pokud máme k dispozici CRM databázi, hledáme vodítko, propojení mezi ní a webovou částí. Díky datům vidíme, jaké jsou kroky konkrétního uživatele, jak se chová, kterým částem webu věnuje pozornost a kde se naopak ztrácí. </p><p>Pomocí dat a vizualizačních nástrojů můžeme upravit podobu analytických grafů do uživatelsky přívětivější formy. Výsledkem jsou pak analytické dashboardy, které mohou mít jinou podobu pro manažera a jinou pro obchodního zástupce. Podstatné je, že oba dva s nimi mohou pracovat opravdu na denní bázi, jako online nástroj jsou k dispozici neustále v aktuální podobě. Oproti klasickému vyhodnocování je to velká časová (a tím pádem i finanční) úspora.<br></p><p>Další výhodou analytických dashboardů je také vizualizace dat na jednom místě. To je dobrý odrazový můstek pro další podstatnou fázi, interpretaci dat. Při ní lze vyjít z klasické metody A/B testování, kdy vytvoříme hypotézy a ty potom na základě dat ověřujeme. Příklad? Náš klient, významný český virtuální operátor, uvažoval, zda má na svých webových stránkách během marketingové kampaně vést uživatele rovnou na formulář pro objednání produktu, nebo mu o něm nejdříve dodat podrobnější informace. Sledovali jsme tedy, která varianta povede k většímu prodeji tohoto produktu.<br></p><p>Třetí a byznysově nejzajímavější částí webové analytiky je samotná interpretace dat. Důležité je umět z dat vyčíst takové informace, které byznysu pomohou. Na trhu existují různé reklamní systémy, stejně jako je k dispozici vyhodnocování např. ve Facebook Business Manageru nebo Google Ads. Každý nástroj má ale jinou metodiku pro přičítání konverzí a jiné tzv. atribuční okno. Obecně nastavené metriky poskytují jednoduše řečeno příliš obecné závěry. Proto je vždy efektivnější nechat si analytiku ušít na míru svým potřebám, a využít i dalších možností, jako je SEO. To je soubor metod, jejichž cílem je přivést na web co největší množství relevantních návštěvníků z organického vyhledávání.<br></p><p> <img src="/Blog/PublishingImages/Stranky/tajny-zivot-dat/seo.png" alt="seo.png" data-themekey="#" style="max-width:690px;" /> <br> </p><p>Přístup k webové analytice lze také obrátit: z pomocníka vytvořit nástroj marketingu. Tento trend sleduje např. growth hacking, druh marketingu typický hlavně pro startupy v západním světě. Cílem je v relativně krátkém čase získat co největší podíl na trhu a zasáhnout tzv. early adopters, kteří vytvoří první zákaznickou základnu a následně přivedou další zákazníky. Tato metoda je postavena na inovativní marketingové komunikaci, testování a rychlém přizpůsobování produktu zákazníkům. Základem je využívání dat z analytiky a testování hypotéz prostřednictvím statisíců malých A/B testů, které vedou k neustálému vylepšování designu připravovaného produktu. Jejich marketing je postavený výhradně na datech o tom, co na budoucí zákazníky produktu “nejvíce fungovalo." Typickými firmami, které growth hacking využívají, jsou miliardové firmy jako Facebook, Airbnb, Dropbox nebo např. Spotify.​<br></p><h2> Přežít bez ​​analytiky? Ano, ale…</h2><p>Podnikat se dá samozřejmě i bez analytiky. Ale optikou malých firem – pokud děláme jakýkoli marketing, tak potřebujeme vědět, jak funguje. Pro velké firmy to je pak absolutní nutnost, jinak se v online světě pohybujeme se zavázanýma očima. Díky porozumění chování klientů můžeme třeba vidět, že má skupina našich zákazníků některé společné znaky. Pak jim můžeme v rámci personifikovaného marketingu nabídnou zajímavý, a hlavně relevantní produkt. To vše vede k vytváření byznys modelů šitým na míru cílovým skupinám zákazníků.​<br></p><p>Když bychom měli charakterizovat dnešní online svět, je to prostředí, které stojí na datech, testování a ověřování hypotéz. To je jeden z principů fungování online světa. Není náhodou, že se daty intenzivně zabývají největší globální firmy. Ale užitek z umění interpretovat data mají i menší a střední firmy.</p><p> <i>Aneta Hejnová, Mobile and Web Data Analyst<br></i><br></p><p> <br></p><p> <br> </p><p> <br> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> <br> </p>odborné;#vzdělávání;#
5 nejlepších doplňků pro zimní imunituhttps://create-it.cz/Blog/Stranky/imunita.aspx5 nejlepších doplňků pro zimní imunitu<p>​​V zimních měsících je na náš organismus vyvíjen zvýšený nápor, ať už kvůli studenému počasí a nebo tím, že před zimními svátky má deadline řada projektů. Imunita v tomto období dostává co proto a zaslouží si trochu podpory. Pojďme se po​​​dívat na 5 nejúčinnějších potravinových doplňků, které posílí (nejen) imunitu.</p><h2>Zinek<br></h2><p>Zinek je hned po železu druhým nejrozšířenějším stopovým prvkem v těle. Bez něj nemůže imunitní systém správně fungovat. Je totiž potřeba pro vývoj imunitních buněk, jejich komunikaci a také hraje významnou roli při zánětlivých reakcích.</p><p>Až <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5748737/">30 % starší populace</a> trpí nedostatkem tohoto základního prvku. Zinek je běžně obsažen v telecím mase, fazolích, konopném a dýňovém semínku, ovesných vločkách, kešu nebo vejcích. Podle <a href="https://pubmed.ncbi.nlm.nih.gov/19710611/">výzkumů</a> snižuje riziko nákazy onemocnění dýchacích cest a snižuje dobu <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5418896/">léčby</a> nachlazení.<br></p><h2>Vitam​​in D3</h2><p>Vitamin D3, neboli cholikalciferol, reguluje činnost stovek genů prakticky ve všech tkáních. Významně ovlivňuje imunitní systém, což vysvětluje, proč tak často trpíme chřipkou nebo nachlazením v zimních měsících, kdy je méně slunečního záření. Mohlo by nám být podezřelé, proč Skandinávci (žijící ve “slunečním stínu") netrpí virózami více než my - ale má to jednoduché vysvětlení. Mají zvýšený příjem vitaminu D ve stravě.</p><p>Zdrojem vitaminu D3 jsou především tučné mořské ryby, vaječný žloutek nebo plnotučné mléko. Cholikalciferol také účinně <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6164750/">snižuje zánětlivou odezvu</a>​, a tím podporuje imunitní systém. Jeho nedostatek koreluje se <a href="https://thorax.bmj.com/content/70/7/617">zhoršeným průběhem COVIDu</a>.</p><h2>Omega-3 mastné k​yseliny</h2><p></p><p></p><p>Omega-3 mastné kyseliny (EPA, DHA) zlepšují <a href="https://res.mdpi.com/d_attachment/ijms/ijms-20-05028/article_deploy/ijms-20-05028.pdf">funkci</a> imunitních buněk. EPA a DHA kyseliny regulují aktivitu makrofágních buněk, které hrají kritickou roli v obranných mechanismech imunitního systému. Efekt mají i na cytokiny <a href="https://pubmed.ncbi.nlm.nih.gov/31614433/">a další</a> imunitní buňky. Omega-3 jsou významné i pro řadu mentálních funkcí a běžně se <a href="https://www.amenclinics.com/blog/how-omega-3-fatty-acids-change-your-brain/">používají</a> při ADHD terapii.<br></p><p>Nejlepším přírodním zdrojem těchto mastných kyselin jsou losos, vejce, sardinky, vlašské ořechy a chia semínka.​​<br></p><h2>Léko​řice</h2><p>Lékořice se používala již ve starověkém Egyptě a běžně se jí přezdívá jako <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6836258/">“otec bylinných léčiv"</a>. V čínské medicíně je označována jako <em>Gan Cao</em>. Její hlavní účinná látka, glycyrrhizin, je 50x sladší než sacharóza, ale kvůli svojí hnědé barvě se nepoužívá jako sladidlo.<br></p><p>Glycyrrhizin má imunostimulační, anti-virální, anti-mikrobiální, anti-karcinogenní a hepatoprotektivní účinky (ochrana jater). Na játra má tak silný účinek, že se uplatňuje při terapii onemocnění jater, jako je <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4722619/">steatóza</a>. Finové ji zase přidávají do alkoholu (např. vodka Koskenkorva) pro neutralizaci jeho škodlivých efektů. Urychluje také odhlenění a zklidňuje zánět v krku i nosní dutině.</p><p>Podle předběžných <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7180159/">výzkumů</a> glycyrrhizin zabraňuje replikaci koronaviru. U první verze viru SARS <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7112442/">snižoval</a> jeho schopnost přilnutí a vniknutí do buněk. Lékořice je k dispozici ve formě drceného kořene a různých čajových směsí. V ajurvédské medicíně je označována jako lepkavá, těžká, studená a se sladkou chutí a charakterem.</p><h2>Zázvor</h2><p>Zázvor má silné protizánětlivé a antioxidační <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3665023/">účinky</a> a proto je skvělým nástrojem pro posílení imunitního systému. Jeho hlavní účinnou látkou je gingerol. Podle <a href="https://pubmed.ncbi.nlm.nih.gov/30011890/">výzkumů</a> má silný antivirální a antibakteriální efekt a <a href="https://www.researchgate.net/publication/229023130_The_effects_of_Ginger_on_spermatogenesis_and_sperm_parameters_of_rat">zvyšuje</a> testosteron. Podle této <a href="https://pubmed.ncbi.nlm.nih.gov/23123794/">studie</a> je čerstvý zázvor účinný proti HRSV (respirační syncyciální virus). Viru také zabraňuje v přilnutí k ostatním buňkám.</p><p>V ajurvédské medicíně se používá již po tisíciletí pro léčbu problémů se zažíváním, krevním oběhem a dýchacího ústrojí. Je zde klasifikován jako těžký, suchý, ostrý, horký, a má sladký charakter s pronikavou chutí.</p><h2>Nejdůležitější je rovnováha.</h2><p>Nejlepší terapií pro zvýšení imunity je péče o zdraví zažívacího traktu, je​​likož <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2515351/">70 % imunitního systému</a> sídlí ve slizničním imunitním systému. Základem všeho je samozřejmě rovnováha. Nadužívání kteréhokoliv zmíněného doplňku může vést k negativním symptomům, proto všeho s mírou.​​<br><br></p><p><i>Jan Jileček</i></p><h2>​</h2>odborné;#
SEO pro začátečníky: co to je a jak fungujehttps://create-it.cz/Blog/Stranky/SEO-pro-zacatecniky.aspxSEO pro začátečníky: co to je a jak funguje<p>​​Optimalizace pro vyhledávače zní jako strašidelné technické zaklínadlo, přitom nejde o žádnou raketovou vědu. Pokud pochopíte, jak internetové vyhledávače přemýšlí, máte z poloviny vyhráno. V oboru si navíc přijdou na své jak kreativci, tak analytici.<br></p><h2>Co je to ​​SEO?</h2><p>Anglická zkratka v sobě skrývá slova search engine optimization. Jedná se o soubor různých metod, které mají za cíl přivést na vaše webové stránky co největší množství relevantních návštěvníků z organického vyhledávání. Lidsky řečeno, snažíte se svému webu zajistit co nejlepší pozici v neplaceném vyhledávání.</p><p>Podívejte se např. na výsledky vyhledávání pro dotaz „samsung galaxy s20“. Nejprve nám Google nabízí čtyři placené odkazy (zdravím kolegy PPCčkaře), teprve pod nimi vidíme organické výsledky.  A právě ty jsou náš cíl.</p><p> <img src="/Blog/PublishingImages/Stranky/SEO-pro-zacatecniky/serp.png" alt="serp" data-themekey="#" style="max-width:690px;height:444px;" /> <br> </p><p style="text-align:right;"> <em>Stránka s výsledky vyhledávání, zkráceně SERP (search engine results page)</em></p><h2>Proč je SEO ​​důležité</h2><p>Vyhledávače na první stránku výsledků umisťují weby, které pro daný vyhledávací dotaz považují za vhodný a důvěryhodný zdroj informací. SEO nám takovou pozici pomáhá vybudovat. „Vybudovat“ píšu záměrně – stojí to čas a úsilí. Jde o dlouhodobou promyšlenou strategii, jejíž výsledky uvidíte nejdříve za několik měsíců. Jako spousta dobrých a kvalitních věcí to chce zkrátka trpělivost.</p><h2>5 důvodů, proč SEO věnovat pozorn​​ost</h2><p> <b>1. Organické vyhledávání je často největším zdrojem webové návštěvnosti</b></p><p>Většina návštěvníků webu přichází právě z výsledků vyhledávání. Tuto návštěvnost můžete dočasně podpořit PPC kampaní, obvykle ji ale nejde platit věčně. Budujte postupně svou organickou návštěvnost, abyste nebyli závislí na svých reklamách.</p><p> <b>2. Své značce budujete důvěryhodnost a autoritu</b></p><p>Umělá inteligence vyhledávačů posuzuje např. odkazový profil stránky (počet a kvalitu zpětných odkazů vašeho webu) nebo optimalizaci obsahu, dokáže si také ověřit správnost uvedených informací. Pokud budete na svých stránkách tvrdit, že Microsoft založil Steve Jobs, můžete urputně optimalizovat klíčová slova dnem i nocí, ale na první místa vyhledávání se zkrátka nedostanete.</p><p> <b>3. Dobré SEO znamená lepší uživatelskou zkušenost</b></p><p>Vyhledávače posuzují nejen obsah, ale i technickou stránku webu. Poznají, zda se na mobilech pomalu načítá, kolik času na ní uživatelé tráví anebo zda z ní ihned odcházejí. Cílem je nabídnout uživatelům stránky, na kterých se snadno zorientují a najdou informace, které hledají.</p><p> <b>4. Vycházíte vstříc zájmům svých zákazníků</b></p><p>SEO pracuje s pojmem search intent (záměr vyhledávání). Vyhledávač se snaží pochopit, co uživatel hledá, a nabídnout mu tak odpovídající výsledky. Lidem hledajícím dotaz „jak uvázat kravatu“ nenabídne e-shop, ale videonávod. Při zadání „pizza žižkov“ nebudou mezi výsledky recepty, ale mapa s žižkovskými provozovnami nabízejícími pizzu a s recenzemi návštěvníků. Přizpůsobte proto svůj obsah záměru svých zákazníků.</p><p> <b>5. SEO můžete měřit</b></p><p>Oproti PPC kampaním nemáte sice k dispozici jednoduché metriky jako třeba ROI, se správně nastavenými cíli ale můžete sledovat takřka cokoliv. Důležité je umět si spojit všechny střípky dohromady a zjistit, jak spolu souvisí. Mezi nejčastěji sledované metriky patří vývoj organické návštěvnosti v čase, bounce rate, pozice webu v organickém vyhledávání nebo počet indexovaných stránek.</p><p> <span style="color:#333333;font-family:farnham-web-medium, open-sans, sans-serif;font-size:1.46em;">Jak funguje vyhle​​​dávání?</span><br></p><p>Vyhledávač funguje jako knihovna. Sbírá informace, tvoří si z nich katalog a na požádání nabídne relevantní zdroje k danému tématu. Pravidelně vysílá své roboty (též boty nebo crawlery), aby stránky procházely a shromáždily informace o jejich obsahu. Informace o stránkách si ukládá (indexuje) a postupně si tak buduje svou znalostní bázi (index). Když zadáte do vyhledávání svůj dotaz, vyhledávač se ve svém indexu snaží najít pomocí algoritmu co nejrelevantnější odpověď.<br></p><p> <img src="/Blog/PublishingImages/Stranky/SEO-pro-zacatecniky/crawl%20bez%20textu.PNG" alt="crawl bez textu" data-themekey="#" style="max-width:690px;" /> <br> </p><p>Relevanci stránek vyhledávače posuzují na základě mnoha faktorů, jejichž seznam a popis vydá na samostatný článek. SEO faktory rozdělujeme na tzv. on-page a off-page.</p><p>Mezi on-page faktory patří vše, co jako autor webu můžete přímo ovlivnit. Patří sem veškerý obsah, jeho kvalita, zpracování nebo použití klíčových slov a nejčastěji vyhledávaných frází. Důležitá je také rychlost webu, struktura url adres a navigace, přizpůsobení webu pro mobilní vyhledávání a jeho přístupnost pro roboty.</p><p>Off-page faktory naopak zahrnují prvky, které nemáte plně pod kontrolou a ovlivňují je návštěvníci a další stránky. Typicky se jedná o počet a kvalitu zpětných odkazů nebo sdílení obsahu uživateli na sociálních sítích.</p><h2>Pro které weby má SEO s​mysl?</h2><p>Pro všechny, bez debat. Každý web nicméně potřebuje jiný přístup. E-shopy nebo srovnávače zboží nesmí opomíjet technickou stránku SEO, pravidelně kontrolovat indexaci a hlídat si např. správné fungování filtrace. Využijí např. možnost propisovat do výsledků vyhledávání cenu produktu, jeho dostupnost a hodnocení. Jinak se bude chovat zpravodajský portál, který je závislý na přístupnosti a rychlosti webu na mobilních zařízeních, a jinak zase blog o vaření, pro který je klíčový především líbivý obsah.</p><p>Osobně mě na SEO nejvíc baví jeho oborový přesah. Pro práci s obsahem čerpám ze svých zkušeností z copywritingu, v technickém SEO mi pomáhá znalost HTML a alespoň základní povědomí o Javascriptu. Díky SEO si postupně rozšiřuji znalosti o základy UX, psychologie, programování nebo business analýzy. V příštím článku vám představím 10 nejdůležitějších SEO faktorů a moc ráda se s vámi uvidím na některém z dalších školení.</p><p>​ <i>Kateřina Martínková</i><br></p><p> <i>úvodní foto: <a href="https://unsplash.com/%40merakist" target="_blank">Merakist​</a>, Unsplash<br></i></p><p> <br> </p>odborné;#vzdělávání;#
Jak jsme vstoupili do bratrstva medvědí tlapkyhttps://create-it.cz/Blog/Stranky/Teribear.aspxJak jsme vstoupili do bratrstva medvědí tlapky<p>​​​​​​​Znáte <a href="https://teribear.cz/">Teribear​</a>a? Tento červenobílý medvěd několik let za sebou v září rozhýbal Prahu. Letos se akce kvůli koronaviru konala "virtuálně", a tak se vlastně mohlo sportovat úplně všude. A i my v Cleverlance jsme se k této každoroční sportovně-charitativní akci na pomoc dětem pod záštitou <a href="https://www.nadaceterezymaxove.cz/">Nadace Terezy Maxové​</a> zapojili​. Zájem​ byl poměrně velký a kolegové se hlásili do poslední chvíle.<br></p><p>Každý účastník mohl v anketě na intranetu hlasovat o tom, jaký příběh sportem podpoříme. Hlasování bylo dlouho nerozhodné, nakonec jsme však společně vybrali a cílová částka poputuje na pomoc týraným dětem. ​<br></p><p>Rozhodnutí sportovat s Cleverlance pro Teribear ovlivnilo letos na více než tři týdny denní rutinu mnoha z nás. Od 10. 9. do 3. 10. jsme chodili a běhali,​ co nám síly stačily, abychom  na znevýhodněné děti přispěli co nejvyšší možnou částkou. Poctivě jsme logovali kilometry do Stravy, přes kterou se letos sportovalo, a protože akce nebyla limitovaná konkrétním místem, někteří chodili a běhali i za hranicemi. A mohli si užít třeba takovéto výhledy.<br></p><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Teribear/Picture%201.png" data-themekey="#" alt="vyhledy" style="max-width:500px;" /> </div><h2>Co nás Teribea​​​r na​​​uč​​il?<br></h2><p>​Někteří z našich sportujících kolegů se s námi podělili o nové poznatky, které jim podzimní aktivita přinesla:​<br></p><p> <b>​​1) Chod​it pěšky ​​do p​​ráce​</b></p><p style="text-align:center;"> <b><img src="/Blog/PublishingImages/Stranky/Teribear/Picture%202.png" alt="tunel" data-themekey="#" style="max-width:500px;" /><br></b></p><p> <i>„Zjistil jsem, že to mám 5 km, což se dá zvládnout pod hodinu a člověk se tak úplně vyhne MHD. I po skončení Teribearu plánuji chodit pěšky. Mohu si tak užít více Prahy, a dokonce zažít i nevšední věci, jako třeba prázdný žižkovský tunel.“ </i></p><p> Jakub​<br><br></p><p> <b>2) ​Překonávat ne​​přízeň počasí</b></p><p>Že se nám někdy nechtělo a radši bychom zůstali doma v teple, zvlášť s ochlazením, které přinesl konec září, by mi asi potvrdil nejeden kolega, který se do akce zapojil. Odhodlání sportovat pro dobrou věc jsme ale neztráceli a nenechali se odradit ani počasím.<br></p><p> <img src="file:///Users/veronikajandova/Library/Group%20Containers/UBF8T346G9.Office/TemporaryItems/msohtmlclip/clip_image003.jpg" data-themekey="#" alt="" style="width:690px;margin:5px;" /> <i><img src="/Blog/PublishingImages/Stranky/Teribear/Picture%203.png" alt="Picture 3.png" data-themekey="#" style="max-width:690px;" /><br>„Teribear nám vyšel na naši běžeckou dovolenou v Chamonix s kamarády, kde jsme si užili pořádné kopce a trochu nečekaně i dost sněhu."</i><br></p><p> Romana<br><br></p><p> <b>3) ​​​Poradit​ si za každé situace</b></p><p style="text-align:center;"> <b><img src="/Blog/PublishingImages/Stranky/Teribear/Picture%204.png" alt="mapa" data-themekey="#" style="max-width:500px;" /><br></b></p><p> <i> „Počas Teribear som odcestovala z ČR na Slovensko a keďže už v tej dobe bola ČR kvôli covid-19 na Slovensku zaradená medzi rizikové krajiny, skončila som na čas v domácej izolácii. Ale, aby som teda nejak prispela k Teribear kontu, jeden podvečer som behala na našom dvore (plocha cca 10 x 3m), kde som nabehala 3 km. Aby sa mi netočila hlava, menila som smer behu po cca 500 m.“</i></p><p> ​Zuzana D.</p><p> <img src="file:///Users/veronikajandova/Library/Group%20Containers/UBF8T346G9.Office/TemporaryItems/msohtmlclip/clip_image004.png" data-themekey="#" alt="" style="width:690px;margin:5px;" /> </p><p> <b>4) ​​Stát se jedním z nich</b></p><p> <i> „Jak sem běhal kolem Lesné, tak tady běhalo víc lidí a jak mě míjeli, tak mě pořád zdravili. Tak sem je zdravil taky. Běžci se dost mezi sebou zdraví jsem vypozoroval.“</i></p><p>Patrik<br></p><p> <br> </p><p> <b>5) ​​Sportovat s radostí</b></p><p>A při těch mnoha kilometrech jsme se ani nezapomněli bavit.<br><img src="/Blog/PublishingImages/Stranky/Teribear/Picture%205.png" alt="lavicka" data-themekey="#" style="max-width:690px;" /><br></p><p>Aneb jak se dostat na obří lavičku, která má bezmála tři metry se sedadlem ve výšce téměř 1,5 metru?</p><p> <i>„Abych si tam sedla, museli mě vysadit. To byla sranda pro všechny.“</i></p><p>Zuzana P.<br></p><p> <br> </p><p> <b>6) ​​Přemýšlet jinak</b></p><p> <i>„O každém běhu jsem v rámci akce nepřemýšlela jako "dnes si dám 10 km", ale "dnes to dám za 100 Kč". A to mě bavilo.“</i></p><p>Petra<br></p><p> <br> </p><p> <b>7) ​​​Vše zaznamenávat aneb ani kilometr na zmar</b></p><p> <i>„Poctivě jsem se snažila chodit, pokud to šlo pěšky a zapínat si hodinky, aby bylo vše zaznamenané i vzdálenost menší než 1 km.“</i></p><p>Dana<br></p><p> <br> </p><p> <b>8) ​​​Spojit příjemné s užitečným</b></p><p> <i>„Mohla jsem se věnovat svému oblíbenému odlovu krabiček v rámci geocaching.com a ještě u toho sbírala kačky na charitu.“</i></p><p> Zuzana M.<br></p><p> <br> </p><p> <b>9) ​​​​Uvědomit si, že fyzická aktivita nemusí být zdaleka nejnáročnější </b></p><p> <i>"Člověk se totiž může snadno zapotit mnohem více při psaní článku než během sportování."</i></p><p>​​Michaela<br></p><p> <br> </p><h2>A nak​onec se pojďme ohlédnout za uplynulou​​ akcí v číslech:</h2><p>Akce trvala 24 dnů.</p><p>Přihlásilo se 35 z nás – 18 kolegyň a 17 kolegů.</p><p>Za Cleverlance jsme nasportovali 3 042 km.</p><p>Přispěli částkou 30 420 Kč.</p><p>A umístili jsme se na 44. místě z 663 týmů.</p><h4 style="text-align:center;"> <img src="file:///Users/veronikajandova/Library/Group%20Containers/UBF8T346G9.Office/TemporaryItems/msohtmlclip/clip_image006.png" data-themekey="#" alt="" style="width:690px;margin:5px;" /> <img src="/Blog/PublishingImages/Stranky/Teribear/Picture%206.png" alt="Picture 6.png" data-themekey="#" style="max-width:690px;" />​Rozpis výkonů jednotlivých kolegů​​​<br><br></h4><h2>Krásná​ práce!</h2><p>Děkujeme všem kolegům, kteří se do akce zapojili, překonávali sami sebe a sportem pomohli dětem, které to potřebují a zároveň udělali něco pro sebe.​​<br></p><p> <br> <br> </p><p> <br> </p>hobby;#
Vytvoř noční hororovou atmosféru v Unityhttps://create-it.cz/Blog/Stranky/Unity3Dzaver.aspxVytvoř noční hororovou atmosféru v Unity<p>​​​​​V poslední části tohoto Unity tutoriálu vylepšíme vzhled původní scény. Přidáme lepší modely, pohrajeme si s celkovou atmosférou a vytuníme “game feel".<br></p><p>​​V podstatě vytvoříme toto:<br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D6/horor_unity.gif" data-themekey="#" alt="unity horror" style="max-width:600px;" /> <br> </p><p>...z tohoto:<br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D6/original.png" data-themekey="#" alt="basic unity style" style="max-width:600px;" /> <br> </p><p>Nejprve změníme barevný prostor na Lineární přes <em>Edit | Project settings</em>. Barvy budou vypadat přirozeněji.<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/barvy.png" data-themekey="#" alt="barevny prostor v unity" style="max-width:500px;" />  </p><p></p><p>Objekt <em>Plane </em>odstraníme a nahradíme ho novým terénem. Ten přidáme jako nový 3D objekt.<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/3DSettings.png" data-themekey="#" alt="unity 3D settings" style="max-width:500px;" /> <br></p><h2>Tvorba terénu</h2><p>Vybereme objekt <em>Terrain</em> a přepneme se na kartu <em>Paint terrain</em>. Zvolíme možnost <em>Paint texture</em>.<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/painttexture.png" data-themekey="#" alt="unity paint texture" style="max-width:500px;" />  </p><p> ​ ​<span style="text-align:justify;">Vytvoříme novou vrstvu:</span> </p><p style="text-align:center;"> ​<img src="/Blog/PublishingImages/Stranky/unity3D6/layer.png" data-themekey="#" alt="unity new layer" style="max-width:400px;" /><br></p><p>Pro textury hlíny si stáhneme a importujeme balík <em>Outdoor Ground Textures</em> z <em>Asset store</em>.<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/importbaliku.png" data-themekey="#" alt="unity import textury" style="max-width:500px;" />  </p><p></p><p>Poté vybereme nově staženou texturu přes <em>Create layer</em> menu.<br></p><div style="text-align:center;"> ​ <img src="/Blog/PublishingImages/Stranky/unity3D6/7vybertextury.png" data-themekey="#" alt="create layer menu" style="max-width:500px;" /> ​<br><br></div><p>Do nové vrstvy také importujeme tzv. <em>normal map</em> - ta určuje, jak se bude na texturovaném povrchu zalamovat světlo, aby tvořilo iluzi plastického objektu (pro představu např. povrch cihlové zdi, co je 2D, ale zdá se 3D díky normálové mapě).<br></p><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/normalmap.png" data-themekey="#" alt="terrain layer unity" style="max-width:500px;" />​ </div><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/7vybertextury.png" data-themekey="#" alt="unity select texture" style="max-width:600px;" /> <br> </div><p>Po přidání textury hlíny scéna vypadá následovně:<br></p> <img src="/Blog/PublishingImages/Stranky/unity3D6/10shlinou.png" data-themekey="#" alt="unity scrn" style="max-width:600px;" /> ​ <h2>Nové mod​​ely</h2><p>Doposud jsme používali základní modely ze Synty Polygon balíku. Ty teď nahradíme. Já použiju placené modely, co mám k dispozici, vy můžete použít jakékoliv modely máte. Vybírám další ze série Polygon modelů, tentokrát Polygon adventure.<br></p>​ <p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/11polygonadventure.png" data-themekey="#" alt="import unity package" style="max-width:500px;" /><br><br></p><p>Nahrazuji většinu modelů ve scéně - místo auta přidám studnu, dům nahradím chatkou a pro model nepřátel importuji <a href="https://assetstore.unity.com/packages/3d/characters/humanoids/zombie-30232">zombie model</a> z Unity Asset Store (jak použít jeho animace si můžete přečíst v <a href="/Blog/Stranky/unity3D.aspx">prvním dílu</a> tohoto seriálu).</p><h2>Atmos​féra</h2><p>Projekt můžeme <a href="https://learn.unity.com/tutorial/upgrading-an-existing-project-to-use-hdrp-2019-2">snadno převést</a> do HDRP (High definition pipeline) pro rozsáhlejší možnosti nastavení grafiky. Po převodu do HDRP můžeme importovat tzv. <em>volume</em>s. Ty jsou zodpovědné za lokální i globální nastavení post-processingu (aplikování filtrů na grafický výstup), osvětlení a atmosféry.<br></p><p>Importujeme novou <em>Sky and Fog volume</em>.<br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D6/fogvolume.png" data-themekey="#" alt="fog unity" style="max-width:400px;" /> <br> </p><p>Ta ihned změní vzhled scény k lepšímu. Po chvíli hraní si s nastavením (dokumentace <a href="https://docs.unity3d.com/Packages/com.unity.render-pipelines.high-definition%407.1/manual/Override-Physically-Based-Sky.html">Fyzikálně založené oblohy</a>) dociluji tohoto vzhledu:<br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D6/svetlo.png" data-themekey="#" alt="light in unity" style="max-width:600px;" /> <br> </p><p>Objektu osvětlení <em>Directional Light </em>nastavíme intenzitu na 0.07 a scéně tak dáme noční nádech.<br></p> <img src="/Blog/PublishingImages/Stranky/unity3D6/nocninadech.png" data-themekey="#" alt="nocni nadech" style="max-width:600px;" /> <p>Nakonec přidáme mlhu a stromy.​</p><h2>Další úpravy te​​rénu, trávy a stromů<br></h2><p>Z <em>Asset store</em> si stáhneme <em>Grass and Flowers Pack 1:</em></p><p style="text-align:center;"> <em> <img src="/Blog/PublishingImages/Stranky/unity3D6/flowerspack.png" data-themekey="#" alt="unity flowerspack" style="max-width:500px;" /> </em></p> <em></em> <p>Ačkoliv nám HDRP propůjčuje rozšířenou funkcionalitu, v některých ohledech stále zaostává - proto nemůžeme použít klasickou metodu “kreslení" trávy na terén jako detail shader, ale musíme kreslit trávu jako stromy. K tomu využijeme modely trávy z balíku volně dostupného na Asset store jménem <i>Book of the Dead</i> (jedná se o demo scénu poskytovanou přímo Unity).</p><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/bookofdead.png" data-themekey="#" alt="book of dead" style="max-width:500px;" /> </div><p>Balík přidáme do projektu a importujeme pouze složku <i></i><em>Art.</em></p><div style="text-align:center;"> ​<img src="/Blog/PublishingImages/Stranky/unity3D6/art.png" data-themekey="#" alt="unity art" style="max-width:500px;" /></div><p> <br></p><p>V objektu <i>Terrain</i> se přepneme na kartu <i>Paint trees</i>. Vybrat objekt stromu lze přes <i>Edit trees</i>a <i>Select prefab</i>.<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/prefab.png" data-themekey="#" alt="unity select prefab" style="max-width:500px;" />  </p><p></p> <i></i>Vybírám <i></i><em>GrassGreen</em> z importované složky <i></i><em>Art:</em><div><i>​<br></i><em></em> <div><div style="text-align:center;"> <i> <img src="/Blog/PublishingImages/Stranky/unity3D6/grassgreen.png" data-themekey="#" alt="unity grass green" style="max-width:500px;" /> <br></i> </div><p></p><div style="text-align:left;"> A můž​eme malovat na terén! </div><p></p> <img src="/Blog/PublishingImages/Stranky/unity3D6/malovatnateren.gif" data-themekey="#" alt="unity terrain painting" style="max-width:600px;" /> <p> Stejnou metodu použijeme pro její původní účel, a totiž malování stromů na terén. Vybereme model stromu a můžeme malovat.<i></i></p><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/muzememalovat.png" data-themekey="#" alt="unity paint" style="max-width:600px;" /> </div><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D6/muzememalovat2.png" data-themekey="#" alt="paint in unity" style="max-width:600px;" /> <br> </div><p> Teď už jen stačí spustit hru a máme noční hororovu scénu s hordou zombie!<br></p> <img src="/Blog/PublishingImages/Stranky/unity3D6/spustit.png" data-themekey="#" alt="unity play" style="max-width:600px;" /> <p> Nyní je vše hotovo, hra je zakončena a tím i tento seriál Unity tutoriálů. Tento díl nemohu sdílet na githubu, jelikož obsahuje placené modely, které podléhají licenci. Pro scénu použijte modely z Unity asset store nebo Sketchfabu, jsou zde dostupné tisíce bezplatných modelů s otevřenou licencí. A to je vše! Doufám, že jste si mé návody užili a něco nového se přiučili.<br></p><p> <i>Jan Jileček</i></p><p> <em></em></p></div></div>odborné;#hobby;#vzdělávání;#
20 let evoluce druhůhttps://create-it.cz/Blog/Stranky/Zvirata.aspx20 let evoluce druhů<p>​​​​Hrdě se hlásíme k superschopnostem, které mají svůj původ například i v živočišné říši. Darwin by z nás měl radost!​ U příležitosti oslavy 20 let Cleverlance tak ​​​vznikl speciální zvěrokruh - na základě vlastností, které jsme identifikovali i u nás ve firmě.​<br></p><h2>​​Gekon: ​Jakmile​​ se přilepíme k úkolu, nepustíme. <br></h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Gekon.svg" alt="Gekon.jpg" data-themekey="#" style="max-width:400px;height:331px;" /> <br></p><p></p><p> <br> Jak to děláme? Kromě van der Waalsovy síly je v tom i trochu rebelství: běžné limity prostě nebereme jako definitivní. Vytrvalost nás udrží třeba i na stropě. Jako GEKONY. Ale v zasedačkách máme židle většinou nohama dolů, abychom neuváděli návštěvy do rozpaků. </p><p>Nebojte se stavit!<br></p><h2>Vlk: ​Když se zakousneme do problému, všechny překážky v panice prchají.​​​</h2><p> <br> </p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Vlci.svg" alt="Vlci" data-themekey="#" style="max-width:400px;" /> </p><p> Když lovíme řešení, spoléháme jeden na druhého. Spolupracujeme a pomáháme si. Chráníme mladé talenty a zároveň si vážíme zkušeností starších. Pro své týmy hledáme bezpečná teritoria. Jsme silná a soudržná smečka. Jako vlci.<br></p><h2>Šimpanz​: ​Speciální sc​hopnosti jednotlivců dávají největší smysl při práci v tlupě. </h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Simpanz.svg" alt="Simpanz" data-themekey="#" style="max-width:400px;" />  </p><p>Představa IT jako oboru vypjatých introvertních individualit je velmi filmová - a velmi mylná. V Cleverlance dobře rozumíme smyslu spolupráce. Stejně jako naši příbuzní šimpanzi vyhledáváme funkční aliance a stejně jako oni se v průběhu dne navštěvujeme a řešíme věci při konzumaci oblíbené potravy. Zvlášť populární místo je pod centrálním stromem v našem HUBu.<br></p><h2>Jeřáb​: ​​Nosíme štěstí. Spolu se splněným zadáním. </h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Jerab%20600ppi.png" alt="Jerab 600ppi.png" data-themekey="#" style="max-width:400px;" /> </p><p>V Cleverlance věříme, že z dobrého naladění se vyklube dobré řešení. Pozitivního ducha v týmu podporujeme třeba firemními akcemi zdravého pohybu. O projekty pečujeme společně jako jeřábi o svá vejce. Víte, že v Číně je jeřáb symbolem moudrosti a v Japonsku symbolizuje štěstí a dlouhověkost? Určitě si taky vybavíte půvabné námluvní tance jeřábů. I my rádi tančíme. Projevuje se to například na našich vánočních večírcích.​</p><h2>Axolotl: ​​I kdyby nám ruku na klávesnici usekli, zase nám k ní nová doroste.</h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Axolotl.png" alt="Axolotl.png" data-themekey="#" style="max-width:400px;" />  </p><p> Nebojte se, pravidla bezpečnosti na pracovišti zajišťují, že k takovým událostem nedochází. A když už se nám něco nepovede, regenerujeme hbitě, jako každý axolotl. To, co nás živí, nás totiž i baví. A stejně jako axolotlové jsme obojživelníci: naše produkty fungují bezchybně na Macu i na PC. <br></p><h2>Chobotnice: ​Když má jeden mozek těžký den, zapojíme další a dokonale splyneme s úkolem.</h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Chobotnice.png" alt="Chobotnice" data-themekey="#" style="max-width:400px;" /> </p><p></p><p>Stejně jako chobotnice nechává svá chapadla pracovat samostatně, i my v Cleverlance těžíme z toho, že každý náš tým má svůj vlastní mozek. Právě díky vynalézavosti a samostatnosti jednotlivců jsme i po dvaceti letech existence otevřenou firmou, která neustále přidává nové kreativní disciplíny. Nechcete se stát naším novým chapadlem?<br></p><h2>Orel​​: ​Při lovu dokážeme zrychlit i trojnásobně. </h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Orel.png" alt="Orel.png" data-themekey="#" style="max-width:400px;" />  </p><p> Naší silnou stránkou je schopnost koncentrace a soustředění na cíl. Umíme se bez námahy pohybovat v TB dat stejně, jako orel skalní uletí desítky kilometrů bez jediného mávnutí křídly. Když pak spatří kořist, zrychlí při střemhlavém letu i na více než 150 km/h - a troufne si třeba i na kamzíka. Není divu, že je nazýván králem nebes a v některých kulturách je dodnes posvátný. Pokud se chcete ve svém oboru skutečně rozletět, křídla a drápy našeho orlího týmu jsou vám k dispozici.<br></p><h2>Bobr​: Konvenční myšlení? To nahlodáme! </h2><div><div style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Bobr.png" alt="Bobr" data-themekey="#" style="max-width:400px;" /> </div> Měli jste nový nápad a narazili jste? Zajděte za bobrem: budete mít společné téma k hovoru. Bobři dokážou svým stavebním úsilím změnit celý tok řeky a vytvořit nové tůně a domovy pro další živočichy - jenže lidé rozlehlé bobří hrady příliš nechápou. V Cleverlance se spíš staráme o toky dat, ale i my občas musíme hájit svou vizi. Jenže: jak jinak dělat inovace, než opouštěním starých cest? </div><div>Bobrujeme pro vaše dobro!<br></div><div><h2>​Pavián​: ​Už 20 let jsme důkazem, že být slušný dává smysl.</h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Pavian.png" alt="Pavian" data-themekey="#" style="max-width:400px;" />  </p><p> V Cleverlance jsme zvyklí o sebe pečovat. Všichni kolegové, kteří z různých důvodů potřebují pracovat z domova, dostanou u nás plnou podporu. Stejně jako paviáni chápeme, že je třeba myslet na každého člena tlupy. I proto máme vysoký počet zaměstnanců, kteří jsou s námi 5 a více let. Zorganizovali jsme se rychle i v náročné covidové době.<br></p><h2>Gepard: ​​Nezkoušejte s námi závodit. Zařiďte si, že poběžíme pro vás.</h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Gepard.png" alt="Gepard.png" data-themekey="#" style="max-width:400px;" /> </p><p> IT je rychlý obor. Srovnání s gepardem se nebojíme — u něho je fenomenální rychlost kombinací výjimečné lehkosti a pružnosti, a také schopnosti držet rovnováhu. Je to právě rovnováha, která stojí za neochvějným zaměřením na cíl. V Cleverlance jsme se tím přirozeně inspirovali. Když víme, proč se běží, doběhneme první.<br></p><h2>Kolib​řík: Sosáme nové poznatky a kmitáme jako nikdo jiný.</h2><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/Zvirata/Kolibrik.png" alt="Kolibrik.png" data-themekey="#" style="max-width:400px;" />  </p><p> Musíte se do IT ponořit, abyste pochopili jeho kouzlo. Naším sladkým nektarem je bezchybné svištění dat. Každý kolibřík denně navštíví stovky květů, aby se nasytil. My se živíme složitými úkoly. Pokud máte zadání, se kterým si nevíte rady, pošlete ho k nám. Rádi do něj ponoříme svůj vysoce specializovaný dlouhý zobák! <br> </p><h2>Mravenečník: Jsme zarytí v IT. </h2><p style="text-align:center;">​<img src="/Blog/PublishingImages/Stranky/Zvirata/Mravenecnik.png" alt="Mravenecnik.png" data-themekey="#" style="max-width:400px;" /></p><p> Ano, i tohle jsme my! Máme mimořádně vyvinutý čich pro dobrá řešení a jako mravenečníci se umíme zahrabat do toho, co nás zajímá. Civilizace 21. století je trochu jako nepřehledné termitiště. Navrhujeme a zlepšujeme systémy, které zajišťují, abyste se k chutným termitům dostali i vy — ani nemusíte mít jazyk dlouhý 60 centimetrů. Půjčíme vám ten náš.<br></p><p>​<br></p></div>odborné;#
Testing Clever Academyhttps://create-it.cz/Blog/Stranky/testing-akademie-2020.aspxTesting Clever Academy<p style="display:none;">​​​​​​​​​​​​Vstup s námi do světa IT a pojď se naučit testovat software!​ Naši průvodci tě provedou cestami a stezkami až na tvou pomyslnou K2 – získáš svou příležitost v jiném oboru, ve kterém zúročíš své analytické a kritické myšlení.</p> ​<div class="ms-rtestate-read ms-rte-wpbox" unselectable="on"><div class="ms-rtestate-notify ms-rtestate-read 7011e392-79f3-4920-88bc-448b0e5808ac" id="div_7011e392-79f3-4920-88bc-448b0e5808ac" unselectable="on"></div><div id="vid_7011e392-79f3-4920-88bc-448b0e5808ac" unselectable="on" style="display:none;"></div></div><p>​​<br><br></p>vzdělávání;#
Unity 3D: obrana proti hordám nepřátel a částicové efektyhttps://create-it.cz/Blog/Stranky/unity3D5.aspxUnity 3D: obrana proti hordám nepřátel a částicové efekty<p>V této části Unity tutoriálu si ukážeme, jak se lze bránit proti hordám nepřátel pomocí telekineze, kterou jsme si naprogramovali <a href="/Blog/Stranky/telekineze.aspx">minule</a>, a vyzkoušíme si částicové efekty.<br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D5/unity_obrana.gif" alt="unity obrana" data-themekey="#" /> <br> </p><p>Nejprve musíme přidat kolizní box na nepřátelský model, abychom mohli detekovat kolize s hozenou kostkou. Na prefab "Enemy" tedy přidáme Capsule Collider a nastavíme ho jako Trigger (<em>Is Trigger</em>). To zajistí, že hráč ani hozený projektil nebude používat fyziku při kolizi. Kolizní box tak bude sloužit čistě pro detekci nárazu. A jelikož ho vkládáme do tzv. prefabu, aplikuje se následně na všechny vygenerované nepřátele. <br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D5/2capsule.png" alt="capsule unity" data-themekey="#" style="width:400px;" /><br></p><p>Pro efekt "smrti" nepřítele vytvoříme nový <em>Particle Effect</em>. Parametry jsem nastavil přibližně tak, aby efekt evokoval výbuch krve v rámci low-poly grafiky. Na obrázku níže je přesné nastavení, particle efekty často vyžadují chvilku nastavování, než se přiblížíme ke kýženému výsledku. V tomto efektu jde hlavně o <em>Start Color</em> (nastavení barvy), <em>Emission </em>(ovládání generátoru), <em>Shape </em>(tvar vysílání částic) a <em>Collision </em>(nastavení fyzikální kolize s okolím). <br></p><p> <img src="/Blog/PublishingImages/Stranky/unity3D5/kolize.gif" alt="kolize" data-themekey="#" /><br></p><p>A nastavení generátoru:<br></p><p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D5/4deathboom.png" alt="deathboom" data-themekey="#" style="margin:5px;width:400px;height:643px;" /> <br></p><p>Po jeho vytvoření ho opět přetáhneme do <em>Assets</em>, stejně jako předchozí objekty, aby se z něj také stal <em>prefab</em>. Bude ho pak možné hromadně generovat a dále používat bez nutnosti hledat objekt ve scéně.<br></p><p>Ve skriptu Enemy.cs, který jsme tvořili v předminulém dílu, vytvoříme novou proměnnou <em>deathSplash</em>, která bude držet referenci na <em>prefab</em> s výbuchem krve. Přidáme metodu <em>OnTriggerEnter</em>, která se používá pro detekci začátku kolize s jiným objektem. V moment kolize detekujeme, zda objekt, který s nepřítelem koliduje, má dostatečnou rychlost (tzn. zda hráč hodil krabici s dostatečnou silou, aby mohl "zranit" nepřítele). Pokud tomu tak je, zničíme objekt nepřítele a na jeho pozici vytvoříme instanci objektu <em>deathSplash</em>.</p><p> <img src="/Blog/PublishingImages/Stranky/unity3D5/5deathsplash.png" alt="5deathsplash.png" data-themekey="#" style="margin:5px;max-width:640px;" /></p>Teď už jen přiřadíme prefab s efektem výbuchu do proměnné deathSplash, spustíme, a je hotovo! <div> <br> <p style="text-align:center;"> <img src="/Blog/PublishingImages/Stranky/unity3D5/6enemy.png" alt="6enemy.png" data-themekey="#" style="width:400px;" /><br></p><p> </p><p>Doufám, že jste si ničení nepřátel užili. Pro kompletní kód této části tutoriálu navštivte můj <a href="https://github.com/janjilecek/unity_tutorial/blob/d5e91e566c2ca574d6e2a90226fe4a0b16669516/Assets/Scripts/Enemy.cs" target="_blank">github</a>. V dalším díle vylepšíme grafiku hry.<br></p><p> <br> </p><p> <i>Jan Jileček</i><br></p><p> <br> </p></div>hobby;#vzdělávání;#
Telekineze pro začátečníkyhttps://create-it.cz/Blog/Stranky/telekineze.aspxTelekineze pro začátečníky<p>V této části seriálu o herním vývoji si vytvoříme speciální schopnost, telekinezi.<br></p><p>Pokud jste někdy přemýšleli nad tím, jak to hry jako <a href="https://www.youtube.com/watch?v=sXCBODikVRQ" target="_blank">Control</a>, <a href="https://www.youtube.com/watch?v=_grZyaWhK3I" target="_blank">Bioshock</a> nebo <a href="https://www.youtube.com/watch?v=dAOLd6PivMk" target="_blank">Psi Ops: Mindgate conspiracy</a> dělají, pak jste na správném místě. Vytvoření telekineze je snadnější, než to vypadá!<br></p><p>V tomto díle budeme replikovat herní mechaniku telekineze, jak ji vidíme např. ve hře Control:<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/control.gif" alt="control.gif" data-themekey="#" /> <br> </p><h2>Nastavení scény</h2><p>V minulých dílech jsme do scény přidali krabici, objekt Box. Unity teď jen řekneme, že se ke krabici má chovat jako k fyzikálnímu objektu, a to přidáním komponenty Rigidbody.<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-1.jpg" alt="telekineze" data-themekey="#" /><br></p><p>Nyní krabici vytvoříme a přiřadíme nový tag, který pojmenujeme "<em>Box</em>". Skript telekineze se bude orientovat podle tohoto tagu a bude schopen ovládat jen takto označené objekty.<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-2.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-3.jpg" alt="telekineze" data-themekey="#" />  </p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-4.jpg" alt="telekineze" data-themekey="#" />Objekt "Box" teď jen párkrát duplikujeme, aby si hráč měl na čem otestovat svoji novou schopnost (Duplikace: pravé tlačítko na objekt -> duplikovat).</p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-5.jpg" alt="tk-5.jpg" data-themekey="#" /> <br> </p><p>Dále si vytvoříme prázdný objekt, a pojmenujeme ho <em>HoldPosition</em>. Přiřadíme mu objekt hráče jako rodičovský objekt a jeho pozici nastavíme před hráče - tento objekt bude sloužit jako záchytný bod, kam bude Box přitahován telekinetickou silou. Měl by proto být umístěn v zorném poli kamery hráče.</p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-6.jpg" alt="telekineze" data-themekey="#" /> <h2>Funkce Telekineze</h2><p>Vytvoříme si nový skript, <em>Telekinesis</em>. (Veškerý kód je mimochodem dostupný na mém githubu, odkaz níže).</p><p>Chci přitahovat objekty, na které namířím bodem ve středu obrazovky. To provedu pomocí metody <em>ViewportPointToRay, </em>které předám souřadnice středu obrazovky (0.5 x, 0.5 y). Z tohoto bodu bude "vystřelován" paprsek, u kterého mohu detekovat, do jakého objektu naráží.<br></p><p>Pokud narazím do objektu, co je dostatečně blízko, zkontroluji, zda má tag "<em>Box</em>". Pokud má, tak mu nastavím jako rodičovský objekt námi vytvořený <em>HoldPosition. </em>Pak zmrazím fyzikální objekt na místě (jeho rotaci a pozici) a zavolám funkci pro rotaci drženého objektu (rotaci implementuji na konci, prozatím je to prototyp funkce).<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-7.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p>Funkce <em>CheckDistance</em> níže pouze kontroluje vzdálenost mezi přitahovaným objektem a cílovou pozicí <em>HoldPosition</em>. Funkce <em>MoveObjectToPosition </em>lineárně interpoluje pozici objektu až do cílové <em>HoldPosition</em>. Pro uvolnění objektu je použita jednoduchá funkce <em>ReleaseObject</em>, která pouze dereferencuje všechny proměnné. A poslední funkce <em>ShootObject</em> vystřelí objekt směrem pohledu kamery tím, že objektu přidá fyzikální sílu (v režimu impulzu).<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-8.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p>Efekt rotace předmětu provedeme pomocí náhodné rotace objektu. Pro každou osu zvolíme náhodnou hodnotu, při každém přitáhnutí bude pak rotovat jiným směrem a rychlostí.</p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-9.jpg" alt="telekineze" data-themekey="#" /> <p>Máme vše připraveno k použití, teď jen hráči musíme umožnit samotnou telekinezi používat. Namapujeme funkce na vstupní ovládání.<br></p><p>Ve funkci <em>Start</em>  inicializujeme hodnotu <em>throwForce </em>a ve funkci <em>Update </em>se postaráme o vstup. Při stisku levého tlačítka myši hráč přitáhne objekt. Při držení pravého tlačítka "nabije" telekinezní schopnost a vrh bude silnější, čím déle bude držet. Při pouhém stisku hráč vrhne objekt defaultní silou. A při stisku F objekt upustí.<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-10.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p> </p><h2>Poslední úpravy</h2><p>Nás skript <em>Telekinesis </em>přidáme hráčovi - <em>Player</em> - a přiřadíme nutné proměnné jako <em>Camera</em>, <em>HoldPosition </em>a hodnoty pro sílu vrhnutí a vzdálenost přitahování.<br></p><p>Pro snadnější míření na objekty si ještě vytvoříme primitivní UI zaměřovač. Vytvoříme nový objekt - <em>Image</em> (plátno <em>Canvas</em> se vytvoří automaticky).<br></p><p>Obrázek <em>Image </em>připneme do středu obrazovky:<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-11.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p>Jeho pozici nastavíme na (0,0,0), aby se zarovnal přímo do středu. A jeho výšku a šířku změníme na 10. <em>Source Image</em> nastavíme na <em>Knob</em>. Ve středu obrazovky bychom měli mít malou tečku.<br></p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-12.jpg" alt="telekineze" data-themekey="#" /> </p><p> <img src="/Blog/PublishingImages/Stranky/telekineze/tk-13.jpg" alt="telekineze" data-themekey="#" /> <br> </p><p>Teď už jen stačí hru spustit a jsme hotovi.<br></p><h2>Výsledek<br></h2><p> <img src="/Blog/PublishingImages/Stranky/telekineze/unnamed-2.gif" alt="telekineze" data-themekey="#" /> <br> </p><p>Pro kompletní funkční kód navštivte můj <a href="https://github.com/janjilecek/unity_tutorial/blob/master/Assets/Scripts/Telekinesis.cs" target="_blank">github</a>. Doufám, že jste si tvoření nové schopnosti užili. V dalším díle se podíváme na to, jak můžeme naši nově nabytou schopnost použít na hordu nepřátel ze třetího dílu.<br></p><p> <em>Jan Jileček</em><br></p>odborné;#