Koncept řešení portálu ŠSČR. Czechgeeks

Transkript

1 Koncept řešení portálu ŠSČR Czechgeeks vypracovali Jordan Zachov & Viktorie Del Maschio dne /10

2 Koncept rekonstrukce Chess.cz Tento dokument popisuje návrh řešení nových webových stránek portálu Šachového svazu České Republiky. Je vypracován s ohledem na požadavky zákazníka. Cílem dokumentu je přepracovat současný stav portálu do ucelenější a přehlednější verze. Koncept je rozdělen do kapitol korespondujících s body zadání. Cílem tohoto projektu je přizpůsobit webový portál Chess.cz požadavkům moderních uživatelů a získat tak nové zájemce o šachy a o ŠSČR i upevnit vztahy s těmi stávajícími. Výsledkem našeho snažení bude přehlednější a pohodlná webová komunikační a informační platforma pro šachové hráče a celou jejich komunitu. Z jediného místa by tak měly být přístupné všechny potřebné informace, aktuality, výsledky soutěží, databáze hráčů a komisí, registrační formuláře a další. Požadavky na správu Propojení s databází db.chess.cz Pro kompletní určení propojení s databází db.chess.cz předpokládáme poskytnutí skriptu k databázi. Hosting Navrhujeme dvě řešení hostingu. První varianta je taková, že by webové stránky běželi na našem dedikovaném serveru. Garantujeme neomezený přenos dat s minimem 100Mbps reálných datových přenosů v rámci ČR a minimálně 10Mbps. Zálohování serveru minimálně 1x denně s kompletní zálohou, která je uchovávána 5 až 14 dní od provedení zálohy. Jsme ochotni přizpůsobovat server zátěži, kterou na něj bude vyvíjet webový portál zdarma. Cena námi poskytované služby je zobrazena v tabulce kalkulace. Druhá varianta je hosting u libovolné hostingové společnosti. Redakční systém Jako redakční systém splňující vypsané požadavky byl vybrán Drupal. V bodech odpovíme na požadavky: 1. Je možné definovat širokou škálu práv pro uživatele. 2. Struktura bude navržena nově, bude brána v potaz samozřejmě stávající struktura dat. 3. Práce s prostředím je formou dialogových oken, intuitivně přímo v portálu. 4. Drupal má světově nejrozšířenější uživatelskou základnu. Nová struktura dat bude součástí analýzy, kterou provedeme v rámci vývoje projektu. Předpokládáme spolupráci se zadavatelem, který strukturu bude upravovat v rozsahu stávajícího webu a přidaných funkcionalit na základě zadání. Pokud jde o migraci dat, klaníme se k tomu, aby nebyla provedena. Současná data nemají žádné uspořádání a migrace by byla velice komplikovaná a vyžadovala další čas navíc. Klaníme se k tomu, abychom starý web zachovali a umožnili uživatelům přepínání mezi novým a 2/10

3 starým. Na starém webu by byla stará data. Výhodu vidíme také v tom, že uživatelé si mohou zvykat postupně na nový web. Pokud něco nemohou najít, stačí se podívat na starý web. Technické požadavky na systém Drupal je možné naleznou na adrese Obecné požadavky Požadavky v bodech: 1. Generování SEO. 2. Kvalita kódu je u nás kontrována tzv. code review. Vývojáři si navzájem kontrolují a připomínkují kódy. 3. W3C dynamický web nebude zřejmě možné vytvořit, můžeme však vytvořit dle W3C bezchybné šablony webu. 4. Kontrola formulářů systémem captcha 5. Redakční systém Drupal je zdarma, žádné další dodatečné prvky, které by vyžadovali licenci nebudou použity. Technická podpora Garantujeme reakční dobu ve všední den do 24 hodin. Doba vyřešení nahlášených chyb do 48 hodin od přijetí požadavku. Dále zvýhodněnou hodinovou sazbu na veškeré práce navíc 500 kč/hodina. Požadavky na prvky portálu Tato kapitola popisuje řešení prvků portálu. Kalendář akci Kalendář akcí je zobrazen v příloze zobrazující návrh řešení domácí stránky portálu. V levé části obrazovky bude klasický kalendář s vyobrazenými událostmi rozlišenými podle barev (každá z kategorií bude mít svojí barvu). Uprostřed bude krátká detailní informace o právě označené události (pokud nebude obsahovat žádné informace, bude popsán pouze typ události např. co je rapid šach) s odkazem na propozici události (tím může být odkaz na stránky pořadatele, soubor s pokyny, atd.). Primárně bude zobrazován detail informací o událostech v den návštěvy webu, tzn. co se děje přímo dnes. V pravé části bude jednoduchý filtr kategorií, které chce uživatel zobrazovat. Kalendář bude jak je požadováno předfiltrován podle aktuální pozice na stránkách. Data kalendáře budou stahována z db.chess.cz. Nebudou dodatečně nikde ukládána. Budou stahována vždy pro aktuální měsíc, pokud si uživatel chce listovat měsíci bude vždy znovunačten z databáze (v průběhu načítání se bude zobrazovat klasické načítací kolečko). Přihlašovací formuláře Přihlašovací formuláře do ŠSČR budou v sekci informace. Přihlašovací informace k soutěžím budou vyžadovány dle propozic konkrétních soutěží. Nedají se zobecnit. Je třeba vytvořit systém, kterým bude možné soutěže zapisovat včetně jejich kontaktních osob. 3/10

