Autoři: Martin Pavlíček a Lukáš Unger Obor: Mechanik elektrotechnik. Mechanik elektronik organizační a výpočetní technika

TÉMA: REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM

Autoři: Martin Pavlíček a Lukáš Unger

Obor: Mechanik elektrotechnik ŠVP:

Mechanik elektronik – organizační a výpočetní technika

Třída: 1 ME Škola: Střední škola – COPTH, Praha 9, Poděbradská 1/179 www.copth.cz

WEB Enersolu – RVC PRAHA Proč jsme si vybrali uvedené téma… Rozhodli jsme se zúčastnit této soutěže ze dvou důvodů. Prvním je náš zájem o témata tohoto projektu, jako jsou obnovitelné zdroje, úsporu energií a další. Druhým důvodem je náš zájem o tvorbu internetových stránek, kterou se již delší dobu zabýváme. Chtěli jsme tak přispět k propagaci nejen zmíněných témat, ale hlavně soutěže Enersol na veřejnosti. Vytvoření webových stránek nás bavilo a chtěli bychom své znalosti v této oblasti dále rozvíjet.

2

Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

WEB Enersolu – RVC PRAHA

REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM

Prvky webu

Záloha Hledání Formuláře Logo

Kalendář

Hypertextové odkazy

Dokumenty

RSS kanály Fotografie a videa

Zabezpečení

Blog

Jazykový překlad

Text Klienti

Ankety 3

Pracovní prostor

Servis při webhostingu




PHP Java CSS

Redakční systém Drupal  Drupal je rozsáhlý modulární databázový systém, který umožňuje

vytvořit weby různého zaměření, od osobních a firemních stránek až po internetový obchod. Na webu www.drupal.org jsou tisíce naprogramovaných a certifikovaných modulů, které se k tvorbě webu v Drupalu používají.  Drupal používá ve světě více jak jeden milion uživatelů ve 230 zemích.  Pod stejným systémem jsou vytvořeny například oficiální webové

stránky Úřadu prezidenta Spojených států, stránky města Londýna, francouzské vlády, Světové banky nebo český web televize Prima.

4


WEB Enersolu – RVC PRAHA www.enersol-harfa.eu státy zapojené do projektu

hlavní menu

přihlašovací blok

vyhledávací okénko

facebook, youtube atd.

přepínání jazyků důležité zprávy

diskusní fórum

5

poslední přidané komentáře

video aktuální obsah


WEB Enersolu – RVC PRAHA www.enersol-harfa.eu znalostní testy minulý ročník - výsledky - práce

RSS kanály

soutěž

několikanásobná vítězka loga měst, institucí a škol

přehled hlavních odkazů

6

pozadí webu

profesionální šablony




Webhosting pro náš web  Hlavní web se nachází na adrese

www.enersol-harfa.eu Prostor pro web, tzv. webhosting, poskytuje firma WEDOS Internet, a.s.  Jako záložní prostor pro naše stránky jsme

zvolili webhosting na serveru Endora.cz. Web lze v případě výpadku též spustit na

adrese www.enersol-praha.cekuj.net.  Z důvodu menšího zatížení hlavního

webu, administrace a rychlejšího

hlavní web

zálohování, objemnější data načítáme

z webhostingu, který máme zřízen na serveru Czechhosting.cz. 7




Popis webu S pomocí jazyka kaskádových stylů CSS jsou na webu automaticky měněny tři hlavní fotografie s popisky.

8




Popis webu

9




Představení Enersolu ve třech jazycích

10




Představení Enersolu ve třech jazycích

motiv Sluníčka

volba cizího jazyka

11




Představení Enersolu ve třech jazycích Kontakty na představitele Enersolu

12




Představení webu Krátká zpráva administrátorům webu bezpečnostní prvek pro odesílání zprávy

13




Představení webu

webové odkazy na partnery projektu Enersol

14




Další vzdělávání – odkaz Weby

15




Další vzdělávání – výstavy Na webu upozorňujeme na zajímavé výstavy, sami jsme v lednu navštívili výstavu Solar 2014 v Praze, kde jsme se zajímali o možnosti spolupráce s firmami z praxe z hlediska jejich účasti na našich diskusních fórech či zapojení do blogů a příspěvků.

16




Foto-galerie

 Fotografie a následně foto-galerie

zpracováváme v českém grafickém programu Zoner Photostudio. K animacím používáme volně šiřitelný celosvětový program Gimp.  V horním fotogalerii jsme šablonu

upravili pomocí jazyka CSS.

17




Video-galerie

V prostorách naší školy jsme natočili video s panem ředitelem Mgr. Josefem Ležalem, prezidentem Asociace Enersol, který představil letošní desátý jubilejní ročník Enersolu. Přidali jsme anglické a německé titulky a video umístili na server youtube.com. Minulý ročník Enersolu jsme sestříhali do krátkého videoklipu v programu Adobe Premiere Pro.

18




Dokumenty ke stažení

dokumenty ke stažení

19




Kalendář akcí

Na serveru www.google.com jsme zaregistrovali účet, s pomocí kterého jsme vytvořili kalendář, který upozorňuje na důležité termíny projektu Enersol. Přehledný seznam se zobrazí, pokud zvolíte nabídku Agenda. Drupal sice disponuje výkonným interním kalendářem, ale kalendář na google.com je zcela postačující a nemuseli jsme zatěžovat web instalací dalších modulů. 20




Blogy

každému uživateli našeho webu je automaticky vytvořen blog pro vkládání vlastních příspěvků

21




Servis pro soutěžící

všechno pro soutěžícího „na jednom místě“

V tomto odkazu najde soutěžící žák všechny potřebné informace. Dozví se vše o projektu, může elektronicky odeslat přihlášku do soutěže. Jsou zde uvedeny často kladené otázky soutěžících (FAQ), může se zde přihlásit ke svému blogu, může stáhnout šablonu titulní a druhé strany projektu a dále může prostřednictvím formuláře odeslat svoji práci. 22




Testy

23




Chat Uživatelé webu mohou mezi sebou komunikovat prostřednictvím facebooku, ve kterém jsme zaregistrovali Pražský Enersol nebo pomocí chatu, který jsme zřídili na serveru www.chatzy.com. Kvůli možnému velkému zatížení webu jsme nepoužili drupalovské komunikační moduly. S námi mohou uživatelé komunikovat prostřednictvím elektronické pošty nebo formulářů přímo na webu.

24




Diskusní fóra, články, příspěvky atd. Na webu jsme zřídili tři diskusní fóra, ve kterých mohou uživatelé libovolně otvírat témata k diskusi, přispívat svými články, reagovat na jiné atp. Redakční systém Drupal je mocný nástroj pro správu obsahu. Od obyčejného propojení článků až po rozsáhlé projekty v kombinaci se sociálními sítěmi. Pracuje s tzv. tagy pro snadné propojování vložených článků, které se člení do různých kategorií, tzv. slovníky propojuje s různým typem obsahu - to jsou jen některé techniky, které ve svém webu využíváme.

25




Soutěž o logo Enersolu  s hlasovací anketou

26




Šablony pro Drupal

naše volba

27




Šablony pro Drupal

Šablonu Professional Theme jsme upravili… Přidali jsem regiony, bloky, obrázek na pozadí, diskusní fórum atd.

28




Zabezpečení K zabezpečení webu jsou použity standardní bezpečnostní pravidla včetně tzv. opisování textu z obrázků při posílání souborů na web, nastavení pravidel pro zadávání hesel atd. Co se týče bezpečnosti, je Drupal na velmi vysoké úrovni. Existuje propracovaný proces zkoumání, ověřování a publikování bezpečnostních problémů. Bezpečnostní tým Drupalu spolu s jeho komunitou programátorů průběžně ověřuje podezření na možné problémy a pracuje na jejich řešení. Více informací o tomto procesu lze nalézt v části dokumentace věnované bezpečnosti na www.drupal.cz. Na stránce bezpečnostních doporučení jsou zveřejňována všechna oznámení bezpečnostního týmu Drupalu. Tato oznámení jsou zasílána administrátorům webů i do tzv. security mailing listu. Při odesílání souborů na náš web jsme aplikovali metodu Captcha – automatické odlišení skutečných uživatelů od robotů. Je součástí anti spamové ochrany našeho webu. 29




Optimalizace

Optimalizaci webu řešíme na dvou úrovních. První je optimální výkon. Nastavili jsme optimální využívání mezipaměti počítače tzv.cache, seskupování a komprimaci přenášených souborů a optimalizaci souborů JavaScriptu a provedli další optimalizační kroky. Server Drupal.cz nabízí speciální službu ladění Drupalu pro vysoký výkon. Tu bychom případně využili až po určité době provozu našeho webu. Druhá úroveň je tzv. Optimalizace SEO (Search Engine Optimization), tj. optimalizace internetových stránek pro internetové vyhledávače. Pokud stránky obsahují závažné chyby ve zdrojových kódech stránek včetně obsahu, text je špatně strukturovaný, nejsou vyplněná klíčová slova, nemáte stabilní hosting bez výpadků, internetové vyhledávače vaše stránky velmi těžko zobrazí. Pro SEO optimalizaci našeho webu jsme použili webové stránky http://seo-servis.cz/ 30




Automatické upozorňování na změněný obsah našeho webu

RSS - kanály Náš web vysílá RSS kanálem aktuální informace. Kdokoli se připojí například prostřednictvím serveru www.seznam.cz, může odebírat novinky z našeho webu.

www.enersol-harfa.eu

http://eagri.cz

Náš web naopak přijímá aktuální informace prostřednictvím RSS kanálů z jiných webů.

www.enersol-harfa.eu http://www.siov.sk

http://www.enviweb.cz

31




Zajímavosti


S pomocí online aplikace na internetu jsme vytvořili tzv. QR kód s adresou našeho webu. Máme ho na svých vizitkách, dá se využít i při další tištěné dokumentaci či při jeho propagaci. Drupal disponuje obrovským množstvím modulů, jako další jsme vybrali modul, který zobrazí počasí na několik dní dopředu podle zvolené lokality ve světě. Na obrazovce může uživatel zvolit počasí v Praze Libni, nebo použít odkaz pro zadání jiné lokality, třeba Londýna, NewYorku nebo Sydney.

32




Prohlídka webu online


33




Budoucnost...  Zpracujeme a umístíme na web aktuální 10. ročník (foto-galerie, video-

galerie, prezentace...)  Budeme aktivně spravovat web (správa uživatelů, náměty, připomínky,

vyhodnocení soutěží, elektronické přihlášky účastníků příštího ročníku, analýza návštěvnosti apod.)  Přidáme další moduly, např. zpracování výsledků testů se zápisem do

databáze.  Budeme průběžně web aktualizovat a optimalizovat.  Oslovíme odborníky pro zapojení do blogů a diskusních fór.

34




Závěr Ať se Vám náš web líbí a je hodně užitečný! Na závěr bychom chtěli poděkovat především svému učiteli informatiky Mgr. Michalovi Tarabcovi za pomoc s Drupalem, dále učitelkám českého jazyka Mgr. Báře Kozákové a Mgr. Heleně Kučerové za jazykovou korekturu a našim učitelům jazyků Mgr. Miroslavě Klímové a Ing. Luboši Rambouskovi za pomoc s překlady do anglického a německého jazyka.

35




Pozvánka

5. 3. Poděbradská 1 Praha 9

Zveme Vás na prezentaci webu do našeho stánku, kde si můžete web prohlédnout a rádi zodpovíme vaše otázky.

 Lukáš a Martin  36


Autoři: Martin Pavlíček a Lukáš Unger Obor: Mechanik elektrotechnik. Mechanik elektronik organizační a výpočetní technika

Recommend Documents