rudimentos de desenvolvimento para dispositivos móveis [fechado]

5

Como alguém começa a desenvolver web para dispositivos móveis (incluindo telefones)? Eu conheço algumas boas HTML & JS, mas eu estou querendo saber o que é a maneira moderna.

Para torná-lo concreto, preciso implementar um cliente para um aplicativo corporativo. Pense em um painel protegido por login para gerentes.

Como eu só tenho conhecimento básico e nunca implementei tais aplicativos, o que preciso levar em conta ao escolher plataforma e tecnologia?

  1. Devo usar o Android / iPhone ou HTML & JS ou HTML5? Quais são os prós e contras gerais que preciso considerar?
  2. Como posso testar um aplicativo Android no computador sem usar um telefone?
  3. A mesma pergunta sobre o teste de HTML / JS ou HTML5 (a versão para celular precisa ser diferente da área de trabalho, e gostaria de vê-la exatamente como se fosse um telefone).
  4. Quais recursos (preferencialmente on-line) você recomenda para aprender os rudimentos? Quero dizer especialmente HTML & JS: Como o site precisa para funcionar bem em smartphones (e não apenas em desktops)? Quero dizer possíveis falhas na interface, suporte limitado para alguns recursos de HTML / JS, tamanho de página e quaisquer outros detalhes importantes que estejam lá.
por Konrad Garus 23.06.2011 / 18:23
fonte

5 respostas

2
  1. Se este é um aplicativo corporativo destinado a um segmento da empresa (CxO?) - descubra quais dispositivos de telefone eles usam. Eles poderiam muito bem ser emitidos com BlackBerries - descobrir quais tipos.

  2. Instale o Android SDK e use o emulador que o acompanha.

  3. Há vários emuladores de navegador para dispositivos móveis que você pode instalar, mas uma abordagem rápida / simples é usar o link . Se você quiser ver exatamente como fica em um celular, use o link

  4. link - já existem muitas perguntas sobre esse assunto e as respostas apontam para bons recursos on-line. Eu sei disso porque aprendi muito com isso.

por 27.06.2011 / 09:26
fonte
1

Acho que o HTML5 / JS (não se esqueça do jQuery) seria o mais flexível, mas você deve tentar evitar a interface do usuário e outras coisas sozinho e elevar as bibliotecas e estruturas existentes.

Confira a iUI para uma biblioteca simples que imita a interface do usuário nativa do iPhone. Mais complexo e difícil de aprender, mas mais avançada biblioteca Sencha (AFAIU pode gerar interface do usuário com aparência nativa para diferentes plataformas). Também existem soluções como o rhomobile, onde você escreve seu aplicativo em ruby e gera seu aplicativo com o servidor da Web incorporado.

O PhoneGap é provavelmente o único framework complementar aceitável para trabalhar com funções de hardware a partir de aplicativos HTML5. Além disso, você pode conferir o AppMobi para distribuição de aplicativos e gerenciamento de atualizações. ApiGee se seu aplicativo precisar conversar com outros serviços da web.

Para aplicativos nativos (não baseados em HTML) confira o CoronaSDK.

Muita informação, eu sei. Mas você economizará tempo de desenvolvimento pesquisando e reutilizando bibliotecas.

    
por 28.06.2011 / 08:29
fonte
0

Para um aplicativo corporativo, você precisa manter a compatibilidade do navegador em mente, por isso, HTML & O JS é a sua melhor aposta, com HTML5 compatível com versões anteriores, e dicas para iPhone / Android que ajudarão a renderizar esses dispositivos.

Mas isso pode ser uma grande tarefa - você precisa ter em mente o XSS & XSRF & Ataques de injeção SQL / etc, ou seu cliente pode ficar muito descontente com você se ele for hackeado.

Lembre-se que muitas empresas acabam com MUITOS usuários do IE, daí minha afirmação sobre escolha de tecnologia.

Para considerar a navegação em dispositivos móveis e computadores, você terá algumas opções.

  1. Detectar o agente do usuário do navegador e redirecionar para celular
  2. Obtenha um modelo que foi projetado para exibir bem no celular
  3. Mantenha um design muito simples com base em elementos flutuantes que podem cair para a próxima linha após a largura total de uma tela menor ser usada.

Há, sem dúvida, uma série de sites sobre isso, mas eu só fiz isso como um experimento mental, por isso não posso recomendar um resultado do Google sobre outro. Espero que, no entanto, você possa começar a olhar nessa direção.

    
por 23.06.2011 / 18:35
fonte
0

Concordo com muitas das respostas em relação ao uso do HTML 5 e do jQuery Mobile. Se você tiver experiência em desenvolvimento .Net (como eu) e não quiser usar o MVC 4, que ainda está em versão beta, é possível criar um aplicativo Web MVC 3 e ativá-lo para navegadores móveis. A chave para fazer isso é detectar a string "User Agent" na solicitação. A partir daí, você pode determinar se a solicitação é originária de um navegador de desktop / laptop ou de um dispositivo móvel.

"Ativação para dispositivos móveis", um aplicativo da Web soluciona o problema do seu aplicativo em execução em vários dispositivos e exige que você mantenha apenas uma base de código. Confira este post para obter uma maneira rápida de se levantar rodando com um aplicativo móvel MVC 3 usando jQuery e HTML5:

    
por 25.04.2012 / 01:40
fonte
0

Deixe-me tentar responder sua pergunta passo a passo.

Shall I go for Android / iPhone, or HTML & JS, or HTML5? What are the general pros and cons that I need to consider?

Tanto o android quanto o iPhone são excelentes plataformas, mas na minha opinião a plataforma do iPhone é superior à do android. Por um lado, ele não tem alterações frequentes e a loja de aplicativos também é excelente se você quiser ganhar dinheiro com seu aplicativo. O Android também tem seu próprio mercado, mas a loja de aplicativos da Apple é melhor.

Além disso, se você deseja desenvolver para o iPhone, você deve ter um mac, um PC não vai fazer. Então você pode querer considerar o custo de um Mac também, o que é bastante íngreme se você está apenas começando.

How can I test an Android app on desktop without using a phone?

Temos o emulador do Android para testar aplicativos do Android, mas lembre-se de que ele só pode testar aplicativos bastante básicos. Há certos recursos, como o GPS, o acelerômetro e outros recursos relacionados ao toque que são mais bem testados em um dispositivo real. Eu não recomendo que você libere um aplicativo sem testá-lo em um dispositivo físico. O mesmo se aplica ao iPhone também.

Same question about testing HTML/JS or HTML5 (the mobile version needs to be different from desktop, and I would like to see it exactly as if it was a phone).

Isso é mais fácil do que você imagina, você pode configurar o css para várias mídias, para que seu site pareça diferente em cada dispositivo. Considere o jQuery Mobile, é uma excelente plataforma.

What resources (preferably online) do you recommend for learning the rudiments? I mean especially HTML & JS: What does the site need to be like to work great on smartphones (and not only on desktops)? I mean possible UI glitches, limited support for some HTML/JS features, page size, and whatever other important details are there.

Dependerá do nível do seu conhecimento sobre HTML. O W3Schools é um excelente local para documentação de referência. Você aprenderá melhor fazendo coisas.

    
por 28.06.2011 / 23:12
fonte