Versió Mobil

4 views
Skip to first unread message

Victor Manuel Martin-Romo

unread,
Apr 5, 2012, 5:40:33 AM4/5/12
to Gironaonrails
Bon dia,

Estava plantejant com crear una versió reduïda per a dispositius movils
d'una web...

En primera opció estava pensant d'aplicar el tema aquell dels css en
funció de la resolució que ens va explicar en Marcelino (media querys)
en l'últim taller (amagar això, fes mes gran allò, etc .. ), però el
problema es que la estructura de la web no estava pensada per que al
final acabes en un dispositiu d'aquestes caracteristiques i em
resultaria molta feina, a part els continguts i opcions serien moltes
menos....

Després m'estava plantejant de detectar quan es tracta d'algun d'aquest
dispositius i d'alguna manera redirigir a un namespace concret.. Es aquí
on tinc vastants dubtes ja que no acabo d'entendre com redirigir però al
mateix temps permetre que si l'usuari vol pugui tornar a la versió
normal... Es a dir , que es sol fer es posa un JavaScript que ho detecti
i et demani si vols anar a la versió movil? com ho faig per que només
t'ho demani un cop?

Si algú a tingut que fer alguna cosa semblant, agrairia que em fes 5
cèntims de com montar-ho...


Moltes gracies.


LLeïr Borràs Metje

unread,
Apr 5, 2012, 5:50:54 AM4/5/12
to girona...@googlegroups.com
Jo el que faria, i de fet he fet, es fer servir mediaqueries per mostrar una versió molt reduida d'una pantalla inicial quan s'entra amb el mòbil i d'alla tots els links/botons que t'enviin a un layout natiu per mòbil.




--
Has recibido este mensaje porque estás suscrito al grupo "Girona on Rails" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a girona...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a gironaonrails+unsubscribe@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/gironaonrails?hl=es.




--
Lleïr Borràs i Metje
http://tu.llegeix.me
http://twitter.com/lleirborras
http://github.com/lleirborras

Victor Manuel Martin-Romo

unread,
Apr 10, 2012, 5:10:10 AM4/10/12
to girona...@googlegroups.com
Merci Lleir,

Provaré aviam que tal.

Havia pensat de fer servir el UiUiKit d'en Diego Martin LaFuente.

URL: www.minid.net
SVN URL: http://code.google.com/p/iphone-universal/source/checkout
Download: http://code.google.com/p/iphone-universal/downloads/list

Algú l'ha fet servir mai? que n'opineu?

Salut.
Victor Martin-Romo


On Thu, 5 Apr 2012 11:50:54 +0200, LLeïr Borràs Metje
<ll...@llegeix.me> wrote:
> Jo el que faria, i de fet he fet, es fer servir mediaqueries per
> mostrar una versió molt reduida d'una pantalla inicial quan s'entra
> amb el mòbil i d'alla tots els links/botons que t'enviin a un layout
> natiu per mòbil.
>

> electrónico a girona...@googlegroups.com [2].


> Para anular tu suscripción a este grupo, envía un correo

> electrónico a gironaonrail...@googlegroups.com [3]


> Para tener acceso a más opciones, visita el grupo en

> http://groups.google.com/group/gironaonrails?hl=es [4].


>
> --
> Lleïr Borràs i Metje

> http://tu.llegeix.me [5]
> http://twitter.com/lleirborras [6]
> http://github.com/lleirborras [7]


>
> --
> Has recibido este mensaje porque estás suscrito al grupo "Girona on
> Rails" de Grupos de Google.
> Para publicar una entrada en este grupo, envía un correo
> electrónico a girona...@googlegroups.com.
> Para anular tu suscripción a este grupo, envía un correo

> electrónico a gironaonrail...@googlegroups.com


> Para tener acceso a más opciones, visita el grupo en
> http://groups.google.com/group/gironaonrails?hl=es.
>
>

> Links:
> ------
> [1] mailto:vma...@bibgirona.net
> [2] mailto:girona...@googlegroups.com
> [3] mailto:gironaonrails%2Bunsu...@googlegroups.com
> [4] http://groups.google.com/group/gironaonrails?hl=es
> [5] http://tu.llegeix.me
> [6] http://twitter.com/lleirborras
> [7] http://github.com/lleirborras

