D O K U M E N T A C E K P R O J E K TU. Redesign webové prezentace JADU.cz

Transkript

1 D O K U M E N T A C E K P R O J E K TU Redesign webové prezentace JADU.cz Zpracovali: Jiří Čermák, Kateřina Steinhauserová, Kateřina Hilscherová, Dita Perná, Radka Fialková, Alexandru Lupan Praha 2011

2 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 2 Obsah: O b s a h :... 2 Z a d á n í R e d e s i g n w e b o v é p r e z e n t a c e p r o J A D U. c z... 3 Ř e š i t e l s k ý t ý m, s c h o p n o s t i č l e n ů t ý m u a j e j i c h p ř í n o s p r o p r o j e c t... 4 H a r m o n o g r a m... 6 T e c h n i c k é ř e š e n í... 7 U s e C a s e D i a g r a m w e b u... 8 C o t o C M S v l a s t n ě j e + s r o v n á n í s y s t e m J o o m l a, D r u p a l 7 a W o r d P r e s s... 9 J o o m l a!... 9 P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a J o o m l a! D r u p a l P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a D r u p a l W o r d P r e s s P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a W o r d P r e s s S t a t i s t i k y v y b r a n ý c h R e d a k č n í c h s y s t e m k e d n i T e c h n i c k é s r o v n á n í v y b r a n ý c h C M S P o r o v n á n í w e b o v é p r e z e n t a c e p ř e d a p o r e d e s i g n u P ř e d r e d e s i g n e m P o r e d e s i g n u Z á v ě r M a n u á l u ž i v a t e l e V y t v o ř e n í n o v é s t r á n k y F o r m á t o v á n í t e x t u V k l á d á n í o b r á z k ů V y t v á ř e n í o d k a z ů n a j i n é s t r á n k y, n e b o n a s t r á n k y v r e d a k č n í m s y s t é m u... 23

3 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 3 Zadání Redesign w ebové prezentace pro JADU.cz Jak je patrné z názvu, jedná se o redesign webových stránek V tomto případě je redesign vlastně navržení a vytvoření nového vzhledu pro tyto stránky, a to hlavně z důvodu zlepšení přehlednosti informací. Nynější design již navíc neodpovídá současným potřebám klienta. Hlavní požadavky, na zadávací schůzce se zadavatelem RNDr. Janem Dudkem a Ing. Antonínem skopcem ze dne , tedy byly: - zlepšit přehlednost informací na webu, - zachovat ústřední barvu webu - fialová, - optimalizovat web pro aplikaci AdWords, - umístit na web původně naprogramované logo ve flashi, které se zobrazuje jinak, než logo na stávajícím webu, - formát písma má zůstat podobný formátu Ghotic. Tento web má sloužit především pro klienty zjišťování nových verzí nabízených programů, proto je kladen vysoký důraz na již zmíněnou přehlednost. Další požadavek byl vznesen správcem webu, Ing. Antonínem Skopcem, a bylo jím snadné spravování webu a informací zde uložených. Na tento redesign jsme měli využít některý z CMS výběr a zdůvodnění viz. kapitola Technické řešení Po konzultaci s RNDr. Janem Dudkem, nám byla schválena možnost použití již připravené šablony z internetu. Šablona bude zaslána na jeho ke schválení. V průběhu realizace projektu se požadavky klienta měnily, viz. Harmonogram.

4 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 4 Ř e š i t e l s ký tým, s c h o p n o s t i č l e n ů t ýmu a jejich p ř í n o s p r o pr o j e c t V e d o u c í t ý m u Jiří Čermák - zkušenosti s nasazováním CMS a jejich správa - jednání s klientem - HTML/CSS/Jquery - organizační schopnosti Vedoucí týmu, postará se o technickou stránku projektu - zajištění hostingu na testování, zjištění potřeb klienta, vybrání řešen, nasazení systému. Zástup za vedoucího týmu Kateřina Steinhauserová - základní znalosti HTML/CSS - organizační schopnosti - základní znalost systéu WordPress Zástup za vedoucího týmu, případná komunikace s klientem, vedení evidence práce týmu, tvorba projektové dokumentace, návrh a úprava struktury webu, hlídání důležitých termínů Další členové týmu Kateřina Hilscherová - základní znalost UML - rychlá orientace v dané problematice - základní znalost systému WordPress Tvorba Use Case Diagramu, plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování, případná asistence při tvorbě projektové dokumentace.

