Transcript WEB Enersolu * RVC PRAHA

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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Popis webu
S pomocí jazyka
kaskádových stylů CSS
jsou na webu automaticky
měněny tři hlavní
fotografie s popisky.
8
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Popis webu
9
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Představení Enersolu ve třech jazycích
10
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Představení Enersolu ve třech jazycích
motiv
Sluníčka
volba cizího
jazyka
11
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Představení Enersolu ve třech jazycích
Kontakty na
představitele
Enersolu
12
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Představení webu
Krátká zpráva
administrátorům
webu
bezpečnostní
prvek pro
odesílání zprávy
13
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Představení webu
webové odkazy
na partnery
projektu Enersol
14
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Další vzdělávání – odkaz Weby
15
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Dokumenty ke stažení
dokumenty
ke stažení
19
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Blogy
každému uživateli
našeho webu je
automaticky vytvořen
blog pro vkládání
vlastních příspěvků
21
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Testy
23
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Soutěž o logo Enersolu
 s hlasovací anketou
26
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Šablony pro Drupal
naše volba
27
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Šablony pro Drupal
Šablonu
Professional
Theme jsme
upravili…
Přidali jsem
regiony, bloky,
obrázek na
pozadí, diskusní
fórum atd.
28
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Zajímavosti
www.enersol-harfa.eu
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
Prohlídka webu online
www.enersol-harfa.eu
33
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014
WEB Enersolu – RVC PRAHA
REGIONÁLNÍ VZDĚLÁVACÍ CENTRUM
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
Martin Pavlíček a Lukáš Unger – Enersol a popularizace 2014