STŘEDNÍ PRŮMYSLOVÁ ŠKOLA ELEKTROTECHNICKÁ A INFORMAČNÍCH TECHNOLOGIÍ BRNO
PLÁN MOBILITY DAVID SIMONYI – V3B MARTIN KRAČMAN – V3B NADĚŽDA FUXOVÁ – V3B LUCIE RANDULOVÁ – V3B MICHAL OBERREITER – V3B
TÝMOVÁ PRÁCE
BRNO 2014
Plán mobility Záměr: Sběr informací o způsobu dojíždění studentů a využití těchto dat pro návrh školního plánu mobility. Řešení bude zaměřeno zejména na oblast SPŠEIT, zklidnění dopravy a podporu elektro kol. Dílčí kroky: Sběr informací o způsobu dojíždění studentů (navrhnout a zpracovat anketu, dotazník) Seznámit se s dopravní studií, vyznačit navrhovaná řešení Zjistit informace o připravovaném plánu mobility pro Technologický park Kontaktovat zapojené subjekty (studenty, rodiče, zástupce města) Kontaktovat Nadaci Partnerství a připravit podklady pro zapojení do grantového programu Na zelenou Navrhnout provoz městských elektro kol v návaznosti na stávající cyklostezky Navrhnout Grafické zpracování stanovišť elektro kol: barevnost, logo, karty Vytvořit internetové stránky s rezervačním systémem pro elektro kola Výsledek: Plán mobility, dopravní studie okolí školy s návrhy opatření. Kalendář akcí a pořadí preferovaných nápadů a řešení vedoucích ke zklidnění dopravy a zpříjemnění cest do školy. Funkční webové stránky s rezervačním systémem. Složení týmu (5 pozic): 1. Analytik - manažer projektu - organizuje získávání informací o stávajícím stavu, zprostředkovává schůzky s jinými subjekty 2. Programátor - navrhne systém na sběr dat a jejich vyhodnocování 3. Grafik - navrhne a nakóduje webové stránky pro sběr dat 4. Grafik - navrhne grafické zpracování stanovišť elektro kol (barevnost, logo, karty) a webových stránek pro rezervaci kol včetně map 5. Programátor - naprogramuje rezervační a informační web pro elektro kola
Pozice
Úkol
Jméno Příjmení
Specializace
Třída
1. analytik
Monitoring
Martin Kračman
GRAF
V3B
2. programátor
Anketa
Naděžda Fuxová
PROG
V3B
3. grafik
Webové rozhraní
Lucie Randulová
GRAF
V3B
4. grafik
Elektro kola
Michal Oberreiter
GRAF
V3B
5. programátor
Rezervace elektro kol
David Simonyi
PROG
V3B
Týmová práce
Název: Plán Mobility Školní rok: 2013/2014 Garant tématu: Nadace partnerství Odborný konzultant: Jitka Hotářová a Paní Fuchsová Vedoucí týmu: David Simonyi Složení týmu: Lucie Randulová, Naděžda Fuxová, Michal Oberreiter, Martin Kračman, David Simonyi Podrobné zadání: Sběr informací o dopravě studentů a návrh plánu mobility pro školu SPŠEIT zejména za využití elektrokol. Doporučená literatura: Časový harmonogram Milník
Ověřitelné výstupy
Získat informace z ankety
Dokument s grafy
Vytvoření loga Síť cyklotras Návrh celkového vzhledu stanic a kol
Logo Mapa
Kódování webu
Web
12. 6. 2014
Funkce na webu
Login a rezervace
12. 6. 2014
Příprava na prezentaci
Prezentace
15. 6. 2014
Obrázky stanic
Termín 26. 3. 2014 5. 5. 2014 2. 6. 2014 10. 6. 2014
Předpokládaná rizika Neochota vyplnění formuláře Naše neshody
Nedostatek času Malá znalost HTML/CSS Neznalost programovacího jazyka
Záměr: Vytvoření systému pro sběr informací o způsobu dojíždění studentů a využití těchto dat pro návrh řešení mobility, se zaměřením zejména na Technologický park a podporu elektro kol. Dílčí kroky: Sběr informací o způsobu dojíždění studentů: zpracovat anketu, dotazník, vyhodnotit a navrhnout řešení Schůzka dotčených složek: zástupci studentů, rodičů, města Dopravní studie s vyznačením navrhovaných řešení
Městská elektro kola návaznost na stávající cyklostezky
Grafické zpracování stanovišť: barevnost, logo, karty
Internetové stránky s rezervačním systémem Kontaktovat Nadaci Partnerství a připravit podklady pro zapojení do grantového programu Na zelenou Zjistit informace o připravovaném plánu mobility pro Technologický park
Základní projektový plán
Úkol
Pomůcky
Kdo úkol provede
Výstupy úkolu
Datum
Poznámky
Anketa
Formulář na googlu
Všichni
Data z ankety
26. 3. 2014
Obejdeme třídy ve chvíli kdy budou v učebnách s pc a předáme odkaz k anketě
Martin Kračman, Michal Oberreiter
Návrhy loga na výběr
5. 5. 2014
Návrh více druhů loga, pro lepší výběr
2. 6. 2014
David sežene podklady pro cyklotrasy a Martin vybere vhodná místa pro umístění stanic.
Vytvoření loga
Mapa stanic Síť cyklotras
David Simonyi, Martin Kračman
Návrh vzhledu stanic
Lucie Randulová
Obrázky stanic
10. 6. 2014
Kódování webu
Lucie Randulová, Michal Oberreiter
Webové stránky
12. 6. 2014
Funkce na webu
Naděžda Fuxová, David Simonyi
Registrační a přihlašovací formulář, rezervační systém
12. 6. 2014
Příprava prezentace
Všichni
Prezentace
15. 6. 2014
Lucie rozvrhne stránky a Michal navrhne a nakóduje CSS.
Schůzky týmu 1. pracovní schůzka Dne: 5.3.2014 Přítomni: Všichni Cíl schůzky: Seznámení s zadáním od p.Fuchsové Kontrolováno: 12.3.2014 Úkoly: Seznámit se z danými úkoly Průběžné hodnocení projektu: / 2. pracovní schůzka Dne: 12.3.2014 Přítomni: Všichni Cíl schůzky: Zahájit anketu – promýšlení otázek a rozdělení tříd Kontrolováno: 19.3.2014 Úkoly: Práce na anketě a její realizace + obejít třídy Průběžné hodnocení projektu: 10% 3. pracovní schůzka Dne: 26.3.2014 Přítomni: Všichni Cíl schůzky: Pracovat z výstupy z ankety + rozdělení úkolů Kontrolováno: 2.4.2014 Úkoly: Pracovat na svém daném úkolu Průběžné hodnocení projektu: 30%
4. pracovní schůzka Dne: 7.5.2014 Přítomni: Všichni Cíl schůzky: Zkontrolovat průběh celého projektu Kontrolováno: 11.6.2014 Úkoly: Dokončovat svoje práce + společná dokumentace Průběžné hodnocení projektu:
Závěrečné hodnocení Co se nám povedlo dobře: Celková funkčnost webu, komunikace mezi sebou Co se nám dobře nepovedlo: Dodržování daných termínů Co bychom příště udělali jinak: Práci si rozvrhnout tak, abychom byli schopni dodržovat původní termíny
Dokumentace jednotlivých členů Školní rok: 2013/ 2014 Student: David Simonyi Třída: V3B Pozice: Programátor Podrobná specifikace zadání: získat mapu budoucích cyklotras, udělat rezervační systém Doporučená literatura a jiné: jque-ry.com, stackoverflow.com
Popis řešení: Dílčí úkol č. 1 : Anketa Zadáno dne: 12. 3. 2014 Splněno dne: 26. 3. 2014 Popis úkolu: Zjistit informace do ankety - obcházení tříd Popis řešeného úkolu: V tomto úkolu jsme celá naše skupina a skupina druhá, chodili po třídách a dávali jsme jim odkaz na anketu, kterou měli žáci vyplnit. Záměrně jsme vynechali 4. Ročníky, protože anketa se týkala žáků, které budou na škole ještě pár roků a elektro kola by mohli využít + žáky, kteří byli buď mimo školu, nebo součástí projektu. Ověřitelné výstupy: Anketa s odpověďmi viz. dokumentace Martin Kračman Dílčí úkol č. 2 : Získání mapy cyklotras Zadáno dne: Splněno dne: Popis úkolu: Zjistit jaké má město Brno v plánu vybudovat cyklostezky Popis řešeného úkolu: Na magistrátu Brna jsem pomocí emailu požádal o dokumenty týkající se budování cyklostezek. Byly mi zaslány tři soubory týkající se výstavby a jeden s mapou Brna s vyznačenými trasami od roku 2010 až do 2015. Ověřitelné výstupy: Mapy v dokumentaci Martina Kračmana Dílčí úkol č. 3 : Rezervační systém Zadáno dne: Splněno dne: Popis úkolu: Vytvořit rezervační systém na kola Popis řešeného úkolu: funkčnost jsem zajistil využitím JQuery. Zde je možnost využít již vytvořené funkce datepicker, která se mi už od začátku nelíbila. Napsal jsem vlastní funkčnost s ukládáním do databáze pomocí PHP. Poté už jsem doladil jenom pár detailů a upravil pro vložení na web.
Ověřitelné výstupy: Testovací verze pro funkčnost
Databáze k rezervaci
Závěrečné hodnocení Co se mi povedlo dobře: Rezervační kalendář pomocí Javascriptu a JQuery Co se mi dobře nepovedlo: Snažil jsem se, aby vše vyhovovalo mojim představám, tudíž si nemyslím, že se mi něco nějak zvlášť nepovedlo Co bych příště udělal jinak: Byl přísnější na dodržování termínů Kdo byl v týmu největším přínosem: Podle mého názoru Lucka, protože tomu věnovala dost času a hlavně se ujala práce, kterou někdo jiný vzdal Kdo byl v týmu nejmenším přínosem: Neřekl bych, že jsme měli slabý článek Jak hodnotím svoji práci v týmu: Kdybych se měl oznámkovat, tak bych si dal za 2. Do všeho jsem mohl vkládat více energie a být důslednější
Školní rok: 2013/ 2014 Student: Martin Kračman Třída: V3B Pozice: Analytik Podrobná specifikace zadání:Vypracovat monitorovací zprávu, vytvořit logotyp, síť cyklotras Doporučená literatura a jiné: www.google.cz www.brno.cz/sprava-mesta/magistrat-mesta-brna/
Popis řešení: Dílčí úkol 1: Anketa Zadáno dne: 12.3.2014 Splněno dne: 26.3.2014 Popis úkolu: Vytvoření ankety pro třídy a shromáždění hlasů Popis řešení úkolu: Tato anketa vznikala tak, že každý člen našeho týmu šel do tříd 1. - 3. ročníků a odkazoval žáky na stránky naší ankety, abychom věděli, jak si náš nápad bude stát mezi studenty naší školy. Ptali jsme se na věci ohledně dopravy, jak můžete vidět výše. Studenti přistupovali k tomuto průzkumu seriozně a vyplňovali anketu se vší vážností. Průzkum nám zabral 3 dny a nakonec jsme se dobrali k těmto výsledkům.
Ověřitelné výstupy: V tomto grafu je shrnuto odkud dojíždí naši studenti do školy. Výsledky jsou tyto: Brno: 56,8% Brno-venkov: 35,4% Ostatní: 7,8%
Tento graf obsahuje údaje o tom, jak se studenti dopravují do školy. Auto: 11,8% Autobus a tramvaj: 56,9% Vlak a tramvaj: 22,2% Motorka/skútr: 9,1%
Zde je zobrazeno, jak dlouho trvá dotázaným studentům cesta do školy. 0-15 min.: 17,6% 16-30 min.: 21,1% 31-45 min.: 22,9% 46-60 min.: 21,5% 60 min. a více: 16,9%
A nakonec tento závěrečný graf ukazuje, hlavní přestupní stanice v Brně, které jsou nejvíce využívány. Ostatní: 9,7% Zvonařka: 13,6% Nové sady: 3,2% Konečného nám.: 6,8% Skácelova: 24,7% Česká: 12,2% Hlavní nádraží: 23,3% Komárov: 6,5%
Tento údaj nám ukazuje, jestli jsou dotázaní studenti ochotni využít možnost elektrokol. Ano: 59,1% Ne: 40,9%
Dílčí úkol 2: Logo Zadáno dne:15.4. 2014 Splněno dne:30.4.2014 Popis úkolu: Vytvoření loga Popis řešení úkolu: Vytvoření loga pro naši půjčovnu elektrokol. Viz. níže Ověřitelné výstupy: Logo
Toto byla moje původní verze loga. Je to normální verze i její negativ. Doufám, že zvolený název, použití barev i ozubené kolo se Vám líbí. Nejdřív jsem začal jen s nápisem a přemýšlel jsem, jaký název by byl krátký a výstižný. Nakonec jsem zvolil e-bikes což je zkrácený název pro eko-bikes. Barvy by měly být u takovéhoto projektu seriozní, takže jsem sáhl po klasické kombinaci černá-bílá a samozřejmě, když je v názvu EKO tak by neměla chybět barva zelená jak symbol životního prostředí. Ozubené kolo je tam kvůli tomu aby bylo jasné že se jedná o kola a aby udělalo logo ještě zajímavější.
Nakonec po konzultaci s týmem jsme se rozhodli použít tuto verzi s vybarveným kolem. Jednak kvůli celistvosti ozubeného kola a taky kvůli názorům ostatních. Takže zde Vám představuji naše logo
Dílčí úkol 3: Cyklotrasy Zadáno dne:10.5. 2014 Splněno dne:13.6.2014 Popis úkolu: Vytvoření cyklotras na mapě Popis řešení úkolu: Tvorba cyklotras po Brně, po kterých by se jezdilo Ověřitelné výstupy: mapa tras Zde můžete vidět, jak na tom byl stav cyklotras, které byly územně zaznamenány v roce 2010.
Potom jeden z nás, David Simonyi, zavolal na magistrát města Brna a podařilo se mu sehnat dokument, který obsahoval obraz cyklotras v Brně. Což znamená, že na dalším obrázku můžete vidět, jak by měl vypadat stav sítě cyklotras v Brně v roce 2015.
Na tomto snímku jsou i polohy, kde by se měli nacházet naše stanoviště elektrokol. Vybíral jsem podle toho, kde lidé nejvíce přestupují na jiné spoje a kde by byly dobře dostupné pro všechny. Vybral jsem Slovanské náměstí, Nové sady, které jsou blízko Hlavního nádraží, a Komárov.
Slovanské náměstí: Toto místo bylo vybráno, protože jsme chtěli mít pokrytou i severní část Brna a zde je na stanoviště ideální prostor.
Nové sady: Tato stanice bude umístěna zde, protože poblíž Hlavního nádraží je toto největší a nejklidnější prostor a dá se využít již vyznačených pruhů pro cyklisty.
Komárov: Tato stanice by byla umístěna za živým plotem a byla by i vhodně umístěna u konečné zastávky tramvaje č.12.
Síť cyklotras je samozřejmě důležitou složkou našeho projektu, kvůli transportu. Po přebrání kola do svých rukou by se všichni měli řídit podle našich cyklotras. Všechny z nich budou značené a informační tabule budou obsahovat i vzdálenost některých orientačních bodů třeba jak jste momentálně vzdáleni od Hlavního nádraží atd.
Školní rok: 2013/ 2014 Student: Naděžda Fuxová Třída: V3B Pozice: Programátor Podrobná specifikace zadání: navrhnout databázy, zajistit funkčnost registračního formuláře a loginu Doporučená literatura a jiné: Php5 a MySQL5 (Bernd Öggl, Michael Kofler) www.w3schools.com
Popis řešení: Dílčí úkol č. 1 : Anketa Zadáno dne: 12. 3. 2014 Splněno dne: 26. 3. 2014 Popis úkolu: Zjistit informace do ankety- obcházení tříd Popis řešeného úkolu: V tomto úkolu jsme celá naše skupina a skupina druhá, chodili po třídách a dávali jsme jim odkaz na anketu, kterou měli žáci vyplnit. Záměrně jsme vynechali 4. Ročníky, protože anketa se týkala žáků, které budou na škole ještě pár roků a elektro kola by mohli využít + žáky, kteří byli buď mimo školu, nebo součástí projektu. Ověřitelné výstupy: Anketa s odpověďmi viz. dokumentace Martin Kračman Dílčí úkol č. 2 : databáze a formulář Zadáno dne: 15. 4. 2014 Splněno dne: 30. 4. 2014 Popis úkolu: návrh databáze a naprogramování registračního formuláře (jen funkčnost bez vzhledu) Popis řešeného úkolu: 1)Vytvoření tabulky ‚elektrokola‘ ve školní databázy : primární klíč je ID(a autoincrementem) a nick - obojí musí být jedinečné, nick slouží k identifikaci uživatele a ID se hodí pro přehled o počtu zaregistrovaných. Nastavení kódování na češtinu -> utf8_czech_ci (sice se v databázi diakritika pořád zobrazuje špatně, ale to by mělo být nastavením celé školní databáze), všechny sloupce mají zakázanou hodnotu NULL. Ověřitelné výstupy: školní databáze - fuxovanadezda - elektrokola http://student.sspbrno.cz/~fuxova.nadezda/PHP/registrace_DB.php 2)Vytvoření registračního formuláře: Formulář je navržen tak, aby zbavil vstupní data uživatele kódových tagů a zabránil tak napadení počítače kódem, zároveň program kontroluje zda vstupní data odpovídají požadavkům a v případě chybného vyplení upozorní uživatele, který údaj je potřeba opravit. Textové pole pro zadání hesla je ošetřeno tak, aby se heslo nezobrazovalo a do databáze se bude ukládat v zaheshované podobě. Pokud je formulář vyplněn správně, program se spojí s databází a zjišťuje, zda zadaná přezdívka již v databázi není obsazená. Podle výsledku vyhledávání buďto upozorní uživatele, že přezdívka již
v databázi existuje a je potřeba zadat jinou, nebo uloží data z formuláře do databáze a informuje uživatele o úspěšném dokončení registrace. Ve formuláři se vyplňuje jméno, přijmení, přezdívka, heslo a email. Všechny položky jsou povinné a tomu odpovídá i podoba tabulky v databázy – ve všech sloupích je zakázána hodnota NULL(žádná zadaná hodnota). Ověřitelné výstupy: školní databáze - fuxovanadezda – elektrokola http://student.sspbrno.cz/~fuxova.nadezda/PHP/registrace_DB.php
Dílčí úkol č. 3 : Zadáno dne: 10. 5. 2014 Splněno dne: 13. 6. 2014 Popis úkolu: funkčnost loginu Popis řešeného úkolu: kód pro ověření zadaného nicku a hesla s nickem a heslem uloženým v DB Je to vlastně miniformulář jen se dvěma poli – pro nick a kryté heslo. Po stisknutí tlačítka ‚Odeslat‘ program upraví heslo zaheshováním a spojí s databází, kde hledá odpovídající kombinaci přezdívky a hesla. Pokud nenašel shodu informuje uživatele, že některá položka byla vyplněna špatně, ale schválně neinformuje která, aby se neusnadňovala zbytečně práce hackerům. Pokud byla nalezena shoda uživatel je připojen.
Ověřitelné výstupy: main_login_v3.php
Školní rok: 2013/ 2014 Student: Lucie Randulová Třída: V3B Pozice: Grafik Podrobná specifikace zadání: Navrhnutí a nakódování webových stránek + návrh elektro kol a stanovišť Doporučená literatura a jiné: jakpsatweb.cz google.cz
Popis řešení: Dílčí úkol č. 1 : Anketa Zadáno dne: 12. 3. 2014 Splněno dne: 26. 3. 2014 Popis úkolu: Zjistit informace do ankety- obcházení tříd Popis řešeného úkolu: V tomto úkolu jsme celá naše skupina a skupina druhá, chodili po třídách a dávali jsme jim odkaz na anketu, kterou měli žáci vyplnit. Záměrně jsme vynechali 4. Ročníky, protože anketa se týkala žáků, které budou na škole ještě pár roků a elektro kola by mohli využít + žáky, kteří byli buď mimo školu, nebo součástí projektu. Ověřitelné výstupy: Anketa s odpověďmi viz dokumentace Martin Kračman Dílčí úkol č. 2 : Navrhnutí a rozložení webové stránky Zadáno dne: 26. 3. 2014 Splněno dne: 30. 4. 2014 Popis úkolu: Navrhnutí stránek Popis řešeného úkolu: Navrhnutí stránek mi trvalo opravdu dlouho, protože moje slabá znalost jazyka HTML mě dosti omezovala. Stránku jsme se rozhodla navrhnout ve stylu obyčejného blogu. Hlavička s menu a obsah stránky. Snažila jsem se udělat co nejlehčí web, abych ho zvládla nakódovat. Při vytváření webu mi pomohla stránka jakpsatweb.cz. Ověřitelné výstupy: velice jednoduchý web
Dílčí úkol č. 3 : Návrh stanice, nabíječek a elektro kol Zadáno dne: 19. 5. 2014 Splněno dne: 12. 6. 2014 Popis úkolu: Navrhnutí stanic, nabíječek a elektro kol ve PS Popis řešeného úkolu: Přesto že tento daný úkol mi nebyl přidělen, tak jsme ho zrealizovala. Důvod byl takový, že jsem ho dostala jako úkol na své praxi, kde jsem měla, pracovat v programu PhotoShop. Domluvila jsem se tedy s kolegou v týmu, že navrhnu stanice pro elektro kola a že on udělá CSS pro naše webové stránky. Abych mohla udělat montáž, musela jsem najít na internetu vhodné obrázky, které bych mohla přidat naše logo. Ověřitelné výstupy: Nabíječka
Elektro kola
Školní rok: 2013/ 2014
Stanice pro elektro kola
Student: Michal Oberreiter Třída: V3B Pozice: Grafik Podrobná specifikace zadání: Návrh loga EkoWays a kódování CSS pro web Doporučená literatura a jiné:
jakpsatweb.cz HTML5 A CSS3 – Elizabeth Castro, Bruce Hyslop
Popis řešení: Dílčí úkol č. 1 : Anketa Zadáno dne: 12. 3. 2014 Splněno dne: 26. 3. 2014 Popis úkolu: Zjistit informace do ankety- obcházení tříd Popis řešeného úkolu: V tomto úkolu jsme celá naše skupina a skupina druhá, chodili po třídách a dávali jsme jim odkaz na anketu, kterou měli žáci vyplnit. Záměrně jsme vynechali 4. Ročníky, protože anketa se týkala žáků, které budou na škole ještě pár roků a elektro kola by mohli využít + žáky, kteří byli buď mimo školu, nebo součástí projektu. Ověřitelné výstupy: Anketa s odpověďmi viz dokumentace Martin Kračman Dílčí úkol č. 2 : Logo Zadáno dne: 15.4. 2014 Splněno dne: 30.4.2014 Popis úkolu: Vytvoření loga pro naši společnost Popis řešeného úkolu: Navrhnout alespoň hrubý náčrt loga nám vedoucí David zadal všem. Musím ovšem říct že jsem se uchytit jako první a svůj návrh jsem měl hned hotový. Ostatní věděli, že něco mám a s moji prací byli seznámení. Předložil jsem jim i několik návrhů, které jsem vytvořil, ať už se lišili třeba jen barvami. Logo pro nás bylo důležité, protože jsme ho potřebovali na stránky, do dokumentací a odvíjeli se od něj barvy další grafiky. Proto po několika návrzích jsem předložil finální podobu a vypadalo to, že všichni souhlasí. Vypadalo to tedy, že logo je rozhodnuto. Pak si ale Martin vzpomněl, že má taky něco navrhnuto, jen ne zpracované. Náš projekt tedy pár dalších týdnů stál a čekalo se na další návrh loga, které nakonec předčilo to mé. Jen mám pocit, že nás to zdrželo. O mé práci věděl. Nemluvě o tom že se zpracováním jsem mu musel pomoci, abychom logo vůbec měli v křivkách a s průhledným pozadím.
Logo jsem se každopádně snažil navrhnout tak, aby dalo co nejvíc najevo naši snahu o ekologičtější dopravu v Brně. Jasným cílem byla tedy zelená a do toho jsem ještě navrhnul kolo. Možná je tam ten „eko-záměr“ dán najevo až moc a celkově když se za svou prací teď ohlédnu, vypadá to spíše jako dopravní značka. Martinovo logo se mi líbí. Dílčí úkol č. 3 : Kódování CSS pro web E-Bikes Zadáno dne: 30. 4. 2014 Splněno dne: 29. 5. 2014 Popis úkolu: Dát našim stránkám šmrnc. Popis řešeného úkolu: Stránky, které navrhla Lucie potřebovali pořádný CSS kód a jelikož jsem měl zadáno udělat návrh stanic a sám jsem se s tím moc nehnul, rozhodli jsme se si s Lucií úkoly prohodit. Já dostal na starost tedy kódování, se kterým si ona sama moc rady nevěděla. No, já ostatně moc taky ne. Psaní kódu tedy probíhalo stylem pokus/omyl a líbí/nelíbí. Hodně mi pomohli stránky jakpsatweb.cz a kniha o HTML, kterou jsem si začátkem třetího ročníku pořídil. Mám dojem že se mi nakonec povedli a rozhodně to pro mě byla další dobrá zkušenost, protože zatím jsem o sobě uvažoval spíš jako o grafikovy tiskovin. Ověřitelné výstupy:
