Tutorial: Criando um app HTML5 de um projeto iOS* nativo usando a Intel® HTML5 App Porter Tool

Publicado em 04/04/2013 às 10:26 | 11124 leituras

Aprenda a portar um aplicativo nativo do iOS para HTML5!


Versão para impressão Enviar por email









Introdução


A principal meta deste tutorial é te ajudar a utilizar a Intel® HTML5 App Porter Tool – BETA para portar um app nativo do iOS* para HTML5. A Intel® HTML5 App Porter Tool – BETA irá gerar um código limpo e fácil de ser lido, mantendo o código gerado automaticamente o mais próximo possível do código original.


Objetivos


Com este documento você irá:



  • Aprender a configurar a ferramenta para obter os melhores resultados possíveis

  • Entender o feedback fornecido pela ferramenta

  • Aprender como finalizar o processo de tradução completando as partes do código que não puderam ser traduziadas pela ferramenta


 


Tutorial de Exemplo - “Balloon Ninja”


Balloon Ninja é um mini game onde você ganha pontos estourando balões. Quanto mais balões você estoura em um minuto, mais pontos você faz. Ele usa o JSONKit como API de terceiros para persistência. Ele também usa a NSFoundation, UIKit e a Audio Toolbox como API nativa. Para este tutorial, a Intel® HTML5 App Porter Tool – BETA terá uma taxa de tradução de API de aproximadamente 80%, tendo em vista que as funcionalidades mais comuns da NSFoundation e do UIKit são suportadas.


Veja abaixo uma screenshot do app original sendo executada no simulador do iOS*.



Do iOS* para o HTML5 em apenas 6 passos


Esta seção mostra os diferentes passos que você deve seguir com sucesso para executar a Intel® HTML5 App Porter Tool – BETA, finalizando o processo de port e obtendo uma versão traduzida em HTML5 da app de exemplo.


Passo 1 - Configurando o path do projeto e da saída


Selecione o projeto a ser traduzido, neste caso o Balloon Ninja, e o path de destino. Para o path de origem, selecione o diretório .xcodeproj, em caso contrário você terá uma mensagem de erro dizendo “This is not a valid Xcode* Project”Por favor, se certifique de ter direito de escrita em ambos os diretorios, de origem e destino.



Passo 2 - Selecionando os módulos que serão processados


Neste passo, desmarque o arquivo JSONKit.m para exclui-lo do processo de tradução. Como o JavaScript possui suporte nativo ao JSON, a melhor abordagem aqui é não traduzir esta biblioteca junto com o código, mas reescrever para fazer o gerenciamento JSON usando o suporte do JavaScript.


Nota: Selecionar com cuidado as classes para a tradução é um passo fundamental. Como critério geral, você deve evitar traduzir qualquer módulo do aplicativo original que implemente uma funcionalidade que já é suportada pelo JavaScript. Adicionalmente, você também pode evitar traduzir módulos que são implementados usando funcionalidades de baixo nível do C ou do Objective-C* que podem ser traduzidas para o JavaScript de forma não natural.



O checkbox na parte de baixo da tela acima te permite adicionar diretórios de include ou diretivas de compilação que estejam faltando, se necessário.


Neste caso, nenhuma configuração adicional é necessária tendo em vista que os fontes do JSONKit já estão incluidos como parte do projeto. Entretanto, se o processo de parsing falhar, é aqui onde você poderia adicionar qualquer cabeçalho de API ou framework que não foram incluidos no projeto. Estes erros podem ser causados por uma biblioteca de terceitos de fora do projeto ou por uma diretriz de pré-processamento que esteja faltando, como definições de pré-processamento para DEBUG ou RELEASE, ou qualquer #define que deve ser ajustado manualmente.


Passo 3 - Parsing dos módulos


