WEB Enersolu RVC PRAHA

WEB Enersolu RVC PRAHAAutoi: Martin Pavlek a Luk UngerObor: Mechanik elektrotechnik

VP: Mechanik elektronik organizan a vpoetn technikaTda: 1 MEkola: Stedn kola COPTH, Praha 9, Podbradsk 1/179 www.copth.czinternetov strnky www.enersol-harfa.euREGIONLN VZDLVAC CENTRUM

TMA:

vodn snmek1WEB Enersolu RVC PRAHAPro jsme si vybrali uveden tma Rozhodli jsme se zastnit tto soute ze dvou dvod. Prvnm je n zjem o tmata tohoto projektu, jako jsou obnoviteln zdroje, sporu energi a dal. Druhm dvodem je n zjem o tvorbu internetovch strnek, kterou se ji del dobu zabvme. Chtli jsme tak pispt kpropagaci nejen zmnnch tmat, ale hlavn soute Enersol na veejnosti. Vytvoen webovch strnek ns bavilo a chtli bychom sv znalosti v tto oblasti dle rozvjet. Martin Pavlek a Luk Unger Enersol a popularizace 20142

WEB Enersolu RVC PRAHAPrvky webuMartin Pavlek a Luk Unger Enersol a popularizace 20143REGIONLN VZDLVAC CENTRUMFormuleKalendZabezpeenBlogHlednFotografie a videaZlohaDokumentyTextKlientiLogoServis pi webhostinguPracovnprostor

RSS kanlyHypertextov odkazyJazykov pekladAnketyN web obsahuje nsledujc prvky:3WEB Enersolu RVC PRAHARedakn systm DrupalDrupal je rozshl modulrn databzov systm, kter umouje vytvoit weby rznho zamen, od osobnch a firemnch strnek a po internetov obchod. Na webu www.drupal.org jsou tisce naprogramovanch a certifikovanch modul, kter se ktvorb webu vDrupalu pouvaj.Drupal pouv ve svt vce jak jeden milion uivatel ve 230 zemch. Pod stejnm systmem jsou vytvoeny napklad oficiln webov strnky adu prezidenta Spojench stt, strnky msta Londna, francouzsk vldy, Svtov banky nebo esk web televize Prima.

Martin Pavlek a Luk Unger Enersol a popularizace 2014

4REGIONLN VZDLVAC CENTRUMPHPJavaCSS

Webovou strnku jsme vytvoili v redaknm systmu Drupal. K jejm pravm jsme pouili 3 programovac jazyky: PHP, Javu a CSS.4

WEB Enersolu RVC PRAHAwww.enersol-harfa.euMartin Pavlek a Luk Unger Enersol a popularizace 20145hlavn menufacebook, youtube atd.pihlaovac blokvyhledvac oknkodleit zprvystty zapojen do projektupepnn jazykvideoaktuln obsahdiskusn frumposledn pidan komenteN web se nachz na adrese www.enersol-harfa.eu. Na tomto snmku vidte jeho horn polovinu. Webov strnka je v Drupalu rozdlena do tzv. region. V levm regionu najdete pihlaovac blok. V hornm regionu V pravm regionu5

WEB Enersolu RVC PRAHAwww.enersol-harfa.euMartin Pavlek a Luk Unger Enersol a popularizace 20146RSS kanlyznalostn testyminul ronk- vsledky- prcesoutprofesionln ablonypozad webuloga mst, instituc a kolpehled hlavnch odkaznkolikansobn vtzkaNa tomto snmku vidte druhou polovinu webu. V levm regionu je diskusn frum V pravm regionu V dolnm regionu6WEB Enersolu RVC PRAHAWebhosting pro n webMartin Pavlek a Luk Unger Enersol a popularizace 20147

Hlavn web se nachz na adrese www.enersol-harfa.eu Prostor pro web, tzv. webhosting, poskytuje firma Wedos.cz.Jako zlon prostor pro nae strnky jsme zvolili webhosting na serveru Endora.cz. Web lze v ppad vpadku t spustit na adrese www.enersol-praha.cekuj.net. Zdvodu menho zaten hlavnho webu, administrace a rychlejho zlohovn, objemnj data natme zwebhostingu, kter mme zzen u firmy Czechhosting.cz. REGIONLN VZDLVAC CENTRUMhlavn web7WEB Enersolu RVC PRAHAPopis webuMartin Pavlek a Luk Unger Enersol a popularizace 20148S pomoc jazyka kaskdovch styl CSS jsou na webu automaticky mnny ti hlavn fotografie s popisky.

REGIONLN VZDLVAC CENTRUM

Na 1. fotografii vtzov jednoho z ronk soute, na druhm nae kola, ve kter studujeme a na 3. snmku kapela, kter hraje hymnu Enersolu.8