5 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 5 Dita Perná - základní znalost HTML - základní znalost systému WordPress - rychlá orientace v dané problematice Plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování. Radka Fialková - základní znalost HTML - základní znalost systému WordPress - rychlá orientace v dané problematice Plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování. Alexandru Lupan - Data Mining - web design - grafické znalosti (photoshop, lightroom) - základní znalost systému WordPress Zajištění grafických úprav webu, srovnání dostupně volných CMS, případné plěnní webu obsahem.

6 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 6 Harmonogram Co Datum Kdo Výsledek schůzky Schůzka týmu Celý tým Zformování týmu, rozdělení rolí, výběr tématu Schůzka s klientem Celý tým Upřesnění zadání od klienta + sdělení jeho požadavků na redesign webových stránek JADU.cz Schůzka týmu Celý tým Rozbor úkolu, branstorming + zadání prvních dílčích úkolů na do další schůzky Jiří Čermák Testování všech vybraných CMS systémů Joomla, Drupal 7, WordPress El.komunikace v týmu Celý tým Výběr vhodného CMS a jeho spuštění + zadání dílčích úkolů na další schůzku týmu El.komunikace v Celý tým Výběr vhodné šablony týmu Práce na webu DitaPerná, Úprava struktury a vzhledu webu + plnění systému Kateřina Hilscherová, Radka Fialková Schvalování šablony klientem klient Požadavky klienta: změna barvy webu, přihlašovací údaje aby si mohl prohlédnout web, zakomponování lepších náhledů systémů, zviditelnění náhledů program na úvodní straně, umístění velkých náhledů aplikace přímo do textu. Schůzka s klientem Jiří Čermák, Alexandru Lupan Prezentace WordPressu a práce v něm klientovi+ dalších požadavky drobné grafické úpravy, zřízení zabezpečené sekce, pro uživatele, kterým budou přidělena příslušná práva na úpravy, script na stahování souborů z určeného adresáře. Prezentace Celý tým Prezentace věcných výsledků a dosavadního průběhu řešení vyučujícímu a zadavateli Práce na webu Celý tým Kontrola dat a testování systému Celý tým Prezentace výsledků vyučujícímu Shůzka s klientem Kateřina Steinhauserová Jiří Čermák Nasazení systému na doménu klienta, odevzdání tištěné dokumentace projektu klientovi Schůzka s Celý tým Odevzdání tištěné dokumentace projektu vyučujícímu vyučujícím Prezentace Celý tým Veřejná prezentace projektu, odevzdání elektronické verze dokumentace projektu vyučujícímu. Dokumentace - Kateřina Steinhauserová, Kateřina Hilscherová Dokumentace vznikala v průběhu celé realizace projektu

