Mějte svůj web ve svých rukou

„Mějte

[email protected]

svůj web ve svých rukou.“

www.bubileg.cz

Redakční systém pro správu webového obsahu

Obsah 1 Úvod............................................................................................................2 2 Základní vlastnosti systému.................................................................................3 2.1 České prostředí.........................................................................................3 2.2 Neomezené množství článků a uživatelů...........................................................3 2.3 Cílenost zobrazení článku.............................................................................3 2.4 Plánování článků a boxů...............................................................................3 2.5 WYSIWYG editor.........................................................................................4 2.6 Stromová struktura celého webu.....................................................................5 2.7 Ikonky.....................................................................................................6 2.8 Zpětná vazba............................................................................................6 2.9 Správa souborů pro web...............................................................................6 2.10 Rozsáhlé možnosti konfigurace.....................................................................6 2.11 SEO.......................................................................................................6 2.12 Přístupnost a Blind Friendly web...................................................................7 2.13 Vícejazyčnost..........................................................................................7 2.14 Originální vzhledové šablony........................................................................7 2.15 Fulltextové vyhledávání..............................................................................7 2.16 Přihlášení, odhlášení, registrace a zapomenutí hesla...........................................8 2.17 Příprava pro tisk.....................................................................................10 2.19 RSS.....................................................................................................11 3 Seznam obrázků.............................................................................................11

1

Úvod

Bubileg-cms je redakční systém, pomocí kterého si můžete spravovat sami vlastní web. Můžete si měnit jeho strukturu, přidávat tolik článků, kolik jen chcete. Budete moci zpřístupňovat jednotlivé články komu chcete a od kdy chcete. V jednotlivých článcích můžete zobrazovat text či obrázky. Základní web si můžete rozšířit například o fotogalerie, ankety, fulltextové vyhledávání a podobně. Celý redakční systém se skládá z programové části vytvořené převážně programovacím jazykem PHP a relační databází, která nese veškeré informace o článcích, uživatelích a dalších datech potřebných k chodu systému. Veškerá správa systému se děje pomocí webového rozhraní. Pro bezproblémový chod doporučujeme používat internetový prohlížeč Mozila Firefox nebo Google Chrome. Systém byl však testován i na dalších webových prohlížečích (Opera, Internet Explorer, ...).

[email protected], www.bubileg.cz

2

prosinec 2009, verze 2.00L


2 2.1

Základní vlastnosti systému České prostředí

Bubileg-cms je český produkt a veškerá administrativa, návody, průvodci, ... jsou v českém jazyce. Není však problém v něm psát weby i pro další jazyky.

2.2

Neomezené množství1 článků a uživatelů

Systém není omezen na počty položek menu a jejich obsahy. Můžete si vytvářet kolik menu chcete a v nich zase kolik menu chcete a plnit je neomezeným počtem článků. To samé platí u uživatelů, které přidáváte do patřičných skupin. Počet uživatelů ani počet skupin není uživatelovi omezen. Každému uživateli je přidělena jedna primární skupina a neomezeně dalších skupin, kam můžeme uživatele zařadit. Navíc jsou o uživatelích i článcích vedena různá statistická dat. Kdo, kdy se přihlásil, jaký článek je nejčtenější, jaký má nejvíce komentářů, ...

2.3

Cílenost zobrazení článku

U každého článku musíme určit, komu se bude zobrazovat. Jednoduše zaškrtneme uživatelské skupiny, kterým se článek bude zobrazovat. Stačí, aby byl uživatel zařazen do jedné z povolených skupin a článek může vidět. Tím můžeme vytvářet různé části webu, které jsou skryté nepřihlášeným uživatelům a skýtají pro přihlášené patřičné důvěrné informace. Hlavním příkladem je administrátorské rozhraní webu, které se zobrazí jen uživatelům, kteří patří do administrátorské skupiny.

2.4

Plánování článků a boxů