Durante este passo, a Intel® HTML5 App Porter Tool – BETA tenta fazer o parse do projeto e determinar a parte do código que pode ser traduzida. Se a ferramenta não for capaz de fazer o parse de um arquivo, ela te permite corrigir os problemas editando os arquivos que não puderam fazer o parse corretamente, como mostrado nas imagens abaixo. Você também pode optar para ignorar (ex. pular) os arquivos que não puderam ter o parsing realizado. Depois de editar ou ignorar estes arquivos, você pode continuar para o Passo 4. Caso você não encontre nenhum problema no parsing, você verá a sequencia de telas abaixo.


 

 

 


Passo 4 - Selecionar os métodos que serão traduzidos


Finalmente, depois que o projeto todo tiver passado pelo parsing e pela análise, o resultado é apresentado em um relatório simples. Você poderá decidir quais métodos serão traduzidos baseado na cobertura da API apresentada nas colunas da direita.


Desmarque a interface LeaderboardManager pois a serialização JSON será refeita diretamente em JavaScript.


 


Passo 5 - Lendo os resultados


Depois que a tradução estiver completa, é altamente recomendado que você veja o "Translation Report" e o "ToDo Report" disponíveis na tela final e também localizados no diretório TranslationReports da aplicação traduzida. O primeiro mostra detalhes da tradução propriamente dita, como o mapeamento entre os arquivos .m e .js. O segundo fornece uma lista de arquivos que representam os templates de declaração das APIs que não foram mapeadas para código HTML5 equivalente. Este relatório deve te orientar sobre o que você precisa completar para obter uma versão funcional do seu app em HTML5.


 

 

 


Confira o restante do tutorial no site da Intel Software.


Comentários


Outras notícias

4Linux abre vagas para Líder Técnico em São Paulo e Brasília

Publicado em: 25/07/2017 às 14:12 | leituras |

A 4Linux — uma empresa líder em soluções Open Source e em práticas DevOps — está procurando profissionais para trabalhar como gerente técnico, que tenha bons conhecimentos em Linux e Softwares Livres. São duas vagas: uma para trabalhar em Brasília e outra para São Paulo.

Seminário sobre gestão de privilégios do Linux dá direito a certificado CPE

Publicado em: 23/05/2017 às 10:35 | leituras |

O evento irá abordar a forte disseminação de sistemas Linux em toda a estrutura de informação e mostrará a importância de técnicos da área serem capazes de identificar rotas, especificar controles de acesso para usuários Linux e monitorar a atividade privilegiada do usuário ao longo da rede de informação e, especialmente, na complexidade da nuvem. Participantes poderão requerer gratuitamente os créditos de CPE (Continuing Professional Education).

Novas vagas para os minicursos do WikiLab

Publicado em: 16/05/2017 às 11:59 | leituras |

Novas vagas abertas para os minicursos do WikiLab. Todos que já apoiaram ou apoiarem o projeto WikiLab no Catarse (com qualquer valor) podem participar.

Novo evento "Universidade Livre" será realizado em Belém/PA em 06/05/2017

Publicado em: 28/04/2017 às 11:19 | leituras |

Novo evento sobre Software Livre será realizado no Instituto de Estudos Superiores da Amazônia (IESAM).

Soluti Certificação Digital em busca de especialista Linux

Publicado em: 19/04/2017 às 17:18 | leituras |

A Soluti Certificação Digital está em busca de um profissional para atuar como especialista Linux em Goiânia.

Vaga para analista de TI com experiência em ECM/GED, BPM e BI

Publicado em: 16/12/2016 às 11:12 | leituras |

Renomada empresa de serviços de consultoria em TI, está em busca de um analista de TI para trabalhar em projetos de implementação de soluções ECM/GED, BPM e BI usando os sistemas Alfresco, Activiti, Bonita, Camunda e SpagoBI.

Nova versão do Scalix Groupware oferece suporte completo a IBM Power & IBM Mainframes

Publicado em: 14/12/2016 às 12:59 | leituras |

A nova versão dá liberdade de escolha às empresas para usar as tecnologias mais modernas oferecidas pelo mercado como base para sua solução de e-mail e colaboração

Software Livre e de Código Aberto: uma questão de economia, não de política