WEB Enersolu RVC PRAHAPopis webuPedstaven Enersolu - Hlavn cle, Klov aktivity...Servis pro soutcKalend akcFotogalerieVideaVzdlvac testyBlogyChatSout o logoMartin Pavlek a Luk Unger Enersol a popularizace 20149REGIONLN VZDLVAC CENTRUM

Na nsledujcm snmku vidte hlavn sti naeho webu:9WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201410

REGIONLN VZDLVAC CENTRUM

Cel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.10WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201411REGIONLN VZDLVAC CENTRUM

volba cizho jazykamotiv SlunkaCel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.11WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201412REGIONLN VZDLVAC CENTRUM

Kontakty na pedstavitele EnersoluCel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.12WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201413REGIONLN VZDLVAC CENTRUM

bezpenostn prvek pro odesln zprvyKrtk zprva administrtorm webuCel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.13WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201414REGIONLN VZDLVAC CENTRUM

webov odkazy na partnery projektu EnersolCel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.14WEB Enersolu RVC PRAHADal vzdlvn odkaz WebyMartin Pavlek a Luk Unger Enersol a popularizace 201415REGIONLN VZDLVAC CENTRUM

WEB Enersolu RVC PRAHADal vzdlvn vstavyMartin Pavlek a Luk Unger Enersol a popularizace 201416REGIONLN VZDLVAC CENTRUM

Na webu upozorujeme na zajmav vstavy, sami jsme v lednu navtvili vstavu Solar 2014 v Praze, kde jsme se zajmali o monosti spoluprce sfirmami z praxe z hlediska jejich asti na naich diskusnch frech i zapojen do blog a pspvk.

WEB Enersolu RVC PRAHAFoto-galerieMartin Pavlek a Luk Unger Enersol a popularizace 201417Fotografie a nsledn foto-galerie zpracovvme v eskm grafickm programu Zoner Photostudio. K animacm pouvme voln iiteln celosvtov program Gimp.V hornm fotogalerii jsme ablonu upravili pomoc jazyka CSS.

REGIONLN VZDLVAC CENTRUM

WEB Enersolu RVC PRAHAVideo-galerieMartin Pavlek a Luk Unger Enersol a popularizace 201418Vprostorch na koly jsme natoili video s panem editelem Mgr. Josefem Lealem, prezidentem Asociace Enersol, kter pedstavil leton dest jubilejn ronk Enersolu. Pidali jsme anglick a nmeck titulky a video umstili na server youtube.com. Minul ronk Enersolu jsme sesthali do krtkho videoklipu v programu Adobe Premiere Pro.

REGIONLN VZDLVAC CENTRUM

Pro ukldn vide jsme zaregistrovali et na youtube.com.18WEB Enersolu RVC PRAHAPedstaven Enersolu ve tech jazycchMartin Pavlek a Luk Unger Enersol a popularizace 201419REGIONLN VZDLVAC CENTRUM

dokumenty ke staenCel web jsme peloili s pomoc naich uitel jazyk do anglitiny a nminy. Pokud se st webu automaticky nepelo, uivatel si me poadovan peklad zvolit sm. Implicitnm jazykem je etina.19WEB Enersolu RVC PRAHAKalend akcMartin Pavlek a Luk Unger Enersol a popularizace 201420

Na serveru www.google.com jsme zaregistrovali et, spomoc kterho jsme vytvoili kalend, kter upozoruje na dleit termny projektu Enersol. Pehledn seznam se zobraz, pokud zvolte nabdku Agenda.

Drupal sice disponuje vkonnm internm kalendem, ale kalend na google.com je zcela postaujc a nemuseli jsme zatovat web instalac dalch modul.REGIONLN VZDLVAC CENTRUM

WEB Enersolu RVC PRAHABlogyMartin Pavlek a Luk Unger Enersol a popularizace 201421Blog je webov aplikace obsahujc pspvky vtinou jednoho editora na jedn webov strnce. Obvykle bvaj zobrazovny v obrcenm chronologickm poad, (tj. nejnovj nahoe). Autor se nazv blogger, veker blogy a jejich vzjemn vztahy blogosfra.Slovo blog vzniklo staenm anglickho web log, co v etin zhruba znamen webov zpisnk, a zkrcenm slova weblog.

REGIONLN VZDLVAC CENTRUM

kadmu uivateli naeho webu je automaticky vytvoen blog pro vkldn vlastnch pspvk

WEB Enersolu RVC PRAHAServis pro soutcMartin Pavlek a Luk Unger Enersol a popularizace 201422Vtomto odkazu najde soutc k vechny potebn informace. Dozv se ve o projektu, me elektronicky odeslat pihlku do soute. Jsou zde uvedeny asto kladen otzky soutcch (FAQ), me se zde pihlsit ke svmu blogu, me sthnout ablonu tituln a druh strany projektu a dle me prostednictvm formule odeslat svoji prci.

