Třísloupcový layout + hlavička a patička Globální menu, lokální menu, uživatelské menu, horní a dolní menu Drobečková navigace Pravý sloupec – měnný (anketa,

Prezentace na téma: "Třísloupcový layout + hlavička a patička Globální menu, lokální menu, uživatelské menu, horní a dolní menu Drobečková navigace Pravý sloupec – měnný (anketa,"— Transkript prezentace:

1

2 Třísloupcový layout + hlavička a patička Globální menu, lokální menu, uživatelské menu, horní a dolní menu Drobečková navigace Pravý sloupec – měnný (anketa, agregátor novinek, vlastní obsah pravého sloupce) > vazba na stránku (1:1)

3 Vlevo dole Zpětná vazba + RSS Automatická Mapa stránek Fulltextové vyhledávání (case-insensitive, skutečná tvorba indexu, hledání relevance) Vyhledávání Google (nová URL zaindexuje až po čase) Globální menu – podsekce, hlavička – změna grafiky po personalizaci

4 Přihlášení zákazníka (frontend user) > Záznam v tabulce ADR v DB Obchod (role) Přihlášení zaměstnance/externisty Inisoft s.r.o. (backend user) > Záznam v tabulce UZIV v DB Obchod = použijte stejné jméno/heslo jako do IS Info http://iniweb.portal.inisoft.cz/administrace

5 Programování, technické zajištění: DAR Obsah: BRO po konzultaci s VAS Sekce Státní správy: MAR Legislativní příručka: GRU Grafické práce: DAR Převod na servery Active24 – 1 měsíc předem, zdarma provoz na 1 měsíc testování: DAR

6 Úvodní stránka – změna hesla v obrázku - vlevo dole bannery Evi X Sklad Doplnění legislativní příručky (velký objem, ale vychytávka mht) Doplnění nápovědy k stránkám Klíčová slova na nejatraktivnější pozici E-shop + propojení na Obchod.exe Změny v textech a struktuře (BRO, VAS, MAR) Karta zákazníka Personalizace ->podstránky Nový & stávající zákazník …

7 Přihlášení zákazníka, změna uživatelského menu Přihlášení Státní správy, automatické přesměrování, změna globálního menu, uživatelského menu, hlavičky Možnosti přihlašování frontend jůzrů Bezpečnost přihlašování – odkaz na HTTPS verzi, nutnost přiobjednávky u Active24 (ceny:http://www.active24.cz/cz/webhosting/sl uzby/ssl-certifikaty/)

8 Přihlášení do administrace: http://iniweb.portal.inisoft.cz/administrace

9 Úvodní stránka – statistika Moduly Správa přístupu – typy rolí – ADMIN, backend user, frontend user. Postupovat opatrně – volná vazba na DB Obchod Přesměrování po přihlášení Zákazy role – primárně pro BE_USER, možné průběžně definovat a v administračním rozhraní pak přizpůsobovat /disable, tak jak jsme zvyklí z UziAdmin.

10 Modul Stránky – hlavní, nejbohatší modul Stromová struktura: Struktura webu Samostatné stránky Koš Klik na položku = editace stránky Modré šipky – vložení stránky na dané místo stromu Pravé tlačítko myši – menu nad položkou. Přesun stránky na jiné místo stromu. Odkrytí/Skrytí Otevřít Smazat

11 Rychlokurz – vytvoření a publikování stránky na webu (podrobně později) Demo Název/titulek/URL/atributy Obsah

12 Podrobněji: Záložky: Vlastnosti Záložka obsahu (měnná dle typu) Přístupová práva Historie & verze Komentáře Anketa Pravý sloupec

13 Hlavní: Název (v menu) Titulek v horním liště prohlížeče – důležité pro SEO! Typ stránky: Stránka, Novinky, FAQ, Slovník pojmů, Historie verzí, Fotogalerie, Přesměrování, Mapa stránek, (katalog)

14 Atributy Zobrazení v různých menu Je hlavní (!) jen JEDEN Skrýt Je samostatná podsekce – resetuje globální menu, a dává do něj své podpoložky! (Využití např. Státní správa, Legislativní příručka)

15 Metadata – nepodceňovat (SEO) SEO URL – kontrola na unikátnost (demo) Klíčová slova, popis, autor – meta v zdrojovém kódu Třída odkazu – souvislost s CSS – jedná se o grafické obrázky v globálním menu, které se po najetí mění. Demo, když se toto zruší. Důležité kvůli SEO mít pod obrázkem i text. Třída hlavičky – změní obrázek v hlavičce, viz. např Státní správa.

16 Metadata – nechat default Klávesová zkratka – přístupnost – různé prohlížeče implementují různě, ale je to spíše pro uživatele s čtečkami obsahu Kešování v prohlížeči, Roboti vyhledávacích strojů, Neukládat do archivu (Google) Neindexovat obrázky na této stránce Jazyk stránky – připraveno do budoucna

17 Viditelnost Zobrazit od data – užitečné, když máte chvilku, ale akce např. začne v době, kdy budete na služebních cestách. Předpřipravíte si a nastavíte zde datum. Zobrazit do data Fungují různé kontroly na datum atd. Pořadí

18 Pro specifické javascripty na určitých stránkách (např. reference > záložky)

19 Editační okno Práce Ála Word, nebudu podrobně, intuitivní. Combobox – styly – používat (!) Na celé okno > užitečné, ale mějte v paměti, že na stránkách je šířka obsahu cca 550px. Přepnutí do HTML kódu – kdo ví, co dělá Vložení tabulky Pravé tlačítko myši – kontextové menu

20 Práce s OBRÁZKY Demo Způsoby vložení: Klik na ikonu – ze serveru ve složkách „Společné obrázky“ a „Obrázky k stránkám“ Klik na ikonu – z Tento počítač (předtím se provede upload na server + potvrdíte umístění dle konvence) Vložit z URL – obrázek na jiném serveru (co když nebude k dispozici?) Drag & drop

21 Přílohy – PDF, doc, zip, … Pro výměnu např. databází mezi zákazníkem a podporou bude zřízena složka FTP se samostatným přístupem, podrobnosti mailem, tato část práce oddělení podpora by se neměla změnit, až na jiné přihl. údaje. Chcete-li bezpečnější kanál než odposlouchatelné FTP (když máme i TrueCrypt disky), muselo by se zajistit SFTP – dražší hosting, ale šifrovaná komunikace.

22 Přílohy – PDF, DOC, ZIP… Na stránkách např. odkaz na PDF soubor (např. Atest Evi8) Demo Totožná práce jako s obrázky (automatický upload na server pomocí webové služby)

23 Pro Front-end user X Backend- user: FE user- omezení přístupu na danou stránku pouze pro nějakou roli typu FE user Např. Karta zákazníka, až když se přihlásí zákazník s rolí zákazník Jen Státní správa vidí po přihlášení informace o Evi 9 apod. Oprávnění v administraci – mezi námi Práva na danou stránku, resp. komu autor povolí s ní co dělat (např. povolí editaci a zakáže smazání) Demo

24 Uchovává se 10 posledních verzí stránky Systém umí jednoduché porovnání stránek, na základě jeho můžete obnovit nějakou starší verzi stránky Demo

25 Autosave – funkce v pozadí, která má zachránit od nejhoršího Prostředí webu nestabilní – není to jako když editujete ve Wordu, výpadek spojení, skript na jiné stránce způsobí pád prohlížeče apod. Pokud v nějaké záložce máte rozpsanou A4ku obsahu, asi by nám vadilo o ni z důvodu chyby přijít Na pozadí „číhá“ záchranná funkce, která každých 20s ukládá (pomocí AJAXU = asynchronně na pozadí, aniž byste to věděli) záznam autosave do databáze

26 Když tvořím novou, ještě nikdy neuloženou stránku, říkáme uloženému výsledku „Koncept“ Když edituji již dříve uloženou stránku (např. přidávám významné množství textu), říkáme tomu „Autosave“

27 Po pádu prohlížeče/ systému => přihlášení + editace stránky => systém nalezne novější automaticky uloženou verzi a upozorní Vás na existenci novější verze. Využijte funkci pro porovnání aktuální verze oproti autosave a rozhodněte o obnovení. Přijít tak můžete max o 20s práce. Pozor, pokud začnete editovat obsah stránky, po 20s se autosave verze přepíše novou autosave (= rozhodli jste se, že automaticky uloženou verzi neobnovíte a pokračujete v práci na aktuální stránce)

28 Rozpracované a dosud neuložené koncepty se Vám zobrazují na úvodní stránce modulu Stránky Koncept můžete buď smazat, nebo uložit.

29 Zde – povolení / zakázání komentářů ke stránce Přijaté komentáře a manipulace s nimi v modulu Komentáře (viz. samostané slidy) Demo -> povolit, zakázat Demo -> schvalovat Neviditelná ochrana proti spamu - ukázka

30 Zde volba mezi existujícími anketami, zda se má zobrazit u této stránky v pravém sloupci. Definice anket stejně jako prohlížení hlasů probíhá v samostatném modulu ankety. Neviditelná ochrana proti spamu - ukázka

31 Libovolný obsah pravého sloupce (např. screenshoty programů – demo sklad8) Editace jako u editoru stránek Smazání stránky = přesun do koše Smazání stránky z koše = skutečný delete z DB - nenávratný

32 Změnou typu stránky a uložením přizpůsobíte záložku Obsah aktuálně editovanému obsahu. Např. jinak se generuje F.A.Q. a jinak Fotogalerie.

33 Vkládání novinek Můžete vytvořit libovolné množství stránek s novinkami. Tedy např. samostatná stránka „Novinky v programu Evi8“ a „Novinky ve společnosti“ apod. Pravý box na úvodní stránce agreguje všechny viditelné novinky všech stránek typu Novinky. Demo, vkládání novinek Výpis novinek dané stránky, stránkování

34 FAQ, Slovník pojmů, Historie verzí Podobný postup, různé zobrazení Demo Mapa stránek – generuje výstup sám Fotogalerie - Demo Přesměrování – důležitý typ, když nechceme duplicitní obsah. Např. Kontakt je jak v Globálním menu, tak zároveň v lokálním pod sekcí „O společnosti“. Jeden z nich je odkaz na ten druhý. Externí X interní - DEMO

35 Čekající X Schválené X Spam X Zamítnuté Ukázka

36 Vložení ankety – ukázka Uživatelský vstup u odpovědi: přidá uživatelovi textbox pro možnost textové poznámky u odpovědi Nastavení – zobrazení výsledků a zápatí ankety Opakovené hlasování z jednoho PC Dvojitá kontrola – primárně cookies, pokud nemá povolené, tak se aplikuje na jeho IP adresu ukázka

37 Primárně určen pro generování nápovědy resp. legislativní příručky na vyžádání GRU do našich programů => možnost otvírání též na síti (CHM neumí) Výběr podstromu pro export > export (ukázka) Uložení vygenerovaného + test Generování bez dynamické ankety a přihlašovacího boxu s šablonou „Offline verze“ Jaké soubory jsou v MHT archivu, ty se umí zobrazit offline, jinak bude odkazovat na online verzi (např. při exportu nějakého podstromu)

38 Jediná funkce na jejímž pozadí je velká věc Sestavuje se skutečný index (jako to dělá např. Google) – crawler Vyhledávání je plně fulltextové, aplikuje logiku např. na zjištění relevantnosti vyhledané stránky proti zadanému dotazu. Case insensitive, dořešeny problémy s češtinou. Dokud se index nesestaví, nebudou změny do fulltextového vyhledávání zahrnuty Časově náročná operace. V případě zájmu je možné tvořit inkrementální index (časově složitější na naprogramování, ukládání každé stránky by pak trvalo o něco déle)

39 Inkrementální výpis dění v DB – přihlašování uživatelů, chyby systému apod.

40 Diskuze, otázky a odpovědi, náměty, vylepšováky, nebylo na nic zapomenuto?