Bakalárska práca Jún 2008

Transcription

1 Fakulta matematiky, fyziky a informatiky Univerzita Komenského, Bratislava Autor: Michal Novomeský Bakalárska práca Jún 28 Podporný komunitný portál medzinárodného študijného programu MEi:CogSci Školiteľ: RNDr. Martin Homola

2 2

3 Čestné prehlásenie Čestne prehlasujem, že svoju bakalársku prácu som vypracoval samostatne s odborným vedením RNDr. Martina Homolu a všetku použitú literatúru uvádzam v zozname. V Bratislave, Michal Novomeský 3

4 Poďakovanie Rád by som sa touto formou poďakoval svojmu školiteľovi RNDr. Martinovi Homolovi. Ako študent som navštevoval jeho predmet Moderný prístup k webdizajnu, práve vďaka tomuto predmetu sa môžem venovať webu oveľa profesionálnejšie, ako doteraz a prinášať ovocie aj inde do sveta. Okrem toho ma podporoval počas môjho bakalárskeho štúdia. Som rád, že ma oslovil práve pre takýto náročný druh bakalárskej práce a mal vo mňa dôveru, ako aj trpezlivosť s mojimi nedostatkami. 4

5 Abstrakt CMS, nástroj pre správu obsahu, umožňuje majiteľovi stránky pridávať a meniť obsah aj v prípade, ak nemá znalosti v oblasti webových technológií. Tvorí jadro komunitných portálov a jej obsahom bývajú najčastejšie blogy a fórum. Použitie wiki považujem za vhodné riešenie na správu obsahu a informácií pre komunitný portál. Cieľom je vytvoriť komunitný portál, ktorý má v sebe obsiahnuté blog používateľov, wiki, galéria fórum, kalendár, správu používateľov (študentov, vyučujúcich) a plne kontrolovateľné prístupové práva ku každej časti webu. Blog, wiki, galérie a fórum tvoria asi najpodstatnejšiu časť dnešných komunitných portálov. CMS tvorí jadro systému. Blogy vytvárajú blogosféru spoločenstvo blogov a ich vzájomných vzťahov. Wiki tvorí obsah a informácie. Vo svojej práci porovnávam rôzne existujúce CMS, ktoré majú charakter komunitného portálu. Pre tento projekt som považoval za najvhodnejšie vytvorenie nového CMS, ktorý bude plne slúžiť potrebám budúceho komunitného portálu. Práca ďalej opisuje vzniknutý komunitný portál, jadro systému a jeho modulové rozšírenia. Implementácia projektu ponúka systém šitý na mieru, intuitívne používateľské prostredie pre všetkých, ktorí sa s ním budú oboznamovať a používať ho. Po jednoročnom vývoji sa zrealizovaný systém dostal do finálnej fázy v podobe existujúceho a funkčného webu Vzniknuté nové CMS spĺňa požiadavky otvoreného a multifunkčného systému, ktorý v budúcnosti bude vhodný pre rôzne skupiny používateľov alebo projekty. 5

6 Obsah Čestné prehlásenie...3 Poďakovanie...4 Abstrakt...5 Úvod CMS, Wiki, Blogy a Komunitné portály CMS Wiki Blogy Komunitné portály... 3 Existujúce riešenia Prehľad vybraných riešení Kritéria rozlišovania Porovnanie existujúcich riešení s požadovaným Zdôvodnenie použitia vytvorenia vlastného CMS Mei:CogSci portál Špecifikácia Použité technológie Architektúra Jadro systému Modulové rozšírenia Bezpečnosť Prístupnosť Záver...26 Slovník pojmov...27 Použitá literatúra...29 Prílohy...3 Príloha A Špecifikácia...3 Príloha B Dátové CD

7 Úvod Content Management System (CMS) je nástroj na správu obsahu. Slúži na organizáciu a jednoduché vytváranie dokumentov a rôzneho iného obsahu. Umožňuje majiteľovi stránky pridávať a meniť obsah aj v prípade, ak nemá znalosti v oblasti webových technológií. CMS zároveň tvorí jadro komunitných portálov. Obsahom komunitného portálu bývajú najčastejšie blogy a fórum. Použitie wiki považujem za vhodné riešenie pre správu obsahu a informácií. Z wiki dnes ľudia často čerpajú informácie a zároveň umožňuje viacerým používateľom, niekedy aj anonymným, meniť jej obsah. Informačný systém organizácie má v maximálnej miere podporovať primárne procesy. Mei:CogSci (Stredoeurópsky medzinárodný študijný program Kognitívnej vedy) pociťuje absenciu vlastného komunitného portálu, ktorý by spravoval vzťahy medzi vyučujúcimi, študentami a koordinátormi. Cieľom mojej práce je implementácia webovskej aplikácie CMS. Funkcionalita aplikácie vyžaduje integráciu do jedného celku týchto modulov: Blog, Wiki, Vyhľadávanie na celej stránke, Fórum, Kalendár, Systém na správu používateľov, Plne kontrolovateľné prístupové práva, Ostatné. Rozhodol som sa, že naprogramujem vlastné CMS, ktorého funkcionalita je v súlade s požiadavkami špecifikácie v prílohe A. Výsledkom implementačnej práce je komunitný portál študijného programu Mei:CogSci. Vo svojej práci budem v kapitole 2 opisovať problematiku, ktorou sa budem zaoberať, v kapitole 3 porovnávať existujúce systémy, ktoré by boli vhodné na tvorbu tejto aplikácie, v kapitolách 4.3 až 4.4 opisovať architektúru zrealizovaného systému, v kapitole 4.5 prezentovať niektoré modulové rozšírenia zhotovené na základe špecifikácie v prílohe A. 7

