ZotSell
Wizzard Home |

Cod. Ultima revisione 7E|8E|S|B Cod. Sviluppo
125 2016/03/01 - PG

Tipi File a corredo dei dati

I File utilizzati devono essere ottimizzati all'utilizzo in app al fine di renderli più leggeri possibile in funzione del tipo di utilizzo dato che devono essere scaricati.

File troppo grandi possono avere problemi in scaricamento in caso di rallentamenti della rete.

Lista dei tipi file supportati dai viewer dell'App:


File Immagini


I formati supportati in ipad per le immagini sono Jpg o png

Icona per una gallery di immagini
Viewer in app per la gallery di immagini


Comportamento su Sell e Buy


Viewer in Sell e Buy per la gallery di immagini
Viewer in Sell e Buy per la gallery di immagini

File txt


File testo piano estensione .txt

File pdf


I file pdf devono essere debitamente predisposti per garantire una corretta visualizzazione su iPad.

Il lettore presente all’interno del device è in grado di aprire velocemente file basici privi di elementi vettoriali. Nel caso il pdf risulti complesso si consiglia di rasterizzare le pagine ovvero di convertire gli artefatti presenti nel pdf in comuni immagini tipo jpg.

Per fare questo si consiglia l’utilizzo di programmi quali Acrobat.

In generale è inutile utilizzare risoluzioni maggiori dei 72 DPI (Es. 300 per la stampa) per ottenere maggior dettaglio e zoom aumentare le dimensioni di altezza e larghezza 


Icona per file PDF
Viewer in app per li file in PDF


Comportamento su Sell e Buy


Viewer in Sell e Buy per li file in PDF

Quando si clicca sul file quest'ultimo verrà scaricato o aperto direttamente nel browser a seconda della impostazioni del browser in uso


File Microsoft Office


I documenti Excel (.xls) , Powerpoint (.ppt) e Word (.doc) devono essere salvati usando il formato Microsoft Office 97 o più recenti.


Viewer in app per file Excel
Viewer in app per file Word
Viewer in app per file Powerpoint


Comportamento su Sell e Buy


Viewer in Sell e Buy per file Office

Quando si clicca sul file quest'ultimo verrà scaricato nei download.


File HTML5 (da 8E )

(In revisione per quanto riguarda le dimensioni schermo)

Sono pacchetti autocontenuti in una cartella che deve essere zippata e associata alla risorsa (Es scheda articolo,MEdia ecc)
 
Il contenuto della cartella è di fatto un minisito che può essere testato in locale su un qualsiasi browser

E' consigliato che il pacchetto una volta creato venga testato su safari prima di essere importati su ZotSell dato che il motore del browser in app è il Webkit di safari 
Meglio ancora se si rende disponible al browser del device per i test di visualizzazione.
Permettono tramite l'uso di javascript e librerie varie  di costruire vari tipi di animazione e interazione con gli elementi renderizzati 

Alcuni consigli :

Dimensione

Il file deve essere creato con una dimensione di 1024×968 in landscape e 768 x 1020 in portrait
per gli ipad1 e ipad2 mentre deve essere di  2048×1536 e 1536 x 2048 per il nuovo iPad.

No-Zoom

Se si lascia alla sua immaginazione l’iPad pensa che tutti gli html5 siano di 980px di larghezza, aggiunge lo scorrimento orizzontale se la pagina è più larga e scala fino a 980px i siti più piccoli, anche se la risoluzione nativa (in modalità portrait) è 780px.

Quando si gira in modalita landscape la pagina viene viene zoomata a 980px.

Per mantenere il sito alla risoluzione nativa sia in verticale e orizzontale deve essere aggiunto un metatag nel codice, che definisce la risoluzione e blocca lo zoom touch dell’utente.

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

Cambio Orientamento


Il metodo più semplice è quello di controllare la dimensione della finestra utilizzando una media query nel css e fornire diverse classi per le diverse risoluzioni.

Se il contenuto di larghezza non è stato impostato in base alla larghezza del dispositivo (vedi sopra) la risoluzione di taglio dovrebbe essere 980 pixel  

@media all and (max-width: 768px) { body { /* extra styles for mobile or portrait*/ } } @media all and (min-width: 769px) { body { /* extra styles for desktop or landscape*/ } }


Packaging


L’intera cartellina che contiene il gruppo di files html5 deve essere zippata (.zip) e non deve contenere altre sotto cartelle. Tutto deve essere allo stesso livello.


Icona per file HTML
Viewer in app per file HTML

Esempi Mock di File Html5 

Esempi


Questo è un esempio di pacchetto HTML con animazione
Carusel


Comportamento su Sell e Buy

Questo tipo file non viene gestita su sell e su buy

File video


Per caricare un video su iPad deve essere convertito ( .m4v o .mp4) ed ottimizzato.

Esiste un software gratuito (si trova su: www.handbrake.fr) che svolge questo compito in maniera eccellente e veloce. Basta selezionare le preferenze di handbrake (Presets) su “iPhone e iPod Touch” e caricare il file che viene prodotto dalla conversione.


Icona per file Video
Viewer in app per file Video


Comportamento su Sell e Buy


Viewer in Sell e Buy per file Video.

Quando si clicca sul file quest'ultimo verrà scaricato nei download.

File 3D

(COMING SOON...)

Per caricare un file 3D deve essere prodotto un file .zip contenente ....  In fase sviluppo