Come costruire forme e applicazioni per l'iPod

February 6

Anche con una conoscenza limitata di Web codifica è possibile costruire rapidamente le proprie forme e applicazioni per l'iPod Touch, iPhone o iPad. Per costruire queste forme da zero si avrebbe bisogno competenza in PHP, HTML5, JavaScript e CSS. Tuttavia, anche se non si è certi che cosa significano queste sigle, ci sono un sacco di pagine di esempio disponibili on-line da sviluppatori esperti che è possibile utilizzare per rendere le proprie applicazioni e forme.

istruzione

1 Assicurarsi di avere accesso a un server Web di un server di applicazioni PHP e un database SQL. La maggior parte delle società di web hosting fanno PHP e SQL disponibili quando ti iscrivi per servizi di hosting Web. Consultare la documentazione del Web host per vedere come accedervi.

2 Sfoglia Biblioteca Sviluppo Safari di Apple per il codice di esempio per utilizzare come base del modulo Web. Altri siti web developer come net.tutsplus.com hanno codice di esempio libero di aiutare a progettare forme e applicazioni per i dispositivi mobili come l'iPod Touch o iPhone.

3 Aprire i file di modello in un editor di testo di base come il Blocco note. Se si dispone di esperienza con un programma di Web design come Dreamweaver, utilizzare questo per aprire i file, invece.

4 Salvare qualsiasi file utilizzando il codice PHP utilizzando l'estensione ".php", piuttosto che ".html" anche se c'è HTML nella pagina.

5 Sostituire eventuali eventi del mouse nella pagina, ad esempio "mouseover" con eventi touch come "TouchStart", "touchmove" e "touchcancel." dispositivi Apple iOS non riconoscono gli eventi del mouse.

6 Fare uso di codice specifico iOS nei CSS di fare uso di iPhone e iPod Touch caratteristiche. Ad esempio, per creare un campo di testo utilizzando gli angoli arrotondati, nello stile caratteristico di iOS, è possibile utilizzare il seguente codice:
{
-webkit-border-radius: 10px;
}

7 Sfruttate la "Correzione automatica" iOS o "autocapitalize" attributi nei campi di testo per correggere gli errori di ortografia o aggiungere capitali per le prime lettere in parole o frasi. Ad esempio, il seguente codice automaticamente maiuscola la prima lettera delle parole nel campo del nome della città, la prima lettera di una frase in un campo commenti, ma non nel campo nome utente:
<Form autocapitalize = "parole">

City: &lt;input name=&quot;city&quot; autocapitalize=&quot;characters&quot;>
Comments: &lt;textarea name=&quot;comments&quot; autocapitalize=&quot;sentences&quot;>&lt;/textarea>
Username: &lt;input name=&quot;username&quot; autocapitalize=&quot;none&quot;>

</ Form>

8 Carica i tuoi file su un server Web, quindi accedere alla pagina di applicazione con il vostro iPod Touch o iPhone. Testare l'applicazione a fondo prima di dirigere a chiunque di vostra nuova applicazione.

Creazione di Icona App

9 Creare un'immagine icona per rappresentare la vostra applicazione Web utilizzando qualsiasi programma di editing di progettazione grafica o la foto che consente di salvare immagini in formato PNG. Dimensioni l'immagine in modo che sia 114 per 114 pixel.

10 Salvare l'immagine come "apple-touch-icon.png". Carica l'immagine nella directory principale sul server Web utilizzando un client FTP come FileZilla. Questa immagine verrà visualizzata sul iPod o iPhone quando gli utenti salvano l'applicazione per i loro schermi a casa.

11 Inserisci "<link rel =" Apple-touch-icon "href =" ./ apple-touch-icon.png "/>" nell'intestazione della pagina Web App. Questo dice l'iPod o l'iPhone dove trovare l'immagine dell'icona . l'iPod touch o iPhone sarà stilizzare l'immagine con angoli arrotondati e un effetto brillantezza come fa con tutte le icone.

Effettuare la App Disponibile Offline

12 Inserire la linea "<html manifesto =" / offline.manifest ">" nella testa della pagina Web App. Dirige l'iPod al file "manifest", che elenca i file e le immagini l'iPod ha bisogno di risparmiare per mettere in cache per eseguire la linea app.

13 Creare un file di testo base denominato "manifesto" senza l'estensione ".txt". Inserisci "CACHE PALESE" nella prima riga, "cache" nella seconda riga, quindi ogni file e immagine usata da l'applicazione in una riga separata dopo che, inclusi i file CSS. Questo specifica che questi file sono che si terrà nella cache iPod per archiviare la vostra applicazione in linea. Carica il file nella directory principale del server Web.

14 Individuare il file ".htaccess" nella directory principale del server Web e inserire "AddType text / cache-manifest manifest" come una nuova linea in questo file. Dirige l'iPod dove localizzare il file manifesto.