Publicado em: 12/11/2016 às 12:36 | leituras |

Os argumentos apresentados neste artigo são todos aspectos econômicos, e não aspectos políticos. Decisões baseadas em política (e não em economia) devem ser lembradas pelos eleitores nas próximas eleições.

Lançamento: E-book E-mail e Colaboração no Século XXI (grátis)

Publicado em: 29/09/2016 às 9:15 | leituras |

A Linux Magazine, em parceria com a Scalix Brasil e a Linux Solutions, acaba de lançar o novo ebook da série "Technology Report": E-mail e Colaboração no Século XXI. Baixe gratuitamente!

Oportunidade na 4Linux - Vaga para Brasília

Publicado em: 25/08/2016 às 9:58 | leituras |

A 4Linux, empresa de consultoria e treinamento especializada em tecnologia Open Source, está em busca de um profissional com o perfil de analista de infraestrutura Linux pleno, para atuar em Brasília.

Lançamento: E-book 101 dicas para usar o Linux como um Profissional (grátis)

Publicado em: 01/08/2016 às 8:19 | leituras |

Baixe gratuitamente o e-book "101 dicas para usar o Linux como um Profissional", contendo os principais conselhos para não se apertar no seu trabalho ao usar e configurar o sistema do pinguim.

Sicoob adota soluções de código aberto e triplica rede de associados

Publicado em: 19/07/2016 às 12:22 | leituras |

A partir do projeto, a empresa pôde substituir mais de 500 servidores físicos de pequeno porte, consolidando todas as transações em três mainframes e 15 máquinas Intel de alto desempenho (high end).

BrodTec é a nova revenda Scalix na Região Sul

Publicado em: 30/03/2016 às 11:20 | leituras |

No mês de março, a Scalix firmou parceria com a BrodTec para que a empresa seja o seu represente oficial no Rio Grande do Sul e em Santa Catarina.

Linux Professional Institute anuncia seu novo Diretor de Desenvolvimento Regional para o Brasil

Publicado em: 21/03/2016 às 18:51 | leituras |

Há muito tempo incentivando softwares livres e de código aberto, Cesar Brod é, agora, o responsável do instituto para ampliar a formação e certificação em Linux no Brasil.

ASL.Org lança campanha de doação para realizar o FISL17

Publicado em: 05/02/2016 às 21:20 | leituras |

A Associação Software Livre (ASL.Org) iniciou nesta quinta-feira (4) uma campanha de arrecadação de fundos para a continuidade de seus trabalhos, entre eles a organização da 17ª edição do Fórum Internacional Software Livre (FISL17), que acontece de 13 a 16 de julho em Porto Alegre.

EMC² acelera mudança para código aberto

Publicado em: 07/01/2016 às 11:47 | leituras |

Projeto open source do RackHD™ e nova versão do CoprHD reforçam os investimentos da EMC² com a comunidade de desenvolvimento e auxiliam nos desafios de gestão em data centers de hiperescala.

Red Hat lança promoção especial de verão para treinamentos virtuais

Publicado em: 06/01/2016 às 11:18 | leituras |

10% de desconto para as aulas de Virtual Training nas turmas dos meses de janeiro e fevereiro. Além disso, os que aderirem à promoção ainda terão 50% de desconto no exame de certificação final.

A produção colaborativa precisa de menos tecnologia e mais gente

Publicado em: 10/12/2015 às 12:32 | leituras |

A produção colaborativa tornou-se uma das grandes vedetes da Internet. Este artigo se propõe a analisar diversos aspectos da produção colaborativa e propor ações necessárias para fortalecê-la e disseminar seu uso no mercado nacional.

Publicada entrevista com Edgar Silva, VP da WSO2 para a América Latina

Publicado em: 13/11/2015 às 17:52 | leituras |

A Linux Magazine conversou com Edgar Silva, Vice-Presidente da WSO2 para a América Latina. A WSO2 é considerada um dos poucos fabricantes de software no mundo a fornecerem uma plataforma de middleware completa (e é o único fabricante a ter aberto o código da plataforma inteira).

Seu Linux pode ser infectado por malware, trojans, worms e web scripts

Publicado em: 11/11/2015 às 17:21 | leituras |

Sim, você leu certo: existem vírus para Linux; contudo, fique tranquilo: a maioria não possui alto poder destrutivo (ainda).

Futuro Digital, The Open Organization e oportunidades da TI Bimodal no Red Hat Forum em SP

Publicado em: 30/09/2015 às 21:44 | leituras |

Com entrada gratuita, evento de inovação open source para empresas do Brasil promete energizar as áreas de tecnologia das organizações. O Red Hat Forum reunirá os principais líderes de TI do país, que poderão experimentar, em sessões ao vivo, as últimas tendências que prometem transformar e reduzir os custos de TI.

MP denuncia Cartorio Virtual por venda de dados sigilosos, inclusive do WhatsApp

Publicado em: 18/09/2015 às 9:34 | leituras |

O Ministério Público denunciou à Justiça, o dono do site 'cartório virtual', que segundo o MP, faz venda de dados considerados sigilosos, entre eles, cópias de contas telefônicas, lista de bens e, até mesmo, conversas mantidas no WhatsApp, aplicativo de mensagem do Facebook, revela reportagem do jornal O Estado de São Paulo, desta sexta-feira, 18/09.

Lançado novo Portal do Software Público Brasileiro

Publicado em: 15/09/2015 às 17:27 | leituras |

Construção da nova versão do portal começou em 2013 e recebeu mais de duzentas contribuições.

Desemprego seletivo

Publicado em: 13/09/2015 às 9:10 | leituras |

Até julho o desemprego cresceu de 4,95 para 7,5%.A situação atual é decorrente de problemas macroeconômicos e sem duvida que o ajuste fiscal empreendido pelo Governo federal contribui significativamente.

Red Hat reúne líderes de tecnologia do Nordeste para ampliar negócios na região

Publicado em: 11/09/2015 às 14:34 | leituras |

Eventos realizados na semana passada em Fortaleza, Salvador e Recife reuniram cerca de 200 profissionais de TI e mostraram como as empresas locais de vários tamanhos podem transformar os desafios atuais da economia em oportunidades por meio de tecnologias que podem refletir em uma redução em até 50 % de seus custos em TI.


Mais notícias


lançamento!

LM 119 | Backup e Restauração




Impressa esgotada
Comprar Digital  R$ 10,90 Digital

  1. Baixe o curso de shell script do Julio Cezar Neves

    Publicado em 07/04/2008 às 19:41 | 433790 leituras

  1. Soluti Certificação Digital em busca de especialista Linux

    Publicado em 19/04/2017 às 17:18 | 309785 leituras

  1. Seminário sobre gestão de privilégios do Linux dá direito a certificado CPE

    Publicado em 23/05/2017 às 10:35 | 225078 leituras

  1. Resultado do concurso "Por que eu mereço ganhar um netbook?"

    Publicado em 30/09/2009 às 3:00 | 184942 leituras

  1. Software público brasileiro na Linux Magazine Especial

    Publicado em 29/07/2011 às 15:07 | 163310 leituras

  1. Nokia cancela uso de aplicativo voltado para redes sociais

    Publicado em 20/08/2010 às 0:19 | 9558 leituras

  1. Microsoft e Adobe liberam correção para falhas críticas na terça-feira

    Publicado em 07/01/2013 às 12:01 | 9013 leituras

  1. Gerenciamento das áreas de trabalho com o Cinnamon 1.4

    Publicado em 16/03/2012 às 10:53 | 16105 leituras

  1. O maior projeto de desktops virtuais no mundo – e no Brasil

    Publicado em 18/02/2009 às 16:24 | 8756 leituras

  1. Apple adquire patente para exibir 3D sem óculos especiais

    Publicado em 06/12/2010 às 10:37 | 8689 leituras

whitepapers

mais whitepapers