Rodokmen
max. 50 bodů
Vytvořte aplikaci pro zobrazení rodokmenu. V této úloze je zakázáno používat předpřipravené obrázky. Pro zobrazení piktogramů a ikon zvolte symboly Unicode.
Úloha je rozdělena na dvě části. V první budete vytvářet statickou stránku, v druhé pak aplikaci oživíte a umožníte uživateli zobrazený rodokmen upravovat. Za statickou část dostanete až 15 bodů, za dynamickou pak až 35. Úlohu není nutno řešit popořadě – jednotlivé části jsou hodnoceny víceméně nezávisle.
Pokud nebudete dělat dynamickou část, zobrazte umělý rodokmen o alespoň třech generacích, na kterém demonstrujete všechny požadavky zmíněné v zadání. Pamatujte, že nelze přidělit body za splnění požadavku, který není vidět nebo nelze ověřit!
Statická část
Stránka bude obsahovat v levém horním rohu nadpis „Rodokmen“.
Jednotlivé osoby budou reprezentovány pomocí zaoblených obdélníků s viditelným ohraničením. Obdélník bude obsahovat tři řádky textu s těmito informacemi: 1. jméno, 2. datum narození a úmrtí, 3. místo bydliště. Na prvním řádku bude větším písmem celé jméno dané osoby zarovnané na střed. Poté budou následovat zbylé dva řádky s menším písmem. Druhý řádek bude rozdělen na poloviny a v první bude na střed zarovnané datum narození a v druhé bude na střed zarovnané datum úmrtí. Pokud daná osoba ještě žije, tak řádek nebude rozdělen na poloviny a bude obsahovat pouze datum narození zarovnané na střed celého řádku. Datumy budou doplněny o jednoduché piktogramy znázorňující datum narození a datum úmrtí (např. hvězdička a křížek). Na posledním řádku bude na střed zarovnané místo bydliště. Obdélník má zakulacené rohy a všechny obdélníky mají stejnou výšku.
Příbuzenské vztahy budou v rodokmenu znázorněny rovnými čárami propojující dané osoby. Čáry nesmí procházet přes obdélník nebo jím být překrývány. Čáry jsou lomené, každý úsek je rovnoběžný s osami. Body napojení jsou určeny následovně:
- Čára od dítěte k rodiči vychází ze středu horní strany obdélníka.
- Čára mezi partnery vede mezi středy pravé a levé strany (navíc, středy stran jsou ve stejné výšce).
- Čára od rodiče bez partnera k dítěti vede ze středu dolní strany.
Pro zobrazení vztahu dvou rodičů a dítěte nejprve propojte rovnoběžnou čarou rodiče, následně v polovině vodorovné čáry oddělte svislou čáru směrem dolů, kde zobrazte dítě. Pokud je dětí více, ze svislé čáry oddělte vodorovnou, na kterou teprve děti napojíte.
Osoby v rodokmenu zobrazujte tak, aby příslušníci jedné generace byli vždy ve stejné výšce.
Rodokmen by měl být vykreslený vektorově. Měla by být zachována schopnost škálování stránky v prohlížeči – ať už změnou velikosti písma nebo celé stránky. Velikosti textu by měly respektovat uživatelské nastavení velikosti písma (tj. vyhněte se absolutním velikostem). Text by mělo být možné vybrat myší a zkopírovat do schránky.
Pokud je rodokmen větší než dostupný prostor na obrazovce, umožněte pohyb pomocí scrollbarů. Zajistěte ale, aby se pomocí scrollbarů hýbal pouze rodokmen sám – nadpis „Rodokmen“ musí být vždy v levém horním rohu zobrazené části stránky.
Dynamická část
Pohyb
Umožněte pohyb po rodokmenu jako po mapě – kliknutím myši do prázdného místa dojde k „uchopení“ bodu rodokmenu a tažením myši se bude celý rodokmen pohybovat. Musí být možné část rodokmenu vysunout mimo viditelnou oblast stránky a zpět. Stránka obsahující rodokmen tedy bude obsahovat scrollbary a možnost posouvat rodokmen pomocí uchopení myší.
Úpravy osob
Umožněte osoby v rodokmenu živě upravovat. Pro úpravy zobrazte na každém obdélníčku odkaz „upravit“, příp. znak tužky (✎) nebo něco podobného. Po kliknutí se stránka rozdělí na dvě poloviny: v levé zůstane rodokmen, v pravé se zobrazí okno s formulářem pro úpravu osoby. Rozdělení nesmí pohnout s rodokmenem (pravá polovina bude tedy zakryta oknem pro úpravy). Zobrazení okna animujte tak, že se okno vysune z pravého okraje. Zvolte takovou rychlost animace, aby byla patrná, ale uživatele neotravovala přílišnou délkou.
Formulář obsahuje pouze prvky zobrazené v rodokmenu: jméno, datum narození a úmrtí, místo bydliště. Navíc pak tlačítko k uzavření formuláře – křížek v pravém horním rohu. Zavření okna animujte opětovným zasunutím do pravého okraje.
Změny ve formuláři se živě (s každou změnou písmene) projevují v rodokmenu v levé polovině.
Perzistence
Rodokmen uschovávejte do libovolného úložiště prohlížeče tak, aby při opětovném načtení stránky aplikace zobrazila rodokmen ve stavu, ve kterém byl před uzavřením okna – tj. nejen data rodokmenu, ale i pozice osob a pohled na rodokmen.
Úpravy struktury rodokmenu
Umožněte uživateli přesouvat uzly v rodokmenu myší. Nad pravým horním rohem každého obdélníčku zobrazte šipku (⬌), za kterou lze obdélníček uchopit a přesouvat ve vodorovném směru. Poloha ve svislém směru je dána generací. Díky této možnosti se může stát, že se budou čáry překrývat – tento problém neřešte. Rozmístění uzlů, aby se čáry nekřížily, je starost uživatele. Nikdy by ale čáry neměly překrývat obdélníky.
Umožněte přidávat osoby do rodokmenu (přesný popis přidávání následuje v několik dalších odstavcích).
Aplikace začne tím, že zobrazí rámeček pro jednoho člověka, ostatní lidé se do rodokmenu přidají pomocí vazeb na tuto osobu (a její příbuzné) – rodokmen tedy bude vždy souvislý. Zároveň nebude možno přidávat rozpadlé vztahy – každý bude mít vždy nejvýše jednoho partnera. Také není nutno řešit případy, kdy rodokmen není strom (v grafové terminologii) – tj. každé dvě osoby v rodokmenu jsou příbuzné právě jednou cestou.
Součástí formuláře k úpravě člověka budou tlačítka k přidání příbuzných. Některá tlačítka ale můžou být zakázaná – při najetí myší zobrazte důvod zakázání (např. v tooltipu „Partner již existuje.“). Pokud je důvodů více, zobrazte libovolný z nich.
- Tlačítko „přidat dítě“ je vždy povoleno.
- Pokud osoba zatím nemá partnera, povolte tlačítko „přidat partnera“.
- Pokud osoba má alespoň jednoho rodiče, povolte tlačítko „přidat sourozence“.
- Pokud osoba zatím nemá dva rodiče, povolte tlačítko „přidat rodiče“.
Kliknutím na tlačítko k přidání příbuzného se přidá osoba do zobrazeného rodokmenu. Při přidání předpokládejte existenci ostatních vztahů: přidání druhého rodiče dítěte má stejný efekt, jako přidání partnera rodiče. Podobně, přidání druhého a dalšího dítěte má stejný efekt jako přidání sourozence.
Po přidání formulář přejde k úpravám nově vzniklé osoby.
Umožněte osoby mazat – ovšem pouze v případě, že se jejich odstraněním rodokmen nerozpadne na oddělené části. Také nesmí být možné odstranit poslední osobu z rodokmenu (pozor, poslední osoba nemusí nutně být tou původní). Pokud je možné osobu za těchto podmínek odstranit, součástí formuláře pro úpravy je tlačítko „odstranit“. Tlačítko podbarvěte červeně. Po kliknutí na něj dojde k odstranění osoby z rodokmenu a uzavření okna pro úpravy.
Pokud není možné osobu odstranit, zobrazte tlačítko „odstranit“ jako zakázané. Po najetí myši se uživateli zobrazí libovolný konkrétní důvod (např. rodokmen by se rozpadl.)