8 2 CMS, Wiki, Blogy a Komunitné portály 2. CMS Content Management System (skratka CMS) je nástroj na správu obsahu. Slúži na organizáciu a jednoduché vytváranie dokumentov a rôzneho iného obsahu. Väčšinou je to web aplikácia na organizáciu web stránok a webu. CMS vyžaduje na editáciu a tvorbu článkov buď špeciálny klientský software alebo má na to webové rozhranie. Trh je zaplnený rôznymi komerčnými ale aj mnohými open source riešeniami [6]. Môžeme sa stretnúť aj s pojmom WCMS, alebo Web CMS teda implementáciu webovej aplikácie pre vytváranie a manažovanie obsahu HTML. Najčastejšie sa stretávame so systémom s online spracovaním údajov dynamicky naprogramovanou aplikáciou. Ukážka bežnej aplikácie, ktorej sa mení len obsah: Niektoré kľúčové vlastnosti WCMS [7]: Automatizované šablóny Vytvárať štandardné výstupné šablóny (HTML a XML), ktoré môžu byť automaticky aplikované do existujúcej aplikácie, ktoré môžu zmeniť jej vizuál alebo vzhľad obsahu, napr. z jedného súboru/šablóny. Jednoducho editovateľný obsah Oddelený obsah od vizuálnej časti je rýchlejšie manipulovateľný. Mnoho WCMS obsahujú WYSIWYG nástroje na správu obsahu, ktoré umožňujú bežným používateľom vytvárať a upravovať obsah. Modularizácia Mnoho WCMS obsahujú pluginy alebo moduly, ktoré môžu byť ľahko nainštalované pre rozšírenie funkcionality konkrétnej webstránky. Document management CMS môže poskytovať správu životného cyklu dokumentu od vvytvorenia cez revízie (SVN, CVS), publikácie, archívy po jeho ukončenie. CMS umožňuje majiteľovi stránky pridávať a meniť obsah aj v prípade, ak nemá znalosti v oblasti webových technológií. Toto prináša veľký prínos v komerčnej sfére, kde si firma/organizácia objedná CMS, zaplatí najprv viac peňazí, ale potom už môžu meniť stránky samostatne, čim získajú to, že majú pohotovejšiu aktualizáciu a v konečnom dôsledku ušetria, lebo už web dizajnéra 8

9 nepotrebujú. Na druhej strane to môže prinášať riziká v podobe zhoršenej kvality prezentácie. Z pohľadu vývojára V praxi sa môžeme stretnúť s dvoma druhmi systému z hľadiska vlastníctva: Proprietárny CMS Organizácia alebo samostatne zárobkovo činná osoba sa rozhodla vytvoriť vlastný systém, ktorý potom ďalej predáva a vyvíja ho. Vývojári kladú dôraz na vlastnú filozofiu a poznajú, ako systém funguje. Dosiahnutiu požadovanej funkcionality predchádza dlhší vývoj a použitie tohto riešenia je vhodné na webovej stránky, ktoré sa nepovažujú za štandardné, alebo v sebe obsahujú dôležitú časť neštandardných riešení. Existujúce GNU/GPL CMS Prednosť je kladená na existujúce systémy, niektoré z nich opisujem v kapitole č. 3. Doplnením alebo využitím existujúcich funkcionalít a modulových rozšírení sa dá šikovným spôsobom dosiahnuť požadovaný výsledok. V dôsledku jeho voľnej rozšíriteľnosti sa môžu objaviť bezpečnostné diery, ktoré, ak sa pohotovým spôsobom nevyriešia, môžu ohroziť bezpečnosť súkromných údajov alebo iných časti systému. V niektorých prípadoch je nutné zasahovať do jadra systému, čím sa systém pripravuje o svoju pôvodnú stabilitu. Ceny sa líšia od výkonu. Na trhu existuje veľa subjektov vytvárajúcich podobné aplikácie. Často sa však stáva, že v dôsledku šikovnosti marketingových snažení a nedostatočným náhľadom klienta do problematiky klient zaplatí zbytočné finančné prostriedky za služby, ktoré nepotrebuje. Problémy nastávajú v prípade, že klient má neštandardné alebo špecifické požiadavky v kontexte existujúcich webových technológií. Môže sa stať, že klient niečo špecifikuje, no neskôr zistí, že to vlastne nepotrebuje. Tu je dôležité, aby bol kladený dôraz na komunikáciu medzi odberateľom a dodávateľom. 2.2 Wiki Wiki je webová stránka, ktorá umožňuje návštevníkom pridávať, odstraňovať a upravovať svoj obsah. Zakladá sa na myšlienke spoločného spravovania informácií na web stránkach, prvá wiki (WikiWikiWeb) bola vyvinutá Ward Cunninghamom v polovici 9 rokov 2. storočia. Wiki poskytovala odkazy na množstvo stránok. Táto jednoduchosť v upravovaní urobila z wiki veľmi užitočný nástroj pre spoluautorstvo. Wikipédia, online encyklopédia je jedna z najznámejších wiki [4]. Z Wikipédie čerpám väčšinu svojich citácií, ktoré uvádzajú aj iné odborné publikácie alebo články. História 994 Ward Cunningham začiatok vývoja wiki 2+ rozvoj 27 wiki vstupuje do Oxford English Dictionary Online Dnes niektoré spoločnosti používajú wiki ako spolupracujúci systém, ako aj náhradu za statický intranet Riešenie formou wiki poskytuje organizácií alebo cieľovej skupine flexibilnú formu správy obsahu. Ak sa obsah omylom vymaže, môžeme ho obnoviť z histórie. Syntax wiki je síce netriviálna pre bežného používateľa, ale zvládne ju po istej dobe každý. Ide o akúsi strednú cestu medzi úpravou textu vo Worde a v HTML. Výstup je však kvalitný a čistý HTML kód. 9

