• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Desenvolvimento de Apps multiplataforma para dispositivos móveis com HTML5
 

Desenvolvimento de Apps multiplataforma para dispositivos móveis com HTML5

on

  • 5,185 views

Saiba como desenvolver Apps para múltiplos sistemas operacionais e dispositivos móveis usando HTML5. ...

Saiba como desenvolver Apps para múltiplos sistemas operacionais e dispositivos móveis usando HTML5.
Com uma única base de código em HTML5, você pode gerar apps nativos para iOS, Android, Windows 8 e Windows Phone, Tizen e diversos outros sistemas operacionais móveis.
Usando o Intel XDK e outras ferramentas gratuitas da Intel, você consegue aprender rapidamente tudo o que precisa para iniciar o desenvolvimento de apps ainda hoje.

Statistics

Views

Total Views
5,185
Views on SlideShare
4,712
Embed Views
473

Actions

Likes
4
Downloads
245
Comments
0

40 Embeds 473

http://software.intel.com 288
http://blog.eduardojoaquimsilva.hol.es 67
http://quasi-alternatingly24.rssing.com 15
https://software.intel.com 7
http://intel801.rssing.com 7
http://frutices47.rssing.com 7
http://quarter25.rssing.com 7
http://windows1284.rssing.com 6
http://intel239.rssing.com 6
http://cloud.feedly.com 5
http://foreseeingly47.rssing.com 5
http://moblin21.rssing.com 4
http://intel1480.rssing.com 4
http://rosetum28.tawaba.com 4
http://crocodilite34.alamaree.com 3
http://apple2780.rssing.com 3
http://server673.rssing.com 3
http://prosodically37.rssing.com 3
https://twitter.com 3
http://hominids14.memichaud.com 2
http://intel1520.rssing.com 2
http://feedly.com 2
http://glossodynia48.dabbadoo.com 2
http://prognostic47.zulti.com 2
http://splenculus35.meelabo.com 1
http://tablet519.rssing.com 1
http://tablet1278.rssing.com 1
http://android443.rssing.com 1
http://webcache.googleusercontent.com 1
http://menaceable32.aytal.com 1
http://hypothetico-disjunctive24.rssing.com 1
http://undeprivable32.hokando.com 1
http://leaden-footed27.zulti.com 1
http://unverbosely44.katinia.com 1
http://unity44.yanaru.com 1
http://spur-winged31.zulti.com 1
http://protonematoid47.minolito.com 1
http://tablet1524.rssing.com 1
http://desktop1313.rssing.com 1
http://praelection49.tawaba.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Desenvolvimento de Apps multiplataforma para dispositivos móveis com HTML5 Desenvolvimento de Apps multiplataforma para dispositivos móveis com HTML5 Presentation Transcript

    • DESENVOLVIMENTO APPSHÍBRIDOSPARA DISPOSITIVOSMÓVEISCOM Jomar Silva - Community Manager
    • AGENDA Alguns números sobre o HTML5 Limitações de aplicativos Web HTML5 O que é PhoneGapCordova ? API e Build Service do PhoneGap Contribuições da Intel ao Cordova O que é o Intel ® HTML5 Development Environment Dicas importantes Ferramentas adicionais Demos de Apps híbridos em HTML5 A Intel e o HTML5
    • NAVEGADORESCOMPATÍVEISCOM HTML5EM HANDSETS ESPERA-SE QUE HANDSETS COM NAVEGADORES COMPATÍVEIS COM HTML5 ALCANCEM 85% EM 2016
    • INTERESSESDOSDESENVOLVEDORESEM HTML5 UMA PESQUISA JUNTO A DESENVOLVEDORES MOSTRA QUE 2/3 ESTÃO INTERESSADOS EM CRIAR WEB APPS EM HTML5
    • EQUIPAMENTOSCOM ACESSO ÀINTERNETVS. PCS EQUIPAMENTOS COM ACESSO À INTERNET IRÃO ULTRAPASSAR OS PCS EM 2013
    • LIMITAÇÕESDE APLICAÇÕESWEBEM HTML5 Aplicações Web em HTML5 possuem algumas limitações: Não tem acesso completo ao hardware via API HTML5 Não podem acessar diretamente o SO Problemas na implementação entre os navegadores APLICAÇÕES WEB EM HTML5 POSSUEM LACUNAS
    • HTML5WEB+NATIVE =HYBRID Apps Web permitem ao desenvolvedor escrever uma vez e implantar em todos os lugares, mas não têm acesso a recursos nativos dos dispositivos Apps nativos têm acesso aos recursos nativos do dispositivo, mas exigem que os desenvolvedores mantenham bases de código distintas para diferentes plataformas APPS HÍBRIDOS PREENCHEM A LACUNA DAS APLICAÇÕES HTML5
    • O QUE É PHONEGAP(CORDOVA) Framework para desenvolvimento móvel open-source, multiplataforma de apps híbridos. UI com HTML5 & CSS3 Lógica com JavasScript PhoneGap para interagir com recursos do dispositivo Distribua para múltiplas plataformas PHONEGAP É UMA PONTE ENTRE APLICAÇÕES WEB E DISPOSITIVOS MÓVEIS.
    • O QUE É PHONEGAP(CORDOVA) UMA ÚNICA BASE DE CÓDIGO SUPORTA MÚLTIPLAS PLATAFORMAS E DISPOSITIVOS.
    • HISTÓRIADO PHONEGAP PhoneGap é um projeto 100% open source. Foi desenvolvido pela Nitobi. Nitobi foi comprada pela Adobe. PhoneGap foi doado para a Apache Software Foundation pela Adobe e foi chamado de Apache Callback. Apache Callback era muito genérico, por isso foi renomeado para Cordova. A marca PhoneGap continua propriedade da Adobe. PhoneGap é uma distribuição do Cordova. PHONEGAP É AGORA CHAMADO APACHE CORDOVA
    • PHONEGAP(CORDOVA)API ATUALMENTE, PHONEGAP SUPORTA 7 SOS E PROVÊ ACESSO A 10 RECURSOS NATIVOS DE DISPOSITIVOS MÓVEIS.
    • PHONEGAPBUILDSERVICE O Phone Gap Build service é um serviço pago da Adobe. Cria o app uma única vez usando HTML, CSS or JavaScript* Compile remotamente usando o PhoneGap Build service Obtenha Apps prontos para as App-stores para Apple* iOS, Google Android*, Palm*, Symbian, BlackBerry* e mais
    • CONTRIBUIÇÕESDAINTELAO CORDOVA A Intel está contribuindo para suporte ao Tizen* pela PhoneGap API A Intel está trabalhando com a Adobe para prover suporte ao Tizen* no PhoneGap Build
    • INTEL ® HTML5DEVELOPMENTENVIRONMENT Framework para desenvolvimento móvel open-source, multiplataforma de apps híbridos. App Dev Center - Comece a criar seus aplicativos html & PhoneGap na nuvem Intel ® XDK - Kit de desenvolvimento em plataforma cruzada
    • INTEL ® XDK-KITDE DESENVOLVIMENTO EM PLATAFORMACRUZADA iOS, Android, Windows 8, Google Play Store, Amazon App Store, Mozilla App Store, Facebook App Center e para a loja do Google Chrome. App Framework (anteriormente conhecido como jqMobi) - A biblioteca JS definitiva para o desenvolvimento de aplicativos em HTML5 App Game Interfaces - Física e Canvas acelerados e som multi-canais. App Starter - Um assistente para início rápido do trabalho.
    • HTTP://SOFTWARE.INTEL.COM/PT-BR/HTML5
    • APPDEVCENTER
    • INTEL ® XDK
    • DICASSOBRE O PHONEGAPE APPMOBI Função de inicialização "padrão": appMobi: PhoneGap: onDeviceReady document.addEventListener("appMobi.device.ready",onDeviceReady,false) document.addEventListener("deviceready", onDeviceReady, false)
    • DICASOBRE O INTELXDK Acesso ao XDK: http://localhost:58888/_emulator/_ide/index.html
    • O CAMINHO DASPEDRAS Can I use - http://caniuse.com/
    • O CAMINHO DASPEDRAS Mobile HTML5 - http://mobilehtml5.org/
    • O CAMINHO DASPEDRAS HTML5 & CSS3 READINESS - http://html5readiness.com/
    • HTML5PLAYGROUND http://toolbox-software.intel.com/
    • APPPORTER TOOLBETA(WINDOWS8*) http://software.intel.com/pt-br/html5/
    • ANDROIDHAXM Hardware Accelerated eXecution Manager
    • BEACONMOUNTAIN Intel Tools: Third-Party Tools: Intel ® Hardware Accelerated Execution Manager Intel ® Graphics Performance Analyzers System Analyzer Intel ® Integrated Performance Primitives Preview Intel ® Threaded Building Blocks Intel ® Software Manager Google Android SDK (ADT Bundle) Android NDK Eclipse Integrated Development Environment Android Design Cygwin* (for Windows operating systems) Beacon Mountain
    • TALKISCHEAP,SHOW ME THE CODE !
    • EXEMPLO:HTML5WEBSTORAGE O HTML5 possui dois novos objetos para o armazenamento de dados no lado do cliente: localStorage – conteúdo persistente sessionStorage – conteúdo temporário A estrutura básica é um par de chave/valor (strings) Mais fácil de usar do que cookies Cookies são ótimos com café, mas terríveis de se gerenciar em uma aplicação web !
    • EXEMPLO:HTML5WEBSTORAGE Pergunta comum que milhares de brasileiros se fazem cada vez que entram em um posto de gasolina: “Completo com Gasolina ou Etanol?” A resposta depende do: Consumo do seu carro com gasolina e etanol O preço “do dia” da gasolina e do etanol MAS O HTML5 PODE ME AJUDAR COM ISSO ???
    • EXEMPLO:HTML5WEBSTORAGE MENOS DE 50 LINHAS DE CÓDIGO PARA IMPLEMENTAR !
    • EXEMPLO:HTML5WEBSTORAGE
    • EXEMPLO:HTML5WEBSTORAGE
    • EXEMPLO:HTML5WEBSTORAGE
    • EXEMPLO:HTML5WEBSTORAGE
    • O ACELERÔMETRO NO PHONEGAP Captura a movimentação do dispositivo nos eixos x, y, e z. É um sensor de movimento que detecta a alteração (o delta) de movimento relativo a orientação atual do dispositivo. Nos fornece quatro informações: x: Aceleração no eixo X (m/s2) (Número) y: Aceleração no eixo Y (m/s2) (Número) z: Aceleração no eixo Z (m/s2) (Número) timestamp: timestamp de criação (ms) (DOMTimeStamp) COM O DISPOSITIVO EM UMA MESA, COM A TELA PARA CIMA, A LEITURA DEVE SER PRÓXIMA A X=0, Y=0, Z=9.8
    • ACELERÔMETRO NO PHONEGAP:O BÁSICO
    • ACELERÔMETRO NO PHONEGAP:O BÁSICO
    • ACELERÔMETRO NO PHONEGAP:O BÁSICO
    • ACELERÔMETRO NO PHONEGAP:O PSICODÉLICO
    • ACELERÔMETRO NO PHONEGAP:O PSICODÉLICO
    • ACELERÔMETRO NO PHONEGAP:O SENSACIONAL!
    • AINTEL ® E O HTML5 AJUDANDOOS DESENVOLVEDORES DESOFTWAREACRIAREDISTRIBUIREXPERIÊNCIAS INCRÍVEIS CROSS-PLATFORM,AALCANÇARMAIS CONSUMIDORES EAOTIMIZARCUSTOS ETIME-TO-MARKET
    • AINTEL ® E O HTML5
    • AINTEL ® E O HTML5
    • ESPAÇO DO DESENVOLVEDOR INTEL ® Um programa global que conecta os desenvolvedores com a Intel em tudo que se relaciona com a área de software - do desenvolvimento à distribuição: Recursos para o desenvolvedor Recursos para a empresa Comunidade envolvida HTTP://SOFTWARE.INTEL.COM/PT-BR
    • OBRIGADO ! TWITTER/FACEBOOK -HOMEMBIT FACEBOOK -INTELSWBRASIL SOFTWARE.INTEL.COM/PT-BR/HTML5
    • LEGAL DISCLAIMER 1/2 INFORMATION IN THISDOCUMENT ISPROVIDED IN CONNECTION WITH INTEL PRODUCTS. NO LICENSE, EXPRESSOR IMPLIED, BY ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL PROPERTY RIGHTSISGRANTED BY THISDOCUMENT. EXCEPT ASPROVIDED IN INTEL'STERMS AND CONDITIONSOF SALE FOR SUCH PRODUCTS, INTEL ASSUMESNO LIABILITY WHATSOEVER AND INTEL DISCLAIMSANY EXPRESSOR IMPLIED WARRANTY, RELATING TO SALE AND/OR USE OF INTEL PRODUCTSINCLUDING LIABILITY OR WARRANTIESRELATING TO FITNESSFOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR INFRINGEMENT OF ANY PATENT, COPYRIGHT OR OTHER INTELLECTUAL PROPERTY RIGHT. A "Mission Critical Application" isany application in which failureof theIntel Productcould result, directly or indirectly, in personal injury or death. SHOULD YOU PURCHASE OR USE INTEL'S PRODUCTSFOR ANY SUCH MISSION CRITICAL APPLICATION, YOU SHALL INDEMNIFY AND HOLD INTEL AND ITSSUBSIDIARIES, SUBCONTRACTORSAND AFFILIATES, AND THE DIRECTORS, OFFICERS, AND EMPLOYEESOF EACH, HARMLESSAGAINST ALL CLAIMSCOSTS, AMAGES, AND EXPENSESAND REASONABLE ATTORNEYS' FEESARISING OUT OF, DIRECTLY OR INDIRECTLY, ANY CLAIM OF PRODUCT LIABILITY, PERSONAL INJURY, OR DEATH ARISING IN ANY WAY OUT OF SUCH MISSION CRITICAL APPLICATION, WHETHER OR NOT INTEL OR ITSSUBCONTRACTOR WASNEGLIGENT IN THE DESIGN, MANUFACTURE, OR WARNING OF THE INTEL PRODUCT OR ANY OF ITSPARTS. Intel may makechangesto specificationsand productdescriptionsatany time, withoutnotice. Designersmustnotrely on theabsenceor characteristicsof any featuresor instructionsmarked "reserved" or "undefined". Intel reservesthesefor futuredefinition and shall haveno responsibility whatsoever for conflictsor incompatibilitiesarising from futurechangesto them. Theinformation hereissubjectto changewithoutnotice. Do notfinalizea design with thisinformation. Theproductsdescribed in thisdocumentmay contain design defectsor errorsknown aserrata which may causetheproductto deviatefrom published specifications. Currentcharacterized errata areavailableon request.
    • LEGAL DISCLAIMER 2/2 Intel processor numbersarenota measureof performance. Processor numbersdifferentiatefeatures within each processor family, notacrossdifferentprocessor families. Go to: http://www.intel.com/products/processor_number. Contactyour local Intel salesofficeor your distributor to obtain thelatestspecificationsand before placing your productorder. Copiesof documentswhich havean order number and arereferenced in thisdocument, or other Intel literature, may beobtained by calling 1-800-548-4725, or go to: http://www.intel.com/design/literature.htm Intel, Sponsorsof Tomorrow and theIntel logo aretrademarksof Intel Corporation in theUnited Statesand other countries. *Other namesand brandsmay beclaimed astheproperty of others. Copyright©2012 Intel Corporation.
    • RISK FACTORS 1/2 Theabovestatementsand any othersin thisdocumentthatrefer to plansand expectationsfor the second quarter, theyear and thefutureareforward-looking statementsthatinvolvea number of risks and uncertainties. Wordssuch as“anticipates,”“expects,”“intends,”“plans,”“believes,”“seeks,” “estimates,”“may,”“will,”“should”and their variationsidentify forward-looking statements. Statements thatrefer to or arebased on projections, uncertain eventsor assumptionsalso identify forward-looking statements. Many factorscould affectIntel’sactual results, and variancesfrom Intel’scurrent expectationsregarding such factorscould causeactual resultsto differ materially from thoseexpressed in theseforward-looking statements. Intel presently considersthefollowing to betheimportantfactors thatcould causeactual resultsto differ materially from thecompany’sexpectations. Demand could be differentfrom Intel'sexpectationsdueto factorsincluding changesin businessand economic conditions, including supply constraintsand other disruptionsaffecting customers; customer acceptanceof Intel’sand competitors’ products; changesin customer order patternsincluding order cancellations; and changesin thelevel of inventory atcustomers. Uncertainty in global economic and financial conditionsposesa riskthatconsumersand businessesmay defer purchasesin responseto negativefinancial events, which could negatively affectproductdemand and other related matters. Intel operatesin intensely competitiveindustriesthatarecharacterized by a high percentageof coststhatare fixed or difficultto reducein theshortterm and productdemand thatishighly variableand difficultto forecast. Revenueand thegrossmargin percentageareaffected by thetiming of Intel product introductionsand thedemand for and marketacceptanceof Intel'sproducts; actionstaken by Intel's competitors, including productofferingsand introductions, marketing programsand pricing pressures and Intel’sresponseto such actions; and Intel’sability to respond quickly to technological developments and to incorporatenew featuresinto itsproducts. Intel isin theprocessof transitioning to itsnext generation of productson 22nm processtechnology, and therecould beexecution and timing issues associated with thesechanges, including productsdefectsand errata and lower than anticipated manufacturing yields.
    • RISK FACTORS 2/2 Thegrossmargin percentagecould vary significantly from expectationsbased on capacity utilization; variationsin inventory valuation, including variationsrelated to thetiming of qualifying productsfor sale; changesin revenuelevels; segmentproductmix; thetiming and execution of themanufacturing ramp and associated costs; start-up costs; excessor obsoleteinventory; changesin unitcosts; defectsor disruptionsin thesupply of materialsor resources; productmanufacturing quality/yields; and impairmentsof long-lived assets, including manufacturing, assembly/testand intangibleassets. The majority of Intel’snon-marketableequity investmentportfolio balanceisconcentrated in companiesin theflash memory marketsegment, and declinesin thismarketsegmentor changesin management’s planswith respectto Intel’sinvestmentsin thismarketsegmentcould resultin significantimpairment charges, impacting restructuring chargesaswell asgains/losseson equity investmentsand interestand other. Intel'sresultscould beaffected by adverseeconomic, social, political and physical/infrastructure conditionsin countrieswhereIntel, itscustomersor itssuppliersoperate, including military conflictand other security risks, natural disasters, infrastructuredisruptions, health concernsand fluctuationsin currency exchangerates. Expenses, particularly certain marketing and compensation expenses, aswell asrestructuring and assetimpairmentcharges, vary depending on thelevel of demand for Intel's productsand thelevel of revenueand profits. Intel’sresultscould beaffected by thetiming of closing of acquisitionsand divestitures. Intel'sresultscould beaffected by adverseeffectsassociated with product defectsand errata (deviationsfrom published specifications), and by litigation or regulatory matters involving intellectual property, stockholder, consumer, antitrust, disclosureand other issues, such as thelitigation and regulatory mattersdescribed in Intel'sSECreports. An unfavorableruling could includemonetary damagesor an injunction prohibiting Intel from manufacturing or selling oneor more products, precluding particular businesspractices, impacting Intel’sability to design itsproducts, or requiring other remediessuch ascompulsory licensing of intellectual property. A detailed discussion of theseand other factorsthatcould affectIntel’sresultsisincluded in Intel’sSECfilings, including the reporton Form 10-K for theyear ended Dec. 31, 2011.