REGIONLN VZDLVAC CENTRUM

vechno pro soutcho na jednom mstWEB Enersolu RVC PRAHATestyMartin Pavlek a Luk Unger Enersol a popularizace 2014

23

REGIONLN VZDLVAC CENTRUMWEB Enersolu RVC PRAHAChatMartin Pavlek a Luk Unger Enersol a popularizace 201424Uivatel webu mohou mezi sebou komunikovat prostednictvm facebooku, ve kterm jsme zaregistrovali Prask Enersol nebo pomoc chatu, kter jsme zdili na serveru www.chatzy.com. Kvli monmu velkmu zaten webu jsme nepouili drupalovsk komunikan moduly. S nmi mohou uivatel komunikovat prostednictvm elektronick poty nebo formul pmo na webu.

REGIONLN VZDLVAC CENTRUM

Komunikovat mohou mezi sebou astnc prostednictvm facebooku, ve kterm jsme zaregistrovali Prask Enersol nebo pomoc chatu, kter jsme zdili na serveru www.chatzy.com. Kvli monmu velkmu zaten webu jsme nepouili drupalovsk komunikan moduly. S nmi mohou uivatel komunikovat prostednictvm elektronick poty nebo formul pmo na webu. 24

WEB Enersolu RVC PRAHADiskusn fra, lnky, pspvky atd.Martin Pavlek a Luk Unger Enersol a popularizace 201425Na webu jsme zdili ti diskusn fra, ve kterch mohou uivatel libovoln otvrat tmata k diskusi, pispvat svmi lnky, reagovat na jin atp.Redakn systm Drupal je mocn nstroj pro sprvu obsahu. Od obyejnho propojen lnk a po rozshl projekty v kombinaci se socilnmi stmi. Pracuje s tzv. tagy pro snadn propojovn vloench lnk, kter se len do rznch kategori, tzv. slovnky propojuje s rznm typem obsahu - to jsou jen nkter techniky, kter ve svm webu vyuvme.

REGIONLN VZDLVAC CENTRUM

Komunikovat mohou mezi sebou astnc prostednictvm facebooku, ve kterm jsme zaregistrovali Prask Enersol nebo pomoc chatu, kter jsme zdili na serveru www.chatzy.com. Kvli monmu velkmu zaten webu jsme nepouili drupalovsk komunikan moduly. S nmi mohou uivatel komunikovat prostednictvm elektronick poty nebo formul pmo na webu. 25

WEB Enersolu RVC PRAHASout o logo EnersoluMartin Pavlek a Luk Unger Enersol a popularizace 201426s hlasovac anketou

REGIONLN VZDLVAC CENTRUM

Od 7. 2. mohou zjemci poslat grafick nvrhy loga pro Enersol. Bhem soute me kdokoli hlasovat pro svoje logo, v kvtnu bude sout vyhodnocena.26WEB Enersolu RVC PRAHAablony pro DrupalMartin Pavlek a Luk Unger Enersol a popularizace 2014

27REGIONLN VZDLVAC CENTRUMnae volbaNa hlavn strnce redaknho systmu www.drupal.org najdete odkazy na staen stovek ablon pro vzhled webovch strnek. Nkter jsou voln iiteln, mezi n pat i ablona Professional Theme, kterou jsme zvolili jako vchoz pro n web.27

WEB Enersolu RVC PRAHAablony pro DrupalMartin Pavlek a Luk Unger Enersol a popularizace 2014

28REGIONLN VZDLVAC CENTRUMablonu Professional Theme jsme upraviliNa hlavn strnce redaknho systmu www.drupal.org najdete odkazy na staen stovek ablon pro vzhled webovch strnek. Nkter jsou voln iiteln, mezi n pat i ablona Professional Theme, kterou jsme zvolili jako vchoz pro n web.28WEB Enersolu RVC PRAHAZabezpeenMartin Pavlek a Luk Unger Enersol a popularizace 201429

Kzabezpeen webu jsou pouity standardn bezpenostn pravidla vetn tzv. opisovn textu zobrzk pi posln soubor na web, nastaven pravidel pro zadvn hesel atd. Co se te bezpenosti, je Drupal na velmi vysok rovni. Existuje propracovan proces zkoumn, ovovn a publikovn bezpenostnch problm. Bezpenostn tm Drupalu spolu sjeho komunitou programtor prbn ovuje podezen na mon problmy a pracuje na jejich een. Vce informac otomto procesu lze nalzt v sti dokumentace vnovan bezpenosti na www.drupal.cz. Na strnce bezpenostnch doporuen jsou zveejovna vechna oznmen bezpenostnho tmu Drupalu. Tato oznmen jsou zaslna administrtorm web i do tzv. security mailing listu.Pi odesln soubor na n web jsme aplikovali metodu Captcha automatick odlien skutench uivatel od robot. Je soust anti spamov ochrany naeho webu.REGIONLN VZDLVAC CENTRUM