10 Editovanie wiki stránok MediaWiki syntax Ekvivalent k XHTML Vyrenderovaný výstup "Take some more tea," the March <p>"take some more tea," the March "Take some more tea," the March Hare said to Alice, very earnestly. Hare said to Alice, very earnestly.</p> Hare said to Alice, very earnestly. "You mean you can't take ''less''," said <p>"you mean you can't take "You mean you can't take less," said the Hatter: "it's very easy to take <i>less</i>," said the Hatter: "it's very the Hatter: "it's very easy to take more ''more'' than nothing." easy to take <i>more</i> than than nothing." nothing."</p> Bezpečnosť Otvorená filozofia umožňuje editovať obsah komukoľvek. Problém môže byť vandalizmus. Vďaka histórií a možnosti obnoviť obsah zo starej verzie, prípadne je možné blokovať IP adresu nežiadúcej osoby aj keď nie vždy to stačí. Niektoré stránky sa môžu zablokovať pred úpravou obsahu anonymným používateľom, prípadne ju povoliť editovať skupine alebo konkrétnemu používateľovi. Dôveryhodnosť Kritici anonymne editovateľných wiki stránok poukazujú na problém manipulácie alebo nepravdivosti údajov. V drvivej väčšine som narážam na wiki stránky, ktoré sú pravdivé. Ak však niekto narazí na wiki stránku, kde je chyba, uvidí ju a môže ju opraviť. V prípade zatvorenej filozofie nastáva opačný problém dôveryhodnosť stúpa, korekcia údajov je však pomalšia. 2.3 Blogy Weblog (z angl. web log zhruba: webový denník) alebo skrátene a neformálnejšie blog je webová aplikácia obsahujúca chronologicky zoradené príspevky. Autor sa nazýva blogger (niektorí ľudia píšu len jedno g alebo slovenský výraz blogér), spoločenstvo blogov a ich vzájomných vzťahov blogosféra [3]. Formálnymi znakmi weblogu je zachovávanie trvalých odkazov URL na jednotlivé príspevky (permalinky), obrátené chronologické radenie príspevkov (najnovšie navrchu), poskytovanie syndikovaného obsahu, napr. vo forme RSS, blogroll (zoznam spriaznených stránok) a často možnosť komentovania príspevkov čitateľmi. Rozsah príspevkov je od jediného odkazu na inú webovú stránku až po rozsiahlejšie pôvodné texty a grafiku [3]. Blogovať môže každý. Väčšinou sa zvyknú písať príspevky z oblasti vlastných záujmov. Ak má niekto iný názor na danú problematiku, dochádza často k rôznorodosti názorov. Dnes je tento spôsobom publikovania svojich príspevkov rozšírený, no nie všetci vytrvajú. Problémom môže byť nedostatok času na zhotovenie príspevku alebo odradenie názorov druhých ľudí pohybujúcich sa v blogosfére. Z pohľadu implementácie ide o naprogramovanie správy obsahu a zobrazovania blogov, blogových príspevkov rôznymi používateľmi. Ďalej pridávanie komentárov, prípadne aj hodnotenie príspevkov, ako aj samotného blogéra. Vhodné riešenie je naprogramovať dynamickú (statický čisté HTML) stránku prepojenú s databázou. Príkladom môže byť obľúbený slovenský blogový portál Ide o riešenie zhotovené pomocou technológií PHP, MySQL, a jej výstupom je XHTML zobrazujúce sa klientovi vo svojom webovom prehliadači. Kľúčový je aj obsah, ktorý plní funkciu zhotovenej aplikácie. Ďalší nádejný projekt tiež využíva technológiu PHP. Využíva natívnu databázu

11 XML, čo dnes nie je až také časté. Výhodou XML je to, že je ISO štandard. Moderné relačné databázy využívajú propertiárny formát na ukladanie dát. V porovnaní s horeuvedeným portálom sa jedná o lepšie naprogramovanú aplikáciu s neporovnateľne menším obsahom a počtom používateľov. 2.4 Komunitné portály Poskytujú nám bránu do WWW. Tieto portály spolu prinášajú informácie a služby ako a diskusné fóra pre rozšírenie komunity a integrácie. Integrujú rôzne zdroje a služby, ako napr. vyhľadávače a slovníky, a často aj povolenie používateľom prispôsobovať obsah, layout a navigáciu pre vyhovenie ich vlastných potrieb. Pre komunitné portály sú hlavné potreby a záujmy [8]. Medzi známe komunitné portály patrí Môžeme ľahko pridávať fotografie, albumy a priateľov. Používa ho čoraz viacej ľudí. Medzi obdobné portály patrí aj Portál umožňuje zdieľať vlastné videá. Obsahuje veľký počet videí. Google implementovalo do svojho vyhľadávača náhľadovú fotografiu, ktorá sa zobrazuje pri vyhľadávaní videa z Youtube v prípade zadaní príslušných kľúčových slov. Takéto prepojenie, resp. prepojenie komunitných portálov patrí dnes medzi pozoruhodné myšlienky. Doteraz sme spomenuli komunitné portály vhodné pre širokú verejnosť. Cieľom tejto práce je vytvoriť komunitný portál pre uzavretejšiu skupinu používateľov. V komunitnom portáli by nemalo chýbať fórum. Fórum je jeden z prostriedkov, ako možno vytvoriť internetovú komunitu, vytvárať alebo prehlbovať medziľudské vzťahy. Možno povedať, že CMS je jadrom/srdcom aplikácie budúceho alebo existujúceho komunitného portálu. Blogy, wiki, galérie a fórum z pohľadu používateľa tvoria jeho obsah, z pohľadu vývojára sa jedná o modulové rozšírenia. Obsah napĺňajú väčšinou používatelia komunitného portálu.

12 3 Existujúce riešenia 3. Prehľad vybraných riešení Bitweaver Tento systém v sebe obsahuje väčšiu časť prvkov, ktoré potrebujem (blog, wiki, fórum, kalendár, používatelia, jazykové mutácie). Jeho nevýhodou je, že používa PHPv4. MediaWiki Najnovšia MediaWiki je PHPv5. Tento systém v sebe obsahuje, ako už názov o sebe hovorí, výbornú implementáciu wiki. Má v sebe aj zabudované cachovanie, čo zrýchľuje čas generovania stránky. Je zréjme, že na stránku ktorá funguje na spomínanom systéme, je vyvíjaný veľký tlak. Neviem si však predstaviť, že by som zobral zdrojový kód tejto aplikácie a použil jeho základ na zvyšnú tvorbu komponentov. Joomla Opäť jeden rozsiahly, obľúbený a používaný systém. Používa MVC, ktorý zabezpečí to, aby zjednotili spôsob písania zdrojového kódu, ktorý je súčasne objektívne posudzovaný za jeden z najlepších. Je PHPv5. Joomla v sebe neobsahuje systém práv, ktorý potrebujem. Nevedel by som si teda predstaviť do systému naprogramovať a upravovať existujúce zložky systému. phpbb Ide o komunitný portál, ktorého hlavným prvkom je vynikajúce fórum. Okrem toho v sebe obsahuje aj základné prvky CMS. Ani zďaleka však nemá všetky, ktoré potrebujem. Budúci systém bude využívať knowhow časti phpbb fórum. Wordpress Ak si chce niekto založiť vlastný blog s možnosťou komentárov, môže použiť Wordpress. Má v sebe komentáre, archívy, kategórie a tiež aj základné prvky CMS formou pluginov, ktorých je mnoho. Je PHPv4, čo vylučuje jeho použitie. Výhodou používania existujúcich opensource frameworkov/cms je: Veľa modulových rozšírení je už naprogramovaných. Jednoduchá správa obsahu. Pluginy/moduly a možnosť vytvorenia vlastných. MVC (v niektorých prípadoch). Nevýhody: Systém svojím objemom obsahuje v sebe mnohé veci, ktoré sa v budúcom projekte nemusia využiť, zaberajú priestor a stránky vyžadujú dlhší čas na generovanie. Potrebný čas na adaptáciu a zistenie, akú ma systém architektúru a ako funguje. 3.2 Kritéria rozlišovania. PHPv5 PHPv4 má slabo implementované objektovo orientované programovanie, pričom verzia 5 ho už v sebe má. Podmienkou pre mňa teda bolo použiť PHPv5, tak som nad týmto systémom neuvažoval. 2. Implementovaný systém práv podľa špecifikácie v prílohe A. 2

