Chiudi il Menu
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
Menu Espanso
  • Home
  • Forum
  • Notizie
  • Offerte iSpazio
  • iOS 26
  • iPhone 16
  • Downloads
  • Guide
  • Sconti Amazon
  • Contatti
  • Pubblicità
Facebook X (Twitter) Instagram YouTube TikTok
iSpazioiSpazio
  •  Forum
  • Offerte iSpazio
  • Wallpapers Central
  • Teslers
Scarica l'App
  • Offerte
  • Sfondi
  • Guide
    • Personalizzazione
    • Video Guide TikTok
  • Recensioni
  • Downloads
    • Sfondi
    • Suonerie
    • Comandi Rapidi
    • Sfondi Personalizzati
    • Widget e Altro
    • iOS
    • iTunes
  • Dispositivi Apple
    1. iPhone
    2. iPad
    3. Mac
    4. Apple Watch
    5. iOS 26
    6. Vedi tutto

    iPhone 17 Pro si tinge di arancione e blu: spuntano i primi render

    18 Lug 2025

    L’iPhone 17 Pro potrebbe avere un nuovo display anti-riflesso e più resistente

    17 Lug 2025

    iPhone 17, trapelati tutti i colori dell’intera gamma

    16 Lug 2025

    iPhone 17: arriva la ricarica wireless a 25W con accessori di terze parti

    16 Lug 2025

    iPadOS 26 porta quattro nuove app su tutti gli iPad compatibili

    26 Giu 2025

    Apple avvia la produzione dei nuovi iPad Pro OLED, lancio previsto in autunno

    26 Giu 2025

    iPad Pro verso cornici più sottili: Apple valuta nuovi chip driver LG

    24 Giu 2025

    iPadOS 26 porta Stage Manager su molti più modelli di iPad

    23 Giu 2025

    ChatGPT su Mac si aggiorna: ora registra le riunioni e crea note automatiche, ma attenzione alla privacy

    17 Lug 2025

    Un’app creata al 95% da un’AI segna una svolta per lo sviluppo software

    10 Lug 2025

    BOE diventa il principale fornitore di display per i MacBook

    8 Lug 2025

    Apple ha già definito i piani per 15 nuovi Mac: M5 entro il 2025, M6 e redesign nel 2026. Bonus: un MacBook economico

    4 Lug 2025

    watchOS 26 regola il volume delle notifiche in base al rumore ambientale

    16 Lug 2025

    Apple Watch Ultra 3: arriverà in autunno con tre novità inedite

    12 Lug 2025

    Il nuovo modello AI di Apple usa i dati comportamentali raccolti da Apple Watch per prevedere meglio lo stato di salute

    11 Lug 2025

    Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

    4 Lug 2025

    Con iOS 26 le tue AirPods (e la custodia) non saranno mai più scariche con le notifiche intelligenti

    18 Lug 2025

    Apple mostra cosa può fare la funzione Ripulisci [Video]

    18 Lug 2025

    Meta continua a svuotare il team AI di Apple con altre due assunzioni chiave

    18 Lug 2025

    Ecco le nuove emoji in arrivo su iPhone con iOS 26

    18 Lug 2025

    Con iOS 26 le tue AirPods (e la custodia) non saranno mai più scariche con le notifiche intelligenti

    18 Lug 2025

    Apple mostra cosa può fare la funzione Ripulisci [Video]

    18 Lug 2025

    Meta continua a svuotare il team AI di Apple con altre due assunzioni chiave

    18 Lug 2025

    Ecco le nuove emoji in arrivo su iPhone con iOS 26

    18 Lug 2025
  • iPhone 16
  • iOS 26
  • Sconti Amazon
Contatti
Pubblicità
iSpazioiSpazio
  • Notizie
  • Offerte iSpazio
  • Sfondi
  • Downloads
  • Recensioni
  • iOS 26
  • Sconti Amazon
iPhone

DashCode Guides #3 – Condivisione con Xcode (Parte I): Trasformiamo una WebApp in un’Applicazione nativa

CorsDi Cors10 Feb 2009Commenta5 min di lettura
Condividi Facebook Twitter Telegram WhatsApp Copia Link Threads Email
Share
Facebook Twitter WhatsApp Telegram Threads Email Copia Link
In qualità di Affiliato Amazon, iSpazio riceve una commissione dagli acquisti idonei senza alcun costo per voi. (info).
Icona Cerchi Prodotti Apple ed accessori Tech in sconto?