7 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 7 Technické řešení Po detailním rozebrání zadání jme nalezli dvě řešení. Prvním řešením je naprogramování statických stránek, toto řešení však bylo ze strany zadavatele zamítnuto z kapacitních důvodů. Druhým je pak tzv. content management systems (CMS), zde byl k dispozici komerční systém Chilli, který byl však zamítnut z finančních důvodů. Vybrat jsme si tedy mohli z tzv. free CMS. Vybírali jsme z nejstahovanějších systémů známka určité stálosti tohoto CMS a přívětivosti k uživateli a samozřejmě ze systémů, které jsme znali. Na výběr jsme tedy měli z: - Joomla, - Drupal 7, - WordPress. Tyto CMS jsou zdarma a jsou volně stažitelné z internetu. Pro testování těchto CMS bylo potřeba zřídit hostingové služby. Vzhledem k faktu, že vedoucí našeho týmu Jiří Čermák má svůj vlastní hosting a doménové jméno, bylo toho využito. Vytvořil zde doménu třetího řádu a udělal testovací prostor. Následně bylo potřeba nainstalovat všechny zmíněné redakční systémy a otestovat je. Po samotném testování redakčních systémů a dalších konzultacích s klientem, jsme se rozhodli použít systém WordPress, zvláště pro jeho jednoduchost, rychlost, přehlednost ovládání a bez pochyby i díky jeho české lokalizaci. Nutností bylo nastavit a upravit vybraný CMS pro naše potřeby. Nespornou výhodou námi zvoleného CMS, je nespočet již vytvořených šablon připravených k použití. Tyto šablony mohou být placené nebo volně stažitelné z internetu. Ze strany klienta nám bylo sděleno, že finanční náročnost realizace tohoto projektu má být nulová. Z tohoto důvodu byl dalším krokem výběr vhodné a tzv. "free verze šablony. Vhodných jsme našli několik, proto jsme je nainstalovali do prostředí WordPressu, začali je testovat a vybírat nejvhodnější šablonu. Ze všech šablon byla po sléze vybrána jedna, kterou

8 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 8 čekaly grafické úpravy v podobě barvy, úpravy obrázku umístěného na pozadí stránek, vložení log firmy, barevné úpravy menu, úpravy CSS stylu a různých odsazení. Již v průběhu instalace šablony a jejího upravování probíhalo plnění systému daty. Pouhé naplnění systému je nezávislé na použité šabloně ta může být v průběhu několikrát změněna. Důležité je však propojení jednotlivých částí se šablonou, nastavení struktury zobrazování stránek atd. Neméně důležité bylo zabezpečení některých funkcí webu heslem. Toto je ošetřeno vytvořením stránky Soubory, která je chráněna heslem. Uživatel, jemuž bude vygenerováno přihlašovací jméno a heslo zde bude moci provádět příslušné úpravy na základě oprávnění od administrátora. UseCase Diagram w ebu

9 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 9 Co to CMS vlastně je + srovnání system Joomla, Drupal7 a WordPress CMS je redakční systém pro publikování informací (webových prezentací) na internetu. Díky CMS si snadno vytvoříme skvělou webovou prezentaci, bez hlubších znalostí programování J o o m l a! Slovo Joomla je anglický fonetický přepis svahilského slova jumla, které znamená všichni dohromady nebo jako celek. První verze projektu Joomla! byla vydána roku 2005 a týdně je stažena cca krát. Je napsána v jazyce PHP a využívá My SQL databáze. V letošním roce se Joomla! umístila na prvním místě v soutěži The 2011 Open Source CMS Awards 1 Joomla je nejrozšířenější bezplatný open source CMS pro účely vytvaření a publikování informací na internetu. Nemá žádná omezení a proto je využívána po celém světě pro libovolně velké webové projekty. Joomla díky své variabilitě uspokojí jak malého živnostníka, tak i nadnárodní firmu. Podporuje: - caching 2, - indexaci stránek, - RSS 3, - tisknutelné verze stránek, 1 T h e O p e n S o u r c e C M S A w a r d s S o u t ě ž o n e j l e p š í v o l n ě š i ř i t e l n ý C M S. 2 C a c h e j e o z n a č e n í p r o v y r o v n á v a c í p a m ě ť p o u ž í v a n o u v e v ý p o č e t n í t e c h n i c e. J e z a ř a z e n a m e z i d v a s u b s y s t é m y s r ů z n o u r y c h l o s t í a v y r o v n á v á t a k r y c h l o s t p ř í s t u p u k i n f o r m a c í m. Ú č e l e m c a c h e j e u r y c h l i t p ř í s t u p k č a s t o p o u ž í v a n ý m d a t ů m n a p o m a l ý c h m é d i í c h j e j i c h p ř e k o p í r o v á n í m n a m é d i a r y c h l á. 3 R S S j e r o d i n a X M L f o r m á t ů u r č e n ý c h p r o č t e n í n o v i n e k n a w e b o v ý c h s t r á n k á c h a o b e c n ě j i s y n d i k a c i o b s a h u. T e c h n o l o g i e R S S u m o ž ň u j e u ž i v a t e l ů m i n t e r n e t u p ř i h l á s i t s e k o d b ě r u n o v i n e k z w e b u, k t e r ý n a b í z í R S S z d r o j. T e n t o z d r o j s e v ě t š i n o u v y s k y t u j e n a s t r á n k á c h, k d e s e o b s a h m ě n í a p ř i d á v á v e l m i č a s t o ( n a p ř í k l a d z p r a v o d a j s k é s e r v e r y ). P ů v o d n ě t e n t o f o r m á t s l o u ž i l p o u z e k p ř e d á v á n í a k t u á l n í c h n o v i n e k m e z i j e d n o t l i v ý m i s e r v e r y, k t e r é t a k t o v e l m i j e d n o d u š e m o h l y o d k a z o v a t n a a k t u á l n í č l á n k y n a j i n ý c h s e r v e r e c h.

