HTML5* e Intel AppUpTM encapsulator

Francesco Baldassarri - #AppUp

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

• WebKit2

Cos’è una Web Application?

Intel AppUpTM encapsulator Architecture Overview

Intel AppUpTM encapsulator

AppUpCenter Auth.

Debugsupport

Web code

Loader

AppUpSDK...

WebkitYour web code

HTML, CSS, JavaScript, web API calls,embeddable code

Yourweb code

Windows*Installer

(msi)

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

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

• HTML5* – Hyper text markup language• 5th revision di HTML • Languaggio per la creazione di Rich User Interface• Markup semplice interpretato dal Browser stesso

6

Come creare una Web Application

• CSS – Cascading Style Sheets• Aggiorna il look del markup (HTML)• Usato per descrivere layout, color, font del MarkUp

7

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

Come creare una Web Application

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

Tecnologie Supportate

• C/C++ e

2008 e 2010

• 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

Servizi della SDK

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

Intel AppUpTM 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

16

Aggiunta di Codici di Autorizzazione e GUID

DEMO della SDK per .NET

• 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

.NET SDK Plug-in Package Creator

• 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

App Signing

App Signing Utility

http://appdeveloper.intel.com/en-us/article/app-signing-tool-download

• 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

Beta, Beta, Beta

• 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

Comuni insidie nella presentazione di un’App

• 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

Fallimento della validazione

Domande?Francesco Baldassarrifrancescox.baldassarri@intel.com@francesco_1985