Utilizzando HTML5, è possibile creare la propria Web app per l'iPad di Apple. Utilizzo di applicazioni Web built-in Web browser Safari dell'iPad per operare l'app HTML5 utilizzabile in combinazione con CSS e JavaScript per creare un'infinita varietà di applicazioni, tra cui giochi. Gli utenti possono salvare le app sulla loro home page con l'icona dell'app. L'app offline possono accedere anche se il codice dell'app per memorizzare nella cache i file in memoria dell'iPad.

Istruzioni

Ricerca e preparazione

1

Selezionare un programma da utilizzare per la creazione dell'applicazione. Anche se è possibile utilizzare programmi di progettazione Web sofisticati come Adobe Dreamweaver, è anche possibile utilizzare un editor di testo di base come il blocco note per creare file HTML e CSS.

2

Ricerca Safari Developer Library di Apple per esercitazioni ed esempi di codice. Codice è disponibile per molte delle caratteristiche iPad, ad esempio "SlideMe," come pure altri HTML, CSS e JavaScript codici specificamente per dispositivi Apple iOS e per Safari in generale.

3

Acquisire familiarità con gli standard e le funzionalità di HTML5, CSS e JavaScript per l'iPad. Codici di esempio e tutorial sono disponibili in libri dalla biblioteca pure a partire da sviluppatori esperti in Blog e forum.

Progettare l'App

4

Creare una pagina HTML separata per ogni pagina il tuo app. link HTML di uso per avere agli utenti di spostarsi da una pagina a altra.

5

Utilizzare gli eventi tocco piuttosto che gli eventi del mouse sulle pagine di app per ospitare l'iPad interfaccia touch screen. Ad esempio, utilizzare "touchstart", "touchend,", "touchmove" e "touchcancel", piuttosto che utilizzare gli eventi del mouse.

6

Utilizzare gli attributi di stile "textarea" per le zone dove l'utente deve immettere testo nell'app. L'iPad non supporta l'attributo "contenteditable" browser di computer utilizzato.

7

Includere il "< html manifest="cache.manifest ">" attributo in ogni pagina se si desidera che l'app sia disponibile non in linea. Si noti che si richiederà anche un "htaccess" e un "manifesto" file nella directory principale dell'applicazione per poter utilizzare le abilità di cache di HTML5.

Disegno dell'icona

8

Selezionare un'immagine che è rappresentante della tua app, o creare una nuova immagine utilizzando qualsiasi programma di grafica come GIMP o Photoshop. Quando gli utenti salvano l'app da Safari, l'icona apparirà sulla schermata iniziale.

9

Salvare l'immagine come PNG file cioè 114 di 114 pixel nel formato con il nome "apple-touch-icon. png." Inserire il file di immagine nella directory principale per l'applicazione per iPad. L'iPad stilizzato splendere e angoli arrotondati vengono applicati all'icona quando viene salvato sul dispositivo.

10

Includere un collegamento all'icona nell'intestazione delle pagine Web app utilizzando il "< link rel ="apple-touch-icon"href =". / apple-touch-icon. png "/ >" formato. Questo link dirige l'iPad, o qualsiasi altro dispositivo di iOS di Apple, per è stato salvato l'icona.

Test sul tuo Computer

11

Scarica il browser Web Safari di Apple da apple.com/safari e installarlo sul tuo computer. Questo browser vi permetterà di testare l'app dal tuo computer mentre si stanno costruendo.

12

Avviate Safari. Selezionare "Preferenze" dal menu "File" e selezionare "Avanzate". Fare clic sull'opzione "Visualizza sviluppare Menu nella barra dei Menu". Il menu "Sviluppo" viene visualizzata nella parte superiore della finestra.

13

Scegliere il menu "Sviluppo". Selezionare "User Agent", poi "Altro". Si apre una finestra di dialogo. Fare doppio clic sul contenuto e premere "Elimina". Pasta "Mozilla/5.0 (iPad; U; 3_2 CPU OS come Mac OS X; it-noi) AppleWebKit/531.21.10 (KHTML, come Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 "nel campo di testo. Safari ora si esibirà come la versione per iPad.