Page History

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 Soundersilla on myös omaa keynote puheenvuoroaankeynote-puheenvuoro, jota hän odottaa. 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.

Applikaatiot js verkkosivut

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äkoska se vaikuttaa suoraan säästöihin.

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 tietokonegrafiikka voidaan optimoida css:n avulla kuvat nopeammin latautuvuksi

- data: URLs

- css3CSS3: mm. border-radius, box-shadow, gradient ovate ovat tuoneet paljon nopeutta webbisivuille, koska niihin niiden tekoon ei tarvitse käyttää enää kuvia niin paljoa. Itse olen kuitenin sitä mieltä, että vielä ei voida korvata kaikkea graffaa pelkällä css:llä koska monissa vanhemissa selaimissa on edelleen puutteita noiden uusien standardien suhteen.

Responsiiviset kuvat saisivat olla enemmän käytössä, koska silloin kuva optimoidaan juuri tietylle laitteelle kuten verkkosivustot.Pari työkalua:. Eli jos katsot verkkosivua mobiililaitteella, kuva pienenee eikä lataudu siis 100%:ksi.

Työskentely "offline-tilassa"

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

LocalStorage: Tallentaa informaatio paikallisesti.

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 ja puhuu asioiden säveltämisestä.

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

1. Miten konvertoida flash -> html5

2. Konvertoidun flashin muokkaaminen

3. Kuvan rakentaminen kokonaan ilman flashia

(Nyt mennään kovalla tahdilla! Puhuja puhuu nopeasti ja aksentilla.. Alku meni phi ohi 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. Se nopeuttaa siis toimintaa.

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 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

- Trends 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

Itse asiaan:

Hän näyttää kuvia ihmisistä, jotka katsovat kännykkäänsä esim. bussipysäkillä. Hän selittää että luultavasti ihmiset päivittävät Facebookkia, pelaavat Angry Birdsiä tai twiittailevat.

Designin merkitys tuotteelle on nyt alkanut olla tärkeää. Ennen oli vain insinöörejä kellarissa joilla ei ollut designereita. 

Kosketuksen merkitys on noussut eli ihmiset haluavat koskea asioihin, varsinkin kun älypuhelimet tulivat kosketusnäyttöineen.

A-ha moment: Luodaan jotain, joka herättää käyttäjässä semmoisen tunteen, että "aa, niinjust".

Ajoituksen merkitys pitää huomioida, kun tekee applikaatioita. Eli tehdään asioista nopeita niin kuin Sounderskin puhui.

Cache: Mitä voi pitää offline ja mitä online nopeuttaakseen kokemusta.

Trendit

• Applikaatioista tulee semmoisia mitä ei tarvitse nähdä tai koskea (esim. Siri oli vasta alkua)
• 3 klikkausta palkitsee (ei siis enempää kuin 3 klikkausta verkkosivulla niin käyttäjä löytää tarvitsemansa)
• alle 15 sekunnin kokemus
• ajattele elämää ilman kannettavaa (pilvipalvelut, Dropbox, CloudOn, Fuze)
• Tabletit toisena näyttönä (Airplay, TV)
• kaikki pitää tehdä juuri oikeille laittelle (optimointi)
• aina vain

• isommat mahdollisuudet kuluttajalle (esim. videon editointi app)
• Todella nopea mobiilikokemus
• Käyttäjien seuraaminen appien välillä (AppleUUD)
• Windows phone 7 & 8? Tuleeko tablet-markkinoille?