Obsah 1. Úvod... 2 1.1. Přednosti systému... 2 1.2. Technologie... 2 1.3. Podpora... 3 1.4. Zabezpečení... 3 2. Instalace a struktura databáze... 4 2.1. Struktura databáze... 4 2.2. Průběh instalace, přeinstalování systému... 4 3. Schéma / Šablona webu... 6 4. Jednotlivé části... 6 4.1. Struktura stránek... 6 4.1.1. Položky v hlavním menu... 6 4.1.2. Ostatní stránky... 6 4.2. Články... 7 4.3. Novinky... 7 4.4. Galerie... 7 4.5. Produkty... 7 4.6. Objednávky... 8 4.7. Komentáře... 8 4.8. Uživatelé webu... 9 4.9. Uživatelé administrace... 9 5. Nastavení... 10 5.1. Základní nastavení... 10 5.2. SEO optimalizace... 10 5.3. Upozornění, komentáře... 11 5.4. Jazyk... 11 6. Uživatelská sekce na webu... 12 6.1. Nastavení účtu... 12 6.2. Aktivita uživatele... 12 7. Vyhledávání...12 7.1. Vyhledávání v administraci... 12 7.2. Vyhledávání na webu... 13 8. Konfigurační soubory... 13 9. Autor... 14 1
1. Úvod 1.1. Přednosti systému Systém byl zkonstruován tak, aby jej mohl používat opravdu každý i s naprosto základními znalostmi IT. K obsluze systému Vám v podstatě postačí umět používat klávesnici, myš a mít nějaké zkušenosti se surfováním po internetu. Systém disponuje propracovaným a přitom jednoduchým a příjemným uživatelským prostředím. Spočívá v přehledné navigaci, struktuře stránek a popiscích u každé položky, kterou je potřeba vyplnit. Kromě jiného administrace nabízí možnost SEO optimalizace, čemuž můžeme rozumět jako optimalizaci pro vyhledávače (např. google, seznam), což v podstatě určuje pozici stránky ve výsledcích vyhledávání. SEO optimalizace spočívá ve správném nastavení klíčových slov, titulků stránek a takzvané userfriendly URL adrese. Systém lze aplikovat na širokou sortu různých typů webových stránek od internetových obchodů po firemní webové prezentace či běžné internetové stránky. Dále nám systém také nabízí možnost jednoduché správy obsahu v různých jazykových variantách. Jazyk lze přidat nebo odstranit v administraci. 1.2. Technologie Systém je postaven na technologiích HTML, CSS, PHP, MySQL, JavaScript, AJAX a jquery. Dále také využívá pluginy jquery UI (autocomplete), CKEditor a Lightbox 2. 2
1.3. Podpora Systém byl testován v nejpoužívanějších prohlížečích. Mezi podporované prohlížeče patří Google Chrome, Mozilla Firefox, Internet Explorer (od verze 9), Opera, Safari a Maxthon. 1.4. Zabezpečení Každý administrační systém se neobejde bez řádného zabezpečení, proto i FeldCode cms nabízí několikasférové zabezpečení. Ochrana proti útokům na databázi Všechny formuláře a části komunikující s databází jsou ošetřeny proti útokům na databázi. Ochrana proti MySQL injection je samozřejmostí. HTTPS protokol a SSL certifikát Celý systém je možné převést na zabezpečený protokol SSL (https) a následně je možné kontrolovat identitu klienta podle certifikátu (podobné zabezpečení používají portály internetového bankovnictví). Ochrana proti odposlouchávání hesla Po zadání hesla při přihlášení do systému se ještě na straně klienta heslo zakóduje a odešle se pouze jeho otisk, ze kterého již není možné heslo získat, následně se porovná s otiskem hesla v databázi. Díky tomuto kroku dostane případný útočník, který by zachytával informace předtím, než dorazí na server do rukou pouze otisk hesla, který mu samotné heslo neprozradí. 3
2. Instalace a struktura databáze 2.1. Struktura databáze Systém používá databázi MySQL. Strukturu databáze systém automaticky vytvoří v průběhu instalace po navázání spojení. Spojení s databází je zapsáno v konfiguračním souboru db.access.dat v kořenovém adresáři konfigurace /admin/config. 2.2. Průběh instalace, přeinstalování systému Instalace nám zabere maximálně 5 minut a probíhá ve čtyřech krátkých krocích. Před samotnou instalací je potřeba mít přístup k databázi (většinou poskytnuta provozovatelem hostingu). Do instalace se dostaneme načtením jakékoli stránky webu. I. Krok Předáme systému přístup k databázi. Databázový server: IP adresa nebo název serveru Uživatel: Uživatel, pod kterým se k databázi připojíme Heslo: heslo uživatele Název databáze: naše databáze II. Krok Nastavíme výchozí jazyk webu Název jazyka: Název, pod kterým bude jazyk evidován Zkratka: Zkratka, kterou systém používá k rozpoznání jazyka. např. cze Pozn.: Později bude možné přidávat další jazyky 4
III. Krok Administrátorský účet Jméno: Vaše jméno Příjmení: Vaše příjmení E-mail: Váš e-mail Uživatelské jméno: Výchozí admin Heslo: Vaše heslo Pozn.: Později bude možné přidávat další uživatele IV. Krok Výchozí nastavení webu Automatické odhlášení: Jak dlouho může uživatel zůstat přihlášen bez aktivity Počet záznamů na stránku: limit na stránku na webu Počet záznamů na stránku v administraci: limit na stránku v administraci Počet obrázků na stránku: limit na webu Počet obrázků na stránku v administraci: limit v administraci Měna e-shopu: měna internetového obchodu (např. CZK) Přeinstalování systému: K reinstalaci systému stačí odstranit konfigurační soubor db.access.dat. Po obnovení jakékoli stránky Vás systém automaticky přesměruje na instalaci. 5
3. Schéma / Šablona webu Systém dopředu předpokládá z klientovy strany zájem o redesign, či jednorázovou změnu vzhledu. Důležitým předpokladem dobrého webu je aktuálnost. Například o Vánocích, či jiných svátcích mají provozovatelé stránek v oblibě měnit design. FeldCode cms Vám proto nabízí možnost uložit si několik různých vzhledů Vašich stránek a následně z nich vybrat ten, který chcete použít. Jak uložit a načíst vzhled stránky? Veškeré vzhledy se ukládají do složky /layout/view v kořenovém adresáři webu. Hotovou šablonu do této složky uložíte s příponou php. Do souboru _view.dat napíšete název souboru, který má být použit, a systém se postará o zbytek. Jak má vypadat taková šablona je popsané v souboru sample.php ve stejné složce. 4. Jednotlivé části Administrace se skládá z několika částí, které umožňují spravovat obsah webu. V levém horním rohu vybíráte jazyk, ve kterém chcete obsah upravovat. Položky zvolené sekce se propisují do tabulky. Po najetí myši na sloupec s názvem položky, je možné v tabulce vyhledávat. 4.1. Struktura stránek Dostáváme se k základu celého webu. V této sekci tvoříte kostru webu (hlavní menu, submenu a volně vyskytující se stránky na webu). Na jednotlivých stránkách lze zobrazit vlastní obsah, který je možno upravovat v šikovném editoru (styly, nadpisy, odkazy, obrázky mezi textem, apod..). Nebo můžete na konkrétní stránku navázat jednu z částí webu. Například můžeme mít stránku s názvem Fotky 2014 a na ni navázat určitou kategorii galerií obrázků (obsahující všechny galerie s obrázky z roku 2014). Jednoduchým tahem kurzoru myši lze také měnit pořadí stránek v menu i v submenu. 4.1.1. Položky v hlavním menu Tyto stránky tvoří hlavní menu webu. Po najetí na položku kurzorem myši vyjedou stránky, které jsou přiřazeny k této stránce a tvoří submenu. 4.1.2. Ostatní stránky Zde nalezneme stránky mimo menu. Jde o stránky, které nebyly umístěny do submenu ani do hlavního menu. Většinou se na takové stránky odkazuje přímo z textu. 6
4.2. Články V této sekci lze přidávat, editovat a odstraňovat články a jejich kategorie. Ve výpisu článků se lze snadno orientovat díky vyhledávání. Samotný element (článek) je možné navázat na kteroukoli stránku. Stejným způsobem lze navázat také kategorie. Články, stejně jako ostatní části administrace nabízí možnost správy kategorií. Každá část disponuje kategorií s názvem Nezařazené, kterou nelze editovat ani smazat. Všechny položky ze smazaných kategorií jsou přesouvány právě sem. Kategorie Nezařazené se na webu nezobrazuje. 4.3. Novinky Novinky lze přidávat, editovat, odstraňovat i mezi nimi vyhledávat stejným způsobem jako u článků. Navázání novinek a jednotlivých kategorií na stránky je samozřejmostí. V samotné šabloně stránek je možné použít element <--news-->, který vypíše aktuální novinky. 4.4. Galerie Galerie je element stránky, kterému je možné přiřadit kromě obsahu (popis galerie) také obrázky. Ke každému obrázku je samozřejmě možné přidat popisky. Nahrané obrázky se vypisují v detailu galerie. Po najetí na obrázek kurzorem myši se objeví panel nástrojů. Pole s číslem určuje pořadí obrázku. Změnu pořadí potvrdíte klávesou enter. Ikony slouží k editaci popisku, náhledu a odstranění obrázku. 4.5. Produkty Pokud se rozhodnete na FeldCode cms provozovat e-shop tato sekce vás bude zajímat nejvíce. Lze specifikovat slevu na produkt v procentech, výsledná cena bude následně dopočítána automaticky. Původní cenu lze ve výpisu vypsat také, například stylem přeškrtnutého písma. Dále lze specifikovat cenu a počet kusů skladem. Při objednávce daného produktu se počet kusů přepočítá. Samozřejmostí je také nahrávání obrázků s popisky a následná správa stejným způsobem jako u galerií. 7
4.6. Objednávky V této sekci naleznete přehled všech objednávek, které byly v e-shopu uskutečněny. K dohledání staré objednávky slouží opět šikovné vyhledávání po najetí kurzorem myši na sloupec s číslem objednávky. Nedokončené objednávky se ve výpisu propisují červeně a zobrazují se na začátku seznamu. Po skončení jednání s klientem, zaplacení a převzetí zásilky označíte objednávku tlačítkem Vyřízeno. V detailu objednávky naleznete kontaktní údaje, údaje o objednávce, objednané produkty, čas uzavření objednávky, apod. 4.7. Komentáře FeldCode cms disponuje propracovaným systémem komentářů. Komentovat mohou uživatelé registrovaní i anonymní (nepřihlášení). V nastavení lze povolit komentování pouze registrovaným uživatelům. Registrovaní uživatelé mohou své příspěvky editovat a odstraňovat. Nabízí se také snadná cenzura komentářů. Tuto možnost lze zvolit opět v nastavení. Odeslané komentáře pak bude nutné vždy před zveřejněním schválit. Systém Vám v případě zájmu odešle na e-mail upozornění o přidání nového komentáře. Ochrana proti robotům V případě, že komentář odesílá anonymní uživatel, je třeba se přesvědčit, zda nejde o robota, který by záměrně stránku bombardoval spamy. I v tomto ohledu má FeldCode cms připravenu několika sférovou obranu. Někteří roboti (například vyhledávací) o sobě rovnou nesou informaci, že jsou roboty. V takovém případě je komentář ignorován. Další obranou je rozpoznání člověka a robota na základě času. Robot vyplní a odešle formulář během jediné sekundy. Pro sofistikovanější roboty je zde připravena klasická ochrana (Captcha). Systém náhodně vygeneruje několik znaků, které zobrazí jako obrázek, který robot, na rozdíl od člověka, není schopný přečíst. 8
4.8. Uživatelé webu Registrace V této sekci lze spravovat registrované uživatele webu. Je zde možné uživatele blokovat a odstraňovat. V detailu uživatele je možné si prohlédnout údaje vyplněné při registraci. Kromě jiného zde také naleznete jednoduchou statistiku v podobě počtů objednávek, komentářů a času posledního přihlášení. Na webu je připraven formulář pro registraci, samozřejmě ošetřený metodou Captcha proti robotům. Zapomenuté heslo Uživatelům je nabídnuta funkce zapomenutého hesla, která by měla být součástí každého webu s možností registrace. Žadateli o změnu hesla je zaslán e-mail s aktivačním kódem, který je platný 24 hodin. 4.9. Uživatelé administrace Tato sekce slouží ke správě uživatelů, kteří mají přístup do administrace. Uživatelské skupiny Rozlišují se čtyři uživatelské skupiny (Administrátoři, Správci obsahu, Uživatelé a Neaktivní uživatelé). Administrátoři mají plnou správu nad webem, včetně ostatních uživatelů. Správci obsahu taktéž s výjimkou správy uživatelů a nastavení webu. Uživatelé ze skupiny Uživatelé mohou obsah jen prohlížet. Pokud si přejete některého uživatele zablokovat, stačí ho přiřadit skupině neaktivní uživatelé. Samozřejmostí je také funkce zapomenutého hesla. Admin (neměnný uživatel) Základním uživatelským účtem, jehož není možné smazat ani změnit jeho uživatelskou skupinu je účet s názvem admin. Uživatel přihlášený jako admin má automaticky všechna práva a plnou kontrolu nad sytémem. Heslo a ostatní údaje tohoto účtu se zadávají během instalace. Tyto údaje jsou variabilní, je tedy možné je později změnit. 9
5. Nastavení 5.1. Základní nastavení V této části lze specifikovat základní nastavení webu a administrace. Je možné nastavit počet záznamů na stránku, či obrázků na stránku v galerii, jak na webu, tak v administraci. Dále tato sekce umožňuje změnu měny e-shopu, doby automatického odhlášení a výchozí stránky webu. Výchozí stránka je návštěvníkovi zobrazena jako index (domácí stránka). 5.2. SEO optimalizace SEO optimalizace (Search Engine Optimalization) je velmi důležitá pro dostupnost webu a prosazení na internetu. Každá stránka by měla být optimalizována pro vyhledávače. Aby se Vaše stránka mezi výsledky vyhledávání neztratila, je potřeba správně nastavit SEO. Adekvátní konfigurace spočívá v správném nastavení titulků jednotlivých stránek, klíčových slov, apod. Klíčovým faktorem je také takzvaná user-friendly, či seo-friendly URL adresa. Pozici ve vyhledávání ovlivňují také zpětné odkazy z jiných webových stránek (např. reklamy). Nastavení SEO FeldCode cms nabízí možnost nastavení výchozích titulků a klíčových slov (titulky a klíčová slova, která budou použita v případě, že u konkrétní stránky o nich chybí záznam). Současně je možné zde nastavit také META popis stránky (META description). Optimalizace pro sociální sítě Pokud někdo sdílí odkaz na Vaši stránku na sociální síti, je možné nastavit název a nahrát náhled stránky, který upřednostňujete. Jako popis stránky se použije META popis. 10
5.3. Upozornění, komentáře Tato sekce slouží k nastavení upozornění a komentářů. Komentáře Pokud povolíte na stránkách komentování, je možné tak učinit pouze pro registrované uživatele, nebo ponechat tuto možnost všem. Dále je tu možnost cenzury. Pokud necháte pole nezaškrtnuté, bude aplikováno automatické schvalování komentářů. V opačném případě bude nutné komentáře schvalovat ručně. Pokud si přejete povolit komentování pouze na některých stránkách, je možné povolit/zakázat komentáře na konkrétní stránce. Upozornění Zde si můžete nastavit, o čem ohledně webu mají být uživatelé informováni. Upozornění se posílají při dokončení objednávky, přidání komentáře či registraci. Každý uživatel si navíc může upozornění vypínat/zapínat v nastavení svého účtu. 5.4. Jazyk FeldCode cms je možné nastavit pro neomezené množství jazykových variant. V nastavení jazyka lze jednoduše přidávat a odebírat jazykové verze. Následně je pak možné obsah webu upravovat v několika jazycích. V levém horním rohu administrace zjistíte, v jakém jazyce aktuálně pracujete. Zde také mezi jazyky přepínáte. Pozn.: Systém je připraven na implementaci jazyků cze a en. Pro použití dalších jazyků je nutné v souboru /function/lang.content.php v kořenovém adresáři webu aktualizovat pole s jazykovým obsahem. Jde o přeložení jednotlivých textů na webu (např. přihlásit = login). Tuto úpravu zpravidla zajišťuje webmaster. 11
6. Uživatelská sekce na webu 6.1. Nastavení účtu Zde má uživatel možnost měnit své osobní údaje, adresu, apod. Dále je tu možnost změny hesla, nastavení upozornění a změny profilového obrázku. 6.2. Aktivita uživatele Kromě úpravy svého nastavení, svých údajů a procházení stránek může uživatel na webu také objednávat produkty a přidávat komentáře k jednotlivým stránkám, kde je komentování povoleno. Pokud návštěvník stránek odmítá registraci, je mu samozřejmě nabídnut jednorázový nákup bez registrace. Podle Vašeho uvážení může být dovoleno neregistrovanému uživateli také přidávat komentáře. Pro stávající zákazníky je registrace rozhodně výhodou. 7. Vyhledávání 7.1. Vyhledávání v administraci Jak již bylo výše uvedeno, vyhledávání v administraci je velmi jednoduché a praktické. Obsah webu se v jednotlivých sekcích propisuje do tabulek. Data v tabulce je možné filtrovat právě pomocí tohoto jednoduchého vyhledávání. 12
7.2. Vyhledávání na webu Na webu je možné vyhledávat pomocí klasického fulltextového vyhledávání. Systém prochází všechny stránky, novinky, články, galerie, apod. Výsledky se stránkují podle nastavení v administraci a řadí se podle počtu výskytů hledaného výrazu. 8. Konfigurační soubory Konfigurační soubory Šablony Konfigurační soubory jsou umístěny ve složce /admin/function/config v kořenovém adresáři webu. Nachází se zde dva konfigurační soubory. Data zadávejte oddělená čárkou. db.access.dat V tomto souboru je zapsáno spojení s databází. Jeho odstraněním docílíte přeinstalování systému. Pokud systém nenalezne tento soubor, přesměruje vás automaticky na první krok instalace, po vyplnění tohoto kroku je soubor opět vytvořen. Pokud jste soubor odstranili omylem, nesnažte se systém znovu nainstalovat, ale kontaktujte administrátora. Přeinstalováním ztratíte veškerá data. Syntaxe: server,uzivatel,heslo,databaze server: IP adresa nebo název uzivatel: Přihlašovací jméno heslo: Heslo databaze: Název Databáze notinuse.dat Tento soubor systému říká, které sekce webu nebudete potřebovat. Všechny možné varianty naleznete v souboru notinuse.sample.dat. Například jednoduchá prezenční stránka nebude používat e-shop (tedy objednávky a produkty). Správným použitím tohoto souboru se tak administrace stává nepoměrně přehlednější a jednodušší. Šablony jsou podrobněji popsány ve třetí kapitole na šesté stránce. Konfigurační soubor _view.dat ve složce /layout/view v kořenovém adresáři webu určuje, která konkrétní šablona bude použita. Pokud se v šabloně vyskytuje chyba, nebyla nalezena, či nebyl nalezen konfigurační soubor _view.dat, systém vás upozorní. 13
9. Autor Autorem celého systému, všech jeho součástí vyjma použitých pluginů (viz Technologie strana 2) i tohoto dokumentu je David Feldstein, narozen 31.1.1994 v Praze. Některé grafické prvky byly převzaty z internetového portálu wikimedia.org a jsou pod licencí Creative Commens. Autorem obrázku na titulní straně je uživatel wikimedie Sabilla27. David Feldstein (+420) 606 439 385 david.feldstein@feldcode.cz IČ: 88905551 FeldCode.cz FeldCode ------------------------------------ Návrh a realizace webových stránek a databázových aplikací ------------------------------------ 14