Při tvorbě každého článků můžeme určit datum jeho publikace a tím definovat od kdy se bude daný článek na webu zobrazovat. U boxů a boxových modulů můžeme navíc ještě definovat datum ukončení zobrazení na webu. Tím můžeme nechat v boxu zobrazit například nějakou „Akci“ jen v datu od do. Díky vlastnostem tohoto i předchozího odstavce můžeme plánovat jak datum zobrazení stránky, tak i komu se stránka zobrazí.

1 Omezení je jen v datových typech databáze, kde jsou články a uživatelé omezeny na téměř 17 miliónů záznamů a uživatelské skupiny na 65 a půl tisíce záznamů.


3



2.5

WYSIWYG2 editor

WYSIWYG editor umožňuje psát webové stránky bez znalostí jazyka HTML či XHTML, které jsou k tomuto určeny. Používáme editor, který je XHTML validní a psaní v něm je podobné jako psaní dokumentů v OpenOffice Writeru nebo MS Wordu. V tomto editoru nepíšete jen texty stránek, ale i obsahy boxů, popis produktů, ….

Ilustrace 1: WYSIWYG editor

2 WYSIWYG je akronym anglické věty „What you see is what you get“, česky „co vidíš, to dostaneš“.


4



2.6

Stromová struktura celého webu

Celý web má stromovou strukturu3. Od kořene(root) jsou položky „top level“. To může být například volba jazyků. Od těchto jsou potom navázány položky jednotlivých „hlavních menu“. Na hlavní menu mohou být navázány další články či menu, na ně zase další atd. Každý článek má tedy právě jednoho rodiče. Množství článků vašich stránek hloubka struktury webu není omezena. Celou strukturu si můžete tvořit libovolně sami. I po vytvoření článku můžete velice rychle a elegantně změnit jeho rodiče a tím změnit jeho pozici ve struktuře webu. Příklad struktury webu: ●

Kořen ○

CZE ■

Domovská stránka

■

O nás

■

Produkty

Výrobek 1 ○ Fotky k výrobku 1 ○ Podrobnější popis výrobku 1 ● Výrobek 2 ● Výrobek 3 ○ Podrobnější popis výrobku 3 ■ Kontakty ●

■

Administrace

Správa článků Správa uživatelů Správa fotogalerií ○ ENG ● ● ●

■

Home

■

About us

Zeleně je znázorněn kořen, z kterého vychází všechny články. Ten je vždy jen jeden. Červeně je znázorněno top level menu. Nemusí být zobrazováno, pokud je jen například česká verze. Zde se obvykle po přihlášení zobrazuje administrace systému. Mohou se zde zkovat i různé další položky webu, které v konfiguraci podle levelu nastavíme jako neviditelné. Modře je znázorněno hlavní menu. Toto menu se zobrazí podle toho, jaká je vybrána položka top level menu. V případě, že je vybrána čeština, bude zobrazováno tmavě modré. V případě, že je vybrána angličtina, bude zobrazováno světle modré. Černé položky stromu jsou již pod hlavním menu a zobrazují se v podobě dlaždic. Vybereme si například v hlavním menu „Produkty“, zobrazí se nám seznam výrobků. Po odkliku dlaždice výrobku 1 se zobrazí dlaždice fotogalerie a podrobnějšího popisu a podobně. 3 Hierarchická struktura, kde každý prvek má právě jednoho rodiče(předcházející prvek) a přitom může mít neomezeně potomků(následující prvek). Vše začíná od jednoho kořene, který jako jediný nemá rodiče.


5



V top level menu a hlavním menu můžeme nechat skrývat zobrazení některých článků. Článek na webu bude, bude možné na něj odkazovat, zobrazovat jeho obsah, hledat jej fulltext vyhledávačem, ale nebude vidět v menu.

2.7

Ikonky

