{"id":4311,"date":"2010-09-07T16:46:31","date_gmt":"2010-09-07T14:46:31","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=4311"},"modified":"2013-03-05T16:09:40","modified_gmt":"2013-03-05T15:09:40","slug":"interface-creare-prototipi-mockup-per-le-nostre-applicazioni-direttamente-da-iphone","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/interface-creare-prototipi-mockup-per-le-nostre-applicazioni-direttamente-da-iphone\/","title":{"rendered":"Interface: creare prototipi & mockup per le nostre applicazioni direttamente da iPhone"},"content":{"rendered":"

\"Interface-per-iPhone-crea-prototipi-applicazioni-mockup-01\"<\/a> Oggi voglio presentarvi uno strumento interessante, che vi permetter\u00e0 di creare prototipi delle vostre applicazioni direttamente dai vostri iPhone (o iPad). Cos\u00ec finalmente potrete lavorare anche mentre siete a zonzo durante un pomeriggio di sano relax ^^ In effetti visto da questo punto di vista forse non \u00e8 il massimo, ma nella realt\u00e0 siamo di fronte ad uno strumento davvero molto utile e interessante. Infatti non solo potrete studiare e “disegnare” le interfacce grafiche utente, ma potrete anche testare (e mostrare a eventuali vostri clienti) il lavoro direttamente sul dispositivo.<\/p>\n

Insomma, quale prova migliore se non quella di far vedere (o vedere) il risultato finale, ancora prima di partire con lo sviluppo, e soprattutto: direttamente sui nostri iPhone?<\/p>\n

Interface<\/a>, di Less Code Limited, ci aiuter\u00e0 proprio in questo! Semplicissimo da usare, forse solo un po’ macchinoso all’inizio (a parer mio personale), ma una volta presa la mano, diventerete velocissimi a creare, modificare ed eliminare le vostre schermate. Molto utile, quindi, in fase di progettazione delle nostre applicazioni.<\/p>\n

Come funziona?<\/h4>\n

Vediamo come funziona Interface per iPhone. Le applicazioni che andremo a progettare vengono gestite in cartelle. All’avvio del programma, quindi, verranno visualizzate le cartelle (all’interno di un’ UITalbleView) dei programmi su cui state lavorando. Potrete editare queste cartelle rinominandole o modificandone l’ordine di visualizzazione.<\/p>\n


\n\"Interface-per-iPhone-crea-prototipi-applicazioni-mockup-02\"<\/a>
\n<\/center><\/p>\n

Entrando in una cartella si entrer\u00e0 nel vivo del programma. Da qui potrete infatti creare i vostri Mockup, semplicemente premendo sul tasto “+” che trovate in basso a sinistra. Anche qui potrete effettuare alcune modifiche rinominando le schermate, cambiando l’ordine di visualizzazione o impostare il supporto per la visualizzazione in landscape per ogni elemento. Per quest’ultima funzione troviamo un avviso che indica che si tratta di una funzione sperimentale e che le viste non verranno ridimensionate automaticamente.<\/p>\n

Tramite un semplice tap su un Mockup, potremo decidere se Editare, Clonare o visualizzare un’anteprima.<\/p>\n


\n\"Interface-per-iPhone-crea-prototipi-applicazioni-mockup-03\"<\/a>
\n<\/center><\/p>\n

Entrando in modalit\u00e0 di modifica ci ritroveremo davanti una view completamente vuota (e bianca). Tramite un doppio-tap in un punto qualsiasi si aprir\u00e0 un men\u00f9 dove potremo scegliere una delle seguenti voci:<\/p>\n