Pagina 1 SMARTPHONE Sommario SMARTPHONE...1 Introduzione...2 1. Definire la dimensione degli schermi alternativi...3 2. Disegnare gli Stili per le varie impaginazioni...4 Definire i menu...4 Definire lo Stile di Pagina...4 3. Creare le Pagine...5 3.1. Duplicare l'area principale...5 3.2. Semplificare l'area Smartphone...6 Eliminare i Contenitori...6 Eliminare le eventuali Pagine Principali inutili per gli Smartphone...6 Eliminare le eventuali Pagine Dipendenti inutili per gli Smartphone...7 3.3. Assegnare lo Stile d'impaginazione per Smartphone...7 3.4. Testi per Smartphone...8 Metodo 1: MACRO sulla Pagina...8 Metodo 2: Impostazioni sulla Scheda di Navigazione...9 Porzioni di testo...10 Contenitori...11 4. Definite le pagine alternative per smartphone...12 Informazioni tecniche...13 Index.asp...13 Come sono definite le pagine smartphone...13 Dimensione degli schermi smartphone...13 Agevolazioni per importare dati dalle pagine standard...13 Contrassegnare le Porzioni...13 Inserire Porzione o Pagine intere...14 Inserire un contenitore...14 Revisione 10.08
Pagina 2 Introduzione Le tecniche più usate per creare impaginazioni ottimizzate per schermi di piccole dimensioni sono fondamentalmente due: la creazione di siti differenti, l'uso di tecniche di stili scalabili. XTOTEM usa la prima tecnica in quanto molto più facile da realizzare, la seconda, sebbene più elegante, necessiterebbe di una approfondita conoscenza di linguaggi di programmazione da parte dei Gestori del sito. Quando un navigatore accede al Sito questo verifica per prima cosa le dimensioni del Browser e, se previsto in XTOTEM, richiama eventuali Pagine alternative. In XTOTEM occorre quindi duplicare il Sito per tutti i tipi di impaginazione, particolari strumenti aiutano nel non dover riscrivere più volte le stesse informazioni. XTOTEM prevede due impaginazioni differenti oltre a quella standard, tre in totale. I passaggi iniziali per utilizzare questa possibilità sono: 1. Definire la dimensione degli schermi alternativi 2. Disegnare gli Stili per le varie impaginazioni 3. Scrivere le pagine Si vedrà qui di seguito come fare.
Pagina 3 1. Definire la dimensione degli schermi alternativi Si possono definire due schermi alternativi, inserendo la misura minima e massima di ciascuno definita in Pixel. Dimensioni al di fuori di quelle indicate richiamano il sito Standard. Si possono anche scrivere due nomi da dare agli schermi alternativi definiti. Qui di seguito alcune dimensioni standard: Netbook, Notebook, Desktop 10"/12": 1024x600/768 13": 1280x800 15": 1366x768 19": 1440x900 20": 1600x900 Tablet 800x480/600 1024x600/768/800 Smartphone 240x320 320x480 480x800 TV 640x480 1024x720 1920x1080
Pagina 4 2. Disegnare gli Stili per le varie impaginazioni Gli Stili si disegnano in modo standard: IMMAGINE STILI. Cliccare su procedere. in alto a destra e cercare STILI per avere una descrizione passo a passo di come Si consiglia di usare menu a tendina per schermi di piccole dimensioni e caratteri grandi (Google considera validi quelli superiori a 28 pixel). Definire i menu IMMAGINE STILI MENU. Per schermi di piccole dimensioni si consigliano Menu a tendina. Definire lo Stile di Pagina IMMAGINE STILI STILI PAGINE. Si consiglia uno Stile semplice, con poche immagini.
Pagina 5 3. Creare le Pagine Se il Sito è complesso si consiglia di usare una nuova Area, se il sito è semplice è sufficiente creare le Pagine. Se non si duplica l'area andare al punto 3.3. 3.1. Duplicare l'area principale A volte può essere conveniente duplicare l'area principale, altre volte no. Se si usa la duplicazione occorre tenere presente che occorrerà poi modificare le singole pagine. HOME AREE GESTIONE. Occorre cliccare circa 30 volte su AVANTI 1. 1 L'elaborazione è molto complessa e lunga. Alcuni Provider hanno posto per motivi di sicurezza limitazioni nel tempo di elaborazione (timeout), per questo motivo l'operazione è stata suddivisa in 30 fasi distinte.
Pagina 6 Scegliere la nuova Area: 3.2. Semplificare l'area Smartphone L'area Smartphone NON richiede tutte le pagine dell'area Principale perché usa i testi di quest'ultima. Eliminare i Contenitori Le singole Pagine incluse nei Contenitori (duplicate dall'area Principale) non sono necessarie perché in realtà si useranno direttamente quelle dell'area Principale. PAGINE PULSANTI E PAGINE GESTIONE. Scegliere PULSANTI PRINCIPALI DISATTIVA evidenziare un Contenitore OK Potrebbe impiegare un po' di tempo perché sono prima cancellate tutte le singole pagine e quindi il contenitore che le raggruppa. Ripetere per tutti i contenitori. Eliminare le eventuali Pagine Principali inutili per gli Smartphone I siti per Smartphone potrebbero essere più semplici rispetto a quelli per i computer, eliminare eventuali Pagine inutili in modo analogo a quanto visto nel paragrafo precedente.
Pagina 7 Eliminare le eventuali Pagine Dipendenti inutili per gli Smartphone PAGINE PULSANTI E PAGINE PAGINE. 3.3. Assegnare lo Stile d'impaginazione per Smartphone Questa operazione, qui descritta separatamente, può essere eseguita insieme all'assegnazione dei Testi vista successivamente. PAGINE PULSANTI E PAGINE PAGINE. Scegliere lo Stile della Pagina (smartphone) Poiché il salvataggio è automatico, se sullo Stile c'è un solo Menu, non occorre altra operazione, altrimenti scegliere il Menu in cui è inserito il Pulsante Se si è optato per un Menu a Tendina, lo Stile del Pulsante non ha alcuna conseguenza e può essere lasciato inalterato. Ripetere per tutte le Pagine.
Pagina 8 3.4. Testi per Smartphone Questa operazione, qui descritta separatamente, può essere eseguita insieme all'assegnazione dello Stile d'impaginazione descritto nel paragrafo precedente. I testi possono essere scritti manualmente come su qualsiasi pagina, tuttavia può essere più comodo richiamarli dalle pagine dell'area Principale. In questo modo ogni modifica apportata è automaticamente visibile anche su Smartphone. Sono disponibili due tecniche: 1. Uso di MACRO nella Pagina 2. Uso di impostazioni sulla Scheda di Navigazione Metodo 1: MACRO sulla Pagina 1. Aprire la pagina per Smartphone cliccando su 2. Cancellare eventuale testo precedente 3. Cliccare su e richiamare la Pagina di cui includere il testo, è inserita una riga simile a: {TXT 368 T,100,L,xxx (Tabelle T/N, Foto %, Link L/N, Porzione) Cos e come funziona } 1 2 3 4 4. Modificare eventuali parametri: 1. TABELLE: Scrivere T se si vogliono visualizzare le Tabelle presenti sulla pagina originale, N se si vogliono trasformare le Tabelle in Testo 2. RIDUZIONE IMMAGINI: Scrivere la percentuale di riduzione delle immagini presenti sulla pagina originale 3. LINK: Scrivere L se si vogliono conservare eventuali collegamenti sulla pagina oppure N per eliminarli 4. PORZIONE: Scrivere il nome della porzione di testo da inserire. Sulla pagina originale la porzione di testo dovrà essere opportunamente contrassegnata (vedi più avanti Porzioni di testo ) 5. Salvare la pagina
Pagina 9 Metodo 2: Impostazioni sulla Scheda di Navigazione 6. Aprire la pagina per Smartphone cliccando su 7. Cancellare eventuale testo precedente 8. Aprire la pagina per Smartphone cliccando su e compilare la sezione COMPORTAMENTO: 1. Alla pressione si apre...: Scegliere Se stesso e accoda il testo di un'altra Pagina 2. Pagina da includere: Scegliere la pagina da cui trarre il testo 3. Visualizza le Tabelle: Indicare se visualizzare le tabelle 4. Riduci le immagini in percentuale: Scegliere la percentuale di riduzione delle immagini 5. Inserisci i collegamenti: Scegliere se visualizzare i collegamenti 6. Usa solo porzioni di testo selezionato: Scrivere eventuali nomi di porzioni di testo (fino a 3). Sulla pagina originale la porzione di testo dovrà essere opportunamente contrassegnata (vedi più avanti Porzioni di testo )
Pagina 10 Porzioni di testo Sulla pagina originale è possibile definire porzioni di testo da includere invece che l'intera pagina. Per definire una porzione: 1. Cliccare su e richiamare la MACRO Contrassegna porzione di testo, è inserita una Esempio: riga simile a: {nome}...{} 1 2 3 1. Scrivere, all'interno delle parentesi graffe, il nome da dare alla porzione di testo, non lasciare spazi inutili 2. Scrivere, al posto di... il testo da includere 3. Concludere la porzione con {}
Pagina 11 Contenitori Non è possibile inserire testi che contengano richiami ai Contenitori perché le pagine di dettaglio fanno riferimento ad impaginazioni personali. Le pagine Smartphone con collegamenti a Contenitori devono avere al loro interno i collegamenti stessi con l'indicazione dell'impaginazione corretta. Agire nel seguente modo: 1. Indicare le impaginazioni alternative sulle singole notizie 2 : 1. Aprire la Notizia (nell'area Principale) cliccando su oppure su 2. Scorrere fino a oppure, se si è cliccato su ed indicare la/le impaginazioni alternative 2. Aprire la pagina Smartphone che deve contenere il collegamento cliccando su 3. Inserire il collegamento al contenitore cliccando su e scegliere la pagina, è inserita una riga simile a: {INC 389 1,999,S,1 (Set:1/2/3, N. Max, Icona:S/N, Stile:1/2/3) contenitore news } 1 2 3 4 1. SET: Scrivere il Set di titoli da usare (1, 2 oppure 3) 2. NUMERO NOTIZIE: Scrivere il numero massimo di notizie da elencare 3. VISUALIZZA ICONE: Scrivere S per visualizzare le icone oppure N per non visualizzarle 4. STILE PAGINA: Scrivere lo stile di pagina da usare: 1 per l'impaginazione standard, 2 oppure 3 per le impaginazioni per Smartphone 2 E' consigliabile indicare le impaginazioni alternative sui TRACCIATI in modo da non dover ripetere tutte le volte
Pagina 12 4. Definite le pagine alternative per smartphone La scelta dell'impaginazione avviene quando il navigatore accede per la prima volta al sito, sulla pagina PREDEFINITA. Per questo motivo occorre indicare al sistema le pagine PREDEFINITE alternative per smartphone. STRUMENTI SMARTPHONE in corrispondenza dell'area da definire. Scegliere le tre pagine di default per i siti smartphone.
Pagina 13 Informazioni tecniche Index.asp La scelta della pagina da visualizzare avviene in index.asp. La pagina richiama gli indirizzi delle 3 pagine smartphone nonché quella di default e, in base alle dimensioni dello schermo, reindirizza la pagina corretta. Come sono definite le pagine smartphone STRUMENTI SMARTPHONE in corrispondenza dell'area da definire. Scegliere le tre pagine di default per i siti smartphone. Dimensione degli schermi smartphone STRUMENTI PARAMETRI PREFERENZE SMARTPHONE Agevolazioni per importare dati dalle pagine standard Le pagine smartphone possono importare i dati dalle pagine standard usando particolari Macro. Si possono importare intere pagine o porzioni di esse. Contrassegnare le Porzioni Iniziare la Porzione con la Macro COMMENTI scrivendo solo il nome del segnalibro,
Pagina 14 esempio {INIZIO} (maiuscole o minuscole sono indifferenti) Terminare con una Macro COMMENTI vuota, esempio {} Esempio: Inserire Porzione o Pagine intere Usare il pulsante per scegliere la Pagina da inserire. La Macro si presenta: {TXT 103 T,100,L,xxx (Tabelle T/N, Foto %, Link L/N, Porzione) HOME } 1 2 3 4 5 6 7 Modificarla come segue: 1. Nome Macro (NON MODIFICARE) 2. Pagina da inserire (NON MODIFICARE) 3. Importare le tabelle: scrivere T = Sì oppure N = No 4. Dimensione in percentuale delle immagini (esempio 50 = foto dimezzate) 5. Importare i collegamenti: scrivere L = Sì oppure N = No 6. Nome del segnalibro della porzione da inserire, cancellare xxx per importare l'intera pagina (ATTENZIONE, NON CANCELLARE LA VIRGOLA 7. Commento Esempio dopo la modifica (prima e dopo): {TXT 103 T,100,L,xxx (Tabelle T/N, Foto %, Link L/N, Porzione) HOME } {TXT 103 N,50,N,studio include la porzione di HOME chiamata STUDIO } Inserire un contenitore Usare il pulsante per scegliere il Contenitore da inserire. La Macro si presenta: {INC 78 1,999,S,1 (Set:1/2/3, N. Max, Icona:S/N, Stile:1/2/3) Contenitore Novità } 1 2 3 4 5 6 7 1. Nome Macro (NON MODIFICARE) 2. Contenitore da inserire (NON MODIFICARE) 3. Set di titoli/sommari: scrivere 1, 2 oppure 3 4. Numero massimo di notizie da visualizzare 5. Icona a sinistra del titolo: scrivere S= Sì oppure N = No 6. Stile pagina: scrivere 1 per standard oppure 2 o 3 per Stili alternativi per smartphone
Pagina 15 7. Commento