V celém systému, zejména pak v operátorském rozhraní můžete narazit na malé ikonky, pomocí kterých systém z větší části můžete ovládat. Ikonky mají obvykle stejný význam a tak pokud se je naučíte používat v jednom modulu, je snadné se poté zorientovat v modulu jiném. Pokud v systému necháte myš na ikonce, zobrazí se podrobnější popis funkce dané ikonky

2.8

Zpětná vazba

Po provedení nějaké operace (upravení článku, smazání uživatele, nastavení oprávnění, …) Vás systém o této události informuje. Jsou zavedeny 3 základní módy(informace, chyba a upozornění) pro zobrazení této zprávy. Každý tento mód je odlišen barvou. Informace takto zobrazené se ukládají a je možné zpětně dohledat co se kdy v systému stalo.

2.9

Správa souborů pro web

Systém umožňuje spravovat další soubory pro web, které můžeme nechat zobrazovat přímo v textu webu, nebo jako přílohy či fotogalerie. Tyto soubory můžeme lépe organizovat díky systému vlastních složek. Každém souboru můžeme dát vlastní název a popisek. Systém sám pozná, nahráváte-li obrázek a k němu automaticky vytvoří náhled. Dále dokáže rozlišit, jestli nejsou překročeny maximální rozměry dané administrací a podle toho obrázek upraví.

2.10

Rozsáhlé možnosti konfigurace

V současné době je v systému více jak 200 různých nastavitelných položek konfigurace. Tímto lze systém doladit co nejblíže potřebám každého majitele webu. Nastavit lze startovní stránka, rozměry obrázků, zobrazování dlaždic, jazyky, ankety, cesty, eshop, ...

2.11

SEO4

Při tvorbě webu se snažíme myslet na to, aby byly vaše stránky ve světě Internetu vidět. Dbáme při tom na mnoha aspektech a používáme etické povolené metody, mezi které patří například: •

Dynamické a obsahově správné nadpisy, tituly, ...

•

Správná struktura stránek

•

Validní XHTML 1.0 strict kód

•

Samoopravné COOL URL adresy obsahující i informaci co článek obsahuje

•

Obrázky a odkazy s popisky

•

Soubor robots.txt

4 SEO (Search Engine Optimization, optimalizace pro vyhledávače) je metodika vytváření a upravování webových stránek takovým způsobem, aby jejich forma a obsah byly vhodné pro automatizované zpracování v internetových vyhledávačích.


6



•

Soubor sitemap.xml

•

a mnohé další

2.12

Přístupnost a Blind Friendly web

Při vývoji systému máme na paměti i otázky přístupnosti webu a úprav pro Blind Friendly web. Tedy se snažíme vyvíjet systém tak, aby výsledný web byl co nejpřístupnější nejširšímu možnému počtu uživatelů. Aby také obsahoval prvky, které pomohou lépe se uživateli na webu orientovat. Výsledkem naší snahy může být například: •

Drobečková navigace umožňující uživateli vidět, kde ve stromové struktuře webu se právě nachází a dále mu umožňuje se vrátit na libovolný krok až ke kořeni.

•

Relativní velikosti textu a možnost si jej na celém webu zmenšit či zvětšit.

•

Provázanost formulářových polí s labely.

•

Ucelený vzhled webu kde i administrace má stejné GUI5 jako celý zbytek webu

•

Systém ikonek s nápovědou

•

Zpětná vazba pomocí log okének

•

Logo webu skýtá skok na domovskou stránku odkudkoliv.

•

Alternativní texty pro obrázky

•

A mnohé další.

2.13

Vícejazyčnost

V administraci si můžete vytvářet vlastní slovníky, či upravovat výrazy stávajících slovníků. V současné době podporujeme český, anglický a německý slovník. Z tohoto slovníku si různé moduly, které mají u verze písmeno „L“, získávají své potřebné texty. My sami jako administrátoři webu si můžeme určit, od jakého článku nám začíná jaká jazyková verze stránek. Jednotlivé moduly si sami zjistí, kde se naházejí a své informace publikují v patřičném jazyce.