LLeïr Borràs Metje

unread,
Apr 10, 2012, 6:26:20 AM4/10/12
to girona...@googlegroups.com
No ho conec, pero llegint moolt rapid diu que es per iPhone i prou


 Para tener acceso a más opciones, visita el grupo en
http://groups.google.com/group/gironaonrails?hl=es [4].


--
Lleïr Borràs i Metje
http://tu.llegeix.me [5]
http://twitter.com/lleirborras [6]
 http://github.com/lleirborras [7]


 --
 Has recibido este mensaje porque estás suscrito al grupo "Girona on
Rails" de Grupos de Google.
 Para publicar una entrada en este grupo, envía un correo
electrónico a girona...@googlegroups.com.
 Para anular tu suscripción a este grupo, envía un correo

 Para tener acceso a más opciones, visita el grupo en
http://groups.google.com/group/gironaonrails?hl=es.


Links:
------
[1] mailto:vma...@bibgirona.net
--
Has recibido este mensaje porque estás suscrito al grupo "Girona on Rails" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a girona...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a gironaonrails+unsubscribe@googlegroups.com

Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/gironaonrails?hl=es.


--
Lleïr Borràs i Metje
http://tu.llegeix.me
http://twitter.com/lleirborras
http://github.com/lleirborras

vmartin

unread,
Apr 10, 2012, 9:42:47 AM4/10/12
to Girona on Rails
La veritat es que no ho havia llegit això.

Però ho provat des de un iphone i un android i es visualitzava prou
bé.

Aleshores, en cas de que hi haguessin incompatibilitats, quines
opcions em quedarien, existeix algun framework css per a mobils?

La veritat es que el tema dels css, no ho porto gaire bé i si puc
tirar d'alguna cossa feta o mig feta millor que millor.






On 10 Abr, 12:26, LLeïr Borràs Metje <ll...@llegeix.me> wrote:
> No ho conec, pero llegint moolt rapid diu que es per iPhone i prou
>
> El 10 d’abril de 2012 11:10, Victor Manuel Martin-Romo <
> vmar...@bibgirona.net> ha escrit:
>
>
>
>
>
>
>
>
>
> > Merci Lleir,
>
> > Provaré aviam que tal.
>
> > Havia pensat de fer servir el UiUiKit d'en Diego Martin LaFuente.
>
> >        URL:www.minid.net
> >        SVN URL:http://code.google.com/p/**iphone-universal/source/**
> > checkout <http://code.google.com/p/iphone-universal/source/checkout>
> >        Download:http://code.google.com/p/**iphone-universal/downloads/**
> > list <http://code.google.com/p/iphone-universal/downloads/list>
> >> electrónico a gironaonrails+unsubscribe@**googlegroups.com<gironaonrails%2Bunsu...@googlegroups.com>[3]
>
> >>  Para tener acceso a más opciones, visita el grupo en
> >>http://groups.google.com/**group/gironaonrails?hl=es<http://groups.google.com/group/gironaonrails?hl=es>[4].
>
> >> --
> >> Lleïr Borràs i Metje
> >>http://tu.llegeix.me[5]
> >>http://twitter.com/lleirborras[6]
> >>  http://github.com/lleirborras[7]
>
> >>  --
> >>  Has recibido este mensaje porque estás suscrito al grupo "Girona on
> >> Rails" de Grupos de Google.
> >>  Para publicar una entrada en este grupo, envía un correo
> >> electrónico a girona...@googlegroups.com**.
> >>  Para anular tu suscripción a este grupo, envía un correo
> >> electrónico a gironaonrails+unsubscribe@**googlegroups.com<gironaonrails%2Bunsu...@googlegroups.com>
> >>  Para tener acceso a más opciones, visita el grupo en
> >>http://groups.google.com/**group/gironaonrails?hl=es<http://groups.google.com/group/gironaonrails?hl=es>
> >> .
>
> >> Links:
> >> ------
> >> [1] mailto:vmar...@bibgirona.net
> >> [2] mailto:gironaonrails@**googlegroups.com<girona...@googlegroups.com>
> >> [3] mailto:gironaonrails%**2Bunsu...@googlegroups.com<gironaonrails%252Buns...@googlegroups.com>
> >> [4]http://groups.google.com/**group/gironaonrails?hl=es<http://groups.google.com/group/gironaonrails?hl=es>
> >> [5]http://tu.llegeix.me
> >> [6]http://twitter.com/lleirborras
> >> [7]http://github.com/lleirborras
>
> > --
> > Has recibido este mensaje porque estás suscrito al grupo "Girona on Rails"
> > de Grupos de Google.
> > Para publicar una entrada en este grupo, envía un correo electrónico a
> > girona...@googlegroups.com**.
> > Para anular tu suscripción a este grupo, envía un correo electrónico a
> > gironaonrails+unsubscribe@**googlegroups.com<gironaonrails%2Bunsu...@googlegroups.com>
> > Para tener acceso a más opciones, visita el grupo en
> >http://groups.google.com/**group/gironaonrails?hl=es<http://groups.google.com/group/gironaonrails?hl=es>
> > .
>
> --
> Lleïr Borràs i Metjehttp://tu.llegeix.mehttp://twitter.com/lleirborrashttp://github.com/lleirborras

