2. iterace

[Klaris Hájková]

Takže~, rekapitulace ze včerejška

Datum naší druhé iterace: 29.10.

Rozdělení práce (tentokrát vám to tu naservíruju pěkně jednotlivě, aby si zas někteří nestěžovali):

• Tomáš - dodělání všech typů cvičení (+běhání kurzoru)
• Michal - dodělání metronomu - případně pokud toho budeš mít málo, můžeš připravit nějaká konkrétní cvičení
• Daniel - hotový editor, kompletně
• Petr - propojení JS s PHP, dostylování kiksů, které se objevily v první iteraci
• já - zbytek PHPkového programování + ošetření chyb z první iterace

22.10. se očekává nějaký výstup jako důkaz, že jste na tom začali pracovat jako prevence toho, že se to bude mastit den před iterací. Kdo nic nepředvede, začíná se srážkou 5 bodů. Neúčast na iteraci -5 bodů.

Je potřeba zajistit nějaký server, kam budeme ukládat zdrojáky. 

Navrhujte.

[Daniel Kucbel]

Co ze je dalsi iterace tak brzo? :)

[Petr Kaštánek]

Vylepšeno pár věcí:

- tlačítka nyní nevypadají tolik jako inputy

- při špatně vyplněném loginu to hází error křížky místo hlášky a rozházení stylů

- opravena šířka cvičení ve Firefoxu

- po přihlášení se nyní přesměrovává zpátky na stránku, kde jsem byl a ne na home

[imsiriuse]

Sak spravte uz konecne nech to aj trocha funguje jak ma, ne? Ked sa klikne na liste na rhythm tak je tam stale obrazok ako by to malo vyzerat... a logicky by sa mala zobrazit taka tabulka ako v results, kde si mozeme vybrat ktore cvicenie chceme robit. Trebarz dve ukazkove. Po kliknuti na tabulku by sa malo otvorit toto rhythm excercise ale bez obrazka ale plocha co robil tomas v javascripte. Naco sme to navrhovali, zo srandy? Sak to neje tak vela roboty... odladovanie drobnosti ako farba tlacitka by som nechal na koniec ked bude vsetka robota co sme si vymysleli spravena. A ne ze zmenim farbu divu aby mi nestrhli 5 bodov. Ked ste si to vymysleli takto blbo tak si sami strhnite body more. A terminy si davate jak chcete, jak si to vobec dovolujete takto spravit ze jeden to ma taky termin a druhy taky. Kazdy ma povinnosti v skole taze zjavne je to uplne ferove toto co robite zjavne, a logicke.

Nech sa paci odovzdal som svoju pracu fungujucu a v velkom predstihu. Svoju pridelenu pracu som celu dokoncil takze tuto iteraciu koncim. Buducu iteraciu ziadam robotu: napisanie hudobnej teorie a prepisem cvicenia cez editor do databazy. Nech je tam uz nejaky zoznam spraveny.

Dakujem...

A teraz kto je cely fejkovy more..

[Klaris Hájková]

Nechápu, co máš zase za problém. Tahle věc tu visí už skoro týden, vyjádřil ses k tomu, že to chceš jinak? Samozřejmě, že ne. Takže se mám zeptat své křišťálové koule, že se to někomu nelíbí? Pokud neumíš komunikovat jinak než nějakým nadáváním, tak se radši nevyjadřuj vůbec, případně si to nenechávej do skupiny a sděl mi to v úterý osobně. Na internetu je každej velkej hrdina. -_-

 A terminy si davate jak chcete, jak si to vobec dovolujete takto spravit ze jeden to ma taky termin a druhy taky. 

Termín mají všichni stejný, do úterý prokázat aktivitu. Že se projekt nějak hýbe a nebude se to mastit těsně před iterací, takže už nebude možnost opravit žádné faily (mluvím přesně o těch, které se při prezentaci objevily). Takže CO je tady zase nefér? 

Co se týče stránky, tak ji předělám dneska. Akorát mám trochu problém rozjet tam Nette. Budou tabulky a budou statistiky, interaktivní cvika tam dám až je Tomáš dodělá, nebudu to tam vkládat a upravovat desetkrát. 

[Daniel Kucbel]

Tak nejak netusim, co se to resi, a ani to asi resit nebudu.

 

Zde mate ten editor:

http://auris.japaland.cz/editor.php

Napady, pripominky, upozorneni...

 

Zalogovane nedostatky:

1)

Chyba - Nefunguje nacteni funkce pri startu stranky (nezobrazi se editor) a netusim proc.

Prozatimni reseni - Zmacknout "add line" a on se zobrazi.

2)

Chyba - Nevykresli to vic jak 2 radky, ale s notama neni problem.

Mozne reseni - Prodiskutovat s clovekem, ktery delal to vykreslovani, kde by mohl byt problem. Pokusit se ho najit a opravit.