Cerchi Prodotti Apple ed accessori Tech in sconto?

Segui il nostro canale @scontiamolo su Telegram!

Advertising

Eccoci al nostro nuovo appuntamento settimanale con le guide per DashCode. Oggi studieremo come trasformare una WebApp in un’Applicazione Nativa per iPhone/iPod Touch. Data la lunghezza della guida, la divideremo in capitoli, per una migiore comprensione e per fare in modo che ci si soffermi di più sui dettagli.

Requisiti:

  • Developer Tools 3.0 (Xcode, DashCode, iPhone Simulator)

Obiettivi:

  • Approfondire la conoscenza di DashCode e Xcode
  • Introduzione ad Interface Builder
  • Preparazione di una WebApp da trasformare in App Nativa
  • Condividere file tra DashCode e Xcode

Procedimento:

1. Apriamo DashCode, ed apriamo il nostro progetto creato precedentemente. Spostiamoci nella sezione Condividi e modifichiamo le impostazioni a nostro piacimento. A questo punto, clicchiamo su Effettua deployment:

immagine-292. Ora chiudiamo DashCode e apriamo Xcode, dalla barra degli strumenti scegliamo di creare un New Project.

immagine-39

3. Scegliamo a sinistra una Application per iPhone OS ed a destra View Based.

immagine-46

4. Dapprima dobbiamo ricordare che Xcode, a differenza di DashCode, non è tradotto in italiano ed è quindi completamente in inglese. Ora facciamo una panoramica generale: A sinistra troviamo tutte le parti che compongono l’App non ancora compilata, suddivisi in categorie. In alto troviamo vari pulsanti ed impostazioni quali per esempio Active SDK e Active Build Configuration che ci saranno utili prossimamente e i due pulsanti Build e Build and Go. Poi nella metà destra alta abbiamo un elenco dei file presenti, ma non sono organizzati come a sinistra. Nella metà destra bassa abbiamo un editor di testi che all’evenienza si può trasformare anche in una sorta di Anteprima rudimentale.

immagine-54

5. Per prima cosa clicchiamo una sola volta sul file Info.plist e vedremo che l’editor lo aprirà. Adattiamo i parametri alle nostre esigenze.

immagine-64

6. Dalla colonna di sinistra scegliamo Resources e poi facciamo doppio click su iSpazioViewController.xib. Si aprirà automaticamente Interface Builder.

immagine-74

7. Sulla sinistra notiamo una finestra chiamata Library. Da questa possiamo scegliere tutti i componenti grafici, e non, che possiamo comodamente trascinare all’interno dell’altra finestra (adesso completamente bianca) che rappresenta, in scala reale, quello che si vedrà sull’iPhone una volta lanciata l’applicazione. Noi scegliamo Web View dalla categoria Library – Cocoa Touch Plugins – Data Views e la trasciniamo nella finestra bianca. Il nostro componente si ridimensionerà automaticamente, tanto da occupare tutta la finestra.

immagine-84

8. Otterremo qualcosa come qui sotto. Ora salviamo il file grafico di progetto.

immagine-93

9. Torniamo a Xcode. Dobbiamo ora modificare alcuni file, che troviamo nel gruppo Classes sulla sinistra, affinchè la nostra App funzioni correttamente. Per primo modifichiamo il file iSpazioViewController.h:

immagine-10310. Salviamo il file e passiamo a modificare iSpazioViewController.m:

immagine-111111. Completato questo processo e salvati i file possiamo tornare ad Interface Builder. Quando ci si è aperto per la prima volta questa applicazione abbiamo parlato di due finestre, ma ne erano presenti tre. La terza contiene la parte più progettuale e sistemica di questo progetto in versione grafica. Premiamo con il tasto destro sull’icona chiamata File’s Owner, ci si aprirà un attraente pannello nero. Premiamo il cerchietto bianco di fianco alla scritta webView e trasciniamolo fino alla nostra finestra dove avevamo prima posizionata la Web View.

immagine-171

