Představení projektu
Společný projekt Česko.Digital, NAKIT a Dominika Feriho s jeho příznivci, který má za cíl vybudovat jednoduchý a srozumitelný web pro různé životní události nás všech v průběhu pandemie koronaviru.
Hlavní stránka projektu: https://wiki.cesko.digital/x/PhEY (rozcestník),
veškerá komunikace k projektu: #p-informacni-web-ceska (Slack Česko.Digital)
Jaký problém web řeší a proč je to důležité?
V tuto chvíli neexistuje centrální web, který by jednoduše a srozumitelně informoval širokou veřejnost o aktuálně platných opatřeních v souvislosti s COVID-19. Informace se snaží předávat vláda, média, sociální sítě i mnoho dalších webů. Informace jsou roztříštěné a někdy nejasné nebo nesrozumitelné. Vyjádření vládních zástupců jsou mnohdy bez dalšího kontextu a vysvětlivek, případně v „právnické“ řeči.
Tento stav následně, kromě nejasností samotných mezi lidmi, zvyšuje provoz na informačních linkách 1221/1212.
Srozumitelný výklad přispívá k vyšší disciplíně v dodržování vydaných opatření.
Kdo bude web navštěvovat?
Informační web by měl sloužit široké (i laické) veřejnosti popisem „životních situací“. Například: „Mohu si jít zaběhat po městě?“ nebo „Mohu být v karanténě jinde, než v místě trvalého bydliště?“.
Stávající web MZČR (koronavirus.mzcr.cz) by měl naopak více sloužit jako zdroj informací odborné veřejnosti.
Přínosy a účel
Např. body z prezentace Dominika Feriho:
- srozumitelný výklad = vyšší disciplína
- prevence
- solidarita
- nižší zatížení systému
- ekonomická úspora společnosti
- lepší orientace ve vnímání opatření
- vyšší důvěra společnosti
- zlepšení komunikace mezi ústředními orgány státní správy
- zlepšení vztahů se samosprávou
- propojení s eRouškou (podpora aplikace)
- zvýšení povědomí o portálu gov.cz
Funkcionalita, požadavky
Dominik Feri:
- Přehled účinných a platných opatření popsaný lidsky, protože existující zdroje jsou buď nedostatečné nebo příliš odborné
- Životní situace (cestování po ČR, úřady, volný čas, co když onemocním atd.) a nejčastější otázky
„Není to tedy jedno nebo druhé, ale vše dohromady. Jen tak to může fungovat. Někdo vyřeší svůj dotaz jen prostým výkladem opatření. Někdo bude chtít kazuistické vysvětlení. Pokud ani to nebude stačit, třeba odpověď najde ve FAQ. Na konkrétním případu. Chci jít s kamarády na airsoft: o tom opatření mlčí. Okruh volný čas také. Odpověď nacházím v sekci FAQ, protože na airsoft jsme v minulosti dostali mnoho dotazů, zjistili stanovisko ministerstva zdravotnictví a podali odpověď.“
Web dostupný na covid.gov.cz
Obsah webu
- přehled opatření – platná i účinná
- otázky a odpovědi
- prevence
- kontakty a odkazy
- přehled kompenzací
- kontaktní formulář
- chatbot (fáze X? TBD)
Základní struktura webu
Obecně ji rozdělujeme na 2 základní směry: Opatření a životní situace. Homepage je určitým rozcestníkem, zobrazuje vybrané informace a případně odkazy a nasměrování uživatele dál
- Homepage
- Přehled témat v kategorii životní situací
- Detail tématu
- Detail opatření
- Přehled kategorií životních situací
- Přehled opatření
- Výsledky vyhledávání
- Osobní údaje, GDPR a Cookies
- Mapa webu
- Pro vývojáře (licence, API info atd.)
- Pro novináře, socials
- Kontakty, tvůrci atd.
Rozpis jednotlivých stránek
- Homepage
- Box Opatření (ukazuje vybraná opatření /bylo by pěkné si je v adminu určovat dle aktuální situace/)
- Box Životní situace (stejný princip a chování jako u aktuálních situací)
- Box Vybraná témata a otázky (také obdobný princi, sem chceme vytáhnout /říct v adminu/ konkrétní témata nebo FAQ a k nim popis
- Header
- Menu
- Přepínač jazyků
- Searchbox (budeme s našeptávačem? Autocomplete? Jak bude řešeno?)
- Footer
- Klasický odkazovník, prokliky na socials
- Přehled kategorií životních situací
- Vypsané kategorie (nyní cca. 30x) s rozbalením témat.
- Možná přemýšlím i o filtrování tady
- Přehled témat v kategorii životní situací
- U každého tématu uvádět i úvodní text
- Detail tématu
- úvodní text - ideálně jedna nebo dvě věty, s tímto textem pak na webu pracujeme i jinde! (homepage apod.)
- Platnost
- Lokalita
- Obecný popis
- Detaily, doporučení, vysvětlení
- Související odkazy a podrobnosti
- (text obsah formátovat (možnost prokliků z textu)
- Obsah tématu je rozdělen do částí (pokud něco nebude vyplněno v adminu, nezobrazovat tuto část na webu)
- Časté dotazy (rozbalovátko, text formátovatelný)
- Podobná témata (dokázala by to dynamicky doplňovat nějaká chytrá automatika?)
- Stále hledáte (jen box s infem, proklikem, možná proklik na formulář, nevím ještě)
- Přehled opatření
- Přehled všech aktuálních opatření
- Možnost filtrování (ještě není zcela domyšlené, ale nejspíš kombinace lokalita a platnost)
- Řazení: Defaultní poslední aktualizované,
- Detail opatření
- Úvodí text
- Detail opatření
- Platnost
- Lokalita
- Výjimky
- Související odkazy, zákony, nařízení
- Vychází z detailu tématu
- Obsah také v částech
- Související opatření (obdobné jako u faq u témat, rozbalovátko)
- Související témata (obdobné jako u faq u témat, rozbalovátko)
- Výsledky vyhledávání
- Témata, kategorie, nařízení
- Zobrazovat úvodní texty
- Osobní údaje, GDPR a Cookies
- Klasická textová stránka
- Mapa webu
- Budeme nějak generovat? Nebo bude napevno?
- Pro vývojáře (licence, API info atd.)
- Musí někdo říct co všechno a jak tam bude
- Pro novináře, socials
- Obecně textová stránka, nějaký obrázek atd.
- Kontakty, tvůrci atd.
- Obdobně jako pro novináře
- Ostatní prvky a části webu
- Drobečkovka - vyjadřuje reálnou strukturu webu (viz. výše)
Ostatní informace
- Právě vznikají mockupy.
- Web bude vycházet z Design systému GOV.cz.
Další potřebné funkce a prvky
- Jazykové mutace kompletního obsahu na přepínání
- Formulář (odesílání do adminu? Nebo jen na email? Nebo do googletabulky? Nebo jinak?)
- v administraci vytvořit novou single stránku s formátovatelným textem (i tabulky, obrázky, videa atd.) a publikovat ji
- V administraci editovat již existující stránky typu cookies, pro novináře, kontakty atd.
- SEO balíček
- Google tag manager
Navigace a filtrování:
- Okruh (Zaměstnání, Pohyb venku, Volný čas, Školství, …)
- Téma (Autoškoly, ZUŠ, Maturity, Maturitní plesy, Školní stravování, …)
- Lokalita (Kraj)
- Vyhledávání
Backoffice – rozhraní pro redakční tým
- vkládání a editace
- opatření
- otázek & odpovědí, prevence, kompenzací, kontaktů a odkazů
- okruhů, témat
- definice překladů
Obsah bude plnit a spravovat redakční tým, samotný obsah bude formátovaný text, grafy a další infografika, případně tabulky, fotky nebo videa.
Redakční tým nejsou programátoři a nelze předpokládat, že budou zadávat text v Markdown.
Nefunkční požadavky
Web bude provozovat NAKIT (zodpovídá Honza Vlasák), proto je nutné dodržet dané požadavky na infrastrukturu (viz níže).
Propustnost
- TBD
Dostupnost
- TBD
Bezpečnost
- Pokud aplikace bude vyžadovat autentifikaci uživatelů, nechť je podporovaná MFA (SMS, Auth aplikace od Google, Microsoft, apod.)
- 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.
Přístupnost
- desktop/mobilní zařízení
- dostupné i zrakově nebo jinak postiženým uživatelům (např. dle WCAG 2.1, https://www.mvcr.cz/clanek/pristupnost-internetovych-stranek-a-mobilnich-aplikaci.aspx)
Požadavky na infrastrukturu
- Web poběží na doméně covid.gov.cz (testovací prostředí covid-test.gov.cz)
- Image Nakit nasazuje do AKS z vlastního Azure Container registry, neboť nám tam běží skenování na zranitelnosti docker image (používejme jako base image oficiální aktuální image)
- Image musí podporovat non-root běh: Running container as non-root
- Aplikace backendu i frontendu musí sbírat telemetrii a logovat do Azure Application insights. Jsou k dispozici mraky SDKček
- Nakit zajistí CI/CD pipelajny pro automatizovaná nasazení
- Pokud aplikace bude vyžadovat autentifikaci uživatelů, nechť je podporovaná MFA (SMS, Auth aplikace od google, Microsoft, apod.)
Dále viz https://cesko-digital.slack.com/archives/C01DGSL4JFN/p1603793310190000
případně diskuze nad vhodným řešením: https://cesko-digital.slack.com/archives/C01DGSL4JFN/p1603810635259000
Poznámky od Honzy Vlasáka (NAKIT):
- mám rád filosofii DevOps…
- Obecně se dá říct, že linux, docker + podpora pro Kubernetes a jazyky .Net Core, Java, TypeScript, JavaScript, Python, Node.js, PHP a frameworky, které se točí kolem...React, Bootstrap, Angular...
- Bude funkční CI/CD, která poběží v Nakitu a zdrojáky můžeme brát z public GitHubu/GitLabu
Termíny
Termín na spuštění je 6.11.2020, vnímáme tu 3 streamy a zodpovědnosti:
- Obsah, jeho struktura a informace, @Dominik Feri, termín dodání 4.11.2020
- Informační architektura, UX, design, @Matěj Stehlík (NAKIT), termín dodání 30.10.2020
- Vývoj webu, @Radko Jiroušek (Česko.Digital), termín dodání 5.11.2020
- Provoz, nasazení, @Honza Vlasák (NAKIT), termín dodání 5.11.2020
Fáze projektu
- fáze: Dodání stand-alone webu s obsahovými informacemi (do 6.11.2020)
- fáze: Integrace s dalšími systémy pro občany - Záchranka, YourPass, eRouška.
- Vytvoření znalostní databáze, ze které mohou čerpat další kontakty (1212, 1221)
Aktuální stav
HOTOVO Fáze 0 "Crashtest dummies" - testovací provoz
PROBÍHÁ Fáze 1A "Ejection seat" - opuštění pilotního provozu
- 16.11.2020
- Je třeba dotáhnout a nasadit vyhledávání.
- Probíhá migrace Drupalu do Nakitu - bude třeba dořešit VPNky a přístup k API.
- Příprava obsahu na PES.
HOTOVO Vyhledávání na webu
Otázka | Text | Zapsal |
---|---|---|
Co? | Dotáhnout vyhledávání se stránkou s výsledky | |
Proč? | Je potřeba dotáhnout vyhledávání na webu. Je to častá stížnost od uživatelů a také tím vznikají haty, že na webu něco není i když to tam je. | |
Kdo? | Frontend | |
Kdy? |
|
- https://trello.com/c/FfOHmK4q/110-search-results-desktop
- https://trello.com/c/6U4Tu0RM/119-search-results-page
- https://trello.com/c/P0mZCp6l/157-search-logic
PROBÍHÁ Převod Drupalu do Nakitu
Otázka | Text | Zapsal |
---|---|---|
Co? | Převod backendu z testovacího serveru do produkčního prostředí | |
Proč? | ||
Kdo? | Infra, Drupal | |
Kdy? |
|
- https://trello.com/c/6PRLO9sn/309-copy-actual-drupal-database-to-azure-sql
- https://trello.com/c/fi6D3Ftl/308-azure-devops-cd-ci-pipeline-for-build-static-site
Důsledky:
- Všichni editoři budou muset používat VPN pro přístup.
- Na původním serveru bude dočasně proxy pro API, aby fungovaly buildy ve Vercelu
HOTOVO Analýza PES
Otázka | Text | Zapsal |
---|---|---|
Co? | Je potřeba zanalyzovat, co to pro web znamená a jak mu přizpůsobit obsah. | |
Proč? | Analýza změn v obsahu umožní předpracovat změny i textově při měnícím se stupni PES, to umožní rychlejší update celého webu. Již k hotovým předpracovaným návrhům, které se schválí jako "zveřejněno" se jen připnout aktuální vládní Krizová opatření. | |
Kdo? | Tereza Křížová, Martina Kolská, Petr Matějů | |
Kdy? | Pro stupně PES 5 a PES 4 do včera ; Pro PES 3 do ; pro PES 1 a PES 2 do |
PROBÍHÁ Zobrazování aktuálních a plánovaných opatření
Otázka | Text | Zapsal |
---|---|---|
Co? | Job-story: Když František sedí večer u televize, politici ve zprávách říkají, že se budou měnit opatření. Chce na covid.gov.cz zjistit, jak se ho změny dotknou, protože příští týden má svatbu. Popis řešení:
| |
Proč? | Se změnou aktuálních opatření se mění i řešení životních situací. František chce najít své životní situace a s nimi spojená opatření. | |
Kdo? | Matěj Stehlík jako PO/UX, Petr Matějů za obsah, FE vývojáři, BE vývojáři | |
Kdy? | ||
Související Trello tasky |
NÁVRH Fáze 1B "Customer Magnet" - spokojený návštěvník se rovná vracející se zákazník
Cílem této fáze je ukázat návštěvníkovi, že web je místem, kde se dozví všechny podstatné informace ohledně koronaviru, které jsou bezprostředně spojené s jeho bežným denním životem. Návštěvník věří, že jsou informace pravidelně aktualizované a rád se vrací pro nové informace v případě změn. Návštěvnost webu může být parametrem, zda-li návštěvník najde potřebné informace a v kontextu veřejné správy se hodnotí jeho přínos.
NÁVRH Widget pro média
Otázka | Jak zvednout návštěvnost webu a získat nové uživatele | Zapsal |
---|---|---|
Co? | Malý banner, který sděluje klíčovou informaci k webu s ohledem na web a odkazuje na Covid portál. Například v článku o vzdělávání napíše - nově se žáci chystají do škol prezenčně, více detailů - proklik na web | |
Proč? | Uživatelé často získají první informace právě na některém z médii, protože je k nim informace přichází dříve než z jiného webu veejné správy, který musí aktivně vyhledat. Když už návštěvník médium navštíví, můžeme mu poskytnout atraktivní informaci, pro kterou si příště přijde přímo k nám. Zvýšení relevantnosti webu jako informačního zdroje. | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
NÁVRH Atraktivní dlaždice
Otázka | Uživatel si musí být jistý, že informace na webu jsou stále aktuální a při příchodi | Zapsal |
---|---|---|
Co? | Oživit dlaždice na hlavní stránce "životní situace", aby ten obsah vypadal aktualizovaný. Může to být ikonkou u jednotlivé situace, která bude zobrazovat novinky z dané sekce nebo jinak datumem určený obsah, aby bylo zřejmé, že je ten obsah nový. | |
Proč? | Uživatel si musí být jistý, že informace na našem webu jsou stále aktuální a při pohledu na hlavní stránku vidí, co se od poslední návštěvy změnilo. | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
NÁVRH Nejčastěji hledané životní situace najdu na webu na první dobrou
Otázka | Text | Zapsal |
---|---|---|
Co? | Uživatel chce najít, jak to má jeho dítě od pondělí se školou. Při příchodu na web hledá tuto životní situaci buď na dlaždicích, kde takto popsaná situace není nebo ve vyhledávání, kde ale neví, jaké klíčové slovo zadat, ab to našel na první dobrou. Jelikož máme na webu již dvě místa, kde se uživatel snaží tento scénář vyhledat, nepřijde nám rozumné přidávat další - třeba podle person. Proto se nabízí řešení uživatele navést ve vyhledávání. Jak je to nyní? Při zadání slova "rodič" do vyhledávání se jako první zobrazí rozvedené rodiny. To ale není prioritní téma, rodiče nyní hlavně řeší, kdy budou moct poslat děti do školy, co dělat, když jejich dítě onemocní covidem apod. Nápad, jak to vyřešit? Content tým by "uměle" krmil vyhledávání. Nástřel jak je myšleno zde ve figmě: https://www.figma.com/file/R6dV9mUpfC4tfzSYQuZk9N/Prioritn%C3%AD-%C5%99azen%C3%AD-ve-vyhled%C3%A1v%C3%A1n%C3%AD?node-id=0%3A1 Cíl: Zefektivnit vyhledávání uživateli tím, že vyhledávání seřadí nalezené výsledky dle frekvence dané životní situace. | |
Proč? | Uživatel chce najít na webu své nejčastější životní situace spojené s jeho rolí - jsem rodič a chci zjistit, jak to má moje dítě dnes nebo za týden ve škole. Jsem zaměstnanec a chci zjistit, jaké mám dneska podmínky nebo za týden v práci. Chystám se na dovolenou a chci vědět, jaké budou za týden podmínky pro cestování. | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
NÁVRH Grafické prvky na pomoc jednotlivým cílovým skupinám
Otázka | Text | Zapsal |
---|---|---|
Co? | Na web nahrát různé grafické prvky, které mohou pomoct jednotlivým cílovým skupinám upřesnit chování občanů v offline světě. Například vývěska pro hospodu nebo školu. | |
Proč? | Skrz užitečné materiály má web pro návštěvníky přidanou hodnotu. | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
NÁVRH Rozšíření o antigenní testy
Otázka | Text | Zapsal |
---|---|---|
Co? | Životní situace chceme rozšířit o postupy týkající se antigenního testování | |
Proč? | Antigenní testování souvisí s životními situacemi spojenými s koronavirem | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
ČEKÁ Fáze 1C "Clean Sky" - doladění funkcí a aktualizace
- Dořešení přístupnosti webu.
- UX a další drobné zásahy
- Úpravy dle aktuální situace - bude např. potřeba doplnit filtrování dle lokality.
- Zveřejnění dat dalším službám - RSS, API.
ČEKÁ Přístupnost
Otázka | Text | Zapsal |
---|---|---|
Co? | Bylo by dobré si nechat udělat odbornější audit přístupnosti pro definování priorit. | |
Proč? | ||
Kdo? | Infra, Drupal | |
Kdy? | ||
Související Trello tasky |
ČEKÁ Filtrování dle lokalit
Otázka | Text | Zapsal |
---|---|---|
Co? | Pro rozvolňování je potřeba mít možnost vyhledávat podle lokality občana | |
Proč? | Opatření se budou rozvolňovat na úrovni jednotlivých krajů, občan tedy podle lokality může mít různá opatření | |
Kdo? | UX, Content, Drupal, Content | |
Kdy? | ||
Související Trello tasky |
ČEKÁ UX, ladění, drobnosti
Otázka | Text | Zapsal |
---|---|---|
Co? | UX ladění, drobnosti, používání | |
Proč? | Aby se web uživatelům dobře používal | |
Kdo? | UX, Content, Drupal, Content | |
Kdy? | ||
Související Trello tasky |
|
ČEKÁ Statistiky obsahu na webu
Otázka | Text | Zapsal |
---|---|---|
Co? | Zobrazovat pro veřejnost: "V tuto chvíli Covid portál obsahuje 288 hesel pro životní situace a 48 pro aktuální opatření v češtině a dále 290 hesel pro životní situace a 8 pro aktuální opatření v angličtině. Celkově 634 hesel." | |
Proč? | Opakovaně lidé ukazují na chyby v našem obsahu (a chyby budeme mít i nadále). | |
Kdo? | ||
Kdy? | ||
Související Trello tasky |
ČEKÁ Rozšíření lokalizace
Otázka | Text | Zapsal |
---|---|---|
Co? | ||
Proč? | ||
Kdo? | ||
Kdy? | ||
Související Trello tasky |
ČEKÁ Fáze 2 "Event horizon" - budoucí rozvoj
- Napojení na další systémy
- Databáze vědomostí
- Podpora IPv6
ČEKÁ Napojení na Erouška
Otázka | Text | Zapsal |
---|---|---|
Co? | ||
Proč? | ||
Kdo? | ||
Kdy? | ||
Související Trello tasky |
ČEKÁ Napojení na Záchranka
Otázka | Text | Zapsal |
---|---|---|
Co? | ||
Proč? | ||
Kdo? | ||
Kdy? | ||
Související Trello tasky |
ČEKÁ Napojení na YourPass
Otázka | Text | Zapsal |
---|---|---|
Co? | Digitální informační karta pro občany (demo karta: https://pass.ysplay.cz/issue/728d5bc3-351c-4f00-ba10-096eae10e57a) | |
Proč? | Jednoduchá komunikace aktuálních sdělení přes notifikace a další obsah přes zadní stranu karty (odkazy atd...) | |
Kdo? | Máme ready napojení na API popřípadě využití RSS kanálu... Jedná se o 2-3 dynamické pole/APPI cally | |
Kdy? | Kartu máme více méně připravenou, takže naše strana je ready | Former user (Deleted) |
Související Trello tasky | https://trello.com/c/HhwDRNos/236-rss-feed |