Optimalizaci webu eme na dvou rovnch. Prvn je optimln vkon. Nastavili jsme optimln vyuvn mezipamti potae tzv.cache, seskupovn a komprimaci penench soubor a optimalizaci soubor JavaScriptu a provedli dal optimalizan kroky. Server Drupal.cz nabz speciln slubu ladn Drupalu pro vysok vkon. Tu bychom ppadn vyuili a po urit dob provozu naeho webu. Druh rove je tzv. Optimalizace SEO (Search Engine Optimization), tj. optimalizace internetovch strnek pro internetov vyhledvae. Pokud strnky obsahuj zvan chyby ve zdrojovch kdech strnek vetn obsahu, text je patn strukturovan, nejsou vyplnn klov slova, nemte stabiln hosting bez vpadk, internetov vyhledvae vae strnky velmi tko zobraz.

Pro SEO optimalizaci naeho webu jsme pouili webov strnky http://seo-servis.cz/

WEB Enersolu RVC PRAHAOptimalizaceMartin Pavlek a Luk Unger Enersol a popularizace 201430REGIONLN VZDLVAC CENTRUM

30WEB Enersolu RVC PRAHARSS - kanlyMartin Pavlek a Luk Unger Enersol a popularizace 201431

N web vysl RSS kanlem aktuln informace. Kdokoli se pipoj napklad prostednictvm serveru www.seznam.cz, me odebrat novinky z naeho webu.

www.enersol-harfa.euwww.enersol-harfa.eu

N web naopak pijm aktuln informace prostednictvm RSS kanl z jinch web.http://www.enviweb.czhttp://eagri.czhttp://www.siov.skREGIONLN VZDLVAC CENTRUMAutomatick upozorovn na zmnn obsah naeho webu31

WEB Enersolu RVC PRAHAZajmavostiMartin Pavlek a Luk Unger Enersol a popularizace 201432S pomoc online aplikace na internetu jsme vytvoili tzv. QR kd s adresou naeho webu. Mme ho na svch vizitkch, d se vyut i pi dal titn dokumentaci i pi jeho propagaci.REGIONLN VZDLVAC CENTRUM

www.enersol-harfa.euDrupal disponuje obrovskm mnostvm modul, jako dal jsme vybrali modul, kter zobraz poas na nkolik dn dopedu podle zvolen lokality ve svt. Na obrazovce me uivatel zvolit poas vPraze Libni, nebo pout odkaz pro zadn jin lokality, teba Londna, NewYorku neboSydney.

WEB Enersolu RVC PRAHAProhldka webu onlineMartin Pavlek a Luk Unger Enersol a popularizace 201433www.enersol-harfa.eu

REGIONLN VZDLVAC CENTRUM

WEB Enersolu RVC PRAHABudoucnost...Martin Pavlek a Luk Unger Enersol a popularizace 2014Zpracujeme a umstme na web aktuln 10. ronk (foto-galerie, video-galerie, prezentace...)Minimln rok budeme aktivn spravovat web(sprva uivatel, nmty, pipomnky, vyhodnocen sout, elektronick pihlky astnk ptho ronku, analza nvtvnosti apod.)Pidme dal moduly, nap. zpracovn vsledk test se zpisem do databze)Budeme prbn web aktualizovat a optimalizovat.Oslovme odbornky pro zapojen do blog a diskusnch fr.V ppad zjmu veejnosti pidme peklad webu do dalch jazyk. 34REGIONLN VZDLVAC CENTRUMWEB Enersolu RVC PRAHAZvrMartin Pavlek a Luk Unger Enersol a popularizace 2014A se Vm n web lb a je hodn uiten!

35REGIONLN VZDLVAC CENTRUMNa zvr bychom chtli podkovat pedevm svmu uiteli informatiky Mgr. Michalovi Tarabcovi zapomoc s Drupalem, dle uitelkm eskho jazyka Mgr.Be Kozkov a Helen Kuerov za jazykovou korekturu a naim uitelm jazyk Mgr. Miroslav Klmov a Ing. Luboi Rambouskovi za pomoc s peklady do anglickho a nmeckho jazyka.WEB Enersolu RVC PRAHAPozvnkaMartin Pavlek a Luk Unger Enersol a popularizace 2014Zveme Vs na prezentaci webu do naeho stnku, kde si mete web prohldnout a rdi zodpovme vae otzky.

Martin a Luk

36REGIONLN VZDLVAC CENTRUM5. 3.Podbradsk 1Praha 9