LLeïr Borràs Metje

unread,
Apr 10, 2012, 10:12:50 AM4/10/12
to girona...@googlegroups.com
Jo et diria lungo.js

Para publicar una entrada en este grupo, envía un correo electrónico a girona...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a gironaonrail...@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/gironaonrails?hl=es.




--
Lleïr Borràs i Metje
http://tu.llegeix.me
http://twitter.com/lleirborras
http://github.com/lleirborras

Victor Manuel Martin-Romo

unread,
Apr 11, 2012, 2:25:20 AM4/11/12
to girona...@googlegroups.com
Ok, merci!!!

Li faig una ullada a la documentació, ja que pel que veig es molt
potent això que em comentes. Si no fos per que ho estic executant des
del navegador no em creuria que es html i javascript.

Jo havia pensat en alguna cossa mes simple, però, ara que he vist
això...

Es el que tu fas servir? La integració amb rails que tal es?

Una sola versió s'adapta a tots els dispositius o has de fer una per
cada un?



On Tue, 10 Apr 2012 16:12:50 +0200, LLeïr Borràs Metje
<ll...@llegeix.me> wrote:
> Jo et diria lungo.js
>

> El 10 d’abril de 2012 15:42, vmartin ha escrit:
> La veritat es que no ho havia llegit això.
>
> Però ho provat des de un iphone i un android i es visualitzava prou
> bé.
>
> Aleshores, en cas de que hi haguessin incompatibilitats, quines
> opcions em quedarien, existeix algun framework css per a mobils?
>
> La veritat es que el tema dels css, no ho porto gaire bé i si puc
> tirar d'alguna cossa feta o mig feta millor que millor.
>

> On 10 Abr, 12:26, LLeïr Borràs Metje wrote:
> > No ho conec, pero llegint moolt rapid diu que es per iPhone i prou
> >
> > El 10 d’abril de 2012 11:10, Victor Manuel Martin-Romo <

> > vmar...@bibgirona.net [3]> ha escrit:


>
>>
> >
> >
> >
> >
> >
> >
> >
> >
> > > Merci Lleir,
> >
> > > Provaré aviam que tal.
> >
> > > Havia pensat de fer servir el UiUiKit d'en Diego Martin
> LaFuente.
> >

> > >        URL:www.minid.net [4]
> > >        SVN
> URL:http://code.google.com/p/**iphone-universal/source/** [5]
> > > checkout
> > >      
>  Download:http://code.google.com/p/**iphone-universal/downloads/**
> [7]
> > > list


>
>>
> > > Algú l'ha fet servir mai? que n'opineu?
> >
> > > Salut.
> > > Victor Martin-Romo
> >
> > > On Thu, 5 Apr 2012 11:50:54 +0200, LLeïr Borràs Metje
>

> > >> electrónico a girona...@googlegroups.com [10] [2].


> >
> > >>  Para anular tu suscripción a este grupo, envía un correo
> > >> electrónico a gironaonrails+unsubscribe@**googlegroups.com

> [11][3]


>
>>
> > >>  Para tener acceso a más opciones, visita el grupo en

> > >>http://groups.google.com/**group/gironaonrails?hl=es [13][4].


>
>>
> > >> --
> > >> Lleïr Borràs i Metje

> > >>http://tu.llegeix.me [15][5]
> > >>http://twitter.com/lleirborras[6] [16]
> > >>  http://github.com/lleirborras[7] [17]


> >
> > >>  --
> > >>  Has recibido este mensaje porque estás suscrito al grupo
> "Girona on
> > >> Rails" de Grupos de Google.
> > >>  Para publicar una entrada en este grupo, envía un correo

> > >> electrónico a girona...@googlegroups.com [18]**.


>
>> >>  Para anular tu suscripción a este grupo, envía un correo
> > >> electrónico a gironaonrails+unsubscribe@**googlegroups.com

> [19]


>
>> >>  Para tener acceso a más opciones, visita el grupo en

> > >>http://groups.google.com/**group/gironaonrails?hl=es [21]
> > >> .
> >
> > >> Links:
> > >> ------
> > >> [1] mailto:vmar...@bibgirona.net [23]
> > >> [2] mailto:gironaonrails@ [24]**googlegroups.com [25]
> > >> [3] mailto:gironaonrails% [27]**2Bunsu...@googlegroups.com
> [28]
> > >> [4]http://groups.google.com/**group/gironaonrails?hl=es [30]
>
>> >> [5]http://tu.llegeix.me [32]
> > >> [6]http://twitter.com/lleirborras [33]
> > >> [7]http://github.com/lleirborras [34]


> >
> > > --
> > > Has recibido este mensaje porque estás suscrito al grupo
> "Girona on Rails"
> > > de Grupos de Google.
> > > Para publicar una entrada en este grupo, envía un correo
> electrónico a

> > > girona...@googlegroups.com [35]**.


>
>> > Para anular tu suscripción a este grupo, envía un correo
> electrónico a

> > > gironaonrails+unsubscribe@**googlegroups.com [36]


>
>> > Para tener acceso a más opciones, visita el grupo en

> > >http://groups.google.com/**group/gironaonrails?hl=es [38]


> > > .
> >
> > --
> > Lleïr Borràs i
>
> Metjehttp://tu.llegeix.mehttp://twitter.com/lleirborrashttp://github.com/lleirborras

> [40]


>
> --
> Has recibido este mensaje porque estás suscrito al grupo "Girona on
> Rails" de Grupos de Google.
> Para publicar una entrada en este grupo, envía un correo

> electrónico a girona...@googlegroups.com [41].


> Para anular tu suscripción a este grupo, envía un correo

> electrónico a gironaonrail...@googlegroups.com [42]


> Para tener acceso a más opciones, visita el grupo en

> http://groups.google.com/group/gironaonrails?hl=es [43].


>
> --
> Lleïr Borràs i Metje

> http://tu.llegeix.me [44]
> http://twitter.com/lleirborras [45]
> http://github.com/lleirborras [46]


>
> --
> Has recibido este mensaje porque estás suscrito al grupo "Girona on
> Rails" de Grupos de Google.
> Para publicar una entrada en este grupo, envía un correo
> electrónico a girona...@googlegroups.com.
> Para anular tu suscripción a este grupo, envía un correo
> electrónico a gironaonrail...@googlegroups.com
> Para tener acceso a más opciones, visita el grupo en
> http://groups.google.com/group/gironaonrails?hl=es.
>
>

> Links:
> ------
> [1] mailto:vma...@bibgirona.net

> [2] mailto:ll...@llegeix.me
> [3] mailto:vmar...@bibgirona.net
> [4] http://www.minid.net
> [5] http://code.google.com/p/**iphone-universal/source/**
> [6] http://code.google.com/p/iphone-universal/source/checkout
> [7] http://code.google.com/p/**iphone-universal/downloads/**
> [8] http://code.google.com/p/iphone-universal/downloads/list
> [9] mailto:ll...@llegeix.me
> [10] mailto:girona...@googlegroups.com
> [11] http://googlegroups.com
> [12] mailto:gironaonrails%252Buns...@googlegroups.com
> [13] http://groups.google.com/**group/gironaonrails?hl=es
> [14] http://groups.google.com/group/gironaonrails?hl=es
> [15] http://tu.llegeix.me
> [16] http://twitter.com/lleirborras[6]
> [17] http://github.com/lleirborras[7]
> [18] mailto:girona...@googlegroups.com
> [19] http://googlegroups.com
> [20] mailto:gironaonrails%252Buns...@googlegroups.com
> [21] http://groups.google.com/**group/gironaonrails?hl=es
> [22] http://groups.google.com/group/gironaonrails?hl=es
> [23] mailto:vmar...@bibgirona.net
> [24] mailto:gironaonrails@
> [25] http://googlegroups.com
> [26] mailto:girona...@googlegroups.com
> [27] mailto:gironaonrails%25
> [28] mailto:2Bunsu...@googlegroups.com
> [29] mailto:gironaonrails%25252Bun...@googlegroups.com
> [30] http://groups.google.com/**group/gironaonrails?hl=es
> [31] http://groups.google.com/group/gironaonrails?hl=es
> [32] http://tu.llegeix.me
> [33] http://twitter.com/lleirborras
> [34] http://github.com/lleirborras
> [35] mailto:girona...@googlegroups.com
> [36] http://googlegroups.com
> [37] mailto:gironaonrails%252Buns...@googlegroups.com
> [38] http://groups.google.com/**group/gironaonrails?hl=es
> [39] http://groups.google.com/group/gironaonrails?hl=es
> [40] http://twitter.com/lleirborrashttp://github.com/lleirborras
> [41] mailto:girona...@googlegroups.com
> [42] mailto:gironaonrails%2Bunsu...@googlegroups.com
> [43] http://groups.google.com/group/gironaonrails?hl=es
> [44] http://tu.llegeix.me
> [45] http://twitter.com/lleirborras
> [46] http://github.com/lleirborras

LLeïr Borràs

unread,
Apr 11, 2012, 2:17:55 AM4/11/12
to girona...@googlegroups.com

Amb rails es directe i amb una versio passes per tot. Jo es el q estic fent servir ara

Android time

El 11/04/2012 8:15, "Victor Manuel Martin-Romo" <vma...@bibgirona.net> va escriure:

 Para tener acceso a más opciones, visita el grupo en
http://groups.google.com/group/gironaonrails?hl=es [43].

--
Lleïr Borràs i Metje
http://tu.llegeix.me [44]
http://twitter.com/lleirborras [45]
 http://github.com/lleirborras [46]

 --
 Has recibido este mensaje porque estás suscrito al grupo "Girona on
Rails" de Grupos de Google.
 Para publicar una entrada en este grupo, envía un correo
electrónico a girona...@googlegroups.com.
 Para anular tu suscripción a este grupo, envía un correo
--
Has recibido este mensaje porque estás suscrito al grupo "Girona on Rails" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a girona...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a gironaonrails+unsubscribe@googlegroups.com

Emili Parreño

unread,
Apr 17, 2012, 8:35:38 AM4/17/12
to girona...@googlegroups.com
Jo per coses d'aquestes soc mes partidari de les APIs. Trobo molt mes net crear una API i que l'app mobil hi accedeixi, així no tens tot els sistema acoplat.

S'ha de tenir en compte de en la majoria de casos, la versio mobil no es una copia de la web. M'atreviria a dir que si es així alguna cosa s'està fent malament, per tant necessites molta menys informació, basicament perque la pantalla es mes petita, per exemple a la home de Facebook no està disponible igual per la versio mobil, es molt mes reduida.

Ara bé, hi ha altres app, com les que fas tu Lleïr que el que necessiteu si que es una versio exacte de la web en dispositiu mobil, en aquest cas trobo que fer servir mediaqueris pot ser la millor eleccio o qualsevol altre eina com frameworks JS, però esta clar que en aquest cas has de fer servir les  mateixes vistes ja que si tens formularis per entrar dades els vols igual a tots els dispositius.

2012/4/11 LLeïr Borràs <mem...@gmail.com>
Para anular tu suscripción a este grupo, envía un correo electrónico a gironaonrail...@googlegroups.com

Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/gironaonrails?hl=es.



--
Emili Parreño - www.eparreno.com
Ruby/Rails Consultant & Trainer - www.prorubyteam.com
Reply all
Reply to author
Forward
0 new messages