13 3. Rozsah nepovažujem za rozumné použiť rozsiahly systém, kde je veľa vecí, ktoré nevyužijem. 4. Povaha sú ľudia, ktorí radšej zvolia existujúce riešenia a dokážu v rýchlo a efektívne zhotoviť riešenie. Sú takí, ktorí chcú mať vo svojej práci poriadok, poznať a mať podchytené každé detaily svojej práce. Vychádzam z hodnotenia DISC [23][24]. Niektoré opensourcové CMS sú však závislé od webhosingových poskytovateľov a niektoré z nich donedávna poskytovali stále iba PHPv Porovnanie existujúcich riešení s požadovaným CMSv2 je pomenovanie pre budúci výsledný systém. Rýchlosť bola meraná ako čas potrebný pre vygenerovanie úvodnej stránky. Bitweaver MediaWiki Joomla phpbb Wordpress CMSv2 Nie Áno Áno Áno (v3) Nie Áno Systém práv Nie Nie Nie Nie Nie Áno Rozsah Veľký Stredný Veľký Stredný Stredný Malý Wiki Áno Áno Áno Nie Plugin Plugin Blog Áno Nie Áno Plugin Plugin Plugin Fórum Áno Nie Plugin Áno Plugin Plugin Galéria Áno Nie Plugin? Plugin Plugin Kalendár Áno Nie??? Plugin Rýchlosť >..4 >..3?.5 PHPv5 3.4 Zdôvodnenie použitia vytvorenia vlastného CMS Na základe DISC [23][24], keďže som SCD, nebolo by pre mňa dobré motivujúce prostredie, keby som použil existujúce, nie moc vyhovujúce riešenie. Aby vznikol plnohodnotný projekt, považujem to za rozhodujúce kritérium. Zároveň som bral ohľad na potreby zadávateľa. Požaduje sa čas vygenerovania pod. sekundy na strane servera. Používatelia sú z Európy, majú rýchle internetové pripojenie a potrebujú, aby sa im stránky načítavali čo najrýchlejšie. V horeuvedenej tabuľke sme hneď vylúčili dva najrozsiahlejšie. Zvyšné tri neboli vhodné, aby z nich vznikol požadovaný komunitný portál. Sú však ľudia, ktorí sa aj v tomto prípade rozhodnú pre existujúce riešenie. Netvrdím, sa jedná o zlé rozhodnutie, ale prináša to určité riziká, najmä tie, ktoré nie sú voľným okom okamžite viditeľné. Ani nikto nevlieva mladé víno do starých mechov, lebo nové víno by mechy potrhalo. Vytieklo by a aj mechy by sa zničili. Mladé víno treba nalievať do nových mechov [2]. 3

14 4 Mei:CogSci portál Vrchný obrázok znázorňuje úvodnú stránku. Spodný obrázok znázorňuje profilovú časť používateľa s minimalizovanou hlavičkou. Pravý panel zobrazuje navigáciu. Ľavý sa zobrazuje len na profilových stránkach, kde je fotografia, meno, resumé aplikácie Trafficlight a kalendár udalostí. 4

15 4. Špecifikácia Hlavné ciele Cieľ projektu je vytvoriť podporujúci komunitný portál pre učiteľov, študentov a koordinátorov programu MEi:CogSci. Čiastočne by mal byť otvorený aj pre verejnosť. Hlavné ciele portálu:. Komunikovať PR informácie o MEi:CogSci programe pre širokú verejnosť. 2. Komunikovať študijné informácie od učiteľského zboru k študentom. 3. Komunikácia medzi študentom a ostatnými študentmi (ľubovoľným spôsobom) ako aj k učiteľom a administrátorom (feedback, súvisiace so štúdiom (domáce úlohy,...)). Štruktúra portálu Portál je rozdelený do dvoch častí:. MEi:CogSci študijný program (programová časť) 2. MEi:CogSci komunita (komunitná časť) Programová časť predstavuje niekoľko informačných stránok pre študentov, partnerov a širokú verejnosť (študijný plán), najnovšie novinky, a dve špeciálne aplikácie pre správu študentských pohybov a študentskej konferencie. Komunitná časť portálu sa stará o komunikáciu, osobné weblogy, spoločný pracovný priestor (v podobe wiki), a súborový repozitár s archívom. Bude možné tagovať (takmer) všetko a používať tagy pre navigáciu. Bude možné jednotným spôsobom vytvárať komentáre v celom portáli na blogových príspevkoch, článkoch vo wiki, fórumových príspevkoch; hoci je nutné nepovoliť komentáre na všetko. Požadovaná funkcionalita Kalendár, Novinky (časť alebo integrovaná časť s kalendárom) Wiki, Weblogy, Fórum, Súborový repozitár, Galérie (nízka priorita) Administračný nástroj konferencie ``Traffic light indikátor'' Aplikácia Mobility manažovací systém (špeciálne programovaná aplikácia). Konfigurovateľné RSS feedy (niekto môže pridať blog, fórumové vlákna, wiki stránky) Väčšina portálových vlastností bude obalená kombináciou weblogov a wiki stránok. Stránky osobného profilu, všetky informačné stránky a stránky spoločného pracovného priestoru budú wiki stránky. Každý používateľ bude mať osobnú stránku s weblogom a kalendárom. Súborový repozitár bude použitý pre archiváciu súborov ale aj pre publikáciu dokumentov a obrázkov v celom portáli. Prístupové práva Používateľské roly sú potrebné, aby vyhoveli potrebám portálu. Budú viacnásobné roly. Bude možné obmedziť prístup k obsahu na základe rol používateľov (napr. uzamknúť niektoré stránky wiki alebo fóra, súbory v súborovom repozitáre. tak aby sa povolilo zapisovanie alebo čítanie (každé ošetrené zvlášť) iba pre niektoré roly). Ďalšou požiadavkou bolo, aby používatelia mohli zverejňovať informácie pre niekoľkých výlučne vybraných používateľov. Celá špecifikácia je v prílohe. 5

