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

1. fáze: Dodání stand-alone webu s obsahovými informacemi (do 6.11.2020)
2. fáze: Integrace s dalšími systémy pro občany - Záchranka, YourPass, eRouška.
3. 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

• 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

• 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

PROBÍHÁ Zobrazování aktuálních a plánovaných opatření

ČEKÁ