MASARYKOVA UNIVERZITA }w¡¢£¤¥¦§¨ FAKULTA INFORMATIKY !"#$%&'()+,-./012345<yA| Webovy´publikacˇnı´syste´m foto a videomateria´lu BAKALA´ Rˇ SKA´ PRA´ CE Sylvie Kyncˇlova´ Brno, podzim 2006 Prohla´sˇenı´ Prohlasˇuji, zˇe tato bakala´rˇska´pra´ce je my´m pu˚vodnı´m autorsky´m dı´lem, ktere´jsem vypracovala samostatneˇ. Vsˇechny zdroje, prameny a literaturu, ktere´jsem prˇi vypracova´nı´pouzˇı´vala nebo z nich cˇerpala, v pra´ci rˇa´dneˇ cituji s uvedenı´m u´plne´ho odkazu na prˇı´slusˇny´zdroj. V Brneˇ, 3. ledna 2007 Sylvie Kyncˇlova´ Vedoucı´pra´ce: RNDr. Petr Sojka, Ph.D ii Podeˇkova´nı´ Deˇkuji sve´mu vedoucı´mu RNDr. Petru Sojkovi, Ph.D. za jeho rady, kon- struktivnı´kritiku a prˇipomı´nky k pra´ci. Podeˇkova´nı´patrˇı´take´me´rodineˇ a prˇa´telu˚m za pomoc prˇi jazykove´korekturˇe. iii Shrnutı´ Tato pra´ce se zaby´va´publikova´nı´m foto a videomateria´lu na internetu a po- jmem publikacˇnı´ho syste´mu. Ukazuji, co vsˇechno tyto syste´my umozˇnˇujı´ a v cˇem jsou jejich prˇednosti. Popisuji, analyzuji a srovna´va´m vybrane´ webove´publikacˇnı´syste´my vhodne´pro spra´vu foto a videomateria´lu vzhle- dem ke stanoveny´m pozˇadavku˚m. Na´sledneˇv poslednı´cˇa´sti vyuzˇı´va´m tyto poznatky prˇi zpracova´nı´prˇı´padove´studie – webove´prezentace brneˇnske´ho fotografa a filmarˇe Petra Barana. Vybı´ra´m nejvhodneˇjsˇı´publikacˇnı´syste´m, a po domluveˇs panem Baranem vytva´rˇı´m validnı´interaktivnı´webovou prezentaci s prˇepı´natelny´mi designy. iv Klı´cˇova´slova Publikacˇnı´syste´m, webova´prezentace, design, fotomateria´l, videomateria´l, XHTML, CSS. v Obsah 1 U´ vod ................................... 3 2 Webove´publikacˇnı´syste´my s foto a video archivem . 5 2.1 Mozˇnosti publikova´nı´video a fotomateria´lu na internetu . 5 2.2 Pojem publikacˇnı´ho syste´mu .................... 6 2.3 Publikacˇnı´syste´m s foto a video archivem ............. 7 2.3.1 Prˇehled funkcı´. 8 2.3.2 Prˇehled dalsˇı´ch mozˇny´ch funkcı´ . 9 2.3.3 Prˇehled funkcı´z hlediska interakce . 9 2.3.4 Prˇehled funkcı´z hlediska spra´vy obsahu . 10 3 Analy´za vybrany´ch publikacˇnı´chsyste´mu˚a jejich srovna´nı´ . 11 3.1 Soucˇasny´stav ............................ 11 3.2 Specifikace pozˇadavku˚ ........................ 11 3.2.1 Hlavnı´pozˇadavky na syste´m . 11 3.3 Publikacˇnı´syste´m Drupal ..................... 12 3.3.1 Obecny´popis . 12 3.3.2 Terminologie a hierarchie . 12 3.3.3 Programove´a databa´zove´na´stroje . 12 3.3.4 Funkcˇnı´analy´za syste´mu . 13 3.4 Publikacˇnı´syste´m Joomla ...................... 15 3.4.1 Obecny´popis . 15 3.4.2 Terminologie a hierarchie . 15 3.4.3 Programove´a databa´zove´na´stroje . 16 3.4.4 Funkcˇnı´analy´za syste´mu . 16 3.5 Publikacˇnı´syste´m Jamroom ..................... 18 3.5.1 Obecny´popis . 18 3.5.2 Terminologie a hierarchie . 18 3.5.3 Programove´a databa´zove´na´stroje . 19 3.5.4 Funkcˇnı´analy´za syste´mu . 19 3.6 Publikacˇnı´syste´m Lisk ....................... 20 3.6.1 Obecny´popis . 20 3.6.2 Terminologie a hierarchie . 20 3.6.3 Programove´a databa´zove´na´stroje . 20 1 3.6.4 Funkcˇnı´analy´za syste´mu . 21 3.7 Srovna´nı´ .............................. 21 4 Prˇı´padova´studie – webova´prezentace umeˇlecke´ho fotografa . 23 4.1 Pozˇadavky klienta .......................... 23 4.2 Volba syste´mu ............................ 23 4.2.1 Na´klady . 23 4.2.2 Rozsˇirˇitelnost . 24 4.3 Na´vrh prezentace .......................... 24 4.3.1 Struktura prezentace . 24 4.3.2 Vzhled prezentace . 26 4.3.3 Generova´nı´ko´du . 26 4.3.4 Nastavenı´ . 27 4.3.5 Validita . 27 4.4 Realizace projektu .......................... 28 4.5 Shrnutı´ ............................... 28 5 Za´veˇr ................................... 29 Prˇı´lohy .................................... 32 A Popis obsahu a struktury prˇilozˇene´ho CD . 32 B Na´hledy designu˚webove´prezentace Petra Barana . 33 2 Kapitola 1 U´ vod Dnes se ma´obecneˇza to, zˇe firmy, ktere´nemajı´vlastnı´internetovou prezen- taci, byt’nejobycˇejneˇjsˇı´, jako by nebyly. Neˇktere´si objednajı´design a zpra- cova´nı´stra´nek u specializovany´ch firem, ale cˇasto take´docha´zı´k tomu, zˇe „weby“ vytva´rˇejı´naprostı´laici nebo lide´neprˇı´lisˇkvalifikovanı´. Ko´dy po- tom neby´vajı´validnı´1 a spolecˇnost v mnohy´ch prˇı´padech zaplatı´obrovske´ penı´ze za takto nekvalitnı´pra´ci. Jednı´m ze zpu˚sobu˚, jak zı´skat kvalitnı´webovou prezentaci plneˇodpovı´- dajı´cı´prˇedstava´m klienta, je realizace pomocı´publikacˇnı´ho syste´mu. Hlavnı´ vy´hodou publikacˇnı´ho syste´mu je flexibilita, variabilita a jednoduchost jeho prvku˚, a tedy schopnost vytvorˇit prezentaci sˇitou prˇı´mo na mı´ru. Pokud si klient vybere vhodny´a kvalitnı´syste´m, nenı´pak pro neˇj proble´m prezentaci aktualizovat, prˇidat funkci, vypnout cˇi zapnout dany´modul, a to prakticky bez znalosti jake´hokoliv programovacı´ho jazyka. Publikacˇnı´ch syste´mu˚je opravdu mnoho a nenı´jednoduche´se v jejich nabı´dce orientovat. Neˇkdy nenı´ani mozˇne´poznat, co se pod dany´m vy´- razem skry´va´a co vlastneˇpublikacˇnı´syste´m umı´. V mnoha prˇı´padech jde totizˇpouze o marketingovy´tah ze strany prodejcu˚. Je du˚lezˇite´si uveˇdomit, co vlastneˇod publikacˇnı´ho syste´mu pozˇadu- jeme, protozˇe k dispozici je take´mnoho syste´mu˚s otevrˇeny´m zdrojovy´m ko´dem (open source, da´le jen otevrˇeny´ch syste´mu˚), ktere´mohou poskytnout klientovi tote´zˇco placene´a neˇkdy i vı´ce. Prˇi dnesˇnı´ch cena´ch publikacˇnı´ch syste´mu˚, ktere´se pohybujı´v rˇa´du˚tisı´cu˚, ba desetitisı´cu˚korun, je proto nutne´ da´t si dobry´pozor a vybrany´publikacˇnı´syste´m, at’uzˇplaceny´cˇi neplaceny´, porˇa´dneˇprozkoumat a u´plneˇnejle´pe otestovat. Cela´pra´ce je rozcˇleneˇna do cˇtyrˇkapitol. Pominu-li u´vodnı´kapitolu, v te´ na´sledujı´cı´zjisˇt’ujimozˇnosti publikova´nı´video a fotomateria´lu na internetu a u kazˇde´zvazˇuji jejı´pro a proti. Da´le se veˇnuji pojmu publikacˇnı´ho sys- te´mu a ukazuji, co vsˇechno publikacˇnı´syste´my nabı´zejı´vzhledem ke spra´veˇ fotografiı´a videı´. Vetrˇetı´kapitole nejprve specifikuji pozˇadavky na tyto pub- 1. Nejsou v souladu s deklarovany´m standardem konzorcia W3C, http://www.w3.org/. 3 1. U´ VOD likacˇnı´syste´my. V dalsˇı´cˇa´sti se zameˇrˇuji na samotnou analy´zu publikacˇnı´ch syste´mu˚vhodny´ch pro pra´ci s videem a fotografiemi, ktere´na´sledneˇzhod- notı´m vzhledem ke stanoveny´m pozˇadavku˚m. Cˇtvrta´kapitola se veˇnuje prˇı´padove´studii pro fotografa a filmarˇe Petra Barana. V te´to kapitole volı´m nejvhodneˇjsˇı´publikacˇnı´syste´m na za´kladeˇpozˇadavku˚pana Barana a prˇede- sˇle´analy´zy. V dalsˇı´cˇa´sti kapitoly se veˇnuji samotne´mu na´vrhu prezentace, tedy strukturˇe, vzhledu atd. Kapitolu zakoncˇuje realizace projektu, ve ktere´ se zameˇrˇuji na publikova´nı´cele´prezentace a vy´beˇr vhodny´ch forma´tu˚pro publikovane´soubory. 4 Kapitola 2 Webove´publikacˇnı´syste´my s foto a video archivem 2.1 Mozˇnosti publikova´nı´video a fotomateria´lu na internetu V dnesˇnı´dobeˇ, kdy uzˇte´meˇrˇkazˇdy´ma´alesponˇneˇjake´zkusˇenosti s tvorbou webovy´ch stra´nek, najdeme na internetu bezpocˇet foto a video alb, ktera´ jsou ovsˇem mnohdy staticka´a neumozˇnˇujı´interagovat s na´vsˇteˇvnı´ky. Navı´c jsou teˇzˇko aktualizovatelna´, tzn. jejich obsah se bez rucˇnı´ho editova´nı´a pote´ znovunahra´nı´na server nezmeˇnı´. Chceme-li publikovat fotografie nebo video na internetu, ma´me neˇkolik mozˇnostı´: 1. Vytvorˇit si vlastnı´album pomocı´programu˚jako jsou Gthumb, JAl- bum a dalsˇı´. Pokud se rozhodneme pro tuto mozˇnost a budeme chtı´t prˇidat dalsˇı´polozˇku k existujı´cı´mu albu, je nutne´vytvorˇit cele´album znovu. Toto rˇesˇenı´je vhodne´, pokud ma´me v u´myslu naprˇı´klad pub- likovat fotografie z dovolene´a take´pokud vı´me, zˇe vytvorˇene´album nebudeme chtı´t kazˇdou chvı´li meˇnit. 2. Dalsˇı´variantou je vyuzˇitı´samostatne´galerie, ktera´poskytuje mnoho dalsˇı´ch mozˇnostı´. Neˇktere´z teˇchto galerı´ı´jsou zdarma dostupne´ke stazˇenı´na internetu (Gallery2). Vyzˇadujı´ovsˇem take´vlastnı´databa´zi a neˇkdy ru˚zne´graficke´na´stroje, jako naprˇı´klad ffmpeg cˇi knihovnu GD. Pokud vı´me, zˇe budeme polozˇky cˇasto meˇnit cˇi prˇida´vat, a pozˇa- dujeme kuprˇı´kladu ru˚zna´pra´va pro odlisˇne´skupiny uzˇivatelu˚, mu˚- zˇeme o tomto rˇesˇenı´uvazˇovat. 3. Existujı´take´ru˚zne´internetove´sluzˇby (Video Google, YouTube, iFilm, fotoalbum.cz), ktere´umozˇnˇujı´zdarma publikovat foto a videomate- ria´l na jejich serveru. 5 2. WEBOVE´ PUBLIKACˇNI´ SYSTE´ MY S FOTO A VIDEO ARCHIVEM 4. Dalsˇı´mozˇnostı´je vybrat si vhodny´publikacˇnı´syste´m, ktery´doka´zˇe spravovat foto a videomateria´l pomocı´modulu˚. Neˇktere´publikacˇnı´ syste´my umozˇnˇujı´jizˇexistujı´cı´galerie (viz vy´sˇe) integrovat. 5. Poslednı´volbou je vytvorˇit si vlastnı´webovou prezentaci. Tato mozˇ- nost vsˇak vyzˇaduje urcˇitou kvalifikaci a je take´cˇasoveˇna´rocˇneˇjsˇı´nezˇ prˇedchozı´varianty. At’uzˇse rozhodneme vyuzˇı´t modul cˇi plugin publikacˇnı´ho syste´mu nebo mozˇnost zabudovane´ galerie, musı´me vzˇdy uva´zˇit, co vsˇechno pozˇadu- jeme. Tedy ota´zky typu, ktere´forma´ty budeme chtı´t publikovat (ne kazˇdy´ publikacˇnı´syste´m podporuje vsˇechny forma´ty), jak cˇasto budeme syste´m aktualizovat, jak velke´mnozˇstvı´materia´lu chceme zverˇejnit apod. 2.2 Pojem publikacˇnı´hosyste´mu V te´to cˇa´sti kapitoly bych se ra´da zameˇrˇila na to, co se skry´va´pod pojmem publikacˇnı´syste´m a k cˇemu publikacˇnı´syste´my vlastneˇslouzˇı´. Existuje cela´ rˇada druhu˚publikacˇnı´ch syste´mu˚, naprˇı´klad syste´my zameˇrˇene´na blogy, wiki atd. Ja´se v te´to cˇa´sti omezı´m na syste´my pro spra´vu video a fotoma- teria´lu.