16 4.2 Použité technológie Požiadavky na systém zo strany servera PHP v5 Ak som chcel využiť moderné trendy objektového programovania, musel som použiť PHP vo verzií 5. Dnes existuje mnoho CMS systémov, ktoré stále fungujú na verzií 4. Výhoda tohto objektového programovania je v rýchlosti, lebo viac využíva fyzickú pamäť. MySQL v5 Systém využíva príkazy/selecty, ktoré sú obsiahnuté len od tejto verzie. Odporúča sa tuning databázy, čím sa zrýchli rýchlosť generovania celej stránky. Apache v2 Ide o najobľúbenejší a najpoužívanejší webový server na internete. Ak chceme generovať pekné URL (pozri 4.4), musíme použiť tento webserver. Inak je možné použiť ľubovoľný. Požiadavky na systém zo strany klienta Webový prehliadač, W3C kompatibilný Testovanie som vykonal na existujúcich a používaných prehliadačoch: IE v6 a vyššie Mozilla Firefox Opera Safari Konqueror Odporúča sa použiť rozlíšenie 24x768 a vyššie a nevypínať v prehliadači JavaScript Implementované súčasti WikiText parser Ide o Mediawiki parser, ktorý transformuje wiki syntax do XHTML. Je jednoducho použiteľný, stačí mu zadať text, ktorý sa má transformovať. Zdroj: Tento parser som implementoval (hardcode) do vznikajúceho systému. Vykonal som príslušné zmeny: Prepojenie so súborovým repozitárom nalinkovať existujúce obrázky a súbory Doprogramovanie ďalšej a chýbajúcej wiki syntaxe Prepojenie s lokálnou databázou wiki stránok zistiť, ak sa použije prelink na wiki stránku, či existuje v zozname wiki stránok Wikitext editor Wikibits Ide o používaný editor v aplikácií MediaWiki na správu obsahu wiki stránok a o formulárový prvok, nad ktorým sa vykonávajú JavasScriptové funkcie pre zjednodušenie úpravy obsahu. Úprava textu prebieha v jazyku wiki. 6

17 WYSIWYG editor TinyMCE Existuje skupina používateľov, ktorá si neporadí s wiki editorom. Tento editor umožňuje spravovať obsah jednoduchým spôsobom, ako v aplikáciach OpenOffice alebo MS Word. Výstup je XHTML, no nie vždy validné a v súlade so štandardami W3C. Ide o rozsiahly editor, zároveň generuje najvalidnejší XHTML výstup. V súčasnosti je v neustálom vývoji (2862 TinyMCE 3..9 Released). Súhrn vlastností [9]: Jednoduchá integrácia, zaberie 2 riadky zdrojového kódu Upraviteľné cez témy a pluginy Upraviteľný XHTML. výstup. Blokovanie neplatných elemenov a zakázaných atribútov. Jazyková podpora Podpora pre viaceré webové prehliadače, Mozilla, MSIE, FireFox, Opera a Safari (experimentálne). 7

18 4.3 Architektúra Systém, ktorý som navrhol, pozostáva z dvoch častí. Prvou z nich je jadro aplikácie/systému (CMS), druhou obsah aplikácie (moduly). Do jadra systému zaraďujeme: Hierarchia tried Implementované súčasti Šablóny pre layout Medzi moduly zaraďujeme modulové rozšírenia, ktoré sa stanú súčasťou systému. Schéma vľavo nám to názorne zobrazuje. Systém umožňuje vytvoriť ľubovoľné modulové rozšírenie, ktoré dedí triedy implementované v jadre aplikácie. Obsahuje vlastné metódy a zdedené hlavné metódy, ktoré poskytujú jadru systému výstup, ktorý sa má zobraziť na stránke. 4.4 Jadro systému Návrh tried capp Volá sa pri volaní stránky. Na základe GET a POST parametrov rozhodne, ktorý modul sa má zavolať a čo má spraviť. m curl Funkcie tejto triedy používam v aaplikácii na vygenerovanie URL. cdb Trieda sprostredkováva spojenie s databázou. Zároveň obsahuje potrebné funkcie pre prácu s databázovými tabuľkami celej aplikácie. Je možné ju prispôsobiť pre akúkoľvek relačnú i natívnu databázu csession Trieda hovorí o tom, ktorý používateľ je prihlásený a aké má práva podľa toho, kde sa nachádza a čo robí. cdata Pracuje s dátovým modelom konkrétneho modulu, ktorý pracuje s údajmi databáze. cmenu Generuje hlavne stromovú štruktúru navigácie stránok obsiahnutých v tabuľke Menu. 8

19 cform Generuje formulárové prvky. Poskytuje flexibilitu, kde nie je potrebné písať formulárové prvky manuálne v HTML. Menu Ide o strom podstránok celej stránky, ktorý môže byť ľubovoľnej hĺbky. Dátový model je reprezentovaný relačnou tabuľkou: Rodič Nadpis URI Modul Typ Public Login login login tmpl Public FAQ faq faq class Okrem iného obsahuje aj parametre: Poradie číselná reprezentácia, ktorá usporadúva položky v menu od najmenšieho po najväčší Nadpis v menu nadpis na stránke môže byť iný, ako nadpis v menu Protokol či HTTP alebo HTTPS Viditeľnosť zobrazovanie sa v položkách menu, boolean Systém určí, ktorý modul a aký typ sa má inicializovať, na základe URI, ktoré získa z GET parametrov. URL parametrizácia Na základe GET parametrov naplníme objekt ourl, ktorý sa skladá z:. Page aktívna stránka 2. Iid aktívny element 3. Cat doplnkový údaj, slúžiaci napr. pre filtráciu údajov 4. Pos pre stránkovanie 5. SessionID 28 bitový string ako identifikátor session súboru na serveri prenositeľný cez URL, ak nie je podpora pre cookies. Príklady použitia pri používaní rozšírenia mod_rewrite pre webovský server Apache: Akcie Rozlišujeme základné druhy akcií: New zobrazí sa prázdny formulár na pridávanie elementu, printform() Insert pridá sa element Edit zobrazí sa prázdny formulár s predvolenými hodnotami elementu, printform() Save uloží sa Delete vymaže sa Default zavolá sa printlist(). Ak je v URI zadané ID elementu, zavolá sa printdetail() Viac informácií v sekcií Modulové rozšírenia. 9

