Uživatelská příručka 6.A6 Na stránky se dostanete zadáním URL adresy: http://sestasest.tym.cz do vašeho prohlížeče. Teď jste se dostali na úvodní stránku, na které vidíte fotku, přivítání, odkaz na Uživatelskou příručku a počítadlo přístupů. Hlavička stránek (obr.1.) obsahuje po levé straně menu s pěti položkami. Ve spodní části je žlutá lišta (status bar), která vždy zobrazuje aktuálního přihlášeného uživatele. Pokud není nikdo přihlášen, je uživatel označen jako host. Tento údaj nemá pouze informační charakter. Zároveň slouží jako odkaz na editaci osobních úajů přihlášeného uživatele. (obr.1.) Abyste se dostali na editaci osobních údajů, musíte být přihlášeni. Pro přihlášení klikněte na položku Login z levého menu v hlavičce. Objeví se před vámi formulář (obr.2.). Zadejte své jméno a heslo a potvrďte tlačítkem Přihlásit. Pokud jste své heslo zapomněli napište adminovi! Ten je oprávněn heslo změnit. (obr.2) Editace osobních údajů (obr.3.) Na této stránce můžete změnit všechny své osobní údaje, kromě práv. Vybrat si můžete jakýkoli nick pokud jej již nemá nikdo jiný. Také si můžete vyplnit své datum narození, které při se přidávání nového uživatele nevyplňuje. Hned pod formulářem pro změnu osobních údajů je formulář pro změnu hesla. Každému uživateli se doporučuje při prvním přihlášení změnit heslo nastavené adminem!!! < -- (obr.3.)
Na stránku Akce se dostanete přesměrováním po přihlášení, nebo odkazem Akce v levém menu hlavičky. V horní části stránky se zobrazí seznam všech akcí (obr.4.). Pokud hledáte určitou akci, pomůže vám filtrování v horní části tabulky. Nejprve vyberte ze seznamu Vyber akce: a poté ze seznamu Upřesnění:, podle kritérií které vás zajímají. Můžete si zobrazit například jen akce, na které jste registrovaní, nebo akce, které jste sami vytvořili. V levém sloupečku vidíte názvy vybraných akcí, v pravo potom počty lidí, kteří jsou na danou akci už přihlášeni. (obr.4.) Každý název akce slouží zároveň jako záložka. Když na něj kliknete, stránka se sama odroluje na příslušnou akci. Odkaz Přidat novou akci Vás navede na formulář na obrázku 5. Stačí vyplnit formulář a kliknout na tlačítko přidat. Pozor! Některé údaje ve formuláři jsou povinné. Ty jsou označeny hvězdičkou a akce se nepřidá dokud nebudou vyplněny. Při úspěšném přidání akce se odešle e-mail s upozorněním o přidané akci. E-mail je odesílán na adresu 6.a6@seznam.cz a odtud je rozeslán všem spolužákům. (obr. 5)
Akce si můžete prohlédnout na stránce Akce. Pokud se chcete na akci Registrovat, klikněte na tlačíko Resitrovat se/odhlásit se. Pro odhlášení z akce slouží úplně stejný postup. Pokud se Vám toto tlačítko nezobrazilo, musíte se přihlásit!!! (obr. 6.) Kromě sebe můžete na akci přihlásit také svého hosta/y. Jednoduše napište jeho jméno a klikněte na Registrovat. Zobrazí se pak v seznamu pod svým jménem a za ním v závorce bude napsán Váš nick. Je tak jasné, kdo ke komu patří. K odhlášení je potřeba opět napsat jméno hosta a kliknout na tlačítko Odhlásit. Jméno musíte napsat naprosto stejně jak jste ho zadaly. Pokud jste člověkem, který akci vytvořil nebo adminem, vidíte v pravém dolním rohu další dvě tlačítka. Prvním tlačítkem, Smazat akci, vymažete příslušnou akci. Druhé tlačítko, Editovat, vás navede na formulář totožný s formulářem Přidat akci, pomocí kterého lze dělat úpravy v již vytvořené akci. Po provedení změn se odešle email s upozorněním o aktualizaci akce. Do fóra se dostanete kliknutím na odkaz Forum v menu hlavičky. Zde si můžete přečíst příspěvky, které zde zanechali vaši spolužáci a zanechat své vlastní reakce. Opět zde platí, že vkládat příspěvek můžete pouze pokud jste přihlášeni.
Kliknutím na odkaz Galerie v levém menu hlavičky se dostanete na seznam fotek z akcí (obr. 8.). Obr. 8. Fotky jsou rozděleny tématicky podle akcí. Vyberte si akci, ze které chcete vidět fotky a zobrazte je kliknutím na ukázkovou fotku nebo název akce abyste zobrazili fotky (obr. 9.). Obr. 9. Kliknutím na vybranou fotku ji se zobrazí v plné velikosti.
Implementace Protože výsledek má být zprovozněn na www.ic.cz, použili jsme prostředky dostupné na tomto webu ( PHP 4, javascript, mysql). Stránky jsou odladěny primárně v prohlížeči Mozilla firefox. Snaha byla o odladění i na IE a Opeře, přesto mohou na těchto prohlížečích nastat chyby. Počítadlo přístupů je vytvořeno pomocí zdarma poskytované služby serveru pocitadlo.cz. Popis hlavních rysů programu Javascript Kontrola prvků formuláře v onsubmit - u Přidání uživatele, Nastavení osobních údajů, Změny hesla, Přidání akce, Editace akce Manipulace s DOM ve filtraci akcí Stránka použitelná i bez Javascriptu Zajímavost hodiny v hlavičce Validnost HTML Bez warningů CSS Styly nejsou přímo u elementu Použití relativních hodnot např. px v index.css Styly u vnitř stránky pomocí link Zajímavost v CSS Zakulacování rohů pomocí stylu -moz-border-radius. Tento styl funguje pouze v mozille. Validace Odolnost proti special chars např. přidání nového uživatele Odolnost proti duplicitnímu zápisu formuláře nelze dvě akce se stejným názvem Správné vyhodnocení chyb např. přidání nového uživatele Neztrácí se uživatelem vyplněné hodnoty např. editace akce Rozumné zobrazování chyb např. editace uživatele Jasné zobrazení povinných a nepovinných údajů např. přidání nové akce Databáze Existence databáze 4 tabulky akce, registrace, user, forum Propojení tabulek tabulka registrace obsahuje dva foreign key id z tabulky user, a id z tabulky akce Čeština funguje Navigace UI si pamatuje svůj stav pamatuje si přihlášeného uživatele Filtry filtrování akcí podle zadaných požadavků Přihlašování uživatelů Diferencovaný přístup uživatelů
E-R diagram