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

1. HTML5* e Intel AppUpTM encapsulator
Francesco Baldassarri - #AppUp

2. Cos’è una Web Application?
Un’applicazione scritta con tecnologie Web come
• HTML5*
• JavaScript
• CSS
Un’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. Intel AppUp TM encapsulator Architecture
Overview
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. 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. 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. 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. 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. 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. Intel AppUpTM SDK e IDE Plug-In

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. Tecnologie Supportate
• C/C++ e
2008 e 2010

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 l'invio dell'applicazione

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. Intel
AppUp TM SDK Plug-in
integrata in Visual Studio*
• Accesso facile alla “My
Dashboard”
• Start/Stop Debugger
• Accesso allo IADP
Developer Form
• Documentazione SDK
• Package Utility

15. Tools Menu in IDE
15

16. Aggiunta di Codici di
Autorizzazione e GUID
16

17. DEMO della SDK per .NET

18. .NET SDK Plug-in Package
Creator
• 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. App Signing
• Migliora la qualità complessiva dell'Intel AppUpSM Center, conferisce
garanzia di qualità alle apps
• Applicazioni migliori significa migliore esperienza d'uso
• 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. App Signing Utility
http://appdeveloper.intel.com/en-us/article/app-signing-tool-download

21. Beta, Beta, Beta
• Testare l’app come un utente finale reale
• E' necessario iscriversi Intel AppUp SM Center (identità diversa da quella dell'IADP)
• 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. Comuni insidie nella presentazione
di un’App
• Risoluzione dello schermo (1024x600px)
• Errori visualizzazione UI
• L'applicazione si esegue lentamente
• Pubblicizzione di metodi alternativi per l'acquisto
• Intel advertising
• L’applicazione si può lanciare dal desktop
• Le applicazioni non sono a 32 bit o 64 bit
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. Francesco Baldassarri
Domande? francescox.baldassarri@intel.com
@francesco_1985