3)

Problem - Javascript je v HTML v headeru, jelikoz jsem nebyl schopny tam nakopirovat js file se spravnymi pravy, takze jsem ho nemohl vubec nacist.

Mozne reseni - Poprosit nekoho, aby mi tam udelal js file. :P

4)

Not finished - Tlacitka napravo zatim nic nedelaji.

Reseni - Dodelat o vikendu. :)

 

Pote bych poprosil nekoho, aby mi sem napsal, kde, v kolik a jestli, bude schuze zitra. Kdyz mi to napisete pres facebug, tak to nemusi prijit vubec. Mockrat dekuju. ;)

[tomas.fedor3]

Tento tyzden som toho vela nestihol, pridal som tam chodiacu ciaru, ale zatial nie je zosynchronizovana s tym ako to hraje.

Petr:

Tie tlacitka su obrovske a farba borderu sa k ich farbe velmi nehodi. Skus ich jednak zmensit, jednak mozno dat inu background color, ktora by sa menila pri hoveri?

Potom tie texty v inputoch nad tym su nalepene na lavy okraj, co nevyzera najlepsie a chcelo by to tiez zarovnat spolu inputy a tlacitka, nech to neuteka vsetko.

To iste pri formulari na registraciu. Popisne texty policok su prilepene na lavu stranu a medzi samotnymi inputmi nie je ziadma medzera a vsetko je nalepene na sebe. Inak, nie je tam trochu zbytocne tlacitko Clear? Videli ste niekedy tlacitko clear pri registracii? To odtial vyhodit, je tam zbytocne.

Nebat sa to roztiahnut, zvacsit font, urobit sirsie inputy, vycentrovat... mame tam kopu nevyuziteho priestoru.

A ta stranka s registraciou nepouziva "template" ktory sme navrhli. Tym myslim to, ze napriklad tu: http://auris.japaland.cz/results.php Mame nadpis a potom samotny obsah je v sedom bloku. Treba to nejak zrovnat, aby kazda stranka vyzerala rovnako (a vsimol si ze rovnaky problem mame v music theory).

Este par poznamok k designu:

- stale sa mi to zda strasne tmave, pridat tam nejaku farbu by urcite pomohlo. 

- mame tam jedine 2 prvky ktore stale maju gradient - menu a paticku. Velmi to do zbytku stranky nepasuje.

Daniel:

1. pretoze si nejakym zazrakom dokazal znefunkcnit jquery a nevola ti ready. Akym zazrakom, netusim.

2. obavam sa, ze chyba je v cloveku co implementoval editor, pretoze nevie citat konstruktor. Stvrty parameter je staveCount ktory ti urci kolko riadkov vykreslovat. Je mozne menit aj za chodu ked zmenis premennu [obj].staves.count;

3. nechapem jak si tam mohol nahrat phpko ale nie js, ale budiz

4. len tak zo zaujimavosti, co budu tie tlacitka robit? Nejak si neviem predstavit co bude robit tlacitko "something", napriklad.

Napady, pripominky, upozorneni:

UI nie je vobec user-friendly. Ma to pouzivat BFU, uz to vidim jak si bude odpocitavat noty aby zistil ktora pozicia je ta co chce prave upravit.

Myslim ze by malo byt mozne urobit to viac klikatelne. Kliknut na riadok, vybrat notu, a napriklad sipkami ju posuvat hore/dole (resp. inymi klavesami, sipky asi budu posuvat viewport browsera, cize napriklad pouzit fg...), namiesto toho aby si najprv odpocital ktora pozicia to je, potom v selectboxe hladal aku notu chces (predpokladam ze bol problem napisat for cyklus ktory by ti tam vypisal vsetky noty od nejakeho C do c2 alebo jak sa im nadava).

Tiez mozes implementovat posuvanie noty dolava/doprava, urobis jednoduchy switch.

Vyber noty mozes zvyraznit tak, ze nad nu alebo pod nu napozicujes nejaku obrazok, napriklad farebny kruh alebo sipku. Alebo mozes napisat funkciu ktora to nakresli rovno do canvasu, ten mas pristupny v premennej canvas. Je to normalne SVGcko kreslene Raphaelom. Metoda pokus-omyl ak nieco editujes nie je najidealnejsia. Vyber riadku mozes urobit podobne, ze pred neho napozicujes nejaky farebny obdlznik alebo nieco.

Co sa tyka pozicii, pozicie not su v objekte _positions. Konkretne pre pristup tretej noty v prvom riadku zavolas _positions[0][2] a dostanes x-ovu suradnicu noty. Ak chces zistit poziciu riadku, tak to si vies vypocitat, mas tam vsetko co potrebujes. Alebo zavolast getStaveY(stave) a dostanes y-ovu suradnicu riadku (dolnu, nie hornu) - funkcia pridana dnes, novy kod je prilozeny.