10 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 10 - zobrazování novinek, - blogy, - diskusní fóra, - hlasování, - kalendář, - vyhledavání v rámci webserveru, - lokalizace a vícejazyčné verze. Nejnoveší verze je Joomla! P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a J o o m l a! MTV Networks Quizilla (Social networking) ( TNA Wrestling ( Citibank (Intranet finanční instituce) Není veřejně přístupný Linux.com ( D r u p a l Drupal je dalším členem z rodiny volně šiřitelných CMS systémů. Systém drupal vznikl v roce 2000 a vytvořil ho student jménem Dries Buytaert. Do doby než Dries ukončil školu, neměl tento CMS jméno. Po absolvování školy hledal Dries vhodné jméno pro svou doménu. Chtěl ji pojmenovat jako dorp.org ( Dorp v Holandštině znamená Vesnice ), vinou překlepu však napsal drop.org ( Dordp, přeloženo do angličtiny, znamená Druppel, přeložíme-li ho do češtiny, znamená kapka ). Tento software byl oficiálně zveřejněn pod názvem Drupal v lednu roku V dnešní době je týdně stažen v průměru krát. Podstata všech CMS systémů je stejná, a to rychlá a efektivní správa obsahu webových aplikací bez větší znalosti pogramování. Drupal umožňuje tvorbu internetových časopisů, blogů,

11 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 11 internetových obchodů a jiných komplexních systémů. Naprogramován je v jazyce PHP a oficiálně podporovanými databázemi v Drupalu jsou relační database My SQL a APostgereSQL. Do nové verze se také připravuje podpora dalších databází včetně Oracle. Drupal je postaven modulárním způsobem a udává jako svou filozofii přehlednost kódu a otevřenost API 4. Moduly, které jsou k dispozici na stránkách Drupalu rozšiřují jeho funkčnost do oblastí, jako jsou komerce a vzdělávání. Drupal se v roce 2008 v soutěži Open Source CMS Award (2008) umístil na prvním místě. P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a D r u p a l The White House ( Ubuntu ( Le figaro ( OpenSource.com ( Wor d Press Kořeny WordPressu zasahují až do roku 2003, v té době se však jednalo o jednoduchý PHP kód, který měl sloužit k usnadnění publikace obsahu na webu. Od té doby ušel WordPress velký kus cesty aby měl podobu, jakou známe dnes. Pojmenování WordPress vymyslela pro Matta Mullenwega Christine Tremoulet. Christine přemýšlela nad názvem, který si lidé budou dobře pamatovat a který bude dobře znít povedlo se. 4 A P I p ř e d s t a v u j e j a k ý s i m o s t m e z i a p l i k a c í a p r o g r a m o v a c í m j a z y k e m, k t e r ý n e m á p ř í m ý p r í s t u p k e z d r o j o v ý m k ó d ů m w e b u, r e s p. k d a t a b á z í m ( k t e r é j s o u v ě t š i n o u n e j p o d s t a t n ě š í ). P r o g r a m á t o r, k t e r ý A P I v y t v o ř i l v n ě m m ů ž e u r č i t v š e c h n a p r a v i d l a p r o p ř í s t u p a n a k l á d á n í s d a t y, p ř i č e m ž d o k á ž e z á r o v e ň o c h r á n i t s v o j e d a t a v d a t a b á z i, a s t e j n ě t a k i s k r i p t y n a s e r v e r u. T a k t o p r o g r a m á t o r, k t e r ý n e n í p ř í m ý m t v ů r c e m p r o j e k t u z í s k á p ř í s t u p k d a t ů m, s e k t e r ý m i m ů ž e p r a c o v a t, j a k o j e n a p ř í k l a d č í s t, p o s í l a t d a t a z p ě t a p l i k a c i, a t d.

12 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 12 WordPress je dalším svobodným open source redakčním systémem. Je oficiálním nástupcem systému b2/cafelog 5. Napsán je v PHP, využívá My SQL databázi a dále je vyvíjen pod licencí GNU GPL 6. V roce 2009 vyhrál hlavní cenu v kategorii soutěže Open Source CMS Awards. P ř í k l a d y w e b o v ý c h s t r á n e k b ě ž í c í c h n a W o r d P r e s s TechCrunch ( Playstation oficiální blog ( NASA s Ames Research Center ( S t a t i s t i k y vybraných Redakčních sys t é m ů k e d n i Grafy nejsou rozděleny na různé verze jednotlivých CMS. 5 b 2 / c a f e l o g j e b l o g o v a c í p l a t f o r m a v y t v o ř e n á n a z a č á t k u r o k u M i c h a l e m V a l d r i g h i, b 2 / c a f e l o g p o u ž í v á P H P a M y S Q L d a t a b á z e. 6 G N U G e n e r a l P u b l i c L i c e n s e ( V š e o b e c n á v e ř e j n á l i c e n c e G N U ) p ř í k l a d t z v. C o p y l e f t o v é l i c e n c e. J e t o l i c e n c e n a p s a n á R i c h a r d e m S t a l l m a n e m, p r o v o l n ě š i ř i t e l n ý s o f t w a r e. T a t o l i c e n c e b y l a n a p s á n a p r o p r o j e c t G N U ( G N U j e r e k r u z i v n í z k r a t k a p r o a n g l i c k é G N U s N o t U n i x!, G N U z n a m e n á v a n g l i č t i n ě s l o v o p a k ů ň, o d t u d l o g o s y s t é m u i p r o j e k t u ).

13 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 13 Technické srovnání vybraných CMS RS Drupal Joomla Wordpress Aplikační server PHP Všechny, které podpurují PHP (doporučený Apache) Všechny, které podpurují PHP a MySql (doporučený Apache) Cena zdarma zdarma zdarma Databáze MySQL, Postgres MySQL MySQL verze 4.0+ Licence GNU GPL GNU/GPL v2 GNU GPL Operační systém všechny všechny všechny Programovací jazyk PHP PHP PHP 4.2+ Root přístup Ne Ne Ne Shell přístup Ne Ne Ne Webový server Apache, IIS Apache Apache, mod_rewrite Bezpečnost Prověřování záznamu Ano Ne Omezený Captcha Lze rozšířit Lze rozšířit Ne Schválení obsahu Ano Ano Ano Verifikace u Ano Ano Lze rošířit Zrnková Práva Ano Ne Ano Kerberos autentizace Ne Ne Ne LDAP autentizace Lze rozšířit Ano Ne Historie přihlášení Ano Ano Lze rozšířit Správa session Ano Ano Lze rozšířit SSL kompatibilní Ano Ano Ano SSL přihlášení Ne Ano Lze rošířit SSL stránky Ne Ano Limitované

14 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 14 Podpora Certifikovaný program Ne Ne Ne Kódová kostra Ano Ne Ne Komerční manuály Ano Ano Ne Komerční podpora Ano Ano Ne Komerční trénink Ano Ano Ne Komunita vývojářů Ano Ano Ano Online pomoc Ano Ano Ano Rozšiřitelné API Ano Ano Ano Veřejné fórum Ano Ano Ano Veřejný seznam mailů Ano Ne Ano Testovací rozhraní Lze rozšířit Ano Ano Jednoduchost použití Drag n Drop obsah Lze rozšířit Ne Ano Přátelské URL Ano Ano Ano Zmenšování obrázků Lze rozšířit Ano Limitované Makro jazyk Lze rozšířit Ano Lze rozšířit Hromadný upload Lze rozšířit Ano Lze rozšířit Prototypování Limitované Ano Ne Programování v RS Ano Ano Ano Kontrola chyb v textu Lze rozšířit Ne Lze rozšířit Systém pro tvorbu šablony Limitovaný Ne Ne Předplatné sekce Lze rozšířit Ne Ano Vlastní jazyk šablony Limitovaný Ano Ne Více úrovní uživ. rozhraní Ne Ano Ano Funkce ZPĚT Limitovaná Ne Lze rozšířit

15 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 15 WYSIWYG Editor Lze rozšířit Ano Ano Zip archivy Ne Ne Lze rozšířit Výkon Rozšířené cachování Ano Ano Lze rozšířit Replikace databáze Limitovaná Ne Ne Vyrovnávání nahrávání Ano Ano Ne Cachování stránek Ano Ano Lze rozšířit Export do HTML Ne Ne Limitovaná Správa Správa reklam Lze rozšířit Ano Ne Správa médií Ano Ano Limitovaná Clipboard Ne Ne Ne Rozvrh obsahu Lze rozšířit Ano Lze rozšířit Obsah mezi více servery Frontendová administrace Administrace v prohlížeči Lze rozšířit Ne Ne Ano Ano Ne Ano Ano Ano Sub stránky Ano Ano Ne Skiny,vzhledy Ano Ano Ano Koš Ne Ano Ne Statistiky Ano Ano Lze rozšířit Správa šablony Ano Ano Ano Vícejazyčnost Ano Lze rozšířit Lze rozšířit Součinnost RSS Ano Ano Ano Podpora FTP Limitovaná Ano Limitovaná

16 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 16 UTF-8 Ano Ano Ano XHTML kompatibilní Ano Ne Ano Flexibilita Podpora CGI módu Ano Ano Ne Kopírování obsahu Limitované Ano Ne Rozšiřitelné uživ. profily Ano Ano Ne Metadata Ano Ano Ano Zabudované aplikace Blog Ano Ano Ano Chat Lze rozšířit Lze rozšířit Lze rozšířit Inzeráty Lze rozšířit Lze rozšířit Lze rozšířit Správa obsahu Lze rozšířit Ano Lze rozšířit Zprávy databáze Ne Lze rozšířit Ne Diskuse / Fóra Ano Lze rozšířit Lze rozšířit Správa dokumentů Limitovaná Lze rozšířit Ne Kalendář událostí Lze rozšířit Lze rozšířit Lze rozšířit Správa událostí Lze rozšířit Lze rozšířit Ne Správa FAQ Ano Ano Lze rozšířit Správa výdajů / zaměstnanců Správa souborů (práva,...) Ne Lze rozšířit Ne Lze rozšířit Lze rozšířit Lze rozšířit Grafy Ne Lze rozšířit Ne Správa skupin Lze rozšířit Lze rozšířit Ne Guest book Lze rozšířit Lze rozšířit Lze rozšířit Help desk Lze rozšířit Lze rozšířit Ne HTTP proxy Ne Ne Ne

17 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 17 Volná místa ve firmě Lze rozšířit Lze rozšířit Lze rozšířit Správa odkazů Lze rozšířit Ano Ano Mailový formulář Lze rozšířit Ano Lze rozšířit Nástěnka Lze rozšířit Ne Ano Novinky mailem Lze rozšířit Lze rozšířit Lze rozšířit Fotogalerie Lze rozšířit Lze rozšířit Lze rozšířit Ankety Ano Ano Lze rozšířit Vyhledávání Ano Ano Ano Mapa stránek Lze rozšířit Lze rozšířit Lze rozšířit Ceny akcií Lze rozšířit Ne Ne Dotazníky Lze rozšířit Lze rozšířit Lze rozšířit Čtečka RSS Ano Ano Ano Testy / Kvízy Lze rozšířit Lze rozšířit Lze rozšířit Přispívání registr. uživatelů Ano Ano Ano Počasí Lze rozšířit Lze rozšířit Lze rozšířit Wiki Lze rozšířit Lze rozšířit Lze rozšířit

18 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 18 Porovnání w ebové prezentace před a po redesignu P ř e d redesignem

19 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 19 P o r e d e signu Závěr Při realizaci tohoto projektu, jsme narazili na pár překážek. Jedna nastala při vytvoření uživatele, který po přihlášení do systému bude moci spravovat např. verze. Vytvoření tohoto uživatele se sice povedlo, nicméně nefunguje úplně. Plugin, který to umožňuje je placený a stojí mezi 5-15 dolary, dle požadované funkčnosti. Další problém nastal při zprovoznění PHP kódu, kdy se nám nepodařilo spustit kód od zadavetele. Standardně jde PHP kód normálně vkládat, ale tento složitější skript se nám nepodařilo zprovoznit.

20 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 20 Manuál uživatele Pro úspěšné přihlášení do redakčního systému WordPress je nutné vyplnit uživatelské jméno a heslo (viz obrázek 1). Po vyplnění těchto údajů se zobrazí administrační prostředí systému. OBRÁZEK 1 PŘIHLÁŠENÍ DO SYSTÉMU Po přihlášení se dostaneme na úvodní stránku redakčního systému. Zde můžeme vidět celkový přehled (viz obrázek 2). Redakční systém slouží ke správě obsahu na webových stránkách a text se zde dá editovat stejně jako například ve Wordu. O BRÁZEK 2 ÚVODNÍ STRÁNKA

21 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 21 V y t v o ř e n í n o v é s t r á n k y pro vytvoření nové stránky klikneme na odkaz stránky a potom na odkaz nová stránka. Po kliknutí na tento odkaz se nám zobrazí nová prázdná stránka. Do nové stránky vložíme nadpis, text a vybereme v položce vlastnosti stránky její nadřazenou stránku.

22 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 22 F o r m á t o v á n í t e x t u Pro psaní běžného textu můžeme text libovolně editovat, můžeme zde vidět podobné značky pro formátování textu jako ve Wordu, například pro tloušťku písma, kurzívu, text můžeme umisťovat do klasického tříděného a netříděného seznamu. Písmo můžeme zarovnávat do středu, doleva, doprava atd. Pokud si text připravíme v jiném editoru (například Word) a následně ho chceme vložit do textového příspěvku, máme několik možností jak sem tento příspěvek vložit. Text můžeme vložit jako čistý text, tj. po kliknutí na tlačítko s tvarem obálky a písmene T se nám zobrazí textové okno, do kterého můžete text z námi používaného editoru zkopírovat a po kliknutí na tlačítko O K se nám do příspěvku vloží jako čistý text. Pokud chceme vložit již naformátovaný text, např. z Wordu, můžeme k tomu použít tlačítko Vložit text z Wordu, toto tlačítko vypadá, jako obálka s písmenem W. Text vložíme do dialogového okna a po stisknutí tlačítka OK se nám vloží do editoru naformátovaný text.

23 R e d e s i g n w e b o v é p r e z e n t a c e J A D U. c z 23 V k l á d á n í o b r á z k ů Vkládání obrázku do příspěvků je možné pouze po jejich nahrání na server. K tomu slouží tlačítko pro výběr obrázku: Obrázek můžeme vybrat ze svého počítače a nebo z galerie fotografií (fotografie, které již byly do redakčního systému nahrány.) V y t v á ř e n í o d k a z ů n a j i n é s t r á n k y, n e b o n a s t r á n k y v r e d a k č n í m s y s t é m u Pro vytvoření odkazu z jiné stránky vybereme text, který má představovat tento odkaz, a poté klikněme na tlačítko pro vložení odkaz: