WEB Enersolu – RVC PRAHA

Prezentace na téma: "WEB Enersolu – RVC PRAHA"— Transkript prezentace:

1 WEB Enersolu – RVC PRAHA
TÉMA: REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM internetové stránky 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/ Úvodní snímek

2 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

3 WEB Enersolu – RVC PRAHA Prvky webu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Záloha Hledání Formuláře Logo Kalendář Hypertextové odkazy Dokumenty RSS kanály Fotografie a videa Zabezpečení Náš web obsahuje následující prvky: Blog Jazykový překlad Text Klienti Servis při webhostingu Pracovní prostor Ankety Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

4 WEB Enersolu – RVC PRAHA Redakční systém Drupal
PHP Java CSS WEB Enersolu – RVC PRAHA Redakční systém Drupal REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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 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. Webovou stránku jsme vytvořili v redakčním systému Drupal. K jejím úpravám jsme použili 3 programovací jazyky: PHP, Javu a CSS. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

5 WEB Enersolu – RVC PRAHA www.enersol-harfa.eu
státy zapojené do projektu hlavní menu facebook, youtube atd. přihlašovací blok vyhledávací okénko Náš web se nachází na adrese Na tomto snímku vidíte jeho horní polovinu. Webová stránka je v Drupalu rozdělena do tzv. regionů. V levém regionu najdete přihlašovací blok. V horním regionu… V pravém regionu… přepínání jazyků důležité zprávy diskusní fórum video poslední přidané komentáře aktuální obsah Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

6 WEB Enersolu – RVC PRAHA www.enersol-harfa.eu
RSS kanály znalostní testy minulý ročník - výsledky - práce soutěž několikanásobná vítězka pozadí webu Na tomto snímku vidíte druhou polovinu webu. V levém regionu je diskusní fórum… V pravém regionu… V dolním regionu… loga měst, institucí a škol profesionální šablony přehled hlavních odkazů Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

7 WEB Enersolu – RVC PRAHA Webhosting pro náš web
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Hlavní web se nachází na adrese 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 Z důvodu menšího zatížení hlavního webu, administrace a rychlejšího zálohování, objemnější data načítáme z webhostingu, který máme zřízen na serveru Czechhosting.cz. hlavní web Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

8 WEB Enersolu – RVC PRAHA Popis webu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM S pomocí jazyka kaskádových stylů CSS jsou na webu automaticky měněny tři hlavní fotografie s popisky. Na 1. fotografii vítězové jednoho z ročníků soutěže, na druhém naše škola, ve které studujeme a na 3. snímku kapela, která hraje hymnu Enersolu. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

9 WEB Enersolu – RVC PRAHA Popis webu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Na následujícím snímku vidíte hlavní části našeho webu: Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

10 WEB Enersolu – RVC PRAHA Představení Enersolu ve třech jazycích
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

11 WEB Enersolu – RVC PRAHA Představení Enersolu ve třech jazycích
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM motiv Sluníčka Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. volba cizího jazyka Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

12 WEB Enersolu – RVC PRAHA Představení Enersolu ve třech jazycích
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Kontakty na představitele Enersolu Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

13 WEB Enersolu – RVC PRAHA Představení webu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Krátká zpráva administrátorům webu bezpečnostní prvek pro odesílání zprávy Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

14 WEB Enersolu – RVC PRAHA Představení webu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM webové odkazy na partnery projektu Enersol Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

15 WEB Enersolu – RVC PRAHA Další vzdělávání – odkaz Weby
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

16 WEB Enersolu – RVC PRAHA Další vzdělávání – výstavy
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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ů. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

17 WEB Enersolu – RVC PRAHA Foto-galerie
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

18 WEB Enersolu – RVC PRAHA Video-galerie
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Pro ukládání videí jsme zaregistrovali účet na youtube.com. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

19 WEB Enersolu – RVC PRAHA Dokumenty ke stažení
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM dokumenty ke stažení Celý web jsme přeložili s pomocí našich učitelů jazyků do angličtiny a němčiny. Pokud se část webu automaticky nepřeloží, uživatel si může požadovaný překlad zvolit sám. Implicitním jazykem je čeština. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

20 WEB Enersolu – RVC PRAHA Kalendář akcí
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Na serveru 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ů. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

21 WEB Enersolu – RVC PRAHA Blogy
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM každému uživateli našeho webu je automaticky vytvořen blog pro vkládání vlastních příspěvků Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

22 WEB Enersolu – RVC PRAHA Servis pro soutěžící
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

23 WEB Enersolu – RVC PRAHA Testy
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

24 WEB Enersolu – RVC PRAHA Chat
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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 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. Komunikovat mohou mezi sebou účastnící prostřednictvím facebooku, ve kterém jsme zaregistrovali Pražský Enersol nebo pomocí chatu, který jsme zřídili na serveru 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

25 WEB Enersolu – RVC PRAHA Diskusní fóra, články, příspěvky atd.
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Komunikovat mohou mezi sebou účastnící prostřednictvím facebooku, ve kterém jsme zaregistrovali Pražský Enersol nebo pomocí chatu, který jsme zřídili na serveru 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

26 WEB Enersolu – RVC PRAHA Soutěž o logo Enersolu
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM s hlasovací anketou Od mohou zájemci posílat grafické návrhy loga pro Enersol. Během soutěže může kdokoli hlasovat pro svoje logo, v květnu bude soutěž vyhodnocena. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

27 WEB Enersolu – RVC PRAHA Šablony pro Drupal
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM naše volba Na hlavní stránce redakčního systému najdete odkazy na stažení stovek šablon pro vzhled webových stránek. Některé jsou volně šiřitelné, mezi ně patří i šablona Professional Theme, kterou jsme zvolili jako výchozí pro náš web. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

28 WEB Enersolu – RVC PRAHA Šablony pro Drupal
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Šablonu Professional Theme jsme upravili… Přidali jsem regiony, bloky, obrázek na pozadí, diskusní fórum atd. Na hlavní stránce redakčního systému najdete odkazy na stažení stovek šablon pro vzhled webových stránek. Některé jsou volně šiřitelné, mezi ně patří i šablona Professional Theme, kterou jsme zvolili jako výchozí pro náš web. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

29 WEB Enersolu – RVC PRAHA Zabezpečení
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

30 WEB Enersolu – RVC PRAHA Optimalizace
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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 Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

31 WEB Enersolu – RVC PRAHA RSS - kanály
Automatické upozorňování na změněný obsah našeho webu WEB Enersolu – RVC PRAHA RSS - kanály REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Náš web vysílá RSS kanálem aktuální informace. Kdokoli se připojí například prostřednictvím serveru může odebírat novinky z našeho webu. Náš web naopak přijímá aktuální informace prostřednictvím RSS kanálů z jiných webů. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

32 WEB Enersolu – RVC PRAHA Zajímavosti
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

33 WEB Enersolu – RVC PRAHA Prohlídka webu online
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

34 WEB Enersolu – RVC PRAHA Budoucnost...
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

35 WEB Enersolu – RVC PRAHA Závěr
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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. Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014

36 WEB Enersolu – RVC PRAHA Pozvánka
5. 3. Poděbradská 1 Praha 9 WEB Enersolu – RVC PRAHA Pozvánka REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM 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  Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014