{"id":357,"date":"2022-06-17T08:49:24","date_gmt":"2022-06-17T08:49:24","guid":{"rendered":"https:\/\/nlp.pef.mendelu.cz\/?page_id=357"},"modified":"2022-07-22T13:29:20","modified_gmt":"2022-07-22T13:29:20","slug":"moji-lidi","status":"publish","type":"page","link":"https:\/\/nlp.pef.mendelu.cz\/index.php\/moji-lidi\/","title":{"rendered":"Moji lidi"},"content":{"rendered":"\n
\n
\n
\n
\"\"<\/a><\/figure><\/div>\n\n\n\n

V dob\u011b informa\u010dn\u00ed exploze a dramaticky se m\u011bn\u00edc\u00edch podm\u00ednek m\u016f\u017ee b\u00fdt slo\u017eit\u00e9 a \u010dasov\u011b n\u00e1ro\u010dn\u00e9 naj\u00edt vhodn\u00e9ho poskytovatele slu\u017eeb, kter\u00fd vy\u0159e\u0161\u00ed z\u00e1kazn\u00edk\u016fv probl\u00e9m. Mno\u017estv\u00ed nab\u00edzen\u00fdch slu\u017eeb je dnes mnohem v\u011bt\u0161\u00ed a nav\u00edc jsou slu\u017eby komplexn\u011bj\u0161\u00ed. Tak\u00e9 struktura poskytovatel\u016f slu\u017eeb se \u010dast\u011bji m\u011bn\u00ed. Tam, kde byl v\u010dera peka\u0159, je dnes knihkupec. A v neposledn\u00ed \u0159ad\u011b je tak\u00e9 slo\u017eit\u00e9 z\u00edskat informace o kvalit\u011b poskytovan\u00fdch slu\u017eeb. Proto na internetu existuj\u00ed r\u016fzn\u00e1 \u0159e\u0161en\u00ed, kter\u00e1 z\u00e1kazn\u00edk\u016fm pom\u00e1haj\u00ed vybrat vhodn\u00e9 dodavatele.<\/p>\n\n\n\n

Jedn\u00edm z takov\u00fdch \u0159e\u0161en\u00ed m\u016f\u017ee b\u00fdt i webov\u00e1 aplikace Moji lidi<\/a>.<\/strong><\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
\n

O Aplikaci<\/h2>\n\n\n\n

Aplikace vznikla jako reakce na mezeru ve vyhled\u00e1v\u00e1n\u00ed informac\u00ed a dodavatel\u016f. V prvn\u00ed f\u00e1zi se inspirovala trhem s dotacemi.<\/strong><\/p>\n\n\n\n

Na trhu existuj\u00ed tis\u00edce dota\u010dn\u00edch program\u016f a v roce 2009 bylo prakticky nemo\u017en\u00e9 z\u00edskat jednoduch\u00e9 a srozumiteln\u00e9 informace o jednotliv\u00fdch programech. Poskytovatel\u00e9 informac\u00ed poskytovali dotace ve “sv\u00e9m jazyce” na des\u00edtk\u00e1ch webov\u00fdch str\u00e1nek. Pokud tedy \u017eadatel\u00e9 o dotaci nem\u011bli zku\u0161en\u00e9ho poradce, nemohli pot\u0159ebn\u00e9 informace naj\u00edt a bohu\u017eel ani nem\u011bli kam zavolat \u010di napsat.<\/p>\n\n\n\n

Prvn\u00edm projektem bylo vytvo\u0159en\u00ed webov\u00fdch str\u00e1nek dotacni.info<\/strong><\/a>, kde byly jednodu\u0161e prezentov\u00e1ny stovky dotac\u00ed, aby k nim u\u017eivatel\u00e9 m\u011bli p\u0159\u00edstup a byly srozumiteln\u011bj\u0161\u00ed. N\u00e1pad se setkal s \u00fasp\u011bchem a nyn\u00ed ka\u017ed\u00fd t\u00fdden p\u0159ich\u00e1z\u00ed p\u0159es 100 dotaz\u016f od potenci\u00e1ln\u00edch klient\u016f.<\/p>\n\n\n\n

O n\u011bkolik let pozd\u011bji se stal internet p\u0159epln\u011bn\u00fd pom\u011brn\u011b kvalitn\u00edmi webov\u00fdmi str\u00e1nkami, kter\u00e9 poskytovaly informace o komer\u010dn\u011b zaj\u00edmav\u00fdch dotac\u00edch. Kdy\u017e \u017eadatel hledal pot\u0159ebn\u00e9 informace, vyhled\u00e1va\u010de mu nab\u00edzely str\u00e1nky nejv\u011bt\u0161\u00edch firem v oblasti dota\u010dn\u00edho poradenstv\u00ed, p\u0159\u00edpadn\u011b \u010dasto v\u00edce str\u00e1nek jedn\u00e9 takov\u00e9 firmy. Na internetu tak vznikl jak\u00fdsi oligopol p\u0159edn\u00edch organizac\u00ed.<\/p>\n\n\n\n

\n
\n
\n

Jedn\u00edm z probl\u00e9m\u016f bylo mno\u017estv\u00ed nerelevantn\u00edch dotaz\u016f (nap\u0159. na mal\u00e9 projekty nebo nezaj\u00edmav\u00e9 projekty). S t\u011bmito klienty bylo slo\u017eit\u00e9 efektivn\u011b pracovat.<\/p>\n\n\n\n

Jako mo\u017enost \u0159e\u0161en\u00ed tohoto probl\u00e9mu byl vymodelov\u00e1n syst\u00e9m Moji lidi<\/a><\/strong>, v jeho\u017e r\u00e1mci se sna\u017e\u00edme kombinovat nab\u00eddku a popt\u00e1vku na z\u00e1klad\u011b parametr\u016f ceny, kvality a rychlosti, nikoliv publika\u010dn\u00ed a reklamn\u00ed s\u00edly.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Zaveden\u00fd probl\u00e9m je patrn\u00fd i na jin\u00fdch trz\u00edch. C\u00edlem v\u00fdvoje aplikace je vytvo\u0159en\u00ed nov\u00e9 podoby celosv\u011btov\u011b vyu\u017e\u00edvan\u00e9 otev\u0159en\u00e9 aplikace kombinuj\u00edc\u00ed vyhled\u00e1va\u010d s principy soci\u00e1ln\u00edch s\u00edt\u00ed (ne p\u0159\u00e1tel, ale ciz\u00edch lid\u00ed) v\u010detn\u011b princip\u016f popt\u00e1vkov\u00fdch port\u00e1l\u016f. Aby byl syst\u00e9m \u00fasp\u011b\u0161n\u00fd, mus\u00ed zahrnovat v\u0161echny oblasti lidsk\u00e9 existence a obsahovat funk\u010dn\u00ed vyhled\u00e1vac\u00ed\/p\u00e1rovac\u00ed algoritmus. Je tak\u00e9 nutn\u00e9 obs\u00e1hnout bu\u010f obrovsk\u00e9 mno\u017estv\u00ed registrovan\u00fdch dodavatel\u016f, nebo syst\u00e9m napojit na existuj\u00edc\u00ed katalogy a vytvo\u0159en\u00e9 internetov\u00e9 zdroje. T\u011bmito \u00fakoly se nyn\u00ed zab\u00fdv\u00e1 partnersk\u00e9 konsorcium spole\u010dnosti CYRRUS ADVISORY, a.s. a Mendelovy univerzity v Brn\u011b.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n
\n

V\u00fdvoj Aplikace<\/h2>\n\n\n\n
\n
\n
\n

Frontend<\/h3>\n<\/div><\/div>\n\n\n\n
\n
Architektura a implementace<\/h5>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

Aplikace MojiLidi byla navr\u017eena jako webov\u00e1 slu\u017eba. Pro v\u00fdvoj frontendu webov\u00fdch slu\u017eeb je k dispozici mnoho p\u0159\u00edstup\u016f – od \u00fazce prov\u00e1zan\u00fdch backendov\u00fdch aplikac\u00ed, kter\u00e9 generuj\u00ed str\u00e1nky HTML na z\u00e1klad\u011b \u0161ablon, a\u017e po odleh\u010den\u00e9 frontendov\u00e9 aplikace napsan\u00e9 v jazyce JavaScript, kter\u00e9 komunikuj\u00ed s backendem prost\u0159ednictv\u00edm dob\u0159e zdokumentovan\u00e9ho API. My jsme zvolili druh\u00fd p\u0159\u00edstup. Na\u0161e slu\u017eba byla implementov\u00e1na jako takzvan\u00e1 Single Page Application <\/strong>(SPA). P\u0159\u00edstup SPA je v sou\u010dasn\u00e9 dob\u011b preferov\u00e1n v mnoha projektech, proto\u017ee poskytuje rychl\u00e9 odezvy na akce u\u017eivatel\u016f a odstra\u0148uje zbyte\u010dn\u00e9 prodlevy p\u0159i na\u010d\u00edt\u00e1n\u00ed str\u00e1nek. Mobiln\u00ed u\u017eivatel\u00e9 oce\u0148uj\u00ed sn\u00ed\u017een\u00ed objemu p\u0159en\u00e1\u0161en\u00fdch dat, kter\u00e9ho se d\u00edky t\u00e9to architektu\u0159e dos\u00e1hne. Tento p\u0159\u00edstup je specifick\u00fd v\u00fdrazn\u00fdm vyu\u017eit\u00edm schopnosti internetov\u00e9ho prohl\u00ed\u017ee\u010de spou\u0161t\u011bt JavaScript, kter\u00fd je zodpov\u011bdn\u00fd za v\u011bt\u0161inu logiky aplikace, komunikaci se serverem a vykreslov\u00e1n\u00ed u\u017eivatelsk\u00e9ho rozhran\u00ed.<\/p>\n\n\n\n

Pou\u017eit\u00e9 technologie<\/h5>\n\n\n\n

V\u00fdb\u011br frontendov\u00fdch technologi\u00ed byl proveden podle jejich vhodnosti pro danou \u00falohu, stavu dokumentace a osobn\u00edch preferenc\u00ed na\u0161eho t\u00fdmu. C\u00edlem bylo pou\u017e\u00edt vhodnou sadu n\u00e1stroj\u016f, kter\u00e1 by poskytovala stabiln\u00ed prost\u0159ed\u00ed a dlouhodobou podporu.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Navr\u017een\u00e9 u\u017eivatelsk\u00e9 rozhran\u00ed a funkce byly implementov\u00e1ny pomoc\u00ed prvn\u00ed edice frameworku Angular JS<\/a><\/strong>. U\u017eivatelsk\u00e9 rozhran\u00ed je pln\u011b responzivn\u00ed a styly CSS jsou generov\u00e1ny pomoc\u00ed preprocesoru SASS<\/a><\/strong>. Pro rozvr\u017een\u00ed byl pou\u017eit framework Bootstrap<\/a><\/strong> a pro z\u00e1kladn\u00ed ikony Font Awesome<\/a><\/strong>. Funk\u010dnost frontendov\u00e9 aplikace je zaji\u0161t\u011bna automatick\u00fdmi testy vytvo\u0159en\u00fdmi pomoc\u00ed Jasmine<\/a><\/strong> a Protractor<\/a><\/strong>. V\u0161echny \u00falohy souvisej\u00edc\u00ed se sestaven\u00edm a nasazen\u00edm jsou automatizov\u00e1ny pomoc\u00ed spou\u0161t\u011b\u010de \u00faloh Gulp<\/a><\/strong>. N\u00e1\u0161 p\u0159\u00edstup umo\u017e\u0148uje vygenerovat samostatnou aplikaci pro mobiln\u00ed za\u0159\u00edzen\u00ed pomoc\u00ed Apache Cordova<\/a><\/strong> se stejnou k\u00f3dovou z\u00e1kladnou jako webov\u00fd frontend.<\/p>\n\n\n\n

Backend<\/h3>\n\n\n\n

Tato \u010d\u00e1st aplikace zodpov\u011bdn\u00e1 za komunikaci mezi datab\u00e1z\u00ed a u\u017eivatelsk\u00fdm rozhran\u00edm je naps\u00e1na v programovac\u00edm jazyce Perl<\/strong>. Dod\u00e1v\u00e1 po\u017eadovan\u00e1 data podle po\u017eadavk\u016f u\u017eivatele. Backend je rozd\u011blen na \u010d\u00e1sti, kter\u00e9 se staraj\u00ed o autentizaci a profily u\u017eivatel\u016f, komunikaci nebo anal\u00fdzu dotaz\u016f. Backend vyu\u017e\u00edv\u00e1 tradi\u010dn\u00ed p\u0159\u00edstup ov\u011b\u0159en\u00fd v mnoha p\u0159edchoz\u00edch projektech, za kter\u00fd byli zodpov\u011bdn\u00ed v\u00fdvoj\u00e1\u0159i. To znamen\u00e1, \u017ee jsme navrhli samostatn\u00e9 moduly Perlu komunikuj\u00edc\u00ed s datab\u00e1z\u00ed pomoc\u00ed spole\u010dn\u00e9ho datab\u00e1zov\u00e9ho rozhran\u00ed na jedn\u00e9 stran\u011b a form\u00e1tu JSON pro komunikaci s frontendem na stran\u011b druh\u00e9. Nebyl pou\u017eit \u017e\u00e1dn\u00fd specializovan\u00fd framework. Tento p\u0159\u00edstup se v prototypu t\u00e9to aplikace osv\u011bd\u010dil a jeho hlavn\u00edm d\u016fvodem byl rychl\u00fd v\u00fdvoj aplikace v prost\u0159ed\u00ed, kde \u017e\u00e1dn\u00e1 podobn\u00e1 implementace nebyla k dispozici.<\/p>\n\n\n\n

\n
\n
\n

Komunika\u010dn\u00ed rozhran\u00ed<\/h3>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

Vzhledem k tomu, \u017ee frontendem webov\u00e9 slu\u017eby je samostatn\u00e1 aplikace v jazyce JavaScript<\/strong>, je pro p\u0159enos dat mezi API na stran\u011b klienta a serveru zapot\u0159eb\u00ed dob\u0159e zdokumentovan\u00e9 API. Backend i frontend implementuj\u00ed rozhran\u00ed definovan\u00e9 v dokumentaci API. Navrhli jsme jednoduch\u00e9 rozhran\u00ed REST API<\/strong> vyu\u017e\u00edvaj\u00edc\u00ed metody HTTP GET, POST, PUT a DELETE<\/strong>, stavov\u00e9 k\u00f3dy HTTP a sadu URI, kter\u00e9 p\u0159edstavuj\u00ed zdroje dostupn\u00e9 z backendu. Data jsou p\u0159en\u00e1\u0161ena ve form\u00e1tu JSON<\/a><\/strong>. Rozhran\u00ed API bylo navr\u017eeno a zdokumentov\u00e1no pomoc\u00ed syntaxe API blueprint<\/strong>, kter\u00e1 tak\u00e9 umo\u017e\u0148uje vytvo\u0159it maketu backendu pro \u00fa\u010dely v\u00fdvoje a testov\u00e1n\u00ed. Ov\u011b\u0159en\u00ed klienta se p\u0159en\u00e1\u0161\u00ed jako textov\u00fd token s ka\u017ed\u00fdm po\u017eadavkem pomoc\u00ed vlastn\u00ed hlavi\u010dky HTTP po jeho p\u0159ihl\u00e1\u0161en\u00ed. M\u00edstn\u00ed \u00falo\u017ei\u0161t\u011b internetov\u00e9ho prohl\u00ed\u017ee\u010de se pou\u017e\u00edv\u00e1 k uchov\u00e1n\u00ed tokenu mezi relacemi u\u017eivatele.<\/p>\n\n\n\n

Ukl\u00e1d\u00e1n\u00ed dat<\/h3>\n\n\n\n

Data syst\u00e9mu jsou ulo\u017eena v tradi\u010dn\u00edm racion\u00e1ln\u00edm open source datab\u00e1zov\u00e9m syst\u00e9mu PostgreSQL<\/strong>. Tento datab\u00e1zov\u00fd syst\u00e9m vyhovuje v\u0161em pot\u0159eb\u00e1m syst\u00e9mu. Syst\u00e9m vyu\u017e\u00edv\u00e1 v\u00edce ne\u017e 20 datab\u00e1zov\u00fdch tabulek pro ukl\u00e1d\u00e1n\u00ed informac\u00ed o u\u017eivatel\u00edch, nab\u00eddk\u00e1ch nebo popt\u00e1vk\u00e1ch u\u017eivatel\u016f v\u010detn\u011b um\u00edst\u011bn\u00ed popt\u00e1vky. V tuto chv\u00edli syst\u00e9m nepodporuje prostorov\u00e9 dotazy, nicm\u00e9n\u011b v budouc\u00edm roz\u0161\u00ed\u0159en\u00ed syst\u00e9mu pl\u00e1nujeme vyu\u017e\u00edt PostGIS<\/a><\/strong>, co\u017e je roz\u0161\u00ed\u0159en\u00ed prostorov\u00e9 datab\u00e1ze pro PostgreSQL. P\u0159id\u00e1v\u00e1 podporu pro geografick\u00e9 objekty, co\u017e umo\u017e\u0148uje prov\u00e1d\u011bt dotazy na polohu v jazyce SQL.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

V dob\u011b informa\u010dn\u00ed exploze a dramaticky se m\u011bn\u00edc\u00edch podm\u00ednek m\u016f\u017ee b\u00fdt slo\u017eit\u00e9 a \u010dasov\u011b n\u00e1ro\u010dn\u00e9 naj\u00edt vhodn\u00e9ho poskytovatele slu\u017eeb, kter\u00fd […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-357","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/pages\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":11,"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/pages\/357\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/pages\/357\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/nlp.pef.mendelu.cz\/index.php\/wp-json\/wp\/v2\/media?parent=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}