NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Soutěž: Machr na webdesign - Nepraktický formulář

Soutěž již skončila

Zadání

Vaším úkolem bude vytvořit co nejhorší formulář pro vstup od uživatele - ať už se bude jednat o adresu, objednávku z eshopu, kontaktní formulář nebo cokoliv jiného.

Z velké části se bude hodnotit nápad - za ten můžete dostat až 15 bodů
Snažte se vyvarovat vstupům na telefonní čísla - pár takových boomů už tu bylo a reddit jich je plný. Pokud zjistím že kopírujete, máte automaticky za tuto část 0 (i kdyby zbytek formuláře byl nedokonalý jak jen to jde)

Aby to ovšem nebylo jen o nepřehlednosti, budete se muset vypořádat s dalšími kritérii.

5 bodů můžete ulovit za celkový design. Přeci máte na víc než na textbox v levém horní rohu bílé stránky.

10 bodů bude za použitelnost na počítači. A aby jste neřekli, že je to moc tvrdé, hodnotit se bude v nejnovějším Chromu a Firefoxu. IE si necháme na jindy.

5 bodů bude také připsáno použitelnosti na mobilu, respektive malé rozlišení, absence klávesnice a další. (Můžete testovat v Chromu na Galaxy S5)

15 bodů bude uděleno za celkový vzhled, a přehlednost kódu ( za zbytečnou špagetizaci, nesmyslné funkce a další budou body strhávány) - výsledný kód bude pravý opak formuláře.

Celkem tedy můžete získat až 50 bodů

Kdo to nepochopil:
formulář = hnusný
kód = hezký

Stejně tak jako nepoužitelnost se bude hodnotit i použitelnost. Pokud na desktopu zadám číslo hraním hry na klávesnici, která se mi na mobilu nevejde na displej a bez klávesnice jí ani nespustim, tak je to ta negativní nepoužitelnost (body za to nedostanete)

Ve formuláři může být libovolná vylomenina, ale abychom to uživateli nedělali zas tak těžké, bude u ní napsáno, jak jí použít. Poté, co uživatel form potvrdí se zobrazí stránka (stačí plaintext), kde bude vypsáno co jste po uživateli chtěli a co zadal.

Povolené je HTML, CSS, PHP (mějte na paměti že formulář je spíše front-end), JS, stejně tak různé frameworky (Angular, React,...). Pokud odněkud vyhrabete knihovnu pro práci s periferiemi, raději se zeptejte ale neměl by být problém.

Svoje řešení klasicky zazipujte a odevzdejte prostřednictvím formuláře níže. Pokud můžete, zřiďte i online verzi.

Výhra

Vítěz dostane placku Machr, pár samolepek a ocenění do portfolia.

Výhra

Výsledky

Jméno bodů Řešení ( Stáhnout vše )
Pavol Hejný 40 Stáhnout řešení
Jakub Mareš 5 Stáhnout řešení

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Adam Ježek
Tvůrce
Avatar
Adam Ježek:15.4.2017 17:56

V této soutěži budeme mít za úkol vytvořit co nejhorší formulář, ať si uživatel taky jednou užije.

Soutěž končí 15. května 4:59, tak se nezapomeň zapojit! :)

Odpovědět
15.4.2017 17:56
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:15.4.2017 18:50

Takže "zadejte jméno" a v kódu <input type="date">, chápu. :D

Nahoru Odpovědět
15.4.2017 18:50
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel:15.4.2017 23:40

Tak tohle bude naprosot urcite prvni machr, ktereho se zucastnim!

Nahoru Odpovědět
15.4.2017 23:40
Neaktivní uživatelský účet
Avatar
Vladislav Domin:16.4.2017 23:10

tam uplne staci dat reCAPTCHA a z formulara sa obcas stane nocna mora :D

 
Nahoru Odpovědět
16.4.2017 23:10
Avatar
Odpovídá na Vladislav Domin
Neaktivní uživatel:17.4.2017 0:05

Nejsi prvni koho na siti vidim si stezovat. Mas k tomu nejake detaily? Ja spolunasazoval CAPTCHA script na jeden web pred par lety, jako zacinajici JSkar jsem celil ukolu mit asi 10 instanci na jedinem webu a ve vysledku to nebylo na dele, nez hodinku debugovani. reCAPTCHA mi zatim vzdy fungovala vyborne (jako navstevnikovi), tak me vazne zajima, kde se bere ta nespokojenost.

Nahoru Odpovědět
17.4.2017 0:05
Neaktivní uživatelský účet
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Adam Ježek:17.4.2017 0:07

Podle mě nemluvil o té nové od Googlu, ale o těch, co vypadají jako když se díte ve školce podepíše, začmárá to fixama, vyleje na to vodu od temper a ty musíš vyluštit co je tam napsáno :D

Nahoru Odpovědět
17.4.2017 0:07
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Odpovídá na Adam Ježek
Neaktivní uživatel:17.4.2017 0:09

To by rozhodne davalo smysl. Ostatne, pak by se opravdu nedalo nesouhlasit. Kdyz uz s tebou mluvim. Pochopil jsem spravne, ze kod v teto uloze ma byt take NEprakticky osklivy? A za to budou kladne body?

Nahoru Odpovědět
17.4.2017 0:09
Neaktivní uživatelský účet
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Adam Ježek:17.4.2017 0:10

Em, ne, upravím to aby to bylo jasné, uznávám že takhle je to napsáno trochu nešťastně.

Nahoru Odpovědět
17.4.2017 0:10
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Odpovídá na Adam Ježek
Matúš Petrofčík:17.4.2017 1:23

Ja som to tiez pochopil ze to ma byt nejaka patlanina v spagety kodu ktora urobi nieco nestandardne.