20 Prístupové práva Je dôležité, aby bolo možné kontrolovať, či daný používateľ môže pristupovať k danej stránke a čo s ňou môže robiť. Kritéria rozlišovania: Stránka o akú stránku z Menu sa jedná Element napr. prvok s ID=5 v tabuľke noviniek Namespace Rozoznávame 3 základné druhy prístupu: Public neprihlásený používateľ Group skupina používateľov User konkrétny používateľ Práva sú zložené s prvkov Read právo na čítanie Write právo na úpravu alebo vymazávanie záznamu Grant právo pridávať právo Comment právo komentovať tento element (napr. wiki stránku) Insert právo pre pridávanie nového elementu Máme dve tabuľky prístupových práv: Permissions Hovoria o tom, že ktorá stránka a ktorý jej element má mať aké práva. Initial permissions Práva, ktoré sa použijú pri tvorbe konkrétneho elementu. Pridávanie a úprava existujúcich elementov Po vykonaní akcie Insert sa vloží nový element do príslušnej tabuľky. Následne sa spustí dbupdate(), ktorý zaktualizuje údaje na základe vyplnených údajov vo formulári a ich následného spracovania. Týmto spôsobom nie je potrebné písať manuálne príkazy pre správu údajov v databáze. Pseudokód: function dbinsert { exec ('INSERT INTO $tabulka () VALUES ()') dbupdate($insertid) } function dbupdate($id) { for each $pole in $tabulka do exec ('UPDATE $tabulka SET $pole = $_POST[$pole]') } Tagovanie Systém má v sebe zabudované globálne tagovanie. Pomocou metódy cform::tagtextbox sa zobrazí vo formulárí textový priestor. Jednotlivé tagy sú oddelené čiarkov. Po jeho uložení sa zapíšu do tabuľky tagov. Záznam v tabuľke v sebe obsahuje, o aký modul a element sa jedná. 2

21 Subversion Jadro systému je spravované obľúbeným systémom na správu zdrojových kódov SVN. Je možné ho jednoduchým spôsobom nasadiť na ľubovoľné miesto a aktualizovať ho jednoduchými príkazmi. Dňa dosiahol revíziu č Modulové rozšírenia Systém umožňuje jednoduchú tvorbu modulov, ktoré vo veľkej miere spĺňajú najčastejšie podmienky, ktoré sú kladené na vytváranie modulov pre konkrétne podstránky. V prípade potreby dorábania vlastných modulov do systému je možné využiť zabudované rozhranie Pre jeho spustenie stačí pridať do Menu potrebné parametre, t.j. správny module_name. Systém môže obsahovať dva druhy modulov: Samostatne fungujúci skript, ktorý vráti nejaký výstup tomuto sa venovať nebudeme Modul, ktorý pracuje priamo nad databázou Modul je trieda, ktorá ako parametre dostane objekty cdb, curl a csession. Medzi hlavné metódy modulu, ktoré sú odvodené od cdata, patria: printlist vypíš všetky záznamy v požadovanom výstupe, je možné záznamy filtrovať podľa viacerých kľúčov alebo stránkovaním printdetail vypíš konkrétny záznam v požadovanom výstupe printform formulár slúžiaci pre úpravu alebo pridávanie nového záznamu využíva najmä funkcie na generovanie formulárových prvkov z triedy cform Pseudokód hlavných metód: function printlist { echo $insertbutton foreach $elements in $result do <hyperlink>$element[title]</hyperlink> <newline /> } function printdetail($elementid) { <header>$element[title]</header> <paragraph>$element[text]</paragraph> echo $editbutton. $deletebutton } function printform { inputbox($title) textbox(text) echo $savebutton. $cancelbutton } Základná funkcionalita Základnú funkcionalitu systému zabezpečujú moduly, ktoré sú súčasťou jadra systému: Správa obsahu podstránok Menu pridávanie nových podstránok alebo modulových rozšírení Prístupové práva Správa používateľov Viacjazyčná podpora (nevyužitá v spomínanom projekte) 2

22 Aplikácia prístupových práv pre modulové rozšírenia Využijeme integrovaný systém práv v CMS. V niektorých modulových rozšíreniach bolo potrebné prispôsobiť ich fungovanie, aby fungovali korektne. Blog Blogy nemajú Namespace. Bolo potrebné zabezpečiť, aby sa pri tvorbe elementu nastavili potrebné prístupové práva. Riešenie spočívalo v pridaní parametru User do tabuľky Initial permission. Pri pridávaní blogového príspevku sa nastavili prístupové práva, ktoré vlastnil prihlásený používateľ. Wiki, File Pridávanie je riešené pomocou Namespace, ktorého vlastníkom je konkrétny používateľ. Používateľ môže pridávať do svojho vlastného Namespace, ktorý mu bol vytvorený pri registrácií, ale aj do iných na základe nastavenia Initial permissions administrátorom. Príklad použitia tabuľky Initial permissions: Module User Namespace Level Read Write Grant Comment Insert Blog Nubian User(Nubian) Blog Nubian Group(Users) Wiki User:Nubian User(tbc) Wiki User:Nubian Group(Users) File User:tbc User(tbc) File User:tbc Group(Users) Príklad použitia tabuľky Permissions: Module Element User Namespace Level Read Write Grant Comment Blog Hello Nubian User(Nubian) Blog Hello Nubian Group(Users) Wiki MyProfile User:Nubian User(tbc) Wiki MyProfile User:Nubian Group(Users) File Profile.jpg User:tbc User(tbc) File Profile.jpg User:tbc Group(Users) Stream Bolo potrebné zabezpečiť, aby si používatelia mohli zvoliť, ktoré správy chcú vidieť vo svojom kalendári. Okrem iného majú možnosť zapisovať svoje udalosti aj do ostatných streamov, ktoré sa zobrazia iným používateľom. Chceme aj, aby do hlavného streamu, ktorého udalosti sa zobrazujú na úvodnej stránke, mohli zapisovať len administrátori. Module Element User Namespace Level Read Write Grant Comment Stream User:Nubian User(Nubian) Stream User:Nubian Group(Users) Stream Public Group(Root) 22

23 Sú tu aj moduly, ktoré nepotrebujú mať prístupové práva pre každý element šlo by o zbytočný krok. Akým spôsobom je to možné riešiť, napr. v prípade prehľadu používateľov? Chceme zabezpečiť, aby administrátori mohli meniť údaje všetkých používateľov, a bežní používatelia ich mohli len prezerať. Stránka FAQ, v ktorej chceme zabezpečiť, aby k nej mal prístup aj návštevník. Module Element User Namespace Level Read Write Grant Comment Users Group(Root) Users Group(Users) FAQ Group(Root) FAQ Public Vyhľadávanie Vyhľadáva sa viacvrstvovo a rozoznáva, či je používateľ prihlásený, ako aj jeho rolu. Vyhľadávanie v archíve a takmer na celej webovej stránke (v blogoch, wiki, súboroch a komentároch) je výborným spôsobom, ako sa najrýchlejšie po zadaní vhodnej vyhľadávacej frázy dostať k požadovanej informácií. Kalendár udalostí Používateľ vždy vidí vlastné udalosti a môže ich pridávať. Ak chce pridávať udalosti do ostatných streamov, musí mať právo za zápis do nich. Ide o netriviálne naprogramované riešenie, ktoré, aby správne fungovalo, vyžadovalo väčšiu pozornosť a čas. Príklad zobrazovania vlastného kalendára udalostí. Na vrchu je zobrazená systémová hláška, ktorá sa zobrazí v prípade, ak používateľ správne zadal všetky údaje. Následné sa údaje uložia do databázy. V pravej časti sa zobrazuje kalendár, ktorý sa zobrazuje na každej profilovej stránke používateľa. Po kliknutí na konkrétnu udalosti sa v dolnej časti zobrazí jeho obsah. 23

24 Traffic light Študent si sám spravuje vlastné predmety. (zelená: DONE, žltá: STARTED, biela: NEW) Mobility Ide o špeciálne naprogramovanú aplikáciu. Keď študent vyplní žiadosť, predchádza to schváleniu lokálnym koordinátorom. Ak ju nevyplní korektne, lokálny koordinátor môže žiadosť zamietnuť. Po znovu vyplnení a schválení lokálnym koordinátorom sa aplikácia dostáva do rúk hlavnému koordinátorovi, ktorý môže žiadosť schváliť a aj uzamknúť. Toto modulové rozšírenie pracuje nad jednou tabuľkou v databáze a obsahuje v sebe veľké množstvo akcií a riešení jednotlivých prípadov, ktoré môžu nastať. Príklad použitia aplikácie Mobility z pohľadu hlavného koordinátora. 24

25 4.6 Bezpečnosť Informačné a komunikačné systémy sa neustále vyvíjajú a otvárajú nové možnosti pre rozvoj spoločnosti. Navrhované riešenia sú však čoraz komplikovanejšie a prinášajú isté bezpečnostné riziká tak pre výrobcov, ako aj používateľov [2]. Sila prihlasovacieho hesla Triviálne heslá používateľov, hlavne administrátorov, predstavujú potenciálne bezpečnostné riziko, kde môže škodlivá osoba vymazať alebo nežiadúco modifikovať obsah. Bezdrôtové siete (wireless local area networks, WLANs) Z funkcionálneho hľadiska výhodou z bezpečnostného hľadiska nevýhodou WLAN je možnosť pripojenia anonymného používateľa (človeka z ulice) k takejto sieti a získanie prístupu k údajom [2]. Je možné tomu zamedziť použitím protokolu HTTPS/SSL (Secure Secret Layer), kedy anonymný používateľ ťažko získa prístup k odosielaným či prijímaným údajom. Generická architektúra webovského aplikačného systému Pri interakcii webovského klienta a webovského servera posielané URL medzi klientom a serverom majú typický formát Manipulácia s application časťou adresy URL môže mať za následok zneužitie zraniteľností existujúcich na aplikačnom serveri. Údaje z časti parameters adresy URL sa zadávajú aplikácií. Musia byť správne validované [22]. Tento druh rizika je dlhodobo známy a vynaložil som nemalé úsilie, aby som tomu zamedzil. Vstupy, resp. GET parametre sú systémovo validovateľné. Nie je možné pristúpiť cez prehliadač k lokálnym skriptovacím súborom vďaka súboru.htaccess a jeho zadaných rewriteov. Funguje v prípade použitia webovského servera Apache Prístupnosť Stránka spĺňa WCAG. DoubleA. Výhody: Prístupnosť pre slabozrakých Čitateľné na mobilných zariadeniach, PDA, konzolách Optimalizované pre vyhľadávače ide o štruktúrovaný obsah hlavičky, divy, paragrafy, ktoré sú obalené štýlmi CSS. Z pohľadu používateľa sa jedná o nepodstatný údaj. Validné XHML a CSS je v tomto prípade samozrejmosťou. 25

26 5 Záver Cieľom bakalárskej práce bola implementácia komunitného portálu medzinárodného študijného programu Mei:CogSci. Súčasťou implementácie bolo zhotovenie systému na správu obsahu (CMS) a naprogramovanie modulových rozšírení. Funkcionalita aplikácie spĺňa požiadavky stanovené v špecifikácii, ktoré sú uvedené v prílohe A. Vo svojej práci som implementoval modulové rozšírenia blog, wiki, fórum a kalendár tak, aby vytvárali spolu jeden celok. Sú plne kontrolovateľné prístupovými právami, ktoré tvoria jadro systému. Toto jadro systému tvorí tiež súčasť implementácie pre túto prácu. Spojenie jadra systému a modulových rozšírení vytvára webovskú aplikáciu spĺňajúcu charakter komunitného portálu, ktorá ssa nachádza na stránke Štruktúru portálu tvorí programová a komunitná časť. V programovej časti okrem informačných stránok som realizoval dve špeciálne aplikácie pre správu študentských pohybov. V komunitnej časti som zrealizoval spomenuté modulové rozšírenia, ktoré spolu tvoria charakter komunitného p portálu. Prínosom zhotoveného systému je jeho budúce využitie pre účely študijného programu Mei:CogSci. Implementácia komunitného portálu poskytuje tiež flexibilnú možnosť ďalšieho využitia na akademickej pôde, ako aj v komerčnej sfére na ďalšie projekty. V neposlednom rade poskytuje široké možnosti využitia pre rôzne neziskové a humanitárne projekty. Odporúčam rozširovanie jadra systému a zväčšovanie funkcionality implementovaním ďalších modulových rozšírení. Považujem to zároveň za osobnú výzvu. 26