4 Aktuality Aktuality budou načítány z redakčního systému, bude je možné vytvářet či editovat přímo ve stránce (Drupal). Prvek aktualit bude zobrazován s možností filtrování. Podobně jako kalendář akcí bude předfiltrován podle aktuálního umístění uživatele na webu. Informační baner Informační baner bude zobrazen pouze na hlavní stránce. Bude obsahovat infografiku, kterou připravíme dle požadavků. Pokud budeme obsah připravovat my, budeme účtovat za každý nový baner zvýhodněnou cenu. Součástí dodávky jsou 4 banery v ceně. FAQ Často kladené dotazy jsou zobrazeny formou dlaždic. Data dotazů a odpovědí budou čerpána z redakčního systému. Fórum Fórum bude umístěno jako odkaz do patičky. Stávající fórum bude nezměněno. Vyhledávání šachistů z databáze Vyhledávání šachistů z databáze dle kritérií bude realizováno propojením s db.chess.cz. Bude umístěné přímo v globálním vyhledávání a bude tedy přístupné ze všech stránek webového portálu. Po zadání vyhledávaného výrazu bude uživatel mít možnost vybrat si (tlačítkem) zda li zadané heslo hledá na webu nebo mezi šachisty. Sociální sítě Budou realizovány formou ikony, která přesměruje uživatele odkazem přímo na facebook.com. Tato ikona bude v patičce. Spřátelené portály Budou umístěny do patičky formou odkazů, viz. návrh domovské stránky v příloze. Odkazy bude možné přidávat skrze redakční systém. Statistiky návštěvnosti Implementujeme Google Analytics. Budou sledovány všechny důležité odkazy, abychom mohli co možná nejpřesněji monitorovat chování uživatelů. Budeme schopni analyzovat odkud přichází uživatelé, jak se chovají na portálu i jaká data stahují a jiné. Odběr novinek V přehledu aktualit, který byl popisován výše, bude tlačítko, které vyvolá dialogové okno. Skrze tento dialog uživatel vyplní e mailovou adresu, na kterou chce získávat informace o aktualitách. 4/10

5 ELO LOK Spolupráce s db.chess.cz. Získaná data budou zobrazována ve podobně vykreslované tabulce jako vyhledávání šachistů z databáze. Obsah portálu Veškerý obsah stránek bude spravován skrze redakční systém. Navržení systému je náskledující: Reprezentace Současný stav reprezentací je značně chaotický, navrhujeme vytvořit nové, strukturovanější řešení. Bude lepší i při zobrazování dat na webu. Data budou vkládána pomocí redakčního systému, předpokládáme, že nejsou generována z db.chess.cz. Níže vypsané atributy reprezentace nejsou povinné. Doporučujeme je však využívat v maximální míře k dosažení jednotnosti informací, které je třeba zobrazovat. Také doporučujeme co nejméně používat volné položky (především bod Další položka ), zobrazovaná data nepůsobí konsistentně. Filtrování bude možné na základě níže popsané struktury, jmenovitě rok konání, typ případně jméno účastníka. Struktura reprezentace: 1. Rok konání rok konání soutěže, případně i datum 2. Typ reprezentace konečný výběr typů soutěže např. olympiáda, ME, MS, družstva/jednotlivci, atd. 3. Přihláška způsob přihlášení do soutěže (pouze textová informace) 4. Aktuality informace ze soutěže (oddělené články), tyto aktuality budou zobrazovány na úvodu sekce reprezentace 5. Stránky soutěže stránky pořadatele soutěže 6. Výsledky soutěže (myšleno i jako průběžné výsledky) formou tabulky, jednotný styl všech tabulek (může obsahovat více tabulek, každá bude mít titulek) 7. Propozice data formou HTML (tady chceme dát správci webu volnost nad tvorbou obsahu) 8. Seznam účastníků opět formou tabulky 9. Fotogalerie 10. Další položka položka obsahující data formou HTML (opět volná tvorba, možnost vložit vícekrát) Soutěže Podobně jako data reprezentace jsou data v soutěžích neuspořádaná. Nové schéma by počítalo s pevně stanovenou strukturou popsanou níže. Struktura soutěží bude hodně podobná struktuře reprezentace, nepředpokládáme, že je velký důvod se výrazně lišit. Data budou spravována pomocí redakčního systému. Níže vypsané atributy reprezentace nejsou povinné. Doporučujeme je však využívat v maximální míře k dosažení jednotnosti informací, které je třeba zobrazovat. Také doporučujeme 5/10

