What's Next Part 1

Noniin. Kovin skeptisin fiiliksin lähden raportoimaan ensimmäistä kertaa. Aamun keynotet olivat jotain ihan hirveää, koska netti pätki koko ajan. Tämä huone on pienempi ja vähemmän ihmisiä, joten toivon että netti pelaisi niin kuin pitää. Istun huoneen perällä olevassa pöydässä jonne saa koneen myös latautumaan - fiksua. Nyt huone alkaa täyttyä, onneksi tulin ajoissa! Jengi joutuu seisomaan reunalla. Tuntuu ihan etuoikeutetulta.

Kyseessä on siis Technology linjan ensimmäinen tilaisuus, jossa on kolme puhujaa. Toivottavasti tajuan jotain. :D

»High Performance Mobile

Steve Souders, Google

Host esittelee Steve Sounderssin, puhujan. He ovat tuttuja jo pidemmän ajan takaa.

Sounders odottaa myös omaa keynote puheenvuoroaan. Hän esittelee ensin vähän itseään ja historiaansa. Sounders on työskennellyt myös Yahoolla ja työskennellyt monien eri palvelujen kanssa sekä kirjoittaa kahta blogia.

Applikaatiossa erityisen tärkeää on nopeus ja se on oikeastaan tärkein ominaisuus. Sounders lähti tutkimaan tätä väittämää ja nyt hän näyttää erilaisia kaavioita jotka tukevat tätä väittämää. Google ja Yahoo on tehnyt tutkimuksia. Verkkosivuston landing page:n nopeus liittyy saumattomasti siihen miten ihmiset käyttävät itse verkkosivustoa ja verkkosivuston nopeus vaikuttaa todella paljon sivuston kävijämäärään. 

Nopeus vaikuttaa myös verkkosivuston kuluihin, joten ylläpitäjien kannattaa huomiota liikenteen määrä, jotta se tekevät säästöjä.

WPO Web Performance Optimizition:

• ohjaa liikennettä

• kehittää käyttäjäkokemusta

• kasvattaa säästöjä
  

Mitä hitaampi landing page, sitä nopeammin kävijä hylkää sivuston.

 (Tuntuu typerältä puhua sivustojen nopeudesta, kun netti hajoilee totaalisesti)

(Sounders sanoi, että voimme mennä hänen osoittamilleen sivustolle JOS wi-fi toimii. :D)

Reduce HTTP request

- sprites:n avulla voi optimoida css:n avulla kuvat nopeammin latautuvuksi

- data: URLs

- css3: border-radius, box-shadow, gradient ovate tuoneet paljon nopeutta webbisivuille, koska niihin ei tarvitse käyttää enää kuvia niin paljoa.

Responsiiviset kuvat saisivat olla enemmän käytössä, koska silloin kuva optimoidaan juuri tietylle laitteelle kuten verkkosivustot.

Pari työkalua:

App cache: Verkkosivuista aletaan tehdä enemmän applikaatiomaisia.

LocalStorage

Mitä kannattaa muistaa puheesta:

- Mobile WPO: Nopeus on todella tärkeää!

- CSS3:sen  ja responsiivisten kuvien käyttö sivuston nopeuttamiseksi

Kysymyksiä yleisöltä:

- Mitä mieltä flashista?

Hän ja Google ovat avointen sovelluksien ja ohjelmien ystäviä ja flash ei ole sitä.

»Next Generation Web Tooling: Project “Bikeshed”

Nikolai Onken, Uxebu

Puhuja aloittaa musiikilla. Hän vertaa kahdenlaisia muusikkoja erilaisiin selaimiin.

Meillä on hyviä työjaluja "säveltää", mutta innovaatisten ideoiden tuomiseen ei ole niin hyvä.

1. Miten konvertoida flash -> html5

2. Konvertoidun flashin muokkaaminen

3. Kuvan rakentaminen

(Nyt mennään kovalla tahdilla! Puhuja puhuu nopeasti ja aksentilla.. Alku meni phi mutta nyt alan tajuta jotain tästä aiheesta. Mikä hiton muusikkovertaus?!)

Tuulimylly-esimerkki:

Hän näyttää nyt jonkun flashin, joka ei toimi iphonella ilman konvertointia. Siinä on siis mylly ja siivet erillisissä swf-tiedostoissa.

Hän rakentaa nyt saman filen pelkällä javascriptillä ja toistaa sen neljä kertaa.Pointtina se että koodilla saa nopeammin ja kevyemmin aikaan kuvia, jotka eivät vaadi flashia toimiakseen.

Miten voidaan editoida tätä entistä flash-sisältöä:

Hän on nyt konveroinut flash-sisällön koodiksi ja editoi mm. bannerin väriä pelkällä koodilla. Hän pystyy myös animoida kuvaa koodin avulla. (Toki tämä vaatii aikamoista koodiymmärrystä, että en sitten tiedä kuinka "nopeaa" ja vaivatonta se on pelkän flash-kuvan editointiin verrattuna. Mutta hyvä pointti kyllä, koska koodi toimii heti eik tarvitse pelata erilaisten tiedostojen kanssa.)

Viimeisenä se, kun tämä kaikki edellinen on tehty:

Hän esittelee peliä Nine Man's Morris, joka on tehty pelkällä javascriptillä. Se toimii ensin vain yksipelinä selaimessa.

Nyt hän muuttaa koodia siten, että sama peli toimii moninpelinä. Hän muutti siis vain yhtä kohtaa koodissa erilaiseksi. Nyt pelin voi avata kahdessa selaimessa ja kaikki muutokset näkyvät kummassakin. Eli nyt se on kuin peili.

»Smartphone and Tablet Development

in 2012/2013: Trends and Best Practices - Sundeep Madra, Xtreme Labs

Tämä puhuja on otettu tänne todella lyhyellä ajalla, vasta viime perjantaina.

Hän kertoo yrityksestään Xtreme Labsista, aikamoista mainostusta. En ala toistaa mitä kaikkea firma on tehnyt ja kuin hieno se on ja keitä sillä on asiakkaana. :D