Maturitní otázka č. 14
14. Aktivní webové stránky, PHP a JavaScript
1. Aktivní webové stránky a Redakční systémy (CMS)
Aktivní (dynamické) webové stránky nejsou pevně napsané v HTML souborech, ale vytvářejí se "za běhu" až v okamžiku, kdy je uživatel navštíví. Obsah čerpají z databáze a dokážou reagovat na uživatele (např. po přihlášení ukážou vaše jméno, v e-shopu obsah vašeho košíku).
Redakční systém (CMS - Content Management System): Je to hotová softwarová aplikace pro tvorbu a správu dynamických webů. Umožňuje laikům publikovat články, nahrávat obrázky a měnit vzhled stránek přes uživatelsky přívětivé administrátorské rozhraní, aniž by museli umět programovat. Příklady: WordPress (celosvětově nejrozšířenější), Joomla, Drupal, PrestaShop (pro e-shopy).
2. Instalace CMS a jeho vztah k jazykům
Typický postup instalace redakčního systému na hosting:
- Stáhnout instalační balíček (např. z webu WordPressu) a nahrát jej přes FTP na webhosting.
- V administraci hostingu založit prázdnou MySQL databázi a poznamenat si k ní přístupové údaje (jméno, heslo, server).
- Otevřít naši doménu v prohlížeči, čímž se spustí vizuální instalátor CMS. Zde zadáme údaje k databázi a vytvoříme si administrátorský účet.
Vztah CMS k technologiím:
- PHP: Většina CMS (vč. WordPressu) je naprogramována ve skriptovacím jazyce PHP. PHP běží na serveru, zajišťuje veškerou logiku, kontroluje hesla a spojuje se s databází.
- MySQL (Databáze): Zde se ukládá veškerý textový obsah (články, komentáře), uživatelská data a nastavení webu.
- CSS a HTML: Tvoří "Šablonu" (Theme). PHP vybere data z databáze a obalí je do HTML a CSS tagů, čímž vznikne finální stránka, která se odešle do prohlížeče uživatele.
3. Jak se pracuje s redakčním systémem
Běžný uživatel s CMS pracuje výhradně přes přihlašovací formulář (např. wp-admin). Po přihlášení získá přístup do ovládacího panelu (Dashboardu/Nástěnky).
Práce spočívá ve vytváření nových "Příspěvků" nebo "Stránek" pomocí vizuálního editoru (WYSIWYG editor - What You See Is What You Get), který funguje podobně jako Microsoft Word. Administrátor může dále instalovat "Pluginy" (zásuvné moduly rozšiřující funkce webu, např. kontaktní formulář nebo SEO nástroj) a měnit "Šablony" pro úpravu celkového designu na jedno kliknutí. Větší weby umožňují nastavení rolí – Redaktor může pouze psát články, Administrátor může měnit nastavení serveru.
4. Prezentace webu (Praktická část maturity)
U této otázky má student předvést připravený web. Během prezentace je vhodné komisi ukázat:
- Front-end: Jak web vypadá pro běžného návštěvníka (proklikat menu, ukázat článek).
- Back-end: Přihlásit se do administrace (WordPress nástěnky), ukázat sekci "Příspěvky", vytvořit testovací koncept článku s obrázkem a ukázat nainstalované pluginy.
Web musí běžet na volně dostupném hostingu (např. Endora.cz, Webzdarma.cz nebo přímo WordPress.com).
5. Funkce JavaScriptu
Zatímco PHP běží a zpracovává data na serveru kdesi v serverovně, JavaScript (JS) je klientský skriptovací jazyk, který běží přímo v počítači (v prohlížeči) samotného uživatele. Jeho primární funkcí je "oživení" stránky – manipuluje s HTML dokumentem bez nutnosti jeho opětovného načítání (obnovování) ze serveru.
Příklady použití JavaScriptu:
- Interaktivní prvky a animace (otevírání roletového menu, obrázkové karusely/slidery).
- Validace formulářů před odesláním (JS napíše "Hesla se neshodují" ihned, nemusí se čekat na zpracování PHP serverem).
- Technologie AJAX (stahování dodatečných dat na pozadí – např. plynulé načítání starších zpráv na Facebooku při rolování dolů).