Página 4 de 4

Re: Modo de Compatibilidade

Enviado: 13 Nov 2012, 11:39
por unknown1140
bully escreveu:Amigos tenho uma dúvida. Estou usando um template responsive, ele se adapta de acordo com o dispositivo que acesso, seja tablet, smartfone... mas tenho observado que alguns sites ao serem acessados por um smartfone, por exemplo, eles redirecionam para um subdominio por exemplo: acessando pelo notebook eu entro normalmente no http://www.meusite.com.br quando acesso de um dispositivo movel eu sou redirecionado para http://www.m.meusite.com.br... foi um exemplo.
Minha duvida é a seguinte, nesses sites que usei como exemplo, neles tem a opcao de acessar a versao classica ou seja a versao desktop, sendo assim, mesmo acessando do smartfone eu acessaria o http://www.meusite.com.br, eu achei bacana isso pois o template que estamos usando nao me da essa opcao e nem sempre me mostra tudo o que quero quando acesso pelo smartfone.
É uma boa prática essa questao de dar a opcao ao usuario de acessar a versao de desktop mesmo estando no celular?

Obrigado.
Isso de ter dois endereços é o q chamam sites "bespoke" ou sob medida, q é exatamente a proposta contrária do responsivo. Nessa técnica, vc tem q fazer um site diferente para cada dispositivo... É quase que uma gambiarra e na verdade é uma péssima ideia se vc levar em conta custo/beneficio e se o site é "a prova do futuro". Pense bem, vc tem um portal enorme, com muitos gigas de conteúdo, então vc vai fazer uma atualização no layout e vc tem versão dele para iPad, iPhone, Android Smartphone e Tablet e Blackberry... Qual o custo e tempo q isso não vai tomar?

Um layout responsivo resolve tudo com uma só versão! Não há necessidade para várias versões, logo os custos e o tempo de desenvolvimento caem drasticamente! Como ele "responde" ao tamanho da tela, ele não pode/precisa ter um link para a versão completa, pq ele já é a versão completa :D
A desvantagem de um layout responsível é uma certa falta de controle q vc tem sobre o design, em relação a um layout "pixel perfect" (q tem sempre o mesmo tamanho em tudo), o q não é difícil de contornar com um pouco de criatividade e paciência.
Uma outra abordagem atual é o layout adaptivo, q tem semelhanças com o responsível, porém com algumas características diferentes. O adaptivo tb se adapta a tamanhos de tela, porém ele trabalha com faixas de resolução. Ele é uma mistura entre pixel perfect e responsivel.
Neste layout vc fixa algumas resoluções de tela e faz, basicamente, um css dedicado para cada uma. Dessa forma vc consegue a perfeição que deseja com a adaptividade a tamanhos de tela que precisa. Desvantagem? Não é tão "a prova de futuro" qt o responsível...
Qual o melhor? Os dois :D
Sempre acabo usando uma mistura de ambos... Todos as páginas que crio são reponsivas e no mínimo com algo de adaptivo... Funciona muito bem e não dá tanto trabalho.

Re: Modo de Compatibilidade

Enviado: 13 Nov 2012, 12:15
por denisgomes
unknown1140, eu não diria que isso é uma gambiarra. O layout responsivo é uma excelente forma de se ter um site que funciona tanto no desktop quanto no celular, mas um sistema customizado dessa forma permite total controle sobre a forma e a função. Por exemplo: um site feito para o desktop pode usar fotos de alta resolução e um site feito para o celular pode usar fotos com menor tamanho, contribuindo para o tempo de carregamento da página considerando que a internet móvel no Brasl não é lá essas coisas. Um layout responsivo, enquanto resolve a questão da aparência do site numa tela menor, não permitiria esse tipo de customização. É claro que, como você mesmo apontou, são dois sites diferentes, e esse caminho deve ser seguido por quem tem uma equipe técnica disposta a realizar tal trabalho de manter dois sistemas, mas isso está longe de ser uma gambiarra. Quem quer controle total sobre o sistema acaba optando por este caminho.

Com relação a sua dúvida, bully, a princípio não é possível obter o que você quer porque o layout responsivo se modifica de acordo com o tamanho da tela informado pelo dispositivo - aliás, pela janela do navegador. Se você abrir o site no desktop e deixar a janela bem pequena, na proporção do celular, você verá o layout se alterando. Para permitir que o celular abra a versão completa você terá de modificar o template de alguma forma para forçar o tamanho maior quando o usuário solicitar a versão desktop. Eu não tenho ideia nem de onde começar, mas imagino que não seja um trabalho muito complicado.

Outra coisa seria modificar o template deixando-o responsivo mas acrescentando as informações que você diz que faltam.

Re: Modo de Compatibilidade

Enviado: 13 Nov 2012, 14:56
por unknown1140
denisgomes escreveu:unknown1140, eu não diria que isso é uma gambiarra. O layout responsivo é uma excelente forma de se ter um site que funciona tanto no desktop quanto no celular, mas um sistema customizado dessa forma permite total controle sobre a forma e a função. Por exemplo: um site feito para o desktop pode usar fotos de alta resolução e um site feito para o celular pode usar fotos com menor tamanho, contribuindo para o tempo de carregamento da página considerando que a internet móvel no Brasl não é lá essas coisas. Um layout responsivo, enquanto resolve a questão da aparência do site numa tela menor, não permitiria esse tipo de customização. É claro que, como você mesmo apontou, são dois sites diferentes, e esse caminho deve ser seguido por quem tem uma equipe técnica disposta a realizar tal trabalho de manter dois sistemas, mas isso está longe de ser uma gambiarra. Quem quer controle total sobre o sistema acaba optando por este caminho.

Com relação a sua dúvida, bully, a princípio não é possível obter o que você quer porque o layout responsivo se modifica de acordo com o tamanho da tela informado pelo dispositivo - aliás, pela janela do navegador. Se você abrir o site no desktop e deixar a janela bem pequena, na proporção do celular, você verá o layout se alterando. Para permitir que o celular abra a versão completa você terá de modificar o template de alguma forma para forçar o tamanho maior quando o usuário solicitar a versão desktop. Eu não tenho ideia nem de onde começar, mas imagino que não seja um trabalho muito complicado.

Outra coisa seria modificar o template deixando-o responsivo mas acrescentando as informações que você diz que faltam.
Opa, é como eu disse, é quase que uma gambiarra. Falo isso no sentido de que, se vc pensar bem como a internet é utilizada nos dias de hj, seria algo "estranho" pensar numa página que não suportasse outros dispositivos além de um PC. Neste sentido que eu me referi. E concordo plenamente que uma página bespoke, no geral, traz muito mais recursos e controle do que uma responsível, veja o exemplo do Yahoo!, a página - pelo menos a inicial - é mais agradável e usável na versão iPad do que na versão "completa"
Mas mesmo assim ainda acho um desperdício, pois com pouco javascript para detecção e mudança de classes, vc pode ter um layout responsívo com um nível alto de customização para dispositivos isolados.

Re: Modo de Compatibilidade

Enviado: 13 Nov 2012, 15:32
por denisgomes
Ainda sim um layout responsivo não resolve a questão de utilização de recursos: a página acessada no smartphone consumirá a mesma quantidade de KB da página acessada no desktop. Isso não é um problema em sites de baixo ou médio tráfego mas certamente é em sites grandes.

Re: Modo de Compatibilidade

Enviado: 13 Nov 2012, 21:15
por unknown1140
Com um pouquinho de java dá pra resolver sim... Já vi até templates do Joomla onde o desenvolvedor resolveu esse problema com javascript, as imagens eram carregadas com tamanhos específicos para o tamanho da tela, se vc diminuísse, por exemplo a janela, em certo ponto as imagens seriam carregadas com outro tamanho. O que na minha opinião é muito mais válido.
Acho q o bespoke só se for pra algo que tem q ser bem específico mesmo, como uma aplicação (on-line) q é feita para um dispositivo específico. Aí sim faz todo o sentido...
Mas é só a minha opinião, e cada um tem a sua :D