Pridavanie separatorov rucne sa mi zda ako zbytocnost, mozes to krasne vypocitat pretoze vies aky takt mas a vies ake noty si vlozil. Preco to uzivatelovi trochu neulahcit?  Tak ci tak bude nutne kontrolovat ci je cvicenie validne, nie? Jo a tiez by bolo dobre asi dovolit menit aj ten spominany takt. 

5 minut si tiez mohol venovat nastylovaniu selectboxov, ze jo. A inline CSS? Vazne? Nepis kod ako prase.

[Klaris Hájková]

Souhlasím s tím co napsal Tomáš, rozhodně na ty připomínky ještě koukněte a zařiďte se podle toho do druhé iterace.

Daniel: Žádný práva navíc nepořebuješ, jak říká Tomáš, pokud jsi nakopčil php, nakopčíš i js. Chmod snad používat umíš, ne?

[Klaris Hájková]

PS: 1) Schůzování zítra asi není potřeba, takže zítra nic není.

2) Nehrabejte mi teď na auris.japaland.cz na php soubory, budu je měnit. Platí až do odvolání, kdyby byla potřeba, klíčky na auris2 máte, tam si dělejte co chcete. 

Díky.

[imsiriuse]

[Klaris Hájková]

Kompletně jsem přepsala registrace, takže si teď nemůžete uzmout username, co existuje, ani email a vaše heslo bude zahashováno (md5) a osoleno XD

A můžete si nahrát avatar :3 je to děsně cute~ look http://auris.japaland.cz/profile.php?nick=Klaris 

Je tam i chytrá funkce, která obrázek zmenší, takže nahrávejte i jinou velikost než 90x90, i jinou než čtvercovou, naškáluje se to, viz http://auris.japaland.cz/profile.php?nick=mrkev

Všechny vaše záznamy v databázi jsem smázla, takže se registrujte znovu. (Ale pravděpodobně to budu mazat ještě víckrát XD)

"Opravila" jsem to, aby se uživatel nemohl registrovat, když je přihlášený a další bambilion věcí XD

Ještě na tom pracuju a možná budou i aktivace účtů přes email, soukromé zprávy~ a záleží kam se dostanu až XD

Akorát to zas někdo musí nastylovat @.@

By the way~, bude vám stačit, když bude jen jeden druh admina? 

[Petr Kaštánek]

Ahoj, mohl by mi někdo zkušenější poradit? Už 4 hodiny se pokouším dostat proměnnou z js do php session a ani po tisíci návodech a googlování to prostě nejde...

scripts.js

var resultArray = new Array(this.hitExcellent, this.hitGreat, this.hitDecent, this.hitMiss);
 $.ajax({
 type: "POST",
 url: "scripts/saveResults.php",
 data: {data : resultArray},
 cache: false,

 success: function(){
 window.location="result.php";
 },
 error: function() {
 
 alert("error");
 }
 });

saveResults.php

<?php
if( !isset( $_SESSION ) ){
 session_start();
}

$data = $_POST['data'];
$_SESSION['hitExcellent'] = $data[0];
?>

a v result.php mám

<?php echo $_SESSION['hitExcellent'] ?>

který prostě nic nevypíše.

Pomůžete mi prosím někdo? Je to pro mě španělská vesnice a fakt se stršnou dobu kvůli tomu nemohu pohnout z místa.

Dík 

[tomas.fedor3]

mam pocit ze nemozes posielat ako data array, musi to byt object alebo string. Tiez sa pozri na $.post(), zbytocne pisat cely dlhy $.ajax, ten post je skratka.

[Petr Kaštánek]

Díky za odpověď, bohužel ani s

$.post( "scripts/saveResults", { data: "It", time: "works" }, function(){
    window.location="result.php";
});

to nechce fungovat, jako kdyby to vůbec neukládalo nebo zapomínalo...

[tomas.fedor3]

tak skus nieco taketo:

$.post( "scripts/saveResults.php", { data: "It", time: "works" }, function(data){

alert(data);
// window.location="result.php";
});

a v tom saveResults.php si skus pridat vypis nejaky, napriklad
echo 1;
print_r($_POST);

a mal by si vidiet ci sa to vobec posiela spravne a vypisuje spravne hodnoty alebo nie

[Petr Kaštánek]

Díky moc, už mi to funguje, máš to u mě ^_^

[Klaris Hájková]

Přidána možnost změnit údaje v profilu :3 Kromě username, ten se měnit nebude XD

A přidána i validace emailu :3

Už to má přes 800 řádků @.@; scary...

[Daniel Kucbel]

Mohl bych poprosit nekoho, kdo delal css na metronom, aby si vsechny ty classy hodil pod nejakou classu / id / "neco konkretniho jenom pro metronom", protoze classy jako "div.left" delaj dobry bordel.

Pro upresneni mam namysli udelat z treba "div.widget" neco ve stylu "#metronom div.widget" - proste pred vsechno hodit "#metronom" / ".metronom" / ...

Nebo pokud mi rekne, kde vsude a kde presne to pouzil, tak bych to mohl upravit.

[Daniel Kucbel]

Zde mate zakladni princip editoru:

http://auris.japaland.cz/editor.php

 

Prosim vas, berte v potaz, ze to neni dodelany. Funguje vicemene insert.

 

2 maly detaily:

• Nevim proc, ale proste se zobrazovaci funkce pri nacteni stranky nenacte. Ptal jsem se dalsich lidi a taky nevedi.

• Misto tech tlacitek s pismenkama not, je v planu tam dat primo obrazky not.

[Petr Kaštánek]

Mé změny jsou nyní přesunuty na hlavní server Aurisu. Fungují různé seznamy, odkazy, řazení, ukládání z editoru atd.

[Daniel Kucbel]

neeeeeee, ja nebudu moct dodelat editor - ono to chce login. :'( :D

[tomas.fedor3]

Tak moja cast by mala byt hotova:

- pridal som pauzy, definuju sa rovnako ako noty, akurat namiesto nazvu noty je pomlcka: ["-", 1],...
- pridal som helper, ktory zvyrazni prave hranu notu. Da sa vypnut a daju sa nastavit farby (zaciatocna aj koncova). Nastavenie je v obj.helper
- da sa zmenit volume: obj.soundSettings.volume

- da sa stopnut prehravanie (a ak to hra a niekto klikne znova na play tak sa to spravne spusti od zaciatku a nebude to robit psie kusy ako predtym): obj.stop()

- da sa pytat ci sa prave prehrava alebo nie: obj.isPlaying()

feedback?

[Petr Kaštánek]

Opraveny statistiky, vykreslování cvičení, nějaké kiksy při ukládání a nějaké validace.

[Klaris Hájková]

Iterace s Chrastinou je 5.11. v 19:30 v učebně 301

Tohle snad nepřehlédnete... :D

[Daniel Kucbel]

Tak todle se neprehledne. Ale neboj, na to se zapomene. :D

A juchuu zitra je volno. :P

[Klaris Hájková]

~ dala jsem tam metronom ~ nevím jak vám, ale mně se při neaktivním okně zpomalí :/ Chrome (Linux)

Petr nebo Daniel, dejte tam někdo z vás ta nová Tomášova cvičení a upravte si dle jeho změn vaše soubory, do toho vám nebudu štrachat. Chtěla jsem to tam dát, ale je tam změna v adresářové struktuře, a to už bude potřeba poupravit podle toho zbytek.

[Klaris Hájková]

Přidáno adminování :3 Admin může změnit údaje uživatele (kromě username), smazat ho nebo z něho udělat admina. Admini si vzájemně do profilů nehrabou (ale vidí email druhého admina). Můžete si to zkusit - admin má v profilu u jména červenou korunku :3

username: Test

pass: test

Dalším adminem je náš oblíbený mrkev :D http://auris.japaland.cz/profile.php?nick=mrkev

Jo~ a taky se přesměrovává, pokud si prohlížíte svůj profil přes ?nick=, aby to nedělalo bordel :3

Mazání cvičení jsem nedělala, protože je tam nějaká magická funkce, která to už umožňuje uživateli, tak jen rozšířit na admina a není co řešit XD Hm~, Petře? :D (a přečti si g+ zprávy XD)

Pořád platí, že to všechno musí někdo nastylovat @.@

EDIT: Chybí propojení metronomu s databází ^^

Taky se vám tak strašně nedostává volného času? X___X

zZzzzzZzzzzZZZzZzzzZZZz.....

[Petr Kaštánek]

- opraveno mazání cvičení

- opraveny výpisy cvičení

- admin nyní může mazat všem

- nová verze cvičení od Tomáše (ty blikající noty jsou luxusní :D), mělo by to fungovat

Prosím kdyžtak hlašte chyby :) 

[Daniel Kucbel]

Jen mam dodatek, ze by to chtelo ty cviceni trosku upravit, aby to cviceni zacalo aspon sekundu nebo dve potom, co se zmackne play a asi to samy i na konec, aby clovek stihl chytnout i tu posledni notu. Pote aby to nepocitalo noty, ktery clovek uz odklikl, a taky aby to pocitalo ty noty, ktere clovek vubec neodklikl.

 

priklad:

cviceni se 4 notama.

vysledky (nebo samy 0):

Excellent (10 ms)	2
Great (50 ms)	6
Decent (100 ms)	7
Miss (too far far away)	5

[Daniel Kucbel]

A jeste mame pocit, ze ty cviceni nejsou kompletne synchronizovany. Jako hudba a odklikavani.