...
- Na základě hotové informační architektury a prvních mockupů prodiskutovat technické řešení.
Discussion
Who | Notes |
---|---|
Matěj Stehlík | Aktualizace za UX tým:
|
Vladimír Smitka | Bude multimediální content? |
Dominik Feri | Ano, do budoucna ho chceme, ne možná hned k 6.11. |
Vladimír Smitka | Z toho hodně vychází otázka v čem se to bude dělat. |
Jan Kohout | Z jara máme zkušenost, že je problém tam takový obsah dostávat dodatečně. Musí se to navrhnout s ohledem na multimediální obsah hned. Jestli ho tedy budeme chtít a počítat s tím. |
Vladimír Smitka | Jestli tedy neudělat portály dva, něco jako blog na multimediální funkce... |
Dominik Feri | To asi nejsme v rozporu, některá témata ho vyžadují. Napriklad "algoritmus" nakaženého... Obrázky tam do budoucna budou určitě, možná grafy a videa. |
Tomáš Vavrda | Zeptám se na přikladu. Může teoreticky vzniknout něco à la kalkulačka mezd = funkční věc na frontendu, bude i něco takového? Pokud ano, mockupy jsou v tom dost omezené. Nápad s tím to oddělit není špatný. |
Matěj Stehlík | Napsal jsem si a pořešíme. |
Marek Vantuch | Oddělovat to třeba není, za Drupal to problém není. Stránky se tam skládají z paragrafů, tím se dají vkládat další věci. |
Tomáš Vavrda | Otázka je editor plus umístění těch věcí – kde vezme data atd. (iframe, graf nebo linkovaný obrázek?) |
Dominik Feri | Ještě nevíme, na ministerstvu je málo informaci a nikdo nechce dat souhlas. |
Tomáš Vavrda | Data by se dala tahat z míst, kde mají vznikat. Například adresáře, kontakty na úřady a seznamy (brát je z nějaké databáze)? > Shrnutí druhů obsahu. |
(tady jsem bohužel zápis nezvládl, musel jsem se odpojit a pořešit nefunkční mikrofon ) | |
Jan Kohout | Co se týče grafů a vizualizací, tak data, vizualizace a grafy od Honzy Vančury (je i na Slacku), je asi to nejlepší, co je teď možné na internetu najít. Bylo by možná dobré se zkusit domluvit zda by neudělal plugin. |
Dominik Feri | Je otázka co za grafy by mělo být? A zda je tam vůbec dávat. Podle úvodní shody by na webu neměly být statistické údaje a mělo by se zužitkovat to, že jsou dobře zpracované na jiných stránkách například onemocneni-aktualne.mzcr.cz Lze to využít ilustrativně – např. pro číslo R. Myslím si, že je bude potřeba spíše míň než víc. |
Jan Kohout | Určitě souhlasím, vymyslet pouze pár věcí, například tři číselné hodnoty nebo tři grafy: Číslo R, naplněnost nemocnic nebo percentuální počet z testů. Vymyslet high-lighty, vybrat to nejzajímavější, co nejlépe ilustruje aktuální situaci. |
To může přijít v další části a hlavní je naplnit web daty. Soustředit se na životní situace. | |
Dominik Feri | Tomáš se ještě dotkl otázky aktualizace dat, to si asi zaslouží bohatší komentář. S návrhem přijde nějaký resort, nejčastěji MZ, pak se to na vládě upraví. Velmi často budeme mít na aktualizaci webu nějaký prostor. Text bychom měli mít k dispozici před zveřejněním na TK, to by mělo fungovat systémově. Měli bychom být schopní upravit znění opatření, kterých se to dotýká. Proto by bylo třeba mít upozornění typu "Aktualizována jsou pouze data v přehledu opatření" a přes noc/později doplnit ostatní = životni situace a detaily. To bude velmi dramatické. Snad by mohl vzniknout systém ala Irsko – pět stupňů, kdy bude připraven text opatření předem a pouze to přepneme a přizpůsobíme další věci. |
Tomáš Vavrda | To asi částečné řešitelné je. Pokud budou články a témata navázána na nějaká usnesení, budeme vědět co k čemu patří. Pokud tedy přestává platit jedno usnesení a nahrazuje se jiným, můžeme témata, která to usnesení nahrazuje takto označit "Usnesení je aktualizováno". To je relativně rychhlé řešení. |
Super návrh. | |
Vladimír Smitka | Mohl by se vyjádřit Marek Vantuch ke zmiňované struktuře dat a jak to lze realizovat v Drupalu? |
Marek Vantuch | Za mě to dává smysl, nic z toho není nerealizovatelné v Drupalu. Stále to jsou relativně jednoduché stránky a jednoduchá struktura dat. Co mi není úplně jasné je napojení na front-end. Padlo rozhodnutí o front-end technologii? Budou to staticky generované HTML stránky nebo React front-end? |
Vladimír Smitka | Je tam vyhledávání. To může řešit Algolia nebo samotné Gatsby.js. |
Marek Vantuch | Algolia by mohla být náročná k naplnění. Jak bude oddělen front-end a back-end. Nadefinuje se API? Musí být back-end první k dispozici. Máme představu kdo by se ujal front-endu? |
Zatím nemáme, prvně jsme oslovili komunitu s WordPressem, ale nakonec se ukázalo, že pro tento typ dat to není nejvhodnější řešení. Vývojáře na Gatsby a React bychom v komunitě najít mohli. Pokud bychom Drupal nerozdělili, měli bychom asi větší problém. Decoupling Drupalu nám naopak umožní si práci efektivně rozdělit. | |
@Honza Vlasák | Teď řeknu něco nepříjemnýho, Drupalu bychom nemohli provozovat na naší infrastruktuře. Drupal neobhájím před týmem bezpečáků. Určitě ne na stejné infrastruktuře jako je Portál občana. |
Není to problém pouze Drupalu, kdy není decouplovaný a je front-end drupalu veřejně dostupný? | |
Možná v případě, kdy by to běželo jinde než Portál občana a pouze se publikovaly předgenerované stránky. | |
Marek Vantuch | Já bych předpokládal, že to poběží jinde než na clusteru Portálu občana. |
Ministerstvo nechce abychom generovali náklady navíc za jiné služby, aby se udržely náklady na stejné výši. Už nyní jsme na hranici s kredity. | |
Vladimír Smitka | Varianta by mohla být v NAKITu hostovat jen staticky content, stále je to lepší cesta než stavět jiné složité řešení jako WordPress. Do NAKITu by se dostal pouze balík statických souborů (Gatsby frontend). |
To by byla technicky dobrá cesta. | |
Zjednodušeně, byla by to podobná cesta jako se dělal koronavirus.mzcr. | |
Vladimír Smitka | Ano, tady s bohatším obsahem díky použití Gatsby. Pro koronavirus.mzcr.cz je pak použitá jen CDN. |
Marek Vantuch | Drupal by se držel jako službu s API v pozadí? |
Vladimír Smitka | Ano, nemám zkušenosti s Drupalem, ale na WP je to pouze build. |
Marek Vantuch | Takže by se využila CI/CD pipeline, kde by se soubory při publikaci generovaly. |
Vladimír Smitka | Gatsby má i placený plán, na koronavirus.mzcr.cz je tlačítko - export (build) + sync. |
Tomáš Vavrda | Hodně se to komplikuje - je důležité si říct jak moc je to DB a jak moc je to obsah – zda nevzít na každou část jiné řešení: databázové řešení a CMS na obsah. Chci upozornit, že je zde moc "možná" a "kdyby". Ten můj prototyp se nám podařilo nasadit do NAKITu poměrně rychle a bez problémů. Nestačilo by tam doplnit políčko pro HTML obsah? Tento prototyp se dá kdykoliv nahradit. Pro postupný vývoj začít s tímto prototypem a pak nahradit Drupalem. |
Marek Vantuch | Rozumím, ale myslím si, že Drupal ten zaklad zvládá - za dva dny je to hotové. Obrovská výhoda je v tom, ze další lide mohou rychle naskočit a upravovat hotové nebo tvořit nový obsah. |
Vladimír Smitka | Ten prototyp má nějaký redakční systém. |
Tomáš Vavrda | Co nevkládat texty nyní do Google Sheets, ale hned do prototypu DB systému, kde to lze lépe strukturovat? Redakční systém dělat na CMS, ale tady je DB s redakční částí připraven. Můžeme připravit Drupal bokem prozatím? |
Vladimír Smitka | API nebude složité, lze to přepnout na front-endu. |
Marek Vantuch | Můžeme se dohodnout na API, které by bylo podobné, ne-li stejné pro oba systémy? |
Tomáši, Honzo, pokud je možné zpřístupnit prototyp pro redakční tým, tak by bylo vhodné zadávat rovnou tam. Shodli jsme se na Gatsbym, můžeme na tom tedy začít pracovat? | |
Dominik Feri | My jsme připraveni to zadávat. Začínají vznikat i EN texty. |
Asi to není finální řešení, ale je to lepší varianta než Google Sheet. | |
Dominik Feri | Děkuji za to Tomášovi. |
@Honza Vlasák | Můžu to uvolnit i na další lidi, budu potřebovat IP adresy editorů. |
Předpokládáme, že všichni nesedí v jedné místnosti. Máme je všechny ve Slacku? Můžeme se s nimi domluvit? | |
Dominik Feri | Nesedí, ale mohli by. Pracují z domova. Ano, jsou ve Slacku. |
Vladimír Smitka | Nemusíme nastavovat VPN, ale existuje něco jako VPN určené pro novináře – funguje jako VPN, https://getoutline.org Můžeme je zagregovat na jeden server a ten poté povolit. |
O to by byl velký zájem. | |
Marek Vantuch | Omlouvám se, musím zmizet. |
Matěj Stehlík | Také musím zmizet. |
Informuj prosím ve Slacku. Pokud ostatní nemají dotazy, za mě je to bylo fajn. | |
Matěj Stehlík | Můžu třeba každé ráno napsat co máme a na čem pracujeme. |
Vrátím se tedy ještě k frontendu, máme tu zástupce za frontend? Je Gatsby v pohodě? | |
Lukáš Caldr | Ano, já jsem s tím v pohodě, mám zkušenosti hlavně s Nextem, s Gatsby přímo ne. Myslím si, že i pro ten větší traffic to je dobré řešení. |
Vít Kološ | Také nemám přímo s Gatsby zkušenost, ale vypadá to v pohodě. |
Vladimír Smitka | Já rozhodil sítě v Drupal komunitě, ale mám kontakty na lidi, co dělají Drupal i Gatsby. Nejsou ve Slacku, ale je kontaktovat nebo zjistit zkušenosti. |
Lukáš Caldr | Bude tedy potřeba generovat a deployovat pomocí CI/CD. |
Používáme Azure DevOps Server, můžeme to propojit. Z GitHubu můžeme brát zdrojáky a buildovat docker image. | |
Tomáš Vavrda | Lukáš asi myslel CI/CD pri změně obsahu na serveru. Jaký by byl proces? Jednou za čas, při změně obsahu nebo nějaké tlačítko? |
Musíme vyzkoušet, ale pres webhook ano. | |
Vladimír Smitka | Na tom webu koronavirus.mzcr.cz je ve WordPressu publikovací tlačítko + webhook. Na mzcr trvá generovaní cca 20sec. To bude podobné i pro Gatsby, s tím mám zkušenosti na WordPressu a trvá to cca desítky sekund. |
Dominiku, je tlačítko v pohodě? Měl by být proces na schvalovaní? | |
Dominik Feri | Ano, my budeme konzultovat a schvalovat s MZ. |
Tomáš Vavrda | Jaké je procento mobilních uživatelů na koronavirus.mzcr.cz? |
Vladimír Smitka | Nemám přesná čísla, ale více než polovina. Vašek Jírovský by mohl mít čísla. |
Tomáš Vavrda | Je třeba počítat s mobilními uživateli, může to být 80% |
Dominik Feri | Pokud je to procento takto vysoké, bude nutné použít asi i funkcionalitu jako rozbalování textu. Pro mobilní uživatele bude těžké se v tom zorientovat. Pokusíme se mobilním uživatelům přizpůsobit. |
Vladimír Smitka | Co třeba použít obdobu tl;dr? Stručný výtah na začátku. |
Dominik Feri | Souhlasím, podobně s tím pracujeme, ale bohužel to nelze vždy. Musí tam být i základní podkladový materiál - autoritativní text. |
Díky. Jako next-step je vydefinování API? | |
Tomáš Vavrda | Zatím bych využil to, co dává DB, podle tabulek. Čekal bych pak návrh od UX týmu. |
Postavíme frontend tým a ve spolupráci s UX si definujeme nutné změny v API. | |
Technická pro pro frontendisty: máme předřazený webový firewall (WAF), který hlídá splnění pravidel OWASP 3.0 Dále od začátku zapojit provozně-bezpečnostní dohledy a sběr telemetrie do Azure Application Insights. | |
Lukáš Caldr | Pokud budou statické HTML, tak asi nebude nic run-time. Nebudou dotazy na API. |
Vladimír Smitka | Gatsby nesahá dynamicky na API. |
Tomáš Vavrda | Dá se tedy něco logovat? |
Je to jako GoogleAnalytics – čas renderování na prohlížečích, sbírá i provozní telemetrii z prohlížečů (jako Sentry). | |
Tomáš Vavrda | Pro Drupal by měly být také tyto požadavky? OWASP? |
Jan Kohout | Ještě k PDF a podobnému obsahu – jako slide 22 prezentace (pro mobilní uživatele?) - nemít to už oddělené v datech a počítat s tím v návrhu? Oddělit ten krátký text pro zobrazení karet od samotného obsahového rámce daného opatření. Atomizace informací, aby nebyl velký text. |
Tomáš Vavrda | Jako to dělá potrebujurousku.cz? Návrh i pro Dominika: Ke každému novému usnesení vlády mít možnost zkopírovat navázané FAQs a texty a ty změnit. |
Jan Kohout | Souhlas. Dalo by se i pro užvatele zobrazovat čím se liší od poslední změny? Zdůraznit oproti minulému opatření – UX tým? |
Dominik Feri | S tím souhlasím, klidně komentujte to, co je již hotové v Google Sheet, pokud se vám zdají texty dlouhé. Někdy je velmi obtížné zkoncentrovat to do jedné vět – ze zkušeností vím, že lidi pak čtou pouze tu jednu větu, tak aby se to tím nekomplikovalo. Souhlasím s tím texty rozdělit do částí, dle životních situací. Dá se to okomentovat, my to zapracujeme. |
Jan Kohout | Ve chvíli, kdy je těžké najít tu jednu větu, pak je ten obsah možná nutné rozbít. |
Tomáš Vavrda | Jak bude mocná analytika? Třeba kolik lidí to dočetlo, jak daleko doscrollovaly? Nebo i zpětná vazba pomohlo/nepomohlo mi? |
Jan Kohout | Máme tady pomohlo/nepomohlo mi v mockupech? |
Neuvědomuji si, vstup pro UX tým. Kam výstup z těchto tlačítek? | |
Application Insights | |
Tomáš Vavrda | V dokumentu je pár poznámek k měřitelnosti. Mělo by se to vyhodnotit. |
Dominik Feri | Souhlasím. Měřitelné to je, ale někdy jen z části – třeba z linek. Nemusí dojít k poklesu, ale můžou víc jen zpřesňovat. Ostatní je dojmologie nebo informace ze samospráv/od starostů, zkušenosti ze Svazu měst a obcí. Mělo by vzniknout vyhodnocení, ve spolupráci s linkami, KHS nebo podatelnami. |
Jan Kohout | Máme filtrování dle cílové skupiny? |
Dominik Feri | Dle životních událostí (rodiče, senioři, podnikatelé...). Dle krajů - až se začne rozvolňovat, tohle bude dávat vetší smysl. Doporučení bude přibývat s tím, jak bude ubývat opatření. |
Jan Kohout | Štítkuje se doporučeni/opatřeni? viz https://meet.google.com/linkredirect?authuser=0&dest=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1Cw8dZx2up6KQ-gar_Jso6DcnhEul_DcBtU7PiUvpl1M%2Fedit%3Fusp%3Dsharing Filtrace dle dosahu (kraj), zdroj, role (starosta), štítky (zde kategorie). |
Tomáš Vavrda | Bude mít každé téma vždy odkaz na ministerstvo/hygienu atd? |
Dominik Feri | Ne vždy, budou to mít opatření, nebudou to mít hygienická doporučení. |
Tomáš Vavrda | Může být i kontakt na toho, kdo to vykládá? Název organizace? |
Dominik Feri | Ano, to by tam mohlo být a měli bychom být schopní to tam zakomponovat. To by se mělo zapracovat – shrnout i do sekce kontaktů. |
Dominik Feri | Jak na technické řešení platnosti a účinnosti? Jak to vyřešit? Téma aktuality – když je nějaká aktualita, zobrazovat banner? Může to být nějaký odkaz na tiskovky atd? Jako to má Slovensko nebo gov.uk. |
Téma i pro UX tým, předáme. |
Conclusions
- Opatření a doporučení budou mít multimediální obsah (zřejmě ne hned k 6.11.).
- Nedává smysl využívat více služeb pro různé druhy obsahu (Drupal pro rich-content a DB řešení pro data opatření).
- Pro WordPress je taxonomie webu problematická, pro Drupal to není problém.
- Drupal z bezpečnostních důvodů nelze provozovat v infrastruktuře NAKIT.
- Další (nové) služby nelze v NAKIT spouštět.
- NAKIT by mohl hostovat předgenerované stránky z Drupalu (Gatsby.js), Drupal backoffice by běžel odděleně a nebyl by veřejně přístupný.
- Deploy & build stránek bude formou CI/CD vyvolaný tlačítkem z redakčního systému.
- Frontend bude v React/Gatsby.js.
- Frontend musí splňovat OWASP 3.0 a mít napojení na Azure Application Insights. Od začátku zapojit provozně-bezpečnostní dohledy a sběr telemetrie do Azure Application Insights.
- Backend bude zajišťovat prototyp T. Vavrdy (jak ho nazýváme?) a Drupal. API by se mělo držet maximálně stejné, aby se dalo jednoduše přepnout až bude k dispozici řešení s Drupalem.
- Platnost a aktuálnost opatření by se dala definovat na úrovni vydaného usnesení na které jsou texty navázány. (UX tým)
- Upozornění typu "Aktualizována jsou pouze data v přehledu opatření" pro aktualizace těsně před tiskovou konferencí? (UX tým)
- Přístupů z mobilních zařízení se předpokládá více než 60% (V. Jírovský by mohl mít data z koronavirus.mzcr.cz)
- Texty by měly být přizpůsobené mobilním zařízením => Rozdělovat delší texty? Rozbalovat? (UX tým)
- Počítáme s tlačítky pomohlo/nepomohlo? (UX tým)
- Mohli bychom zobrazovat banner (součástí headeru?) s aktualitami? (UX tým)
- Dalo by se i pro užvatele zobrazovat čím se liší od poslední změny? Zdůraznit oproti minulému opatření? (UX tým)
Action items
- Former user (Deleted), Tomáš Vavrda: Zpřístupnit prototyp pro redakční tým pro zadávání (místo do Google Sheet). Jak provádět schvalování?
- Former user (Deleted), Vladimír Smitka: Použít Outline pro redakční tým. https://getoutline.org
- Matěj Stehlík: Multimediální obsah chybí v mockupech. Počítá se s jinými funkčními komponentami à la kalkulačka mezd?
- Matěj Stehlík: Projít Conclusions s poznámkou (UX tým).
- Radko Jiroušek Postavit Frontend tým, posílit Drupal tým.
- Marek Vantuch: Postavit prototyp Drupalu.
- Vladimír Smitka: Poptat kontakty z Drupal komunity ohledně zkušeností s Drupal+Gatsby.
- Tomáš Vavrda, Marek Vantuch: Definice API.