Escolhendo a estrutura HTML5 da Web para celular [fechado]

131

Para o novo projeto, tenho procurado uma estrutura com suporte para HTML5 e executada em dispositivos móveis, como IPhone, IPads. Eu descobri estes:

O principal para mim é o HTML5. Embora eu tenha examinado os recursos que eles oferecem, eu só queria saber sua experiência, se houver alguma.

Qual deles devo procurar ao procurar:

  • Começo rápido
  • Boa documentação
  • Desenvolvimento semelhante via Web
  • Bom suporte para a plataforma móvel
javascript jquery html mobile Sarfraz
fonte
5
Eu iria com o jQuery Mobile. Isso pode adicionar algo à sua decisão - stackoverflow.com/questions/5071369/…
jimmystormig
Estou interessado em ver a resposta. Quantas dessas estruturas aumentam o html / js / css (por exemplo, jQuery Mobile) em vez de serem ambientes de desenvolvimento que geram html / js / css (talvez como Cappuccino no mundo dos aplicativos para web)?
31411 Johnhunter
Ajudaria a especificar o que você gostaria de construir. Um aplicativo da Web que imita um aplicativo nativo, listas, carrosséis, animações? Você não precisa de uma estrutura para criar um documento HTML5 que funcione em dispositivos móveis.
antonj
3
Você precisa esclarecer o que deseja criar finalmente: webapp ou aplicativo nativo (mas desenvolver em HTML5)? Exceto pelo Titanium, a maior parte da estrutura é para webapp, você precisará de trabalho extra para envolvê-los em um aplicativo nativo. Mas o aplicativo nativo é muito mais poderoso que o webapp, principalmente se você deseja enviar e-mail e fazer upload de arquivo no iOS.
vincicat
2
Qual é a resposta definitiva para esta pergunta? Parece subjetivo para mim.
Phrogz

Respostas:

123

Depende do seu público-alvo e da interatividade do site que você está construindo.

jQTouch:
pesado no CSS, leve no JavaScript, licença do MIT
Para uma estrutura que fornece um início rápido, mas não muita documentação, infelizmente, use o jQTouch. Requer muito pouco para começar e a codificação é bastante direta. Ele usa classes CSS para detectar as animações e interações apropriadas.

Sencha Touch:
quase completamente JavaScript, GPL, não para uso em sites comerciais sem licença.
Se você estiver criando um aplicativo corporativo complexo com muitas interações visuais, recomendo fortemente o Sencha Touch, ele é fortemente documentado, com uma equipe profissional forte que fornece Apoio, suporte.

M-Project: a
licença do MIT, pesada em JavaScript, parece estar em Alpha, pode estar com problemas.
Embora eu nunca tenha trabalhado com o M-Project (obrigado por apontar), ela parece ser muito robusta e a codificação O estilo parece ser muito semelhante ao Sencha Touch, que é baseado no ExtJS; portanto, se sua equipe já possui experiência com o ExtJS, convém considerar uma dessas estruturas.

Nimblekit:
parece ser apenas para iOS, não é bom se você decidir expandir seu aplicativo para Android ou alguma outra plataforma.

Wink Toolkit:
parece ser o MIT, ou alguma variação dele. Na minha opinião, o wink parece ter muito a oferecer, mas a documentação parece fria

jQuery Mobile:
licença dupla MIT ou GPL 2, a mistura certa de JavaScript e CSS.
Vou deixar alguém com mais experiência falar sobre os méritos, mas o jQuery mobile (embora também esteja em alfa) é apoiado por uma equipe forte e um comunidade de apoiadores por extensão da biblioteca principal do jQuery. Provavelmente, a melhor escolha para qualquer coisa, exceto os aplicativos mais centrados na empresa.

Titânio: O
titânio não é uma estrutura móvel HTML5, é uma interface baseada em javascript para módulos de código nativo incluídos na estrutura. É uma estrutura bastante direta, mas eu consideraria a documentação escassa.

Conclusão:
1. jQuery mobile - desde que seu aplicativo não seja corporativo
2. Sencha Touch - se seu aplicativo é corporativo ou pesado nas interações do usuário
3. jQTouch - se o que você procura é uma estrutura simples para começar com rapidez, mas você não precisa de muito entusiasmo.
4. Titânio - se você estiver mais preocupado em ter controles nativos reais em seu aplicativo

Aplicativos de demonstração

Existe um projeto de código aberto, o PropertyCross , que demonstra o mesmo aplicativo implementado em uma variedade de estruturas de plataforma cruzada. É muito útil para comparar o código, a experiência de desenvolvimento e a experiência do usuário final das várias estruturas.

samshull
fonte
4
O jqTouch foi comprado pela Sencha há algum tempo para criar o Sencha Touch. jQTouch é baseado em jQuery e Sencha Touch foi portado para ExtJS
Pakman
jQTouch ainda está aberto , e Sencha Touch é uma porta de ExtJS
samshull
1
Cuidado com as caixas de seleção não nativas no jQuery Mobile. Eles vão matar a memória do seu telefone.
Jason Sebring
Eu criei um projeto open source propertycross.com que ajuda a selecionar um multi-plataforma estrutura móvel, mostrando a mesma aplicação implementada com Sencha, Titanium, Xamarin e muito mais ...
Coline
4
O que você quer dizer com foco na empresa?
Mark Boulder
14

O jQuery Mobile é melhor e tem um bom suporte !!

eos87
fonte
9

Fique com o jQuery mobile. É mais rápido que o jQtouch. Ele também possui uma documentação melhor do que a senchas. O tempo de carregamento inicial do Senchas é lento. No geral, o jQuery mobile ganha minha aposta.

Hussein
fonte
7

Essa estrutura que eu recomendei aqui é bastante nova, mas você pode tentar no futuro: Mobl - HTML5 para aplicação móvel .

Na verdade, é uma DSL (linguagem específica do domínio) para criar aplicativos HTML 5 no celular. Ele foi construído por Zef Hemel como parte de sua tese de doutorado e permite uma maneira muito fácil de criar um aplicativo HTML5 rapidamente

Sobre o seu pedido:

  1. Início rápido : sim, é muito simples começar a desenvolver com o Mobl. Basta adicionar um complemento Eclipse e alterar algumas configurações.

  2. Documentação: o tutorial é bom o suficiente, mas falta a navegação, quero dizer, uma estrutura abrangente. Espero que eles o adicionem em breve.

  3. Desenvolvimento web semelhante: acho que não. Como DSL, o Mobl possui uma estrutura diferente (sintaxe semelhante ao javascript, no entanto) em comparação à linguagem de script da web (HTML, Javascript, ...). Mas não leva muito tempo para entendê-los.

  4. Suporte : Essa coisa não é boa. Nesta fase inicial, a comunidade Mobl é muito restrita.

Hoàng Long
fonte
4

Você também pode dar uma olhada no PhoneGap (código aberto). Ele também possui um serviço de compilação gratuito na nuvem que distribui aplicativos nativos para a maioria dos telefones populares a partir de uma única base de código-fonte. Eu não tentei, mas soou intrigante.

fynnbob
fonte
3

Eu começaria com a placa da caldeira HTML 5 . É um pouco pesado, mas você pode adicionar ou remover o quanto quiser. Definitivamente, o modelo HTML5 mais completo que encontrei. Então eu iria com o jQuery Mobile . Ainda não está fora do alpha, portanto, espera-se um pouco de bugs, mas há uma grande comunidade por trás dele e uma boa estrutura para a criação de plug-ins.

Greg Guida
fonte
3

Você também pode procurar no Google Web Toolkit, que permite escrever aplicativos HTML5 móveis em Java. O GWT possui um sistema de modelos em que você pode incluir HTML e CSS, para que a principal diferença seja que você está escrevendo em Java, em vez de Javascript. O Sencha Touch, mencionado anteriormente, também vem em uma versão GWT chamada Gwt4Touch.

user0b101010
fonte
2

Também há http://zeptojs.com , que tem como objetivo uma área menor, <5Kb com a maioria dos recursos principais do jquery.

bdargan
fonte
2

Eu também consideraria o Skeleton .

Docs / site de demonstração aqui: http://www.getskeleton.com/

Dan Esparza
fonte
1

Para seus projetos futuros, você também pode consultar o DHTMLX Touch , uma estrutura de código aberto gratuita para criar aplicativos da Web móveis. É muito fácil começar e possui um fórum de suporte ao vivo. Algumas demos: http://www.dhtmlx.com/touch/samples/

(Eu trabalho para DHTMLX)

Paulo
fonte