Nahoru Odpovědět
17.4.2017 1:23
obsah kocky = r^2 ... a preto vlak drnká
Avatar
jakubho
Člen
Avatar
jakubho:20.4.2017 10:18

Takže to chápu dobře, že výsledný formulář má být velmi ošklivý a nepřehledný, prostě nepohodlný na ovládání, ale má fungovat a jeho kód má být úhledný?

Nahoru Odpovědět
20.4.2017 10:18
Chyba-Jediná jistota v životě programátora.
Avatar
Adam Ježek
Tvůrce
Avatar
Nahoru Odpovědět
20.4.2017 11:32
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:15.6.2017 11:48

To je zase morálka s tím hodnocením soutěží... :-?

Nahoru Odpovědět
15.6.2017 11:48
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na Honza Bittner
Adam Ježek:15.6.2017 11:51

Jak jinak, když z tolika lidí co řikali že se účastní to odevzdali jenom dva, a jedno z řešení u sebe nemá přiložený knihovny co používá, a ještě jsem se nerozhod jak s tim naložim.

Nahoru Odpovědět
15.6.2017 11:51
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Adam Ježek
Honza Bittner:15.6.2017 11:56

Mně tedy přijde horší s tím měsíc nic nedělat a pak se vymlouvat na nedokonalost jednoho odevzdání.

Nahoru Odpovědět
15.6.2017 11:56
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Honza Bittner
David Hartinger:15.6.2017 12:12

V podstatě je to nedokonalost 50% odevzdání :D Bude letní soutěž, ta morálku snad zas trochu zvedne ;-)

Nahoru Odpovědět
15.6.2017 12:12
New kid back on the block with a R.I.P
Avatar
Odpovídá na David Hartinger
Luboš Běhounek Satik:15.6.2017 12:36

Já jen doufám, že to zas nebude web ta soutěž... :D

Nahoru Odpovědět
15.6.2017 12:36
https://www.facebook.com/peasantsandcastles/
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na David Hartinger
Honza Bittner:15.6.2017 13:01

Whatever kolik % to je. Ať mu tedy dá 0 bodů a vyhodnotí zbývající a podle bodů určí vítěze, nebo nikoho. Faktem prostě zůstává, že byla vyhlášena soutěž a nehledě na jeho počtu nebyla stále vyhlášena.

Letní soutěže jsou na tom v pohodě s hodnocením, tam to nestojí na jednom člověku a celkově to má větší hype na vyhodnocení. ;)

Nahoru Odpovědět
15.6.2017 13:01
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Honza Bittner
David Hartinger:15.6.2017 19:28

Letní soutěž stojí většinou na mne, ale už jsem si zvykl, že si lidé myslí, že se to tu dělá vše samo :D

Nahoru Odpovědět
15.6.2017 19:28
New kid back on the block with a R.I.P
Avatar
Adam Ježek
Tvůrce
Avatar
Odpovídá na David Hartinger
Adam Ježek:15.6.2017 19:52

Neboj, až se něco pořádně rozbije, tak my si všichni vzpomeneme kdo že tu za tím vším stojí :D
Ohledně machra to snad přes víkend udělám, teď se ještě snažím zachránit známky :D

Nahoru Odpovědět
15.6.2017 19:52
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na David Hartinger
Honza Bittner:15.6.2017 19:54

No tak většinou letní soutěž hodnotí několik lidí, to jsem tím myslel. :-)

Nahoru Odpovědět
15.6.2017 19:54
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Adam Ježek
Tvůrce
Avatar
Adam Ježek:10.7.2017 15:54

Díky všem za účast, zde jsou výsledky:

Pavol Hejný - 40 bodů
Jednoduché, účelné, do jisté míry použitelné i na telefonu. Originální nápad s hashováním.

Jakub Mareš - 5 bodů
Odevzdaný projekt rozhodně není funkční. Chybí některé knihovny včetně systemjs a machr není "dodělej si sám". Stejně tam si myslím, že nebylo nutné do zipu přidávat všech 750 knihoven (nebo si je snad použil všechny?)
Vypadalo to, že by to mohlo být i něco pěkného, ale škoda, projekt se nedá pustit.

Placku tedy získává Pavol Hejný Gratuluji :)

Nahoru Odpovědět
10.7.2017 15:54
Počkej chvíli, poradím se s křišťálovou koulí.
Avatar
Pavol Hejný
Tvůrce
Avatar
Odpovídá na Adam Ježek
Pavol Hejný:11.7.2017 0:33

Díky, jsem rád, že se nápad líbil.
Ale je to docela příjemné překvapení získat první placku do profilu a ani netušit, že jsem nějakou soutěž dělal, protože jsem na ni dávno zapomněl.

Nahoru Odpovědět
11.7.2017 0:33
/^(web )?(app )?developer$/
Avatar
Odpovídá na Adam Ježek
Michal Žůrek - misaz:11.7.2017 8:22

753 knihoven (které se mi na mém pomalém procesu extrahovaly cca. 15 minut) tam nemá protože by chtěl, on sám si stáhnul 11 knihoven (+ nějaké pro podporu vývoje). Jenže v JS se dneska funguje na tom balíčkovacím principu, že jedna knihovna je závislá na jiných a ty jiné jsou závislé na dalších a ty další na ještě dalších ... Takže těch jeho 11 knihoven je závislých na 742 dalších knihovnách :D :D :D:D Ještě že toto ve svých projektech nepoužívám.

 
Nahoru Odpovědět
11.7.2017 8:22
Avatar
Odpovídá na Michal Žůrek - misaz
Michal Žůrek - misaz:11.7.2017 8:25

alternativně ti je samozřejmě nemusel zabalit, ale to by sis všech 753 pak musel ještě stáhnout.

 
Nahoru Odpovědět
11.7.2017 8:25
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 24 zpráv z 24.