Da quando l‘iPad è uscito sul mercato, sono subito iniziati moltissimi progetti che ne implicavano l’utilizzo in settori ancora tutti da scoprire. L’utilizzo di un tablet non era e non è ancora completamente identificato in una singola situazione. A differenza dei dispositivi contemporanei dell’iPad come gli eReader o i netbook, di poco precendenti all’era  del touchscreen, avevano un contesto applicativo ben preciso, la lettura e la navigazione in internet.

Tra le critiche mosse all’iPad è che non si tratta di un vero computer perché non consente l’accesso a tutte le funzionalità che i computer offrono; fatto conclamato ma sempre più messo in discussione dalle capacità dei programmatori dell’AppStore che inventano soluzioni sempre nuove per superare i limiti, a volte un po’ eccessivi, che Apple impone per la piattaforma iOS.

Oggi qui su Creative Ispiration vogliamo mostrarvi due interessanti applicazioni di grande successo nel Store di Apple:

iMockup, la prima vi permette di affrontare la parte di progettazione e quella di brainstorming relative alla realizzazione dei vostri progetti web; la seconda, Textastic, cerca di risolvere una delle maggiori mancanze per iPad, la possibilità di programmare liberamente. Se nel campo dei software la questione rimane aperta, diverse soluzioni sono state trovate per il Web Design come Diet Coda, fratello minore di Coda 2, nei prossimi appuntamenti analizzeremo diverse alternative in questo campo, non risparmiateci quindi i vostri suggerimenti e le vostre segnalazioni

Texastic

Schermata 06 2456089 alle 11 27 56

Tesxastic  è un’utility davvero molto interessante che permette di gestire contenuti e codice relativo ai vostri progetti direttamente dall’iPad. Purtroppo non è possibile eseguire alcun tipo di compilazione al momento tramite il vostro Tablet iOS, per cui l’app non esegue questo tipo di azioni, ma ci consente di lavorare al nostro codice offrendoci un’interfaccia dedicata che evidenzia l’indentazione di moltissimi linguaggi tra cui i più diffusi in campo web, di cui è invece possibile visualizzare semplicemente l’anteprima HTML e CSS e PHP senza uscire dall’app.

Quest’app ha moltissime caratteristiche inerenti alla personalizzazione del vostro codice, rendendovi la vita molto più semplice attraverso strumenti dedicati a funzionalità specifiche. Potrete infatti utilizzare diversi stili di codifica come UTF-8 o ISO-8859-1. Altra caratteristica importante è la possibilità di recuperare contenuti e di condividerli tramite diversi strumenti online e via USB:

  • iTunes: tramite il classico processo di inserimento di documenti attivabile dalla schermata principale del vostro iPad in iTunes, semplciemente selezionanto textastic tra le appllicazioni che forniscono questo tipo di funzionalità.
  • Dropbox: l’ideale per condividere facilmente documenti con i nostri computer, così da facilitare il flusso di lavoro da una macchina all’altra.
  • FTP: ideale per chi dedice di caricare direttamente le sue crazioni ed ammirarle online sempre tramite l’app.
  • MobileMe, in fase di aggiornamento verso il nuovo iCloud
  • un vostro server WebDAV

2012 06 10 11 20 09

L’app supporta come detto l’esportazione, salvando direttamente il file secondo il template e bundles, che potrete anche personalizzare inserendo una cartella con nome #Textastic in cui copiare i vostri template .tmbundle e .tmTheme;

Un’altra utile funzionalità, è la possibilità di utilizzare in modalità anteprima una funzione denominata firebug, che vi permette di analizzare il codice da voi scritto, e di recuperare da questo alcune informazioni utili come:

  • L’analisi compilata dei tag CSS relativi ad una pagina
  • La struttura DOM della vostra pagina, con la possibilità di leggerne comodamente i contenuti
  • Dati relativi allo scripting.
  • accesso diretto al vostro iPad tramite l’opzione di sharing interna all’app

Textastic1

2012 06 10 11 20 05

Ultima ma non per importanza è da sottolineare la presenza di moltissimi tips per personalizzare l’utilizzo mobile dell’applicazione.
Gli sviluppatori di Textastic hanno pensato davvero a tutto per garantirvi una comodità di scrittura notevole, a cominciare dal pieno supporto alla tastiera bluetooth, passando poi per la personalizzazione della tastiera interna con tasti veloci, l’undo e il redo, il menu di selezione avanzato, e alla gestione completa delle informazioni relative al testo, dal font alla dimensione, passando per l’integrazione con TextExpander.
2012 06 10 11 19 00

iMockUps

01 editing view103 inspector

Quest’applicazione vi permetterà di struttturare rapidamente dei Mockup con il vostro iPad. L’app presenta diversi contenuti così da fornire un ampio spettro di soluzioni per tutti i possibili sketch che vi troverete a progettare. Divisi in tre sezioni abbiamo diversi tool per la costruzione dei nostri sketches:

  • Web: contentente le rappresentazioni di attributi del linguaggio HTML come tabelle e liste oppure specifici contenuti relativi alla strutturazione della pagina all’interno del browser e dal punto di vista applicativo.
  •  iPhone/iPad è la sezione dedicata ai dispositivi iOS che forniscono alcuni contenuti fondamentali come la gestione dell’immagine all’interno del dispositivo e la rappresentazione stilizzata di menu, tastiere e popup, tutto quelo che serve per buttare giù idee da realizzare in seguito o da presentare ad esempio al cliente, così da avere un feedback immediato sull’andamneto del proprio lavoro.
  • Markup: l’utlima categoria contiene semplici tool per il commento e la gestione dei precedenti contenuti di progettazione.
Fondamentale è la possibilità di importare le vostre foto all’interno dei progetti, così da poter aggiungere ulteriori elementi a quelli presenti nel template di base.
02 set canvas
L’interfaccia dell’applicazione è pensata per un lavoro di progettazione completo, la barra laterale non vi farà mai perdere di vista un progetto, e potrete sempre considerare l’idea di creare un’evoluzione della vostra pagina, mantenendo uno storico di quanto deciso in precedenza.

Le funzionalità di esportazione ci consentiranno di portare ovunque i nostri progetti, producendo internamente all’applicazione anche PDF contenenti tutte le pagine di cui abbiamo trascritto una visualizzazione di bozza. iMockup prevede anche mantenere i progetti esplorandoli così da poter modificare e completare il lavoro all’interno dell’app.

06 final mockup

Conclusioni

Come abbiamo detto queste applicazioni sono solo due delle applicazioni che l’App Store contiene, relative alla pratica del web design, abbiamo deciso di inziare da queste perchè si tratta di app a buon mercato, circa 10€ l’una non è molto se pensate a tutti i servizi offerti, e semplici da usare. Entrambe le app hanno siti web molto utili da cui reperire informazioni importanti per l’utilizzo avanzato di queste.

Sul sito di Textastic potrete trovare un manuale completo dell’app così da carpirne ogni segreto, mentre la community di iMockup è sempre molto attiva e attenta alle richieste di nuove feature da parte degli utenti.

Non vi resta che provarle e farci sapere cosa ne pensate.