Istruzioni per la consultazione e l utilizzo. del sito web degli EtabetAmtb

Transcript

1 Istruzioni per la consultazione e l utilizzo del sito web degli EtabetAmtb 1/18

2 Indice del manuale 1 Introduzione: scopo del sito etabetamtb.net Il Manuale 3 2 Requisiti minimi per la visualizzazione e la navigazione 4 3 Istruzioni per la consultazione del sito web Struttura del sito Accesso al sito Top Menu Moduli lato sinistro Moduli lato destro Altre funzioni di visualizzazione 14 4 Istruzioni per l utilizzo del sito web Registrazione Login Caricamento files Inserimento eventi in calendario /18

3 1 Introduzione: scopo del sito etabetamtb.net Il sito web è di proprietà del gruppo ciclistico EtabetAmtb e ha lo scopo di rendere pubbliche, attraverso fotografie e resoconti scritti, le attività del gruppo, sia inerenti la pratica della mountain bike che non. 1.1 Il Manuale Questo manuale fornisce alcune informazioni pratiche sull utilizzo del sito web 3/18

4 2 Requisiti minimi per la visualizzazione e la navigazione Il sito web è elaborato sulla piattaforma open source Joomla ( residente su Server Linux e si basa sull utilizzo di un database Mysql. L elaborazione grafica è stata ottimizzata per una visualizzazione minima di 1024x768. Il sito è stato testato con le ultime versioni disponibili dei più comuni Browser (IE7, Firefox, Chrome, Safari). Qualche problema di visualizzazione potrebbe verificarsi con versioni non aggiornate (es.: IE6). Per una corretta visione di elementi grafici dinamici, il sito richiede l installazione di Adobe Flash Player. 4/18

5 3 Istruzioni per la consultazione del sito web 3.1 Struttura del sito La struttura del sito basata sul menu principale (TopMenu) attraverso cui è possibile accedere a tutte le aree del sito stesso: Figura 1: Mappa del Sito 3.2 Accesso al sito L accesso al sito è possibile digitando sulla barra degli indirizzi del browser il seguente url: Comparirà la seguente schermata, tramite la quale, scegliendo la lingua appropriata, si entra nella homepage del sito: 5/18

6 Accesso al sito in lingua italiana Accesso al sito in lingua inglese Figura 2: Pagina di accesso La figura seguente illustra la composizione della Home Page, nella versione italiana: Regolatore dimensione carattere Moduli lato sn Top Menu Spazio testo scorrevole Contatore visite Moduli lato dx Figura 3: Home Page La navigazione del menu e dei vari moduli è descritta nei paragrafi seguenti. 6/18

7 3.2.1 Top Menu Le voci che compaiono all interno del Top Menu permettono di navigare all interno di tutto il sito e sono strutturate come descritto nella Figura 1. Figura 4: Struttura del Top Menu Alcune voci di Menu hanno a loro volta delle voci di sottomenu che permettono una navigazione piu agevole e diretta. Le voci di menu e sottomenu, una volta selezionate, permettono di accedere a moduli specifici del sito, ad articoli o a link esterni. Il TopMenu è accessibile da qualsiasi pagina del sito. Una volta selezionata una voce di menu, essa viene evidenziata tramite la colorazione in grigio dello sfondo della casella Menu Home La selezione di questa voce del TopMenu permette di raggiungere la Home Page da qualsiasi pagina di navigazione. Non ha voci di Sottomenu Menu EtabetAmtb Questa voce contiene alcune voci di Sottomenu che, se selezionate, aprono pagine di articoli in cui sono riportate descrizioni inerenti la storia e i componenti del gruppo EtabetAmtb. Un articolo contiene un testo descrittivo, solitamente alcune fotografie, visionabili ingrandite se cliccate, e alcuni link (evidenziati in rosso e sottolineati) ad altre pagine del sito o a siti web esterni. Gli articoli vengono raccolti all interno di categorie, a loro volta raccolte all interno di sezioni, creando di fatto due livelli gerarchici di archiviazione. La struttura dei Menu e sottomenu ricalca in gran parte questa categorizzazione. Pulsanti per la generazione del pdf della pagina, la stampa e l invio della pagina via Autore dell artico Foto ingrandibile Sezione Categoria Link Figura 5; Esempio di articolo 7/18

8 Al di sotto del titolo dell articolo, compaiono, nell ordine: La data di creazione dell articolo L autore dell articolo La sezione in cui l articolo e archiviato La categoria in cui l articolo e archiviato Pulsanti per la generazione di un file.pdf dell articolo, la stampa e l invio dell articolo tramite . Cliccando su i link della categoria o della sezione apparirà una tabella rispettivamente con l elenco degli articoli contenuti nella categoria o le categorie contenute nella sezione: Figura 6: Contenuto della categoria Menu Gallery Anche la voce Gallery contiene dei sottomenu. Tramite il menu Gallery è possibile accedere alle gallerie fotografiche e video del gruppo. In particolare: Sottomenu Escursioni: permette l accesso all elenco delle escursioni in mtb del gruppo, suddivise per anno (a partire dal 2008). Nell elenco, per ogni escursione, sono riportati la data, la meta, le fotografie dei partecipanti, il collegamento alla galleria fotografica e, se presente, alla scheda descrizione percorso. Figura 7: Elenco escursioni Sottomenu Eventi non ciclistici: permette l accesso all elenco delle attività non ciclistiche (quali feste, riunioni, etc.) del gruppo, suddivise per anno (a partire dal 2008). Nell elenco, per ogni evento, sono riportati la data, la descrizione dell evento, le fotografie dei partecipanti e il collegamento alla galleria fotografica. 8/18

9 Sottomenu Photo Gallery: permette l accesso diretto alle gallerie fotografiche e video del sito, suddivise a loro volta tra eventi ciclistici e non ciclistici e per anno. Una volta selezionato l album di interesse, esso viene visualizzato come una striscia di immagini, che è possibile scorrere verso destra o sinistra con dei cursori laterali. Cursori di scorrimento Figura 8: Striscia delle immagini Cliccando su una delle fotografie è possibile dare avvio alla visualizzazione delle foto in formato ingrandito. Ritorno all elenco album Visualizzazione striscia fotografie Pannello di aiuto Foto precedente Foto successiva Avvio slideshow Figura 9: Immagine dello slideshow Un menu a icone sotto la fotografia ingrandita permette di avanzare o retrocedere nella visualizzazione, avviare lo slideshow automatico, visualizzare un breve testo descrittivo (spostando il mouse sul titolo dell album), tornare alla visualizzazione delle miniature, tornare alla visualizzazione dell elenco degli album o accedere a un pannello di aiuto. Cliccando sulla foto, invece, si apre una più ampia visualizzazione della fotografia stessa, che è possibile salvare sul proprio PC (formato max 1000x1000) Menu Percorsi Il menu Percorsi permette l accesso alle schede dei percorsi mtb che il gruppo ha effettuato e ha reputato degni di pubblicazione. 9/18

10 Le schede sono raggruppate per area geografica. Ogni scheda, oltre alla descrizione, riporta alcune immagini e collegamenti di particolare interesse: Collegamento a una finestra popup relativa al meteo nella zona di interesse; Collegamento alla galleria fotografica piu recente; Collegamento alla visualizzazione del percorso su GoogleMap Collegamento per il download della traccia GPS (accessibile solo agli utenti registrati) Visualizzazione del profilo altimetrico del percorso (immagine ingrandibile) Visualizzazione del percorso su Google Earth (immagine ingrandibile) Profilo altimetrico (Ingrandibile) Visualizzazione e link a Percorso su GoogleMap Figura 10: Scheda percorso Visualizzazione del percorso su GoogleEarth (ingrandibile) Menu Download Questo menu permette di accedere all area download del sito, da cui è possibile scaricare, o caricare, files di immagini, testi, etc. La sezione è divisa in 5 categorie: Fotografie: raccoglie le gallerie fotografiche, suddivise per anno e distinte tra eventi ciclistici e non ciclistici. Il download è riservato solo ai membri del gruppo EtabetAmtb, registrati sul sito. Il download di ogni galleria consta di un solo file zip, solitamente di dimensione molto grande, all interno del quale sono raccolte tutte le fotografie dell evento in formato JPEG e dimensione originale. Video: raccoglie i video ciclistici, suddivisi per anno. Il download è riservato solo ai membri del gruppo EtabetAmtb, registrati sul sito. Il download di ogni video consta di un solo file.mov, solitamente di dimensione medio/grande. 10/18

11 Tracce GPS: raccoglie le tracce GPS, in formato gpx, suddivise per area geografica, analogamente alla suddivisione delle rispettive schede. Il download delle tracce è riservato ai membri registrati del sito. Miscellanea: area download ad accesso pubblico, comprendente il calendario delle uscite dell anno in corso, i manuali, e la pubblicazione di materiale di eventi segnalati dal gruppo. Spazio uploading: area riservata ai membri EtabetAmtb registrati sul sito per il caricamento di files (es. fotografie) e la loro condivisione. Dettagli al riguardo sono esposti nella sezione Menu Utilità Si tratta di un menu che permette l accesso ad alcune aree utili del sito: Registro attività sportive: è una raccolta di eventi, catalogati per utente e tipologia, con il quale ogni utente registrato può registrare le proprie attività sportive e di allenamento. Il suo utilizzo è alquanto intuitivo. Innanzittutto, occorre effettuare il login. Quindi, se si vuole inserire un nuovo evento, si clicca su Add entry, si seleziona quindi la data interessata e il tipo di attività sportiva. Si inseriscono i dati richiesti e quindi si salva il tutto cliccando sull icona relativa in alto a destra. In base alle preferenze selezionate, si può scegliere se i propri eventi saranno visibili a tutti oppure no. Calcolo calorie: permette il rapido calcolo delle calorie consumate sulla base dell età, del peso, e delle attività abitualmente svolte nella giornata. Importante è la selezione iniziale delle unità di misura nel sistema metrico (in alto a sinistra). Calcolo del BMI: simpatica utilità che permette di calcolare il proprio indice di massa corporea (Body Mass Index), inserendo la propria altezza e il proprio peso. Anche in questo caso, ricordarsi di selezionare le unità del sistema metrico. SiteMap: fornisce la struttura del sito. 11/18

12 Menu Forum Permette l apertura del forum degli EtabetAmtb, per il quale è pubblicato un apposito Manuale Menu Links Permette l accesso a una lunga lista di collegamenti a siti esterni di particolare interesse per gli EtabetAmtb. I collegamenti classificati Amici riportano reciprocamente un collegamento al sito degli EtabetAmtb Menu Contatti Permette di accedere alla lista dei contatti di riferimento per il sito. Contiene due sottomenu, che permettono rispettivamente di accedere alla lista dei contatti di amministrazione del sito (Webmaster e Postmaster) o a quelli del gruppo ciclistico. Per ogni contatto, è possibile accedere al suo indirizzo di posta elettronica Moduli lato sinistro I moduli del lato sinistro sono visibili, in toto o in parte, da tutte le pagine del sito, con l eccezione della pagina della Photo Gallery e della pagina SiteMap. I moduli comprendono: Selezione lingua consultando. Tramite la selezione della rispetto simbolo (bandierina) è possibile passare dalla modalità inglese a italiana e viceversa. Il cambio della lingua non sposta la navigazione dalla pagina che si sta Ricerca Tramite la funzionalità di ricerca è possibile effettuare ricerche per parola chiave all interno del sito Visitatori sito L informazione Chi è Online fornisce il numero di visitatori che attualmente stanno accedendo al sito. Se tra i visitatori ci sono utenti registrati che hanno effettuato l accesso, i loro nomi vengono elencati Login Il modulo di login permette agli utenti registrati di effettuare il login, e quindi di usufruire di particolari privilegi loro concessi. Tale modulo permette inoltre di accedere alla pagina di registrazione, se non si è ancora utenti registrati, oppure di recuperare nome utente e/o password nel caso fossero stati dimenticati. La spunta dell opzione Ricordami permette al browser di accedere come utente registrato ogni volta ci si collegherà al sito in futuro. Dettagli maggiori su queste procedure sono descritti nella sezione /18

13 I più letti Questo modulo elenca i tre articoli del sito più letti dai visitatori e ne permette un accesso diretto con un semplice click Moduli lato destro I moduli sul lato destro sono visibili solo sulla Home Page Calendario Il calendario è un utile funzionalità del sito che permette di visualizzare gli appuntamenti del gruppo. Le caselle del calendario colorate più scure indicano la presenza di uno o più eventi pianificati per quella data. Passando il mouse sopra una di esse, verrà esplicitato, tramite popup, l evento a cui sarà possibile accedere con un semplice click. Il giorno odierno è evidenziato da una casella a sfondo rosso. La visualizzazione del mese successivo o precedente è consentito tramite un click sulle frecce a destra o a sinistra del testo del mese visualizzato. Il menu Calendario nella parte inferiore del modulo rimanda alla lista completa degli eventi, secondo il loro ordine cronologico. Scheda evento: la scheda evento descrive in dettaglio l evento, citandone il titolo (Title), la data e l ora (When), il luogo d incontro (Where) e la categoria a cui l evento appartiene. Esistono tre categorie di eventi: Escursioni ufficiali EtabetAmtb, Escursioni extra e Segnalazione eventi ciclistici. Viene anche fornita una breve descrizione dell evento. Nella parte inferiore viene fornito il dettaglio del luogo di incontro e, cliccando sull icona (Mappamondo) sulla destra, è possibile visualizzare la mappa su GoogleMap. Icona per visualizzazione mappa del punto di ritrovo Figura 11: Scheda evento 13/18

14 News Questo utile modulo elenca le ultime novità pubblicate sul sito, con la data di riferimento. Eventuali link (testi in rosso e sottolineati) sono perfettamente funzionanti e rimandano direttamente alla novità citata Sondaggi Questo spazio permette di raccogliere i voti dei visitatori su particolari quesiti di interesse per il gruppo. Dopo aver scelto una delle possibili opzioni è possibile votare. La consultazione dei risultati è immediata tramite click sul relativo pulsante Altre funzioni di visualizzazione Con riferimento alla Figura 3, le pagine del sito presentano altre funzioni di visualizzazione o informazioni aggiuntive: Regolazione dimensione carattere: Permette la regolazione della dimensione dei caratteri degli articoli. Cliccando si A+ il carattere si ingrandisce; cliccando su A- il carattere si rimpiccolisce. Cliccando su A il carattere torna alla sua regolazione di default. La regolazione del carattere viene mantenuta anche alla successiva apertura del sito. Testo scorrevole (solo sulla Home Page): Il testo scorrevole, se presente, riporta la data e la meta dlela prossima escursione del gruppo. Si tratta di un link che, se cliccato, porta direttamente alla descrizione dell uscita presente sul forum. Statistiche sito (solo sulla Home Page): Si tratta della visualizzazione delle pagine totali visitate, a partire dal , e delle pagine visitate nell anno in corso. 14/18

15 4 Istruzioni per l utilizzo del sito web In questa sezione vengono descritte alcune funzionalità del sito che ne permettono una fruizione più interattiva. Alcune funzionalità sono limitate agli utenti registrati e talvolta solo ai membri del gruppo EtabetAmtb. 4.1 Registrazione La registrazione al sito permette di divenire utenti registrati e di usufruire di alcuni privilegi riservati. L accesso alla pagina della registrazione avviene tramite un click sul link Registrati all interno del modulo LOGIN. La maschera di registrazione richiede il riempimento di alcuni campi obbligatori, necessari per l archiviazione dei dati dell utente: Figura 12: Scheda registrazione Una volta riempiti tutti i campi con contenuti validi, cliccare sul pulsante REGISTRATI. A questo punto il sistema provvede a inviare una mail all indirizzo indicato nel modulo di registrazione, con evidenziato un link. La procedura di registrazione si completerà solo quando l utente cliccherà sul link fornito nella mail. Da quel momento in poi potrà accedere al sito come utente registrato tramite la procedura di login. Il nome utente sarà il nome visualizzato sul sito ogni volta che l utente avrà effettuato il login. 4.2 Login La procedura di login permette di accedere al sito come utente registrato. Il login avviene inserendo sul modulo di login il proprio nome utente e la password e cliccando sul tasto LOGIN. Attualmente l unico privilegio riservato agli utenti registrati, che non siano membri EtabetAmtb, è la possibilità di scaricare le tracce GPS. Gli utenti registrati e anche membri del gruppo EtabetAmtb (elencati nella sezione contatti/team EtabetAmtb) hanno in più i seguenti privilegi: Possibilità di download delle raccolte fotografiche (sezione Download) Possibilità di download dei video (sezione Download) Possibilità di caricamento files 15/18

16 Possibilità di inserimento eventi nelle categorie Eventi extra e Segnalazione eventi ciclistici 4.3 Caricamento files Il caricamento dei files è riservato agli utenti registrati e membri EtabetAmtb. L accesso a questa sezione avviene seguendo i seguenti passi: 1. Menu Download 2. Click su: 99_Spazio uploading 3. Click sull icona: Invia un file Si accederà alla maschera di caricamento, dove occorre inserire, nell ordine: Il percorso del file da caricare (se il file è presente sul computer locale) oppure l url del file, se si tratta di file remoto. La data (già inserita in automatico dal sistema) La dimensione del file, espressa in kb o MB La locazione in cui caricare il file (esiste una sola scelta possibile che è 99_spazio uploading) Il titolo del file Una breve descrizione (facoltativa) Figura 13: Scheda caricamento file (1/2) Nella parte inferiore della maschera ci sono altre informazioni rilevanti, utili per meglio identificare il file, ma non obbligatorie: La data della versione L autore del file Una icona (scelta cliccando una delle possibili icone disponibili) 16/18

17 Icone selezionabili per il file da caricare Figura 14: Scheda caricamento file (2/2) Una volta completata la scheda, cliccare sul pulsante di Invio. A questo punto partirà il caricamento del file sul server (tener presente che le velocità di caricamento sono molto più lente rispetto al download). Una volta che il file è caricato, esso non viene reso subito disponibile e visibile agli utenti, ma ne viene segnalata la presenza all Amministratore del sito, il quale ne vaglierà il contenuto e ne autorizzerà la pubblicazione. 4.4 Inserimento eventi in calendario L inserimento di eventi in calendario è riservata agli utenti registrati e membri del gruppo EtabetAmtb. L inserimento è limitato alle categorie: Eventi Extra e Segnalazione eventi ciclistici. Di seguito è riportata la procedura per l inserimento di un evento: 1. Effettuare il login; 2. Ritornare alla Home Page 3. Cliccare sul Menu Calendario, tra i moduli a destra, accedendo alla lista complete degli eventi. 4. Cliccare, in alto a destra, sull icona del calendario per accedere alla scheda di inserimento nuovo evento: Icona per l inserimento di un nuovo evento 5. Inserire nel modulo le seguenti informazioni: a. Il titolo dell evento b. La selezione (select) del punto di incontro (Venue), tra quelli disponibili c. La selezione della categoria, tra quelle disponibili d. La data dell evento e. La data di fine dell evento (facoltativa) f. L ora di inizio dell evento (hh:mm) e quella di fine. 17/18

18 g. Se l evento è ricorsivo, selezionare la frequenza di ripetizione (Repetition) h. Una breve descrizione Figura 15: Scheda caricamento evento 6. Cliccare sul pulsante Salva e l evento verrà caricato tra quelli già esistenti. Si fa presente che un evento, una volta inserito, è modificabile dall autore ma non è eliminabile se non dall Amministratore. 18/18