2.14

Originální vzhledové šablony

Každý web může díky šablonovému systému vypadat zcela unikátně, mít svůj osobitý vzhled. Dokonce i na jednom webu může být více vzhledových šablon. Při vytváření článku určujeme, jakou bude mít vzhledovou šablonu a tím můžeme pevně určit jeho vzhled. Toto pevné určení je však relativní, protože dále je v systému konfigurovatelné automatické přepínání těchto šablon. Toto přepínání je možné nastavit na hodinové ve dni, nebo denní v roce. Tím si můžeme udělat různé denní či noční, nebo zimní a noční, nebo další jakékoliv přepínání vzhledů.

2.15

Fulltextové vyhledávání

Systém umožňuje vyhledávání ve struktuře celého webu. Prohledávají se články, slovník pojmů a produkty elektronického obchodu. Systém si navíc dokáže pamatovat kolikrát se co hledalo a to poté nabízet jako často hledané tagy. 5 GUI (Graphic User Interface, grafické uživatelské rozhraní) je jednoduše řečeno grafický vzhled stránek obsahující navigační prvky, texty, odkazy, obrázky, ikonky, …


7



Ilustrace 2: Fulltextové vyhledávání

2.16

Přihlášení, odhlášení, registrace a zapomenutí hesla

Do systému se standardně přihlašuje prostřednictvím přihlašovacího jména a hesla. Systém nabízí vlastní automatickou registraci nového uživatele. Administrátor webu si sám určí, do jaké uživatelské skupiny se budou uživatelé přidávat a jaké údaje budou muset jako povinné vyplňovat. Hned vedle tlačítka pro přihlášení je umístěna ikonka pro přidání nového uživatele a záchrana při zapomenutém hesle. V případě, že jste zapomněli vaše přístupové heslo, můžete si nechat vygenerovat heslo nové a nechat si jej zaslat na email, který jste uvedli v registraci Vašeho účtu na tomto webu.

Ilustrace 3: Přihlašovací okénko


8



Ilustrace 4: Registrace nového uživatele


9



2.17

Příprava pro tisk

Každá stránka webu je připravena pro tisk. Stačí kliknout na ikonku tiskárny a zmizí vše zbytečné a barevné pro tisk.

Ilustrace 5: Standardní zobrazení stránky s grafikou

Ilustrace 6: Zobrazení stráky pro tisk

2.18


10



2.19

RSS

Technologie RSS6 umožňuje uživatelům Internetu přihlásit se k odběru novinek z webu, který nabízí RSS zdroj (RSS feed, též RSS kanál, RSS channel). Tento zdroj se většinou vyskytuje na stránkách, kde se obsah mění a přidává velmi často (například zpravodajské servery). Jedná se jednoduše o seznam posledních několika nejnovějších článků na daném webu. Náš systém toto nabízí již v základu pro každý web. Standardně se na konci adresního řádku prohlížeče nachází ikona RSS kanálu, která po odkliknutí daný kanál zobrazí. Obvyklá adresa RSS kanálu webů poháněných bubileg cms je velmi jednoduchá http://adresa_webu/rss.xml.

Ilustrace 7: Obvyklá ikona pro RSS kanál

3

Seznam obrázků Seznam ilustrací

Ilustrace Ilustrace Ilustrace Ilustrace Ilustrace Ilustrace Ilustrace

1: WYSIWYG editor....................................................................................4 2: Fulltextové vyhledávání..........................................................................8 3: Přihlašovací okénko................................................................................8 4: Registrace nového uživatele.....................................................................9 5: Standardní zobrazení stránky s grafikou......................................................10 6: Zobrazení stráky pro tisk........................................................................10 7: Obvyklá ikona pro RSS kanál....................................................................11

6 Really Simple Syndication


11


Mějte svůj web ve svých rukou

Recommend Documents