HTML5* e Intel AppUpTM encapsulator                   Francesco Baldassarri - #AppUp
Cos’è una Web Application?Un’applicazione scritta con tecnologie Web come•   HTML5*•   JavaScript•   CSSUn’applicazione sc...
Intel AppUp TM   encapsulator ArchitectureOverview             Intel AppUpTM encapsulator              AppUp       Debug  ...
Uso Intel AppUpSM encapsulator                            •   Upload zip file con i                                necessa...
Creazione del File Binario                             • Intel AppUpSM                               Encapsulator creerà u...
Come creare una Web Application• HTML5* – Hyper text markup language• 5th revision di HTML• Languaggio per la creazione di...
Come creare una Web Application• CSS – Cascading Style Sheets• Aggiorna il look del markup (HTML)• Usato per descrivere la...
Come creare una Web Application • JavaScript • Dona “intelligenza” alle web app • Basato sullo standard ECMAScript languag...
Intel   AppUpTM   SDK e IDE Plug-In
Ma anche App native…                       • Se non hai una Web App puoi                         usare la SDK per Windows*...
Tecnologie Supportate     • C/C++ e                 2008 e 2010
Servizi della SDK• Authorization   – dispositivo autorizzato ad eseguire l’applicazione?   – l’app autorizzata ad utilizza...
Come inviare l’Applicazione                              •   Lo strumento di gestione                                  del...
Intel    AppUp TM    SDK Plug-inintegrata in Visual Studio*                         • Accesso facile alla “My             ...
Tools Menu in IDE                    15
Aggiunta di Codici diAutorizzazione e GUID                        16
DEMO della SDK per .NET
.NET SDK Plug-in PackageCreator                           • Procedimento Easy                             step by step    ...
App Signing• Migliora la qualità complessiva dellIntel AppUpSM Center, conferisce  garanzia di qualità alle apps• Applicaz...
App Signing Utilityhttp://appdeveloper.intel.com/en-us/article/app-signing-tool-download
Beta, Beta, Beta•   Testare l’app come un utente finale reale•   E necessario iscriversi Intel AppUp SM Center (identità d...
Comuni insidie nella presentazionedi un’App•   Risoluzione dello schermo (1024x600px)•   Errori visualizzazione UI•   Lapp...
Fallimento della validazione                      • Notifiche via e-mail e maggiori                        dettagli sul si...
Francesco BaldassarriDomande?   francescox.baldassarri@intel.com           @francesco_1985
Upcoming SlideShare
Loading in...5
×

Intel AppUp Webinar Italiano html5

758

Published on

Slides shown in our Italian webinar about html5 and our tool Encapsulator

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
758
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • What is a webapp?An application built using web technologies like HTML5, JavaScript, CSSRuns in a browser or browser engineApplication that can be severed over internet etc
  • Support for C++, .NET, Java, AIR
  • Authorizationverificacheildispositivo end-user siaautorizzato ad eseguirel’applicazioneVerificachel’applicazionesiaautorizzata ad utilizzareilcomponenteInstrumentationregistra le statistichesull’utilizzodell’applicazione e le inseriscesullatua developer’s dashboard1Crash Reportingriportatuttii crash dell’applicazionetentadicollezzionaretuttiidatirigurdanti I crash (come stack dichiamata)riporta statistiche e dati riguardanti i crash sulla propria developer’s dashboardIn-App UpgradeDevelopment Toolsvarie utilities per agevolare i test, il packaging e l'invio dell'applicazionePIRACY
  • Microsoft tools needs to be installed for this to work
  • Intel AppUp Webinar Italiano html5

    1. 1. HTML5* e Intel AppUpTM encapsulator Francesco Baldassarri - #AppUp
    2. 2. Cos’è una Web Application?Un’applicazione scritta con tecnologie Web come• HTML5*• JavaScript• CSSUn’applicazione scritta per essere eseguita in un browser come• Google* Chrome• Firefox*• Safari*• IE*Un’applicazione scritta per essere eseguita in un browser engine come• WebKit 2
    3. 3. Intel AppUp TM encapsulator ArchitectureOverview Intel AppUpTM encapsulator AppUp Debug Web AppUp Center support code SDK... Auth. Loader Webkit Your web code Your Windows*web code HTML, CSS, JavaScript, web API calls, embeddable code Installer (msi)
    4. 4. Uso Intel AppUpSM encapsulator • Upload zip file con i necessari index.html e icon file. • Inserire i parametri richiesti • Crea il MSI • Inserire GUID richiesto • SIGN MSI (necessario) • SDK non necessaria
    5. 5. Creazione del File Binario • Intel AppUpSM Encapsulator creerà un singolo file binario • Con estensione MSI • Infine sarà necessario caricare il file binario nell’apposita sezione
    6. 6. Come creare una Web Application• HTML5* – Hyper text markup language• 5th revision di HTML• Languaggio per la creazione di Rich User Interface• Markup semplice interpretato dal Browser stesso 6
    7. 7. Come creare una Web Application• CSS – Cascading Style Sheets• Aggiorna il look del markup (HTML)• Usato per descrivere layout, color, font del MarkUp 7
    8. 8. Come creare una Web Application • JavaScript • Dona “intelligenza” alle web app • Basato sullo standard ECMAScript language • Frameworks multipli disponibili: Jquery, Dojo, Yahoo YUI, Prototype 8
    9. 9. Intel AppUpTM SDK e IDE Plug-In
    10. 10. Ma anche App native… • Se non hai una Web App puoi usare la SDK per Windows* • Integrazione SDK facile e semplice • Step by Step Wizards • Package Builder Automatizzato • Beta Test • Submit 10
    11. 11. Tecnologie Supportate • C/C++ e 2008 e 2010
    12. 12. Servizi della SDK• Authorization – dispositivo autorizzato ad eseguire l’applicazione? – l’app autorizzata ad utilizzare il componente?• Instrumentation – invio statistiche sulla developer’s dashboard1• Crash Reporting – tutti i crash dell’applicazione – collezziona i dati rigurdanti i crash – statistiche e dati sui crash mostrati sulla developer’s dashboard• In-App Upgrade• Development Tools – utilities per agevolare i test, il packaging e linvio dellapplicazione
    13. 13. Come inviare l’Applicazione • Lo strumento di gestione delle proprie applicazioni si strova in “My Dashboard” • Gestione ricavi, messaggi, componenti, app view status, etc • Ogni account può al massimo avere 500 applicazioni • Start App Submission
    14. 14. Intel AppUp TM SDK Plug-inintegrata in Visual Studio* • Accesso facile alla “My Dashboard” • Start/Stop Debugger • Accesso allo IADP Developer Form • Documentazione SDK • Package Utility
    15. 15. Tools Menu in IDE 15
    16. 16. Aggiunta di Codici diAutorizzazione e GUID 16
    17. 17. DEMO della SDK per .NET
    18. 18. .NET SDK Plug-in PackageCreator • Procedimento Easy step by step • Riduce gli errori • “Point and Click” • Non disegnato se si necessita di eseguire azioni personalizzate • Perfetto per le installazioni semplici
    19. 19. App Signing• Migliora la qualità complessiva dellIntel AppUpSM Center, conferisce garanzia di qualità alle apps• Applicazioni migliori significa migliore esperienza duso• Evita virus o software dannoso nello store.• Per questo si necessita di “firmare” le apps e tenerla aggiornata• Certificati: Chosen Security, Verisign, Globalsign, Thawte, Trust Center, Go Daddy Secure Certification Authority and Comodo• Certificate Tutorial: 20
    20. 20. App Signing Utilityhttp://appdeveloper.intel.com/en-us/article/app-signing-tool-download
    21. 21. Beta, Beta, Beta• Testare l’app come un utente finale reale• E necessario iscriversi Intel AppUp SM Center (identità diversa da quella dellIADP)• Fino a 50 beta testers permessi per app• Non è necessario acquistare l’app come beta tester• In modalità beta testing tutte le applicazioni possono essere inviate• Velocizzazione significativo metodo di convalida• Si consiglia sempre di eseguire i test su macchina "pulita" 22
    22. 22. Comuni insidie nella presentazionedi un’App• Risoluzione dello schermo (1024x600px)• Errori visualizzazione UI• Lapplicazione si esegue lentamente• Pubblicizzione di metodi alternativi per lacquisto• Intel advertising• L’applicazione si può lanciare dal desktop• Le applicazioni non sono a 32 bit o 64 bit 23
    23. 23. Fallimento della validazione • Notifiche via e-mail e maggiori dettagli sul sito IADP • Indicazioni esatte sul fallimento della validazione step by step • Test Results • Tipicamente il rigetto si ha nella convalida del binario 24
    24. 24. Francesco BaldassarriDomande? francescox.baldassarri@intel.com @francesco_1985
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×