27 Slovník pojmov CSS Kaskádové štýly alebo CSS (skratka z angl. Cascading Style Sheets) je všeobecné rozšírenie HTML. Konzorcium W3C[] označuje CSS ako jednoduchý mechanizmus na vizuálne formátovanie internetových dokumentov [9]. DISC Štvrtinový model týkajúci sa správania založený na práci psychológa William Moulton Marston Ph.D. ( ). Ide o skratku pre: Dominantnosť (Dominance) súvisí s kontrolou, silou a asertivitou Vplyv (Influence) súvislosť so sociálnymi situáciami a komunikáciou Pevnosť (Steadiness) súvisí s trpezlivosťou, vytrvalosťou, a pozornosťou Svedomitosť (Conscientiousness) súvisí so štruktúrou a organizovaním [24] GNU/GPL GNU General Public License (GNU GPL či jednoducho GPL) je populárna licencia pre slobodný softvér, ktorú pôvodne napísal Richard Stallman pre projekt GNU (projekt na vytvorenie kompletného operačného systému, ktorý by bol slobodným softvérom). Poslednou verziou licencie je verzia 3 vydaná 29. júna 27. Voľnejším komplementom GPL je tzv. LGPL Lesser General Public License [2]. JavaScript JavaScript, je skriptovací programovací jazyk. Jazyk je používaný najmä pri tvorbe webových stránok. V niektorých prípadoch ide o užitočný nástroj, no niekedy sa používa aj tam, kde by sa nemal. Ľudia si ho zvyknú mýliť s Javou. Mei:CogSci Middle European Interdisciplinary Master Programme In Cognitive Science. MySQL MySQL je slobodný a otvorený viacvláknový, viacužívateľský SQL relačný databázový server. MySQL je populárny databázový systém, podporuje viacero platforiem ako Linux, Windows či Solaris a je implementovaný vo viacerých programovacích jazykoch ako PHP, C++ či Perl []. MVC Modelviewcontroller (MVC) je architektonická vrstva používana v softvérovom inžinierstve. Úspešné použitie vrstvy oddeľuje logiku biznisu od hľadiska používateľského rozhrania, a jej výstup je aplikácia, kde je jednoduchšie modifikovať jednak vizuál aplikácie, alebo podstatné pravidlá biznisu bez zastiahnutia ostatných [2]. Namespace V podstate je to abstraktný objekt poskytujúci kontext pre prvky (mená, technické výrazy, alebo slová). Tento spôsob drží rôznorodosť výrazov s rovnakým menom [3]. PHP PHP (PHP: Hypertext editor) je populárny open source skriptovací programovací jazyk, ktorý sa 27

28 používa najmä na programovanie klientserver aplikácií (na strane servera) a pre vývoj dynamických webových stránok []. RSS RSS (RDF Site Summary) je veľmi jednoduchý formát pre čítanie správ a článkov z rôznych spravodajských a iných serverov, ktoré sa snažia svojim čitateľom sprostredkovať rôzne užitočné informácie [5]. Session Login sedenie je perióda aktivity medzi prihlásením a odhlásením používateľského systému [7]. SQL Structured Query Language (SQL) je počítačový jazyk na manipuláciu (DML) (výber, vkladanie, úpravu a mazanie) a definíciu dát (DDL). V súčasnosti je to najpoužívanejší jazyk tohto druhu v relačných systémoch riadenia báz dát []. Tag Tag (metadáta), kľúčové slovo, výraz, ktorý je spojený alebo pridružený k nejakej informácií [4]. URL (URI) URL je skratka pre Uniform Resource Locator, zjednodušene povedané adresa lokácie na sieti internet [6]. WCAG Web content accessibilitiy guidelines. W3C The World Wide Web Consortium (W3C) vyvíja technológie schopné prevádzky (špecifikácie, smernice, softvér, a nástroje), aby vládli webu jej plným potenciálom. XHTML Rozšíriteľný hypertextový značkový jazyk (Extensible Hypertext Markup Language; XHTML) je značkový jazyk (markup language) podobný HTML, ale s prísnejšou syntaxou. Zatiaľ čo HTML je aplikáciou SGML, veľmi pružného značkového jazyka, XHTML je aplikáciou XML, obmedzenej podmnožiny SGML. XHTML. sa stalo odporúčaním W3C 26. januára 2 [8]. 28

29 Použitá literatúra [] [2] [3] [4] [5] [6] [7] [8] [9] [] [] [2] [3] [4] [5] [6] [7] [8] LENNIE, J.: Glossary. EvaluateIT, [ cit..jún 28; 2.h EST ]. Dostupné na webovskej stránke (world wide web): [9] SYSTEMS, M.: What is TinyMCE?. TinyMCE Javascript Content Editor by Moxiecode Systems AB<, [ cit..jún 28; 8.h EST ]. Dostupné na webovskej stránke (world wide web): [2] L.: Biblia Slovenský ekumenický preklad, Evanjelium podľa Lukáša, 5. kapitola, 3738 verš. Bratislava : Slovenská biblická spoločnosť, 27 [2] OLEJÁR, D.: Úloha štátu pri ochrane digitálneho priestoru. Katedra informatiky FMFI : Univerzita Komenského, 28 [22] HUDEC, L.: Bezpečnostné slabiny webovských serverov a ich testovanie. FIIT STU Bratislava : FIIT STU, 28 [23] FURLOW, L.: Job Profiling: Building a Winning Team Using Behavioral Assessment. AchieveMentors, [ cit..jún 28; 7.h EST ]. Dostupné na webovskej stránke (world wide web): [24] 29

30 Prílohy Príloha A Špecifikácia 3

31 3

32 32

33 33

34 34

35 35

36 36

37 Príloha B Dátové CD 37