Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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

HTML a CSS HTML a CSS Machr na webdesign - Nepraktický formulář American English version English version

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í
Aktivity (1)
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Adam Ježek:15. dubna 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  +2 15. dubna 17:56
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:15. dubna 18:50

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

Nahoru Odpovědět  +12 15. dubna 18:50
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Taskkill
Šéfredaktor
Avatar
Taskkill:15. dubna 23:40

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

 
Nahoru Odpovědět  +1 15. dubna 23:40
Avatar
sunspinx
Člen
Avatar
sunspinx:16. dubna 23:10

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

 
Nahoru Odpovědět  ±0 16. dubna 23:10
Avatar
Taskkill
Šéfredaktor
Avatar
Odpovídá na sunspinx
Taskkill:17. dubna 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. dubna 0:05
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Odpovídá na Taskkill
Adam Ježek:17. dubna 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  +6 17. dubna 0:07
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Taskkill
Šéfredaktor
Avatar
Odpovídá na Adam Ježek
Taskkill:17. dubna 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. dubna 0:09
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Odpovídá na Taskkill
Adam Ježek:17. dubna 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  +1 17. dubna 0:10
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Odpovídá na Adam Ježek
Matúš Petrofčík:17. dubna 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. dubna 1:23
obsah kocky = r^2 ... a preto vlak drnká
Avatar
jakubho
Člen
Avatar
jakubho:20. dubna 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. dubna 10:18
Chyba-Jediná jistota v životě programátora.
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Nahoru Odpovědět 20. dubna 11:32
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:15. června 11:48

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

Nahoru Odpovědět 15. června 11:48
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
Adam Ježek:15. června 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. června 11:51
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Adam Ježek
Honza Bittner:15. června 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  +1 15. června 11:56
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:15. června 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  +1 15. června 12:12
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Luboš Běhounek (Satik):15. června 12:36

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

Nahoru Odpovědět 15. června 12:36
:)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:15. června 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  +2 15. června 13:01
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
David Čápka:15. června 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. června 19:28
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Odpovídá na David Čápka
Adam Ježek:15. června 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  +1 15. června 19:52
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na David Čápka
Honza Bittner:15. června 19:54

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

Nahoru Odpovědět 15. června 19:54
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
Avatar
Adam Ježek
Tým ITnetwork
Avatar
Adam Ježek:10. července 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  +1 10. července 15:54
Pokud chceš odpovědět, klikni na odpovědět. Pokud chceš vložit zdroják, klikni na vložit zdroják (</>)
Avatar
Pavol Hejný
Autoredaktor
Avatar
Odpovídá na Adam Ježek
Pavol Hejný:11. července 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. července 0:33
http://pavolhejny.cz/
Avatar
Odpovídá na Adam Ježek
Michal Žůrek (misaz):11. července 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. července 8:22
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Michal Žůrek (misaz):11. července 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. července 8:25
Nesnáším {}, proto se jim vyhýbám.
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.