12. Salviamo tutto e chiudiamo pure Interface Builder. Rieccoci ad Xcode. Dalla colonna di sinistra premiamo con il tasto destro e scegliamo Add -> New Group. Chiamiamolo iSpazio.

immagine-191

13. Con il Finder andiamo a trovare quella cartella in cui è stata salvata la nostra WebApp con DashCode. Il percorso dovrebbe essere questo: “Macintosh HD/?NomeUtente?/Siti/ispazio”. Una volta entrati in questa cartella spostiamo i tre file con estensione *.js (attributes.js, main.js, RSSSupport.js) nella cartella Parts. Poi trasciniamo tutti i file presenti nella cartella ispazio, in cui ci eravamo portati prima, all’interno del gruppo iSpazio, che abbiamo precedentemente creato in Xcode. Appena fatto questo ci si aprirà un nuovo pannello che ci chiederà di decidere i parametri per la copia dei file. Impostiamo come qui sotto:

immagine-221

14. Ora sempre dalla colonna di sinistra, nel gruppo iSpazio, scegliamo index.html. Per questo file dobbiamo effettuare delle modifiche alle prime righe di codice.

immagine-130

15. Una volta modificato il file e salvato, abbiamo finito. Dalla barra degli strumenti controlliamo che Active SDK sia impostato su Simulator – iPhone OS 2.0 e che Active Build Configuration sia su Debug. Ora premiamo il tasto Build and Go. Per qualche secondo Xcode lavorerà e compilerà la nostra app, poi si aprirà iPhone Simulator e si lancerà automaticamente l’applicazione.

immagine-281

Questa era l’ultima fase del progetto di oggi. Abbiamo ottenuto un’App Nativa che mostra una breve anteprima di tutti i contenuti che vengono pubblicati su iSpazio.

Se aveste problemi, potete scaricare il file di progetto

 

Mentre se ne aveste bisogno, qui c’è la guida in formato PDF

 

 

Nella prossima guida, personalizzeremo ancora di più quest’app e vedremo come trasferirla e farla funzionare sul nostro iPhone o iPod Touch anche senza una licenza di developer Apple. Con questo concludo e vi saluto tutti.

Andrea Corsini per iSpazio.net

Sai che siamo anche su Telegram? Unisciti al nostro canale iSpazio per ricevere le notifiche oppure Apple Italia per chattare con altri utenti. Scopri i migliori prodotti Tech in sconto su Amazon con il nostro canale OFFERTE iSpazio.
Icona dell'applicazione Le Migliori Offerte Amazon disponibile su App Store

Le Migliori Offerte Amazon

Selezionate dalla redazione di iSpazio
GUARDALE LIVE  
  • Filtra:
  • Tutte
  • Minimo Storico
  • Alimentari e cura della casa
  • Casa e cucina
  • Dispositivi amazon
  • Fai da te
  • Giochi e giocattoli
  • Informatica
  • Salute e cura della persona
Audible regala 3 mesi di servizio, per ascoltare i libri anzichè leggerli
In Evidenza
Audible regala 3 mesi di servizio, per ascoltare i libri anzichè leggerli29,97€Gratis
30%
Caffè Vergnano 1882 Miscela Classica Caffè Macinato Granaroma, 2 x 250g
00:24
Caffè Vergnano 1882 Miscela Classica Caffè Macinato Granaroma, 2 x 250g9,90€6,89€
35%
Scottonelle Carta Igienica, Morbida e Resistente, Dermatologicamente testata, 48 Rotoli
00:19
Scottonelle Carta Igienica, Morbida e Resistente, Dermatologicamente testata, 48 Rotoli23,80€15,52€
25%  
DJI Mini 4 Pro (con DJI RC-N2), mini drone pieghevole per adulti con fotocamera HDR in 4K, meno di 249 g, autonomia di volo di 34 min., distanza di trasmissione video max. di 20 km, C0
00:19
DJI Mini 4 Pro (con DJI RC-N2), mini drone pieghevole per adulti con fotocamera HDR in 4K, meno di 249 g, autonomia di volo di 34 min., distanza di trasmissione video max. di 20 km, C0799,00€599,90€
37%  
Rowenta Turbo Swift Silence, Ventilatore a Piantana, Freschezza Intensa e Silenziosa, Oscillazione Multidirezionale, QV5041F0
00:19
Rowenta Turbo Swift Silence, Ventilatore a Piantana, Freschezza Intensa e Silenziosa, Oscillazione Multidirezionale, QV5041F0119,99€75,99€
58%
Ekon multipresa a ciabatta con 3 porte, per spine italiane, per prese schuko, spine europee, cavo da 1.5m, spina italiana 16A, interruttore luminoso, nero
00:19
Ekon multipresa a ciabatta con 3 porte, per spine italiane, per prese schuko, spine europee, cavo da 1.5m, spina italiana 16A, interruttore luminoso, nero14,99€6,31€
53%
SKE UPS Gruppo Continuità 1250VA, 360W Backup & Surge Protector UPS Gruppo di Continuità per Computer Router Modem
00:19
SKE UPS Gruppo Continuità 1250VA, 360W Backup & Surge Protector UPS Gruppo di Continuità per Computer Router Modem149,99€69,99€

Scarica la nostra app e leggi le notizie in mobilità. Porta iSpazio sempre con te, anche su Telegram.
| Applicazione iOS
Con l'applicazione ufficiale di iSpazio resterai sempre aggiornato sulle notizie Apple, video tutorial per iPhone e tanto altro. riceverai una notifica per ogni nuovo articolo. Puoi utilizzare anche i Widget per tenere le novità sott'occhio nella Home o nella Lockscreen.
Scaricala subito!
| Canale Telegram 10.700+ Utenti
Su Telegram invece, segnaliamo soltanto le notizie più importanti ed urgenti oppure i nostri nuovi video su YouTube. E' un canale molto interessante, assolutamente non invasivo perchè non inviamo troppe push, e vi consigliamo di seguirci anche lì.
Unisciti a noi!
ispazio notifiche
Seguici su Google News
Condividi Facebook Twitter Telegram WhatsApp Threads Email Copia Link
Articolo precedenteToki Tori presto nell’AppStore
Articolo successivo Rumor: Apple chiede a Google di non implementare il Multi-Touch negli smartphone Android?

Articoli correlati

iPhone 17 Pro si tinge di arancione e blu: spuntano i primi render

18 Lug 2025Commenta

L’iPhone 17 Pro potrebbe avere un nuovo display anti-riflesso e più resistente

17 Lug 2025Commenta

iPhone 17, trapelati tutti i colori dell’intera gamma

16 Lug 2025Commenta

iPhone 17: arriva la ricarica wireless a 25W con accessori di terze parti

16 Lug 2025Commenta

Leggi o Aggiungi Commenti

Advertising

Da non perdere!

iOS 26 beta 3: Tutte le novità raccolte in un solo articolo in continuo aggiornamento! [10]

7 Lug 2025

Apple prepara una valanga di novità: oltre 15 prodotti in arrivo entro fine anno

7 Lug 2025

iOS 26 beta 2: tutte le novità nascoste e i miglioramenti rispetto alla prima versione [15]

23 Giu 2025

iPhone 17 Pro si mostra in nero: ecco la nuova camera bar e il logo spostato

10 Lug 2025
Advertising

Gli articoli più letti

Apple Watch Ultra 3: arriverà in autunno con tre novità inedite

Apple Watch Ultra 3, la nuova generazione arriva con 5G e messaggi satellitari

Info su iSpazio
Info su iSpazio

iSpazio è il punto di riferimento italiano per tutti gli appassionati Apple. Dal 2007, sul nostro sito trovi notizie, recensioni e guide per imparare ad utilizzare al meglio iOS, l'iPhone e tutti gli altri dispostivi dell'azienda.

Contattaci
Pubblicità

Il Network
Il Network

L'esperienza maturata su iSpazio ci ha portati, con il tempo, a realizzare altri progetti ed aprire nuovi siti con tematiche strettamente correlate al nostro Blog principale.

Oggi, siamo i fieri proprietari di un Network composto da: iSpazio, Scontiamolo, Wallpapers Central e Teslers.

Link Rapidi
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su
© Copyright 2025 iSpazio SRL | Partita IVA: 10137091210
  • Chi siamo
  • Contattaci
  • Legal
  • Privacy Policy
  • Pubblicità su

Scrivi quello che vuoi cercare e premi Invio.