Soutěž: Machr na JavaScript - Praktický pomocník pro Firefox OS
Zadání
Od [me|]1760[/me|] vám přináším nového machra 
:
Ahoj, vítám váš u druhého Machra na Firefox OS. Tento Machr bude spíše
otevřený a hodně toho bude i z vaší hlavy, ne jen ze zadání. Bude se
totiž jednat o pomocníky v praxi. Rozdělíme to opět na dvě kategorie:
S využitím PHP: Aplikace bude využívat i nějakého
serveru, ze kterého bude získávat data. Bude komunikovat s Vaším vlastním
serverem, ne veřejně dostupným API od Weather Chanel. Pokud budete v aplikaci
využívat na serveru jen to, co jste nenaprogramovali, hodnoceni budete v
kategorii bez využití PHP. Budeme od vás vyžadovat i přístup k serveru
(databáze, kód), tak se na to připravte.
Bez využití PHP: Aplikace nebude využívat serveru a bude si
naprosto soběstačná, daty ji musí naplnit uživatel.
Co se vlastně tvoří: Tvoří se aplikace s tématem
Pomocníci v praxi. Je to například první pomoc, seznam veřejných WC,
zlaté stránky... Jednoduše je to aplikace, která vám pomůže v reálném
životě.
Co se nesmí použít: Je zakázáno používat NFC API, na
většině verzích Firefox OS nejde NFC aktivovat. Také jsou zakázány
veškeré frameworky s výjimkou jQuery a to jak u klienta
(AngularJS apod.), tak i na serveru (Nette), veškerý kód musí být vaše
práce.
Hodnocení: Jelikož se jedná o Machra, kde může každý z
Vás vymyslet něco originálního, budeme hodnotit i originalitu aplikace, za
kterou dostanete 0-10 bodů bez závislosti na ostatních faktorech. Bohužel, u
takto otevřených Machrů nejde určit přesné prvky hodnocení, za co jste
body získali/ztratili uvidíte ve výsledném hodnocení.
Úspěšným řešitelem se soutěžící stává po dosažení 30 bodů. Rád
bych také upozornil, že kvalitní aplikace mají otevřenou cestu do Firefox
Marketplace.
Výhra
Vítěz dostane placku Machr na JavaScript (případně PHP) a ocenění do portfolia.
Výsledky
| Jméno | bodů | Řešení ( Stáhnout vše ) |
|---|---|---|
| Ondrca | 40 | Stáhnout řešení |
| Petr Valigura | 13 | Stáhnout řešení |
| Jan Lupčík | 0 | Stáhnout řešení |
| Jan Vargovský | 0 | Stáhnout řešení |
| slipiklp | 0 | Stáhnout řešení |
| Michal Žůrek - misaz | 0 | Stáhnout řešení |
| Dominik Gavrecký | 0 | Stáhnout řešení |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Je možné sa zapojiť aj keď firefox OS nemám? príde mi to celkom
zaujímavé... ale nemám ten telefon chalani Jak tie aplikácie pre firefox OS
vlastne fungujú?
Neaktivní uživatel:6.9.2015 20:24
Mě by zajímal ten podpis, co máš pod komentáři. Kdy byla tvorba webu
pouze o kódu 
?
Jej, omlouvám se. Když jsem si chtěl přečíst pravidla soutěží (z
nudy 
), překlikl jsem se a
dal jsem nechtěně Odeslat. By se to mohlo nějak ošetřit.
Michal Žůrek - misaz Jan Vargovský Dali jste vy dva aspoň vědět Davidovi nebo
tu jen objevujete kolo?
Díky všem za účast, zde jsou výsledky:
Ondrca - 40 bodů
První čeho jsem si všiml když jsem aplikaci otevřel je absence viewportu a
oběma za toto strhávám body (-10), protože je aplikace naprosto
nepoužitelná. Při používání tvojí aplikace mě velice ruší to, že jde
označovat text - to můžeš deaktivovat v CSS (-6). Příšerné je i tvoje
řešení navigace (máš to rozfrckané v několika .html souborech, v každém
je i hlavička a když ji upravíš v jednom, musíš ji upravit i ve zbytku, co
třeba vyzkoušet načítat do <body> jen obsah?) a nevýhoda je to
především pro tebe při dalším vývoji (-4). Abychom ale přešli k tomu
pozitivnějšímu, máš vlastní a originální logo (+20) které se krásně
vyjímá mezi ostatními aplikacemi. Co se kódu týče, je pěkně
strukturovaný (+10), je pěkné, že aplikace umí i reagovat na uživatelův
vstup (+6) třeba v násobilce. Dále jsi použil oficiální layout prostředí
Gaia (+14), i když zastaralý (1.x). Po obsahové stránce je aplikace nabitá
(+10) a určitě poslouží všem studentům, kteří si před testem zapomněli
zopakovat vzorečky.
Doporučuji ti aplikaci publikovat v Marketplace (http://marketplace.firefox.com/developers).
Jan Lupčík - 0 bodů
Prázdné řešení.
Jan Vargovský - 0 bodů
Prázdné řešení.
slipiklp - 0 bodů
Prázdné řešení.
Michal Žůrek - misaz - 0 bodů
Prázdné řešení.
Petr Valigura - 13 bodů
Jako u Ondrcy ti v celé aplikaci chybí viewport a na mobilech se zobrazuje
opravdu strašně (-10). Nemáš vypnuté označování textu v CSS (-6) a jako
uživatele mě to velice ruší, když na nějakém textu podržím déle prst.
Pole pro text jsou i po úpravě viewportu příliš malá (-4), doporučuji ti
používat styly přímo z prostředí, jsou dostupné na GitHubu. Zadávání
datumu řešíš pomocí klasického text-inputu, ne pomocí date-inputu,
výběr pomocí kalendáře by ti umožnil např. upozorňovat na konci akce
notifikací nebo akce řadit podle data. Časy MHD jsou též řešené pouze
pomocí text-inputu (-6). Celé GUI je takové všemožně barevné, v seznamu
akcí máš například červený text podbarvený bíle a všude okolo
červené pozadí. Praktičnost aplikace ovšem nelze vyvrátit a musím tě
pochválit za nápad (+10). Perfektní je využití localStorage (+20) a tak
plná funkčnost aplikace offline. Velmi se mi ale nelíbí, že máš aplikaci
vedenou jako certified a nepoužíváš tak permissions (-2), tento typ
aplikací je určen pouze pro výrobce telefonů a pro systémové appky.
Například číslo na 1188 jsi mohl lehce zaktivnit způsobem <a
href="tel:1188"></a>. Stejně jako Ondrcovi ti ovšem musím vyčíst
organizaci souborů, následná drobná úprava hlavičky je pak příliš
náročná (-4). Za vlastní logo tě ale musím pochválit, bohužel to ale
není něco, co by mě posadilo na zadek (+15).
Po drobných úpravách jako je třeba převod do layoutu prostředí bych ti
také mohl doporučit publikaci v Marketplace (http://marketplace.firefox.com/developers). Své místo by
aplikace jistě našla. 
Dominik Gavrecký - 0 bodů
Prázdné řešení.
Placku tedy získává Ondrca. Gratuluji
Jsem třetí v seznamu nahoře! Oh, yeah!
Btw. nenapadlo mě, že když tady něco zkusím, další 4 lidi to testnou
taky. Snad k této opravě bude takto větší důvod.
//EDIT: a mohu si stáhnout svoje řešení. Mrkněte určitě na něj.
Petr Valigura:13.9.2015 17:23
Díky, za konstruktivní kritiku a rady, určitě se z toho poučím také bych, ale chtěl říci, že
text-inputem to řeším protože nechávám na uživateli co si tam napíše,
může si tam klidně napsat "pondělí" nebo "Vánoce" či "příští týden"
a to by přes date nešlo. Také časy MHD tak řeším, aby si tam mohl
uživatel napsat "Autobus - 12:00" či "Vlak - 14:00", také by to nešlo
kdybych použil například jen čísla Barev mám rozhodně méně, než vítěz, ale to je asi jedno...
Jinak nechápu to zaktivnění 1188, jak to myslíš? Jestli bych tě mohl poprosit,
ještě o zhodnocení kódu (né do celkového hodnocení, jen tady do
komentáře co mám zlepšit), jelikož si Ondrcovi napsal "Co se kódu týče,
je pěkně strukturovaný (+10), je pěkné, že aplikace umí i reagovat na
uživatelův vstup (+6)" Tak by mě zajímalo co mám na kódu špatně, snažil
jsem se o SoC a žádné body z toho (ani minusové, tak nevím) a moje aplikace
neumí reagovat na uživatelský vstup? (to už spíš jen ryji )
A samozřejmě ještě gratuluji vítězi! zaslouží si to!
Michal Žůrek - misaz Rovnou jsem tu chybu opravil na GitHubu v oficiálním Gaia
layoutu - jakmile mi to přijmou, kdo ho bude používat, už tím trpět
nebude.
Petr Valigura OK, je to tvoje volba, ale zdá se mi lepší varianta, když s
tím potom můžeš dále pracovat. K 1188 - když vložíš na stránku
<a href="tel:1188"></a>vyvolá to akci, která spustí aplikaci Telefon a předvolí ti číslo
1188, ty ho potom akorát potvrdíš k vytočení.
Kód máš úhledný, ale roztahaný po všech možných souborech. Třeba ty
tři .js soubory jsou celkem zbytečné, zvlášť když je to všechno tvoje
práce. Máš pěkně okomentované .css, co k čemu patří, to je určitě
plus. A ještě jedna rada, když děláš na mobilní zařízení (ale už i na
desktopy) - VEKTOR, VEKTOR, VEKTOR. Na všech různých DPI se ti pak budou
obrázky zobrazovat hezky, ne jako nekvalitní .png, která používáš v
appce.
Jak to bude s tím Marketplace? Submitneš ji nebo necháš jen pro soutěž?
Petr Valigura:13.9.2015 19:26
To s tím telefonem jsem nevěděl to je super. Ale s těma třemi soubory ti musím oponovat říká ti
něco SoC, SRP (né že bych na to byl nějaký velký odborník ) a přehlednost kódu, už
vidím jak bych do jednoho souboru vrazil ovládání aplikace, objekt té akce
a ještě databázi, zvlášť když si sám říkal, že kdybych použil date
input, že bych tam mohl dodělat víc, to by bylo super číst ten kód a nebo
ho předělávat... a co se internetu týče, tak je to přeci offline aplikace
a nevěřím, tomu, že by trocha té velikosti navíc vadila.
Takže bych měl všechen kód psát do jednoho souboru? Tak to je super hodnocení díky. Tak to si mi měl ubrat rovnou body za to, že se snažím psát přehledně.
Vektor je jedna z mnoha věcí co se musím naučit každopádně je super, že takto
člověk zjistí na co by se měl ještě podívat
Jinak jsem rád, že se ti líbí komentovaný kód a v hlavním hodnocení
body nikde (to je zase jenom takové rýpání, práce vítěze byla rozhodně
lepší )
To mě přivádí k tomu, že by se mělo lépe hodnotit, tím myslím, že by se mělo hodnotit u všech stejné části (nápad, kód, grafika atd.) člověk si pak není jistý proč někdo dostal body za kód... je to kvůli tomu, že jeho kód je strašně dobrý o proti mému (když jsem nedostal ani bod) a nebo se to prostě nehodnotilo, protože byl všední. (Možná, že je to u ostatních machrů lepší, nevím nedíval jsem se, mluvím co se týče tohoto)
S tím marketem ještě uvidím, jestli ji budu opravovat, či vylepšovat,
zatím tedy jen pro soutěž, ale kdo ví
Nechci aby tento komentář vyzněl špatně, do jisté míry si asi
chráním svoje ego
určitě na mé práci bylo hodně co zlepšovat, jen se snažím přijít na
důvod rozdílu těch bodů.
:13.9.2015 19:38
Hele, je to moje první hodnocení a stejně jako vy máte co zlepšovat, já
mám taktéž ještě mnoho věcí na vypilování.
Jinak, jak jsem psal, oddělit ten JS v jednom souboru komentářem by bylo
rozhodně lepší než mít tři, pokud budeš appku stahovat z netu (a takové
jsou). Pokud to bude normální packaged která běží i offline, asi to tolik
nevadí, ale stejně to bude o nějakou tu nanosekundu pomalejší. 
Petr Valigura:13.9.2015 21:26
Jasně jsou to jen takové
typy (ty jsi nám dal rady z pohledu člověka co má zkušenosti s vývojem na
Firefox OS a já dávám rady z pohledu účastníka soutěže) ... Já se hold smířím s tím,
že můj kód se asi neposlal nebo se nějak rozhodil (když 0 bodů), s tím,
že moje aplikace přestala přijímat uživatelský vstup (0 bodů), s tím,
že odůvodněné řešení inputů, které jsi uznal, je špatně (-6 bodů) a
že, červená, modrá a bílá, je víc všemožně barevná než červená,
oranžová, modrá, hnědá, světle modrá, zelená, bílá a hlavně, že mám
programovat v jednom souboru, třeba se příště dozvím, že se nemá
programovat OOP jelikož bez toho je to rychlejší? ...
Každopádně oceňuji, že jsi si dal práci a i přes moje námitky jsem ve
skutečnosti rád, že jsi tohoto Machra udělal, hodně štěstí s dalšími
Petr Valigura:13.9.2015 22:12
Ta ironie tam byla jen z části abych ti ukázal jak je část tvého hodnocení absurdní... kvůli
tomu, že jsi neohodnotil pár bodů, kdežto kolegovi ano podívej se na to sám
napíšeš "je pěkné, že aplikace umí i reagovat na uživatelův vstup (+6)"
u Ondrca a u mě nic nebo
to samé s tím kódem u něho (+10) a u mě nic, nevím, ale když jsem nic
nedostal tak to asi nepřišlo ne ...
A to děkování bylo opravdové, nechci ti nějak znechutit dělání
takových soutěží protože jsou fajn jen ta pravdivá ironie byla kvůli tomu, aby sis dal pozor ať
příště, když u někoho hodnotíš kód, tak ho hodnoť i u dalšího nebo
když někomu dáš body za to, že tam má vstupy od uživatele, tak to dej i
druhému (klidně méně, když to bude napsané hůř) toť vše, už se těším na
dalšího Machra, doufám, že bude zajímavý a spravedlivě ohodnocen ... a u tohoto bych už toho
nechal, ty už své hodnocení nezměníš (a já už bych snad po tomhle ani
placku nechtěl), nechci tady dělat dlouhé diskuze (ups asi pozdě)
:13.9.2015 22:18
Ten vstup je u tebe samozřejmost, protože ta myšlenka by bez něj fungovat
nemohla. U něj je to příjemný doplněk. Za kód ti zpětně uděluji taky 10
bodů a máš jich 23 - jsi pořád bohužel neúspěšný řešitel. 
S diskuzí na toto téma tedy končíme a já jdu připravovat prácičku na
další týden pro vás.
Petr Valigura:13.9.2015 23:00
A já už jsem vážně nechtěl psát :/ nechám si klidně 13 bodů, je to
motivující ... navíc s
tím měněním výsledku můžu říci... proč si nám strhl stejně bodů, za
problémy s možnou úpravou hlavičky, když já mám o 4 soubory méně navíc
mém případě to dává větší smysl (to rozdělení), proč jsi nám dal
stejně bodů za kód, když můj je složitější (tím nechci tvrdit, že je
jeho špatný, ale můj zabral víc času a dělá víc), proč si vzal 6 bodů
za ty inputy je to vlastnost, kterou tam chci, proč si mě vyčetl barvy a jemu
ne, když moje ladili víc, proč si mi vyčetl označení textu v CSS, je to
doplněk, když chci kamarádovi napsat o akci, informace můžu jednoduše
zkopírovat a poslat ... Na
tyto otázky nemusíš odpovídat, já jen, že takhle se to dá vést do
nekonečna.
Neberte to nikdo špatně, určitě by se tyhle věci dali říct i u Ondrci
jen chci říct, že můžu
lehce ukázat chyby ve tvém hodnocení, teď to píšu jen pro další Machry.
Tohle je uzavřená kapitola, to jen to moje ego mě to pořád nutí psát
vážně Teď jdu zkusit
jestli jdou vypnout notifikace ať mě to pořád neláká.
Honza Bittner:14.9.2015 9:07
Jen proto, že asi nevíš co je minifikace a concat (spojení souboru), což
se na produkci používá, neznamená, že je komentování lepší, což není.
Zobrazeno 45 zpráv z 45.