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

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

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ů

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

Zapoj se!

Chceš se zapojit do soutěže a vyhrát? Zaregistruj se!

Soutěžící

Zatím nikdo neodevzdal řešení, budeš první?

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  +9 15. dubna 18:50
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
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 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 (</>)
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 11 zpráv z 11.