6 co nejméně používat volné položky (především bod Další položka ), zobrazovaná data nepůsobí konsistentně. Na úvodní stránce soutěží bude zobrazen kalendář soutěží (kalendář je popsán v kapitole Prvky portálu). Filtrování bude možné na základě níže popsané struktury, jmenovitě rok konání, typ případně jméno účastníka. Struktura soutěže: 1. Datum konání datum konání soutěže, toto datum bude zobrazováno v kalendáři soutěží 2. Typ soutěže druh soutěže bude obsahovat výběr z konečného počtu typů např. bleskový šach, družstva 3. Přihláška způsob přihlášení do soutěže (pouze textová informace) 4. Vítězný kon 5. Stránky soutěže stránky pořadatele soutěže 6. Výsledky soutěže (myšleno i jako průběžné výsledky) formou tabulky, jednotný styl všech tabulek (může obsahovat více tabulek, každá bude mít titulek) 7. Propozice data formou HTML (tady chceme dát správci webu volnost nad tvorbou obsahu) 8. Seznam účastníků opět formou tabulky 9. Fotogalerie 10. Další položka položka obsahující data formou HTML (opět volná tvorba, možnost vložit vícekrát) Mládež Sekce mládeže bude rozdělena do několika podsekcí, dle dokumentu zadání. Rozšířené menu povede do podsekcí: kontakty konkurzy metodické materiály dokumenty práce s talentovanou mládeží Všechna potřebná data budeme v této sekci získávat z redakčního systému. Dále bude sekce obsahovat kalendář předfiltrovaný na událostí týkající se kategorie mládeže a aktuality zobrazené formou dlaždic. Krajské šachové svazy Současné řešení rozdělení šachových klubů formou mapy ponecháme (pouze změníme design). Struktura každého kraje je také dobře zpracovatelná, ponecháme jí tak jak je v současném stavu (projde to pouze změnou designu). Seznamy oddílů budou stahovány z db.chees.cz formou změny skriptu. Prezentovány ve formě tabulky. 6/10

7 Extraliga Zvláštní forma soutěže, která bude získávat data z db.chess.cz. Tato sekce bude sloužit pouze k zobrazování dat v tabulkách na základě vybraného filtru plus zobrazování online přenosů. Informace ŠSČR Informace budou obsahovat několik sekcí dle zadání. Na úvodu budou aktuality získávané z dat redakčního systému. Podsekce budou zobrazovány formou dlaždic, současné levé menu nepovažujeme za vhodné řešení. Formulářová sekce bude obsahovat seznamy dokumentů s popisem. Data budou uchovávána v redakčním systému ve formátu. Struktura formulářové položky: 1. titulek 2. popis stručný popis toho k čemu formulář slouží 3. dokument ke stažení archivovaný dokument ke stažení (volitelný počet) Hospodaření bude mít stejné rozdělení jako nyní. Data budou čerpána z redakčního systému. Vytvoříme pro sekci rozpočet vstupní tabulky, které budou webmasterem vyplňovány. Pro sekci čerpání rozpočtu ponecháme vstup formou souboru. Sekce dotace by byla realizovaná stejným způsobem. Strategická koncepce bude rozcestníkem mezi černobílou knihou, bílou a červenou. Tyto knihy budou formou dlaždic. Půjde o statická data. Sekce komise bude ve stejné struktuře jako dosud. Data budou čerpána z redakčního systému. Na úvodní stránce budou aktuality, které bude možné filtrovat podle kategorie komise. Ostatní podsekce komise aktuality zobrazovat nebudou, budou zobrazovat pouze dokumenty, pomocné materiály, zápisy ze schůzí atd. Sekce konference bude mít stejnou strukturu jako dosud. Data budou čerpána z redakčního systému. Na úvodní stránce konferencí bude seznam novinek (bez filtrů). Sekce kontakty zůstane stejná. Kategorie kontaktů budou rozdělena do dlaždic. Sekce výkonného výboru bude stejná jako nyní. Data budou čerpána z redakčního systému. Sekce bude rozdělena do dlaždic. Sekce legislativy bude rozdělená jako dosud do tří částí formou dlaždic. Bude uchovávat dokumenty, případně články. Data budou čerpána z redakčního systému. Reference Naše reference za uplynulé dva roky: 1. webové stránky stáje Clever Real Estate 2. firemní stránky Datasys a.s firemní stránky Takeplace 4. náš vlastní projekt CRM Dále z dřívějška: 1. webové stránky Gymnázia Jaroslava Seiferta 2. webové stránky pořadatele soutěží Kynolog roku 7/10

8 Rozpočet Tabulka popisující náklady na položku bez DPH. Položka Popis Odhad Počáteční analýza Příprava projektu (Migrace dat) Nedoporučujeme, nicméně pokud bude nezbytná db.chess.cz Komunikace s databází Návrh grafiky Vytvoření grafiky portálu Návrh struktur Drupalu Příprava struktur drupalu, databáze Kódování webu Vytvoření šablon webu a jeho responsivní verze Propojení webu se systémem Propojení nakódovaných šablon s Drupalem Testování Testování a opravy chyb Celkem bez migrace bez DPH ( s DPH) Celkem s migrací bez DPH ( s DPH) 8/10

9 Přílohy Sketch domovské stránky 9/10

10 Mindmapa webu 10/10