MayaLabs Discussion Area

Suomeksi (Finnish only) => MLInvoiceen liittyvä keskustelu => Topic started by: kzmx on 04.01.13 - klo:21:10

Title: Teemoja/mobiiliversiota
Post by: kzmx on 04.01.13 - klo:21:10
hei

onko Ere ollut ajatuksena tehdä jossain vaiheetta mobiili versiota laskutus ohjelmastasi?
tai toisin sanoen teemaa joka olisi "nätti" matkapuhelimen näytöllä..


Title: Re: Teemoja/mobiiliversiota
Post by: Ere Maijala on 05.01.13 - klo:14:48
Moi,

lähinnä mielessä on ollut muokata ulkoasu sellaiseksi, että se sovittuisi eri kokoisiin näyttöihin RWD-tyyliin (http://en.wikipedia.org/wiki/Responsive_web_design). Mitään sen tarkempaa suunnitelmaa tästä ei kuitenkaan tällä hetkellä ole.

--Ere
Title: Re: Teemoja/mobiiliversiota
Post by: ioxo on 26.01.13 - klo:08:58
Hei,

Itse olen miettinyt kanssa mobiiliversiota, lähinnä kaipaan asiakkaan yhteystietoja kun olen tienpäällä ja pitäisi olla yhteydessä.

Kyselenkin tässä, että onko siitä mitään iloa, jos suunnittelee esim. twitter bootstrap:lla tehtyä ulkoasua (ilman toiminnallisuutta) vai menisikö koko työ hukkaan?

Lähinnä olisi tarkoitus muokkaa nykyiset kentät sellaiseen muotoon, että ne skaalautuvat css/javascriptin ansiosta hyvin mobiilipäätteille. Lisäkentät & kenttien järjestys voi muokkaa sitten helposti, minkä kokee parhaimmaksi.

-Juho
Title: Re: Teemoja/mobiiliversiota
Post by: Ere Maijala on 26.01.13 - klo:10:21
Paha sanoa vielä, kun en ole päättänyt, miten laitan tuon systeemin uusiksi. Selvää on se, että uusiksi tuo rakenne on laitettava, mutta arvon vielä perustaa, jolle rakentaa. Yii on aika vahvoilla frameworkiksi, ja siihen löytyy Twitter Bootstrap -laajennus, joten tuo on ihan mahdollinen. Toki vaikka ei mitään valmista tekisikään, niin ei haittaisi protoilla vähän, miten listat ja lomakkeet toimisivat parhaiten. Erityisesti laskulomake ja laskurivit ovat nykyisessä rakenteessa ongelmallisia, koska selkeys tulee leveydestä, siitä että kaikki mahtuu yhdelle riville.

--Ere
Title: Re: Teemoja/mobiiliversiota
Post by: Beluga on 28.01.13 - klo:19:57
Suosittelen tsekkaamaan myös tämän, kun se julkaistaan parin viikon päästä: http://www.zurb.com/article/1152/coding-smarter-the-why-of-foundation-4
Mobile-first ja semanttinen meininki.
Title: Re: Teemoja/mobiiliversiota
Post by: Ere Maijala on 01.02.13 - klo:10:13
Tsekataan toki, vaikkei tässä ihan mobile first -meiningillä ole tarkoitus mennä, kun kyseessä on ennen kaikkea työpöytäkäyttöön tarkoitettu työkalu...

--Ere
Title: Re: Teemoja/mobiiliversiota
Post by: Beluga on 04.02.13 - klo:09:37
Mobile-first on kaikkein helpoin ja fiksuin tapa tehdä mukautuvaa settiä  ;) Ja tossa kun on valmis frameworkki, jossa perusongelmat ratkottu, niin ei tarvii hiuksia repiä päästä, sen kun keskittyy luomiseen.
Title: Re: Teemoja/mobiiliversiota
Post by: Ere Maijala on 07.02.13 - klo:10:06
No, en ole tuohon niin pitkälti syventynyt, että pystyisin sanomaan, mitä se tässä tapauksessa tarkoittaa, mutta välillä mobile-first tuntuu merkitsevän esim. valtavan kokoisia UI-elementtejä, jotta niihin pystyy osumaan pienellä näytöllä isolla sormella. Sellaista ei nyt ainakaan ole ensisijaisesti tulossa..

--Ere
Title: Re: Teemoja/mobiiliversiota
Post by: lari on 10.02.13 - klo:19:48
Jos rupeat mobiili puolelle, olisi kiinostusta android versiolle. Voisi tuolta mobiili puolelta ottaa padit jolloin näyttö pääsääntöisesti olisi 10" pinnassa. Ainakin suurimmalla osalla tuntemiallani myyntihenkilöillä rupee noi padit olemaan joka päiväisiä työkaluja.

Lari
Title: Re: Teemoja/mobiiliversiota
Post by: Beluga on 11.02.13 - klo:09:29
Quote from: Ere Maijala on 07.02.13 - klo:10:06
No, en ole tuohon niin pitkälti syventynyt, että pystyisin sanomaan, mitä se tässä tapauksessa tarkoittaa, mutta välillä mobile-first tuntuu merkitsevän esim. valtavan kokoisia UI-elementtejä, jotta niihin pystyy osumaan pienellä näytöllä isolla sormella. Sellaista ei nyt ainakaan ole ensisijaisesti tulossa..

Se tarkoittaa vain mukautuvuuden lähtökohtaa. Päinvastainen lähestymistapa on, että rakennetaan työpöytäversio ensin ja sitten aletaan purkaa siitä osia pois mobiiliversiota varten. Tässä tarkempaa infoa: http://designshack.net/articles/css/mobilefirst/