Recommandé
Contenu connexe
En vedette
En vedette (20)
CPBR5 - Desenvolvimento De Aplicativos Mobile Nativos Com Javascript
- 1. Desenvolvimento De Aplicativos Mobile Nativos Com Javascript A experiência de usar Titanium da ppcelerator #boraCod #boraCoda
- 2. Apresentação Oportunidade Experiência Ferramentas Exemplos #boraCodaCPBR5
- 3. Oportunidade Guia Imagine Aplicativo que fornece acesso a Guia de programação da TV, destaques do dia e da semana, possibilitando o compartilhamento dos seus programas favoritos no Facebook e Twitter. #boraCodaCPBR5
- 4. Experiência Tecnologias #DotNet #ASP #Objective-C #javascript #C++ #C #html5 #boraCodaCPBR5
- 5. Experiência Tecnologias #DotNet #ASP #Objective-C #javascript #C++ #C #html5 #boraCodaCPBR5
- 7. Ferramentas Titanium Uma plataforma de desenvolvimento de aplicativos open source, Titanium permite que você crie para tablets, mobiles e desktop, utilizando tecnologias web já existentes como Javascript, HTML, CSS, Python, Ruby e PHP. http://www.appcelerator.com/ #boraCodaCPBR5
- 8. Ferramentas Titanium Window elementos Table View Row As APIs do Titanium fornecem a criação de elementos nativos da UI através de JavaScript. Tab http://www.appcelerator.com/ Tabgroup #boraCodaCPBR5
- 9. Ferramentas Titanium Outros recursos Accelerometer Contacts Geolocation http://www.appcelerator.com/ #boraCodaCPBR5
- 10. Ferramentas Titanium Ambiente http://www.appcelerator.com/ Para desenvolvimento IOS é necessária https://developer.apple.com/ a instalação do Xcode e para Android, é necessária a instalação de seu SDK. #boraCodaCPBR5
Notes de l'éditeur
- -----Wagner-----\nBom dia galera da campus!\nMuitos de vocês acordaram agora e muitos de vocês ainda nem durmiram...\nAlguns já querendo ir almoçar e outros, tomar o café da manhã...\nMesmo assim, agradecemos a presença de todos, e agora começa a palestra sobre desenvolvimento de aplicativos mobile com Javascript!\nrespira...\nAntes de mais nada gostaria de falar sobre a hashtag que está no telão... se é que está no telão... \nQue é uma hashtag na qual nos disponibilizamos o conteúdo que será exemplificado nesta apresentação, assim, peço a todos que procurem esta hashtag no twitter e baixem o material de exemplos, pois ele ajudará vocês a compreenderem a facilidade que é uitilizar a ferramenta da qual vamos falar.\nrespira...\nBom,..., antes de mais nada, gostaria de me apresentar...\nrespira... pausa dramática...\nMeu nome é Wagner Palombo, sou Bacharel em Ciência da Computação pelo Centro Universitário São Camilo.\nPresto serviço, atualmente, para o centro de inovação da Telefônica...\nrespira rapidamente...\nSou desenvolvedor, analista e acumulo o papel de Scrum Master da equipe de desenvolvimento.\n\n-----Diego-----\nBom dia pessoal, \nEu sou Diego Santos, trabalho no centro de inovação da telefonica, sou sócio de duas startups de que alguma forma estão envolvidas com aplicativos móveis. Uma é o Livre.FM e a outra é a MoveNext Mobile Solutions;\n\n- E hoje vim aqui junto com o Wagner fazer vocês sairem com um aplicativo mobile rodando, programando em javascript;\n- Quem aqui tem alguma experiencia com javascript? E quem programa pra iPhone? E Android?\n- Bom hoje vai todo mundo sair fera em fazer aplicativos pra iphone, ipad, android, blackberry\n
- -----Wagner-----\nBom galera, nossa apresentação será dividida em 4 etapas:\nrespira...\nOportunidade: Vamos falar da oportunidade que surgiu. Vamos falar da proposta de aplicativo que fizemos e do grau de dificuldade encontrado, nos levando assim, a estudar o uso de tecnologias web na criação de apps.\nExperiência: Serão listadas as tecnologias que nos davam a possibilidade de desenvolver o aplicativo, levando em conta as ferramentas disponíveis.\nFerramentas: Os critérios que foram levados em conta na adoção da ferramenta.\nExemplos:passar slide…\nVamos explicar e compilar e um exemplo, para que seja demonstrada a facilidade em CODAR no Titanium da Appcelerator.\n\n
- -----Diego-----\nA gente queria mostrar um caso de aplicativo que a gente desenvolveu no centro que foi pra apple store e foi desenvolvido 100% em cima da plataforma do titanium.\n\nEsse é o guia imagine, que é a versão mobile da guia de programação de tv. Você pode visualizar destaques da programação, ver o que está passando no momento, filtrar por filmes, séries, documentários…. Fazer uma busca e ver quando o seu programa favorito vai passar, compartilhar no facebook e twitter.\n \nE o aplicativo está recebendo sempre novos releases com novas funcionalidades. É realmente interessante e vale a pena baixar… ah não é só pq foi a gente que fez rsrs.\n
- -----Wagner-----\nBom, algumas das tecnologias que nós já conheciamos, não nos davam a possibilidade de desenvolver o aplicativo.\npasser slide…\nE algumas das tecnologias que nos davam essa possibilidade, nós não conheciamos.\n\n
- -----Wagner-----\nAssim, nos restou uma quantidade bem pequena de possibilidades, \n-----Diego-----\nAs possíveis linguagens pra esse desenvolvimento seriam \n\nObjetive-C que é desenvolver em linguagem nativa do iPhone, porém não tinhamos experiência com essa linguagem e aprender uma nova linguagem atrasaria o projeto, ou vocês acham que prazo curto é só em agencia? \n\nHTML5 era uma possibilidade pois já tinhamos experiência por utilizamos em outros projetos dentro do centro de inovação;\n\nJavascript era a nossa maior experiência já que tinhamos trabalhado anos com desenvolvimento de aplicações web utilizando frameworks como jquery, moontools, prototype e etc…\n-----Wagner-----\nE foi por isso tb que nós levamos em consideração a questão de aprender novas tecnologias.\n
- -----Wagner-----\nAnalisamos duas ferramentas, Titanium e PhoneGap;\nUtilizando phonegap o processo seria basicamente construir uma aplicação web que rodaria dentro de uma UIWebView do iphone e utilizando javascript a gente utilizaria a biblioteca do phonegap para acessar recursos do aparelho.\nA desvantagem seria na parte grafica já que teriamos que desenhar via html componentes iguais do iphone e isso seria trabalhoso já que o comportamento desses elementos teriam que ser o mesmo da versao nativa.\n-----Diego-----\nJá utilizando a plataforma Titanium a gente utilizaria Javascript como linaguagem de desenvolvimento e utilizando as APIS do titanium a gente acessaria da mesma forma os recursos do aparelho, porém com uma grande vantagem o Titanium converteria nosso código e compilaria em linguagem nativa. Sim, ele faz essa magica com um clique.\nLevanto isso em consideração, desenhar elementos graficos do iphone é muito simples, com algumas linhas de código vc tem todas as UI`s nativas rodando no aparelho. \n\nConcluimos que o titanium seria a melhor alternativa pra desenvolver nosso projeto já que teriamos um bom desempenho \nah o titanium é 100% Open Source\n
- -----Diego-----\nBom, como isso funciona mais a fundo.\nAs aplicações são divididas em 4 partes principais:\n\n1. O Código HTML / CSS / JavaScript que compõe a lógica e UI do aplicativo;\n2. As APIS que dão acesso as funcionalidades nativas do sistema;\n3. O interpretador que compila o código WEB em aplicativo nativo;\n4. O shell de tempo de execução que empacota a aplicação para a distribuição multi-plataforma;\n
- -----Wagner-----\nConforme diagrama do slide anterior, o Titanium trabalha com camadas, e com suas apis nos fornece acesso a todos os elementos de interface e eventos que podem ser "disparados" nas iterações.\nTemos elementos básicos como Window e button... e também a elementos como tableView. Que tem a utilidade de listar dados, através do elementos row.\nE até a famosa tabGroup, que é formada por elementos tab que possui uma window que pode possuir uma tableView... e por ai vai...rs...\nrespira e passa o slide...\n
- -----Wagner-----\nEssas API's também nos fornecem acesso a recursos do aparelho, como aceleromêtro, lista de contatos, geolocation, camera...\nOu seja, você pode começar a codar aquele seu aplicativo que tira fotos como a polaroid. \n-----Diego-----\n(Não esqueca do Instagran)\n-----Wagner-----\nMas também vc poderia fazer um que trabalha com o geolocation. \n-----Diego-----\n(Mas não esquece do Foursquare!)\n-----Wagner-----\nDa pra fazer um monte de foursquare, instagrans e o que mais você conseguir imaginar!\n
- -----Diego-----\nAgora vocês me perguntam, como começar????\n-----Wagner-----\nEu respondo!\nA instalação do seu ambiente, depende do sistema operacional móvel que você vai desenvolver.\nPara desenvolvimento no Android, você você deve instalar o sdk do Android, que tem seus detalhes de instalação na página de download.\nE para o desenvolvimento no IOS, você deve baixar o xCode.\nPorém, em ambas as situações você vai instalar o Titanium Studio no site da appcelerator.\n
- -----Wagner-----\nEntão galera, como eu havia mencionado no começo, o material está disponibilizado na hashtag que mencionamos no começo da apresentação, ou seja, espero que todos tenham conseguido baixar o código para acompanhar os exemplos.\nPassando o cabo azul para o coleguinha, para que todos poderem baixar o conteúdo dos exemplos que está disponível na hashtag do rodapé do slide...\n