VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ BRNO UNIVERSITY OF TECHNOLOGY FAKULTA ELEKTROTECHNIKY A KOMUNIKAČNÍCH TECHNOLOGIÍ ÚSTAV AUTOMATIZACE A MĚŘICÍ TECHNIKY FACULTY OF ELECTRICAL ENGINEERING AND COMMUNICATION DEPARTMENT OF CONTROL AND INSTRUMENTATION MODULÁRNÍ REDAKČNÍ SYSTÉM PRO WWW A MOBILNÍ ZAŘÍZENÍ MODULAR CONTENT MANAGEMENT SYSTEM FOR THE WWW AND MOBILE DEVICES BAKALÁŘSKÁ PRÁCE BACHELOR’S THESIS AUTOR PRÁCE VLADIMÍR HŮLA AUTHOR VEDOUCÍ PRÁCE Ing. RADOVAN HOLEK, CSc. SUPERVISOR BRNO 2014 VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ Fakulta elektrotechniky a komunikačních technologií Ústav automatizace a měřicí techniky Bakalářská práce bakalářský studijní obor Automatizační a měřicí technika Student: Vladimír Hůla ID: 134502 Ročník: 3 Akademický rok: 2013/2014 NÁZEV TÉMATU: Modulární redakční systém pro www a mobilní zařízení POKYNY PRO VYPRACOVÁNÍ: 1. Seznamte se s dostupnými vývojovými nástroji (frameworky) pro podporu tvorby databázových aplikací, které budou provozované v prostředí tenkého klienta (www) a mobilních zařízení. 2. Zvolte vhodné frameworky, šablonovací systém a dostupné knihovny pro práci s vybranou SQL databází. 3. Proveďte základní systémovou analýzu, navrhněte datový a procesní model, minispecifikace pro implementaci modulárního redakčního systému. 4. Navrhněte základní části redakčního systému (galerie, fórum, ankety, ...). 5. Ověřte navržené části redakčního systému na vhodném vzorku dat. DOPORUČENÁ LITERATURA: Maslakowski M., Naučte se MySQL za 21 dní. Praha: Computer Press, 2001. 478 s. ISBN 80- 72226-448-6. Brázda J., PHP 5 začínáme programovat. Praha: Grada Publishing a.s., 2006. 244 s. ISBN 80- 247-1146-X. Dle pokynů vedoucího práce a vlastního výběru. Termín zadání: 10.2.2014 Termín odevzdání: 26.5.2014 Vedoucí práce: Ing. Radovan Holek, CSc. Konzultanti semestrální práce: doc. Ing. Václav Jirsík, CSc. Předseda oborové rady UPOZORNĚNÍ: Autor bakalářské práce nesmí při vytváření bakalářské práce porušit autorská práva třetích osob, zejména nesmí zasahovat nedovoleným způsobem do cizích autorských práv osobnostních a musí si být plně vědom následků porušení ustanovení § 11 a následujících autorského zákona č. 121/2000 Sb., včetně možných trestněprávních důsledků vyplývajících z ustanovení části druhé, hlavy VI. díl 4 Trestního zákoníku č.40/2009 Sb. ABSTRAKT Cílem této bakalářské práce je seznámit se s vývojovými nástroji pro tvorbu webových aplikací. Z těchto nástrojů vybrat vhodné nástroje pro tvorbu modulárního redakčního systému, navrhnout jeho datový model, provést jeho systémovou analýzu a takto navržený redakční systém realizovat. Jako vhodný framework byl zvolen Nette framework pro tvorbu jádra celé aplikace. Pro obsluhu databáze byl zvolen framework Doctrine a pro tvorbu responsivního layoutu Twitter Bootstrap. Realizovanými moduly redakčního systému jsou galerie, modul příspěvků, modul anket a modul událostí. KLÍČOVÁ SLOVA databázové aplikace klient/server, Nette framework, Doctrine, Twitter Boostrap, PHP, MySQL, CSS, responzivní layout, redakční systém ABSTRACT The goal of this bachelor’s thesis is to explore web application development tools. From those tools then choose suitable tools for development of modular content management system, design its data model, make system analysis and then implement designed content management system. Nette framework has been chosen as suitable framework for making core of whole application. Doctrine framework has been chosen as database service and Twitter Bootstrap for creation of responsive layout. Designed modules of content management system are gallery, message module, surveys module and event module. KEYWORDS database client/server applications, Nette framework, Doctrine, Twitter Bootsrap, PHP, MySQL, CSS, responsive layout, content management system 4 Bibliografická citace mé práce: HŮLA, V. Modulární redakční systém pro www a mobilní zařízení. Brno: Vysoké učení technické v Brně, Fakulta elektrotechniky a komunikačních technologií, 2014. 63 s. Vedoucí bakalářské práce Ing. Radovan Holek, CSc.. 5 Prohlášení „Prohlašuji, že svou bakalářskou práci na téma Modulární redakční systém pro www a mobilní zařízení jsem vypracoval samostatně pod vedením vedoucího bakalářské práce a s použitím odborné literatury a dalších informačních zdrojů, které jsou všechny citovány v práci a uvedeny v seznamu literatury na konci práce. Jako autor uvedené bakalářské práce dále prohlašuji, že v souvislosti s vytvořením této bakalářské práce jsem neporušil autorská práva třetích osob, zejména jsem nezasáhl nedovoleným způsobem do cizích autorských práv osobnostních a jsem si plně vědom následků porušení ustanovení § 11 a následujících autorského zákona č. 121/2000 Sb., včetně možných trestněprávních důsledků vyplývajících z ustanovení části druhé, hlavy VI. díl 4 Trestního zákoníku č. 40/2009 Sb. V Brně dne: 26. května 2014 ………………………… podpis autora 6 Poděkování Děkuji vedoucímu mé bakalářské práce Ing. Radovanu Holkovi, CSc. za účinnou metodickou, pedagogickou a odbornou pomoc a další cenné rady při zpracování mé diplomové práce. V Brně dne: 26. května 2014 ………………………… podpis autora 7 Obsah 1 Úvod ................................................................................................................................... 13 2 Frameworky........................................................................................................................ 14 2.1 PHP frameworky ......................................................................................................... 14 2.1.1 CakePHP ............................................................................................................. 14 2.1.2 Nette .................................................................................................................... 15 2.1.3 Symfony .............................................................................................................. 15 2.1.4 Yii ........................................................................................................................ 15 2.1.5 Zend Framework ................................................................................................. 15 2.1.6 Srovnání PHP frameworků ................................................................................. 15 2.2 Frameworky a knihovny pro práci s databází ............................................................. 16 2.2.1 Doctrine ............................................................................................................... 17 2.2.2 NotORM .............................................................................................................. 17 2.2.3 Dibi ...................................................................................................................... 17 2.2.4 Nette\Database .................................................................................................... 18 2.2.5 Porovnání struktury dotazů s čistým PHP ........................................................... 18 2.3 Front-end frameworky ................................................................................................ 20 2.3.1 Twitter Bootstrap ................................................................................................ 20 2.3.2 Foundation .......................................................................................................... 20 2.3.3 Skeleton ............................................................................................................... 20 2.3.4 Porovnání komponent frameworků ..................................................................... 21 2.4 Frameworky pro JavaScript ........................................................................................ 21 2.4.1 jQuery .................................................................................................................. 21 3 Volba Frameworků ............................................................................................................. 23 4 Návrh Redakčního systému ................................................................................................ 24 4.1 Datový model .............................................................................................................. 24 4.2 Kontextový diagram .................................................................................................... 25 4.3 Systémový diagram datových toků ............................................................................. 27 5 Systémové moduly ............................................................................................................. 28 5.1 Konfigurační modul .................................................................................................... 28 5.2 Správa uživatelů .......................................................................................................... 28 5.2.1 Datový model správy uživatelů ........................................................................... 28 5.2.2 Diagram datových toků správy uživatelů ............................................................ 29 5.2.3 Stavový diagram tabulky USER ......................................................................... 30 8 5.2.4 Stavový diagram tabulky ROLE ......................................................................... 31 5.3 Správa přístupových práv ............................................................................................ 32 5.3.1 Datový